@layer components{.cs-sec{isolation:isolate;border-top:1px solid var(--color-line);padding:var(--sh-top) var(--layout-pad) 48px;position:relative;overflow:clip}@media (min-width:64rem){.cs-sec{padding-bottom:80px}}.cs-split{gap:var(--sh-title-gap);display:grid}@media (min-width:64rem){.cs-split{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:64px}}.cs-relief{z-index:-1;width:100%;height:116%;color:var(--color-off);opacity:.045;pointer-events:none;position:absolute;top:-8%;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 0% 30%,#000 70%);mask-image:linear-gradient(90deg,#0000 0% 30%,#000 70%)}.cs-caption{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);margin-top:12px;line-height:1.5}.cs-hero{isolation:isolate;padding:56px var(--layout-pad) 40px;background:var(--color-ink);position:relative;overflow:hidden}.cs-hero-grid{gap:32px;display:grid}@media (min-width:64rem){.cs-hero{padding-block:96px 56px}.cs-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:64px}}.cs-hero-grid>:first-child{container-type:inline-size}.cs-h1{max-width:14ch;font-family:var(--font-display);overflow-wrap:break-word;letter-spacing:-.035em;text-wrap:balance;color:var(--color-off);margin:0;font-size:min(clamp(44px,7vw,120px),12cqw);font-weight:600;font-stretch:112%;line-height:.96}.cs-meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-off-soft);align-items:center;gap:10px;margin:24px 0 0;font-size:11px;line-height:1.5;display:flex}@media (min-width:64rem){.cs-meta{margin-top:32px;font-size:12px}}.cs-hero-side{flex-direction:column;display:flex}.cs-stats{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 0;padding-top:22px;display:grid}.cs-stats>:only-child{grid-column:1/-1}.cs-stat-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-accent);margin:0;font-size:40px;font-weight:600;font-stretch:105%;line-height:1}@media (min-width:64rem){.cs-stat-value{font-size:56px}}.cs-stat-value[data-text]{letter-spacing:-.02em;text-wrap:balance;font-size:26px;line-height:1.1}@media (min-width:64rem){.cs-stat-value[data-text]{font-size:32px}}.cs-hero-figure{margin:40px 0 0}@media (min-width:64rem){.cs-hero-figure{margin-top:64px}}.cs-band{padding:32px var(--layout-pad);border-block:1px solid var(--color-line);background:var(--color-marine);gap:8px 48px;margin:0;display:grid}@media (min-width:64rem){.cs-band{grid-template-columns:auto minmax(0,1fr);align-items:baseline;padding-block:40px}}.cs-band dd{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(28px,4.4vw,72px);font-weight:600;font-stretch:108%;line-height:1}.cs-band-sector{color:var(--color-off)}.cs-band dd.cs-band-scope{text-wrap:balance;color:var(--color-mute);font-size:clamp(22px,3vw,52px);line-height:1.1}.cs-frame{border:1px solid var(--color-line-2);background:var(--color-panel);border-radius:10px;overflow:hidden}.cs-frame-bar{border-bottom:1px solid var(--color-line);align-items:center;gap:14px;height:36px;padding:0 14px;display:flex}.cs-frame-dots{gap:6px;display:flex}.cs-frame-dots i{background:var(--color-line-2);border-radius:50%;width:9px;height:9px}.cs-frame-url{background:var(--color-ink);min-width:0;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:var(--color-off-soft);border-radius:999px;padding:4px 12px;font-size:11px;overflow:hidden}.cs-frame-view{aspect-ratio:16/10;background:#0b1220;position:relative;overflow:hidden}.cs-frame[data-kind=phone]{border-radius:28px;padding:0 6px 6px}.cs-frame[data-kind=phone] .cs-frame-bar{border-bottom:0;justify-content:center;height:34px}.cs-frame[data-kind=phone] .cs-frame-view{aspect-ratio:390/844;border-radius:22px}.cs-chip{border:1px solid var(--color-line-2);font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-off);padding:6px 12px;font-size:12px;line-height:1.4;display:inline-flex}.cs-chart{border:1px solid var(--color-line);background:var(--color-ink);margin:48px 0 0;padding:24px}.cs-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;display:flex}@media (min-width:64rem){.cs-chart{margin-top:64px;padding:32px 40px}}@container (max-width:52rem){.cs-chart .pb-chart-labels span[data-skip=true]{visibility:hidden}}@container (max-width:30rem){.cs-chart .pb-chart-labels span:not(:first-child,:last-child){visibility:hidden}}.cs-tl{margin:var(--sh-title-gap) 0 0;border-left:1px solid var(--color-line-2);gap:48px;padding:8px 0 0 28px;list-style:none;display:grid}.cs-tl-station{min-width:0;position:relative}.cs-tl-mark{display:flex;position:absolute;top:3px;left:-33px}.cs-tl-when{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-cyan);margin:0 0 12px;font-size:11px}@media (min-width:64rem){.cs-tl{border-left:0;border-top:1px solid var(--color-line-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:32px 0 0}.cs-tl-mark{top:-38px;left:0}.cs-tl-station{grid-template-rows:subgrid;grid-row:span 5;align-content:start;row-gap:0;display:grid}}.cs-tl-swatches{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-off-soft);flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.cs-tl-swatches li{align-items:center;gap:8px;display:inline-flex}.cs-tl-swatch{border:1px solid var(--color-line-2);width:14px;height:14px}.cs-flow{margin-top:var(--sh-title-gap)}.cs-flow-steps{gap:56px;margin:0;padding:0;list-style:none;display:grid}.cs-flow-step{min-width:0}.cs-flow-stage{display:none}@media (min-width:64rem) and (prefers-reduced-motion:no-preference){.cs-flow{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;display:grid}.cs-flow-steps{gap:0}.cs-flow-step{opacity:.4;min-height:72vh;transition:opacity .4s var(--ease-out);flex-direction:column;justify-content:center;display:flex}.cs-flow-step[data-on=true]{opacity:1}.cs-flow-inline{display:none}.cs-flow-stage{top:calc(var(--header-h) + 8vh);align-self:start;margin-top:12vh;display:block;position:sticky}.cs-flow-shot{opacity:0;transition:opacity .6s var(--ease-sig);position:absolute;inset:0}.cs-flow-shot[data-on=true]{opacity:1}.cs-flow-cap:not([data-on=true]){display:none}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.cs-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.cs-flow-step{grid-template-rows:subgrid;grid-row:span 4;align-content:start;row-gap:0;display:grid}}.cs-gallery{gap:40px;display:grid}:is(.cs-gallery,.cs-gallery-pair,.cs-gallery-note,.cs-phones)>*{min-width:0}.cs-gallery-pair{gap:40px 32px;display:grid}@media (min-width:48rem){.cs-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-gallery-pair .cs-frame-view{aspect-ratio:4/3}}@media (max-width:47.999rem){.cs-gallery-note>.cs-note{order:2}}.cs-gallery-note{align-items:center;gap:32px;display:grid}.cs-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (min-width:64rem){.cs-gallery{gap:64px}.cs-gallery-note{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}.cs-phones{grid-template-columns:repeat(2,minmax(0,360px));justify-content:end;gap:40px}}.cs-note{border-left:2px solid var(--color-cyan);padding-left:20px}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.cs-mask[data-reveal]{opacity:1;transform:none}.cs-mask[data-reveal]>*{clip-path:inset(100% 0 0);transition:clip-path 1.1s var(--ease-sig)}.cs-mask[data-reveal][data-in]>*{clip-path:inset(0)}}.ci-rows{border-bottom:1px solid var(--color-line);margin:0;padding:0;list-style:none}.ci-row{border-top:1px solid var(--color-line);padding-block:32px}.ci-link{color:var(--color-off);gap:24px;text-decoration:none;display:grid}.ci-frame{min-width:0;display:block}.ci-text{flex-direction:column;gap:16px;min-width:0;display:flex}.ci-name{font-family:var(--font-display);overflow-wrap:anywhere;letter-spacing:-.035em;background:linear-gradient(var(--color-cyan), var(--color-cyan)) left bottom / 0% 2px no-repeat;transition:background-size .7s var(--ease-sig);margin:0;padding-bottom:8px;font-size:clamp(34px,3.8vw,72px);font-weight:600;font-stretch:112%;line-height:.95}.ci-cta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cyan);font-size:12px}.ci-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}@media (hover:hover) and (pointer:fine){.ci-link:hover .ci-name{background-size:100% 2px}}@media (min-width:64rem){.ci-row{padding-block:48px}.ci-link{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:64px}.ci-caption{max-width:calc(58.33% - 27px)}}.ci-concepts{margin:var(--sh-title-gap) 0 0;gap:20px;padding:0;list-style:none;display:grid}@media (min-width:48rem){.ci-concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:64rem){.ci-concepts{grid-template-columns:repeat(3,minmax(0,1fr))}}}
