.hero-variants{font-family:var(--font-body);color:var(--color-ink);background:var(--color-canvas)}.hero-picker{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:24px;padding:10px 32px;display:flex}.hero-picker>span{color:var(--color-muted);font-size:14px}.hero-picker nav{gap:4px;display:flex}.hero-picker button>span{font-variant-numeric:tabular-nums;opacity:.6}.hero-picker>a,.hero-study-footer a{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.hero-option{--hero-ink:var(--color-ink);--hero-muted:var(--color-muted);--hero-rule:#e6e9ef;color:var(--hero-ink);padding:0 clamp(20px,4.45vw,64px) 8px}.hero-option-nav{border-bottom:1px solid var(--hero-rule);justify-content:space-between;align-items:center;gap:24px;max-width:1312px;height:64px;margin:auto;display:flex}.hero-option-nav nav{align-items:center;gap:32px;font-size:14px;display:flex}.hero-option-nav nav a{align-items:center;min-height:44px;display:flex}.hero-option-intro{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:1184px;margin:auto;padding:24px 0 0;display:flex}.hero-option h1{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(42px,4.6vw,64px);font-weight:500;line-height:1.055}.hero-option h1>span{display:block}.hero-option-direct h1>span:last-child{color:var(--color-signal)}.hero-option-support{align-items:inherit;flex-direction:column;gap:16px;display:flex}.hero-option-support>p{color:var(--hero-muted);text-wrap:pretty;max-width:900px;font-size:19px;line-height:26px}.hero-option-actions{align-items:center;justify-content:inherit;gap:16px;display:flex}.hero-option-actions>a{white-space:nowrap}.hero-option-nav nav a:last-child{color:var(--color-ink)}.hero-primary-button{color:var(--color-canvas)}.hero-option-demo{max-width:1104px;margin:auto}.quiet-landing .landing-hero{flex-direction:column;min-height:100svh;padding:0;display:flex}.landing-hero-body{flex-direction:column;flex:1;justify-content:center;padding-block:clamp(40px,6svh,64px);display:flex}.quiet-landing :is(.hero-option-nav,.hero-option-intro){max-width:none;padding-inline:var(--landing-inset)}.quiet-landing .hero-option-nav{flex:none;width:100%;margin:0}.quiet-landing .hero-option-intro{flex:none;width:100%;margin:0;padding-block:0}.quiet-landing .hero-option-demo{width:min(var(--container-quiet-content), calc(100% - 2 * var(--landing-gutter)));max-width:var(--container-quiet-content);flex:none;margin:0 auto}.hero-option-direct .motion-viewport{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.is-hero-demo .motion-viewport:not(.is-compact) .motion-scene{top:calc(-28px * var(--scene-scale))}.hero-demo-controls{z-index:1;justify-content:flex-end;align-items:center;min-height:44px;display:flex;position:relative}.hero-replay{animation:.25s cubic-bezier(.23,1,.32,1) both hero-replay-in;display:inline-flex}@keyframes hero-replay-in{0%{opacity:0}to{opacity:1}}.hero-study-footer{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;font-size:14px;display:flex}.hero-option-when-needed .hero-option-intro{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:56px}.hero-option-when-needed h1{flex:660px;min-width:0;font-size:clamp(40px,4.45vw,64px)}.hero-option-when-needed .hero-option-support{flex:0 0 440px;align-items:flex-start}.hero-option-when-needed .motion-viewport{box-shadow:none}.hero-option-approval .hero-option-intro{text-align:left;align-items:flex-start}.hero-option-approval h1>span:last-child{color:var(--color-signal)}.hero-option-approval .motion-viewport{background:var(--color-surface);box-shadow:none}.hero-option-cobalt{background:var(--color-signal);--hero-ink:#fff;--hero-muted:#ffffffdf;--hero-rule:#fff3}.hero-option-cobalt .hero-primary-button{color:var(--color-signal);background:#fff}.hero-option-cobalt .hero-demo-controls button{color:#fff}.hero-option-cobalt .hero-demo-controls button:hover,.hero-option-cobalt .hero-demo-controls button[data-pressed]{color:var(--color-ink)}@media (hover:hover) and (pointer:fine){.hero-option-cobalt .hero-primary-button:hover{background:#eaf0ff}.hero-option-nav nav a:not(:last-child):hover{color:var(--color-signal)}}@media (max-width:1050px){.hero-option-when-needed .hero-option-intro{flex-direction:column;align-items:flex-start;gap:24px}.hero-option-when-needed h1,.hero-option-when-needed .hero-option-support{flex:none}}@media (min-width:900px) and (max-height:950px){.hero-option-nav{height:56px}.hero-option-intro{gap:12px;padding-top:12px}.hero-option h1{font-size:clamp(36px,3.5vw,48px);line-height:1.04}.hero-option-support{gap:12px}.hero-option-support>p{font-size:17px;line-height:24px}.hero-option-demo{max-width:clamp(800px,220.8svh - 861.12px,1104px)}}@media (max-width:600px){.hero-picker{flex-wrap:wrap;gap:8px;padding:8px 12px}.hero-picker>span{display:none}.hero-picker nav{flex:1;justify-content:space-between}.hero-picker button>span{display:none}.hero-picker>a{justify-content:flex-end;width:100%;padding:2px 6px}.hero-option{padding-bottom:20px}.hero-option-demo{margin-left:-20px;margin-right:-20px}.hero-option-nav{height:76px}.hero-option-nav nav{gap:0}.hero-option-nav nav a:not(:last-child){display:none}.hero-option-intro{gap:16px;padding-top:24px;padding-bottom:0}.hero-option h1,.hero-option-when-needed h1{font-size:clamp(36px,10vw,48px);line-height:1.06}.hero-option h1>span{display:inline}.hero-option h1>span+span:before{content:" "}.hero-option-approval h1>span{display:block}.hero-option-approval h1>span+span:before{content:none}.hero-option-support{gap:16px}.hero-option-support>p{font-size:17px;line-height:25px}.hero-option-actions{gap:8px;align-items:inherit;flex-direction:column}.hero-study-footer{padding:20px;font-size:14px}.hero-demo-controls{padding-top:8px}}