.usage-page{--usage-drop:#ffd48a;--usage-on-cobalt-faint:#ffffff24;--usage-on-cobalt-soft:#ffffff80}.usage-page h1,.usage-page h2{font-variant-numeric:normal}.usage-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:clamp(28px,4vw,52px);display:flex}.usage-head h2{max-width:20ch}.usage-head .hp-lede{max-width:40ch;font-size:18px}.usage-app{color:var(--hp-card-ink);letter-spacing:-.003em;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.45}.usage-win{background:var(--hp-card);box-shadow:var(--hp-shadow), inset 0 0 0 1px var(--hp-card-line);border-radius:14px;overflow:hidden}.usage-win .hp-topbar{min-height:42px;padding-inline:14px}.usage-muted{color:var(--hp-card-muted)}.usage-pill{box-shadow:inset 0 0 0 1px var(--hp-card-line);color:var(--hp-card-muted);white-space:nowrap;border-radius:7px;padding:3px 8px;font-size:12px}.usage-filter{background:var(--hp-ui-soft);color:var(--hp-ui);white-space:nowrap;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:500}.usage-up{color:var(--hp-ok)}.usage-hero{padding-block:clamp(40px, 6vw, 80px) calc(var(--hp-pad) + var(--hp-r-sheet))}.usage-hero h1{max-width:20ch}.usage-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;margin-top:clamp(24px,3vw,36px);display:flex}.usage-hero-row .hp-actions{justify-content:flex-start;margin-top:0}.usage-lines{background:var(--hp-cobalt);color:var(--hp-on-cobalt);border-radius:28px;margin-top:clamp(40px,5vw,64px);padding:clamp(20px,3vw,36px)}.usage-lines-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.usage-lines-title{letter-spacing:-.02em;font-size:clamp(20px,2vw,26px);font-weight:600}.usage-lines-title span{color:var(--hp-on-cobalt-muted);letter-spacing:0;margin-left:10px;font-size:16px;font-weight:400}.usage-renews{box-shadow:inset 0 0 0 1px var(--hp-cobalt-line);color:var(--hp-on-cobalt-muted);border-radius:999px;padding:4px 12px;font-size:14px}.usage-legend{color:var(--hp-on-cobalt-muted);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.usage-legend li{align-items:center;gap:8px;display:inline-flex}.usage-legend i{border-top:3px solid #fff;width:22px;display:inline-block}.usage-legend .usage-key--soft{border-top-color:var(--usage-on-cobalt-soft)}.usage-legend .usage-key--none{border-top-style:dotted;border-top-color:#ffffffb3}.usage-plot{height:clamp(180px,22vw,280px);margin-top:18px;position:relative}.usage-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.usage-plot-grid{stroke:var(--usage-on-cobalt-faint);stroke-width:1px;vector-effect:non-scaling-stroke}.usage-plot-line,.usage-plot-line--soft,.usage-plot-line--drop,.usage-plot-line--none{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.usage-plot-line{stroke:#fff;stroke-width:3px}.usage-plot-line--soft{stroke:var(--usage-on-cobalt-soft);stroke-width:2.5px}.usage-plot-line--drop{stroke:var(--usage-drop);stroke-width:3px}.usage-plot-line--none{stroke:#ffffff8c;stroke-width:2px;stroke-dasharray:2 7}.usage-months{inset-inline:0;height:18px;color:var(--hp-on-cobalt-muted);font-size:13px;position:absolute;top:calc(85% + 8px)}.usage-months span{position:absolute;transform:translate(-50%)}.usage-dot{border:3px solid var(--hp-cobalt);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.usage-dot b{color:#fff;font-size:12px;font-weight:600;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.usage-pins{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:28px;display:flex}.usage-pin{gap:8px;width:min(320px,46%);display:grid}.usage-pin--start{margin-left:8%}.usage-pin--end{margin-right:2%}.usage-chip{background:var(--hp-card);border-radius:12px;gap:4px;padding:10px 12px;display:grid;box-shadow:0 16px 32px -18px #00000073}.usage-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usage-chip-row b{font-weight:600}.usage-n{background:var(--hp-ui-soft);width:18px;height:18px;color:var(--hp-ui);border-radius:50%;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:inline-grid}.usage-ptabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.usage-ptab{border:0;border-top:2px solid var(--hp-line);color:var(--hp-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;gap:2px;padding:14px 2px 4px;font-size:15px;display:grid;position:relative}.usage-ptab b{color:var(--hp-muted);letter-spacing:-.015em;font-size:19px;font-weight:600}.usage-ptab[aria-selected=true] b{color:var(--hp-ink)}.usage-ptab-fill{background:var(--hp-ink);width:0;height:2px;position:absolute;top:-2px;left:0}.usage-ptabs.is-manual .usage-ptab[aria-selected=true] .usage-ptab-fill{width:100%}@media (prefers-reduced-motion:reduce){.usage-ptabs .usage-ptab[aria-selected=true] .usage-ptab-fill{width:100%}}@media (prefers-reduced-motion:no-preference){.usage-ptabs.is-playing .usage-ptab[aria-selected=true] .usage-ptab-fill{animation:usage-ptab-fill var(--usage-step) linear forwards}.usage-ptabs.is-playing.is-held .usage-ptab[aria-selected=true] .usage-ptab-fill{animation-play-state:paused}}@keyframes usage-ptab-fill{0%{width:0}to{width:100%}}.usage-product{grid-template-columns:220px minmax(0,1fr);display:grid}.usage-product-side{border-right:1px solid var(--hp-card-line);background:var(--hp-vis-card)}.usage-product-main{gap:12px;min-width:0;padding:16px;display:grid}.usage-props{display:grid}.usage-prop{border-top:1px solid var(--hp-card-line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.usage-prop:first-child{border-top:0}.usage-prop span{color:var(--hp-card-muted)}.usage-prop b{font-weight:600}.usage-prop--on{background:var(--hp-ui-soft)}.usage-log{border-top:1px solid var(--hp-card-line);padding:10px 12px;display:grid}.usage-log>small{color:var(--hp-card-muted);padding-bottom:4px;font-size:11.5px}.usage-log-row{border-top:1px solid var(--hp-card-line);grid-template-columns:1fr auto;gap:0 8px;padding:6px 0;display:grid}.usage-log>small+.usage-log-row{border-top:0}.usage-log-row small{color:var(--hp-card-muted);grid-column:1/-1;font-size:11.5px}.usage-log-row b{font-weight:600}.usage-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.usage-kpi{box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.usage-kpi small{color:var(--hp-card-muted);font-size:12px}.usage-kpi b{letter-spacing:-.02em;font-size:22px;font-weight:600}.usage-kpi em{font-size:11.5px;font-style:normal}.usage-pane{min-width:0;box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;align-content:start;gap:8px;padding:12px;display:grid}.usage-pane-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.usage-pane-head b{font-weight:600}.usage-chart{width:100%;height:auto;display:block}.usage-chart-grid{stroke:var(--hp-card-line);stroke-width:1px}.usage-chart-label{fill:var(--hp-card-muted);font-size:11px}.usage-chart-area{fill:var(--hp-ui-soft)}.usage-chart-line{fill:none;stroke:var(--hp-ui);stroke-width:2.2px;stroke-linejoin:round}.usage-chart-end{fill:var(--hp-ui)}.usage-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-bars{gap:10px;display:grid}.usage-bar{grid-template-columns:minmax(0,130px) minmax(0,1fr) 52px;align-items:center;gap:8px;display:grid}.usage-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-bar i{background:var(--hp-card-soft);border-radius:4px;height:8px;display:block;position:relative;overflow:hidden}.usage-bar i:after{content:"";width:var(--usage-w);background:var(--hp-ui);border-radius:4px;position:absolute;inset:0 auto 0 0}.usage-bar b{text-align:right;font-weight:600}.usage-slip{border-top:1px solid var(--hp-card-line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 0;display:grid}.usage-slip:first-child{border-top:0}.usage-never{border-top:1px solid var(--hp-card-line);color:var(--hp-card-muted);margin-top:6px;padding-top:10px}.usage-never b{color:var(--hp-card-ink);font-weight:600}.usage-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.usage-card{background:var(--hp-vis-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.usage-card-art{height:196px;padding:16px 16px 0;overflow:hidden}.usage-card-art .usage-win{box-shadow:0 14px 30px -18px #0000004d, inset 0 0 0 1px var(--hp-card-line)}.usage-card-cap{gap:6px;padding:16px 18px 20px;display:grid}.usage-card-cap h3{letter-spacing:-.015em;font-size:20px;font-weight:600;line-height:1.2}.usage-card-cap p{color:var(--hp-muted);font-size:15px;line-height:1.45}.usage-ask{gap:10px;padding:10px 12px;display:grid}.usage-reply{grid-template-columns:auto 1fr;gap:8px;display:grid}.usage-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;display:grid}.usage-code{background:var(--hp-code-bg);color:var(--hp-code-ink);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.usage-code-bar{color:var(--hp-code-dim);border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 16px;font-family:Inter,system-ui,sans-serif;font-size:12.5px;display:flex}.usage-code-bar i{background:#ffffff29;border-radius:50%;width:10px;height:10px}.usage-code pre{flex:1;margin:0;padding:20px 22px 24px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.usage-code-k{color:var(--hp-code-key)}.usage-code-s{color:var(--hp-code-str)}.usage-code-c{color:var(--hp-code-dim)}.usage-code-foot{color:var(--hp-code-dim);border-top:1px solid #ffffff14;padding:12px 22px;font-family:Inter,system-ui,sans-serif;font-size:13px}.usage-match{background:var(--hp-vis-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:16px;align-content:start;gap:14px;padding:clamp(16px,2vw,22px);display:grid}.usage-match-map{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 10px;display:grid}.usage-id{background:var(--hp-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.usage-id small{color:var(--hp-card-muted);font-size:11.5px}.usage-id b{font-size:14px;font-weight:600}.usage-arrow{color:var(--hp-card-muted);font-size:18px}.usage-events{background:var(--hp-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;overflow:hidden}.usage-event{border-top:1px solid var(--hp-card-line);grid-template-columns:1fr auto 40px;align-items:center;gap:12px;padding:9px 12px;display:grid}.usage-event b{text-align:right;font-weight:600}.usage-new{background:var(--hp-ok);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.usage-soon{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.usage-soon>div{background:var(--hp-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:14px;align-content:start;gap:10px;padding:16px 18px;font-size:16px;display:grid}.usage-logos{gap:8px;display:flex}.usage-logos span{box-shadow:inset 0 0 0 1px var(--hp-card-line);color:var(--hp-card-muted);border-radius:6px;padding:2px 8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.usage-onboard{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:20px;display:grid}.usage-stats{gap:12px;display:grid}.usage-stat{background:var(--hp-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:18px;align-content:end;gap:4px;padding:22px;display:grid}.usage-stat p{color:var(--hp-muted);font-size:15px}.usage-stat strong{letter-spacing:-.05em;font-size:clamp(56px,6vw,84px);font-weight:600;line-height:.95}.usage-stat strong small{color:var(--hp-muted);letter-spacing:-.01em;margin-left:6px;font-size:.38em;font-weight:500}.usage-stat--warn strong{color:var(--hp-warn-ink)}.usage-table-scroll{overflow-x:auto}.usage-table{border-collapse:collapse;width:100%;min-width:520px}.usage-table th{border-bottom:1px solid var(--hp-card-line);color:var(--hp-card-muted);text-align:left;padding:8px 12px;font-size:12px;font-weight:500}.usage-table td{border-bottom:1px solid var(--hp-card-line);white-space:nowrap;padding:10px 12px}.usage-table tr:last-child td{border-bottom:0}.usage-milestone{color:var(--hp-card-muted);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.usage-milestone-open{border:1.5px dashed var(--hp-faint);border-radius:50%;width:18px;height:18px;display:inline-block}.usage-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.usage-join{color:var(--hp-faint);place-items:center;font-size:20px;display:grid}.usage-step{align-content:start;gap:10px;display:grid}.usage-step h3{letter-spacing:-.01em;font-size:17px;font-weight:600}.usage-finding{gap:8px;padding:14px;display:grid}.usage-finding-meta{color:var(--hp-card-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.usage-finding-title{font-size:14.5px;font-weight:600}.usage-evidence{flex-wrap:wrap;gap:6px;display:flex}.usage-evidence span{background:var(--hp-card-soft);border-radius:7px;padding:3px 8px;font-size:12px}.usage-evidence small{color:var(--hp-card-muted);font-size:12px}.usage-workflow{padding:14px;display:grid}.usage-node{background:var(--hp-card);box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.usage-node small{color:var(--hp-card-muted);font-size:11.5px}.usage-node b{font-weight:600}.usage-node--trigger{box-shadow:inset 3px 0 0 var(--hp-ui), inset 0 0 0 1px var(--hp-ui)}.usage-wire{background:var(--hp-card-line);width:1.5px;height:14px;margin-left:22px}.usage-task{gap:10px;padding:14px;display:grid}.usage-task-row{align-items:center;gap:10px;display:flex}.usage-task-row b{font-weight:600}.usage-box{border:1.5px solid var(--hp-faint);border-radius:5px;flex:none;width:16px;height:16px}.usage-mail{box-shadow:inset 0 0 0 1px var(--hp-card-line);border-radius:10px;overflow:hidden}.usage-mail-head{border-bottom:1px solid var(--hp-card-line);background:var(--hp-vis-card);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.usage-mail p{padding:10px;font-size:13px;line-height:1.55}.usage-mail-foot{justify-content:flex-end;gap:6px;padding:0 10px 10px;display:flex}.usage-closing .hp-wrap{justify-items:start;gap:22px;display:grid}.usage-closing h2{max-width:16ch}.usage-closing .hp-fine{color:var(--hp-on-cobalt-muted);margin-top:0}.usage-closing .hp-fine a{color:#fff}.usage-closing svg{width:100%;height:90px;margin-top:12px;display:block}.usage-closing polyline{fill:none;stroke:#ffffff59;stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (width<=1080px){.usage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-flow{grid-template-columns:1fr}.usage-join{height:36px;transform:rotate(90deg)}}@media (width<=900px){.usage-split,.usage-onboard,.usage-soon,.usage-product{grid-template-columns:1fr}.usage-product-side{border-right:0;border-bottom:1px solid var(--hp-card-line)}.usage-lists{grid-template-columns:1fr}}@media (width<=760px){.usage-pins{flex-direction:column;align-items:stretch;gap:10px}.usage-pin,.usage-pin--start,.usage-pin--end{width:auto;margin:0}.usage-ptabs{grid-template-columns:none;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}}@media (width<=600px){.usage-cards{grid-template-columns:1fr}.usage-kpi{padding:8px 10px}.usage-kpi b{font-size:17px}.usage-kpi small{font-size:11px}.usage-kpi em,.usage-log{display:none}.usage-chart-label{font-size:20px}.usage-chart-line{stroke-width:4px}}