.sp-root{--sp-ground:#07130f;--sp-raised:#0e1d18;--sp-raised-2:#192823;--sp-rule:#e9f1ed1c;--sp-text:#ecf2ee;--sp-muted:#a6b5af;--sp-lit:#4defd5;--sp-fill:#19c6b4;--sp-fill-ink:#04211e;--sp-warn:#f2b966;--sp-bad:#f47b74;background:var(--sp-ground);min-height:100vh;color:var(--sp-text);font-family:var(--font-manrope), system-ui, sans-serif;-webkit-font-smoothing:antialiased}@supports (color:lab(0% 0 0)){.sp-root{--sp-ground:lab(5.03132% -4.67223 .715292);--sp-raised:lab(9.22883% -7.50414 1.10185);--sp-raised-2:lab(14.449% -7.52174 1.10049);--sp-rule:lab(94.3349% -3.28624 .954354/.11);--sp-text:lab(94.8888% -2.5588 1.01779);--sp-muted:lab(72.4273% -6.67363 1.5216);--sp-warn:lab(79.0839% 14.7215 49.715);--sp-bad:lab(66.0576% 46.9408 26.6951)}}.sp-root ::selection{background:var(--sp-lit);color:var(--sp-fill-ink)}.sp-shell{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}@media (min-width:640px){.sp-shell{padding-inline:32px}}.sp-hero{gap:28px;padding-top:12px;padding-bottom:24px;display:grid}@media (min-width:640px){.sp-hero{gap:40px;padding-top:32px}}@media (min-width:1024px){.sp-hero{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:64px;padding-top:56px}.sp-panel{position:sticky;top:24px}}.sp-h1{letter-spacing:-.04em;text-wrap:balance;max-width:14ch;font-size:clamp(2.25rem,1.4rem + 3.6vw,4rem);font-weight:800;line-height:.98}.sp-h2{letter-spacing:-.025em;margin-bottom:18px;font-size:22px;font-weight:800}.sp-section{padding-top:56px}.sp-two{gap:48px;display:grid}@media (min-width:900px){.sp-two{grid-template-columns:1fr 1fr;gap:72px}}.sp-draft{border:1px dashed var(--sp-rule);color:var(--sp-warn);border-radius:12px;margin-top:8px;padding:10px 14px;font-size:14px}.sp-stage{background:var(--sp-raised);border-radius:20px;padding:16px}@media (min-width:640px){.sp-stage{padding:28px}}.sp-play{background:var(--sp-text);width:44px;height:44px;color:var(--sp-ground);border-radius:999px;flex-shrink:0;place-items:center;transition:transform .12s;display:grid}.sp-play:active{transform:scale(.94)}.sp-wave{cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:1px;min-width:0;height:72px;display:flex;overflow:hidden}@media (min-width:420px){.sp-wave{gap:2px}}@media (min-width:640px){.sp-wave{gap:3px;height:112px}}.sp-wave span{background:#e9f1ed38;background:lab(94.3349% -3.28624 .954354/.22);border-radius:2px;flex:1;min-width:1px;transition:background-color .16s linear}.sp-wave span[data-played]{background:var(--sp-lit)}.sp-chips{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-inline:-4px;padding:2px 4px;display:flex;overflow-x:auto}.sp-chips::-webkit-scrollbar{display:none}.sp-chip{text-overflow:ellipsis;white-space:nowrap;scroll-snap-align:start;border:1px solid var(--sp-rule);max-width:220px;color:var(--sp-muted);border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600;overflow:hidden}.sp-chip[aria-selected=true]{border-color:var(--sp-text);color:var(--sp-text)}.sp-panel{background:var(--sp-raised);border-radius:20px;padding:20px;scroll-margin-top:16px;box-shadow:inset 0 1px #ffffff0a,0 24px 48px -24px #00000080;box-shadow:inset 0 1px lab(100% 0 0/.04),0 24px 48px -24px lab(0% 0 0/.5)}@media (min-width:640px){.sp-panel{padding:28px}}.sp-rate{flex-direction:column;display:flex}.sp-rate-figure{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.02em;color:var(--sp-lit);font-variant-numeric:lining-nums;font-size:clamp(4rem,3rem + 4vw,5.5rem);font-style:italic;line-height:.9}.sp-rate-unit{color:var(--sp-text);max-width:22ch;margin-top:8px;font-size:16px;font-weight:600}.sp-ladder{font-variant-numeric:tabular-nums;gap:2px;font-size:14px;display:grid}.sp-ladder li{border-bottom:1px solid var(--sp-rule);color:var(--sp-muted);justify-content:space-between;gap:16px;padding:6px 0;display:flex}.sp-ladder li:last-child{border-bottom:0}.sp-ladder-pay{color:var(--sp-text);font-weight:700}.sp-meter{background:#e9f1ed1f;background:lab(94.3349% -3.28624 .954354/.12);border-radius:999px;height:6px;overflow:hidden}.sp-meter span{border-radius:inherit;background:var(--sp-text);height:100%;display:block}.sp-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;transition:background-color .12s,opacity .12s;display:inline-flex}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn-primary{background:var(--sp-fill);color:var(--sp-fill-ink)}.sp-btn-primary:not(:disabled):hover{background:var(--sp-lit)}.sp-btn-light{background:var(--sp-text);color:var(--sp-ground)}.sp-btn-ghost{border:1px solid var(--sp-rule);color:var(--sp-text)}.sp-btn-ghost:hover{border-color:var(--sp-muted)}.sp-link{color:var(--sp-text);text-decoration:underline;-webkit-text-decoration-color:var(--sp-rule);text-decoration-color:var(--sp-rule);text-underline-offset:4px;font-weight:600}.sp-tap{align-items:center;min-height:44px;margin-block:-10px;display:inline-flex}.sp-link:hover{-webkit-text-decoration-color:var(--sp-lit);text-decoration-color:var(--sp-lit)}.sp-label{color:var(--sp-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.sp-input{border:1px solid var(--sp-rule);background:var(--sp-ground);width:100%;min-width:0;min-height:44px;color:var(--sp-text);border-radius:12px;padding:0 14px;font-size:16px}.sp-input::placeholder{color:#a6b5af99;color:lab(72.4273% -6.67363 1.5216/.6)}.sp-input:focus{border-color:var(--sp-lit);outline:none}.sp-check{width:18px;height:18px;accent-color:var(--sp-fill);flex-shrink:0}.sp-root :is(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--sp-lit);outline-offset:2px}.sp-mark{flex-shrink:0;width:8px;height:8px;display:inline-block}.sp-mark-dot{background:currentColor;border-radius:999px}.sp-mark-ring{border:1.5px solid;border-radius:999px}.sp-mark-square{background:currentColor;border-radius:1px}.sp-mark-bar{background:currentColor;height:2px}.sp-reel{scroll-snap-type:x mandatory;padding-bottom:8px;grid-auto-columns:min(64vw,240px);grid-auto-flow:column;gap:20px;margin-inline:-16px;padding-inline:16px;display:grid;overflow-x:auto}@media (min-width:900px){.sp-reel{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}}.sp-phone-wrap{scroll-snap-align:start}.sp-phone{aspect-ratio:9/16;background:var(--sp-raised-2);box-shadow:0 0 0 1px var(--sp-rule);border-radius:18px;position:relative;overflow:hidden}.sp-phone-play{width:52px;height:52px;color:var(--sp-ground);background:#ecf2eeeb;background:lab(94.8888% -2.5588 1.01779/.92);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.sp-phone-mute{width:34px;height:34px;color:var(--sp-text);background:#07130fb3;background:lab(5.03132% -4.67223 .715292/.7);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.sp-steps{counter-reset:sp-step;gap:18px;display:grid}.sp-steps li{counter-increment:sp-step;color:var(--sp-muted);grid-template-columns:32px 1fr;gap:12px;font-size:16px;line-height:1.6;display:grid}.sp-steps li:before{content:counter(sp-step);border:1px solid var(--sp-rule);width:28px;height:28px;color:var(--sp-text);border-radius:999px;place-items:center;font-size:13px;font-weight:700;display:grid}.sp-steps strong{color:var(--sp-text);font-weight:700}.sp-bar{gap:10px;display:grid}.sp-bar li{color:var(--sp-text);padding-left:20px;font-size:15px;line-height:1.6;position:relative}.sp-bar li:before{content:"";background:var(--sp-lit);width:8px;height:2px;position:absolute;top:.62em;left:2px}.sp-actionbar{inset-inline:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--sp-ground);border-top:1px solid var(--sp-rule);justify-content:space-between;align-items:center;gap:12px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:fixed;bottom:0}.sp-actionbar[data-hidden]{opacity:0;pointer-events:none;transform:translateY(110%)}@media (prefers-reduced-motion:reduce){.sp-root *{transition:none!important}}