:root{--petal:#efd9ce;--sky:#dce7f8;--blush:#e2bfb1;--indigo:#25283d;--wisteria:#72a1e5;--wisteria-soft:color-mix(in srgb, var(--wisteria) 18%, transparent);--wisteria-tint:color-mix(in srgb, var(--wisteria) 16%, var(--petal));--ink-soft:#25283dad;--hairline:#25283d24;--radius:20px;--max:1200px;--gutter:clamp(20px, 4vw, 48px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sky);color:var(--indigo);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.08}p{margin:0}a{color:inherit}.container{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.eyebrow:before{content:"";background:var(--wisteria);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px;font-size:.8rem}.btn{background:var(--indigo);color:#fff;font:600 .95rem var(--font-sans), sans-serif;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#1b1e30;transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--wisteria);outline-offset:3px}.nav a:focus-visible{outline:2px solid var(--wisteria);outline-offset:3px}.compare-range:focus-visible+.compare-handle{outline:2px solid var(--wisteria);outline-offset:3px}.btn-small{padding:10px 20px;font-size:.85rem}.btn-ghost{color:var(--indigo);border-color:var(--hairline);background:0 0}.btn-ghost:hover{background:var(--wisteria-soft);border-color:var(--wisteria)}.hl{background:linear-gradient(transparent 60%, var(--petal) 60%);margin:0 -4px;padding:0 4px}.nav{z-index:20;background:color-mix(in srgb, var(--sky) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000;padding:14px 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-dot{background:var(--wisteria);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #72a1e559}.nav-links{align-items:center;gap:28px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.nav-links a:not(.btn){color:var(--ink-soft);text-decoration:none}.nav-links a:not(.btn):hover{color:var(--indigo)}.nav-links a.btn{color:#fff}@media (max-width:760px){.nav-links li:not(:last-child){display:none}}.hero{padding:8px 0 56px}.hero-card{background:radial-gradient(640px 440px at 72% 40%,#ffffff8c,#0000 72%),linear-gradient(#c3d6f4 0%,#9dbbec 100%);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:min(78vh,720px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:clamp(32px,6vw,72px);position:relative}.hero-copy h1{margin-bottom:22px;font-size:clamp(2.6rem,5.4vw,4.6rem)}.hero-copy p{max-width:34ch;color:var(--ink-soft);margin-bottom:32px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stage{z-index:1;position:absolute;inset:0}.hero-poster,.hero-canvas{transition:opacity .6s;position:absolute;inset:0}.hero-poster{justify-content:flex-end;align-items:center;display:flex}.hero-poster img{object-fit:contain;width:62%;height:auto}.hero-canvas{opacity:0}.hero-hint{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:3;background:#25283de0;border-radius:999px;padding:9px 16px;font-size:.82rem;transition:opacity .2s,transform .2s;position:absolute;bottom:28px;left:72%;transform:translate(-50%,6px)}.hero-hint.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:900px){.hero-hint{display:none}}.hero-stage.is-ready .hero-canvas{opacity:1}.hero-stage.is-ready .hero-poster{opacity:0}@media (max-width:900px){.hero-card{grid-template-columns:1fr;padding-bottom:380px}.hero-stage{height:420px;top:auto}.hero-poster{justify-content:center}.hero-poster img{width:80%}}.section{padding:clamp(56px,9vw,112px) 0}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font-size:clamp(2rem,4vw,3.2rem)}.section-head p{color:var(--ink-soft);margin-top:16px;font-size:1.05rem}.placeholder-note{border:1px dashed var(--wisteria);background:var(--wisteria-soft);color:var(--ink-soft);border-radius:999px;margin-top:14px;padding:4px 12px;font-size:.75rem;display:inline-block}.compare{--pos:50%;aspect-ratio:2;border-radius:var(--radius);border:1px solid var(--hairline);-webkit-user-select:none;user-select:none;background:#d7a88f;min-height:260px;position:relative;overflow:hidden}.compare-layer{position:absolute;inset:0}.compare-layer svg{width:100%;height:100%;display:block}.compare-top{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-chip{z-index:3;background:#ffffffd9;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;top:16px}.compare-chip.left{left:16px}.compare-chip.right{right:16px}.compare-handle{top:0;bottom:0;left:var(--pos);z-index:4;pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #72a1e58c}.compare-knob{width:48px;height:48px;box-shadow:0 6px 20px #25283d40, 0 0 0 4px var(--wisteria);color:var(--indigo);background:#fff;border-radius:50%;place-items:center;font-size:.9rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-range{opacity:0;cursor:ew-resize;z-index:5;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-caption{color:var(--ink-soft);margin-top:14px;font-size:.8rem}.section-tint{background:var(--petal);border-block:1px solid var(--hairline)}.how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius);border:1px solid var(--hairline);background:#fff6;transition:background .2s,border-color .2s,transform .2s}.step.is-active{border-color:var(--wisteria);background:#fff;box-shadow:0 8px 28px #72a1e540}.step-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:0;grid-template-columns:40px 1fr;gap:16px;padding:20px;display:grid}.step-btn:focus-visible{outline:2px solid var(--wisteria);outline-offset:2px}@media (min-width:901px){.steps{gap:22vh;padding-block:12vh}}.step-num{background:var(--wisteria);width:40px;height:40px;color:var(--indigo);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.step h3{font-family:var(--font-sans), sans-serif;margin-bottom:4px;font-size:1.05rem;font-weight:600}.step p{color:var(--ink-soft);font-size:.95rem}.how-panel{aspect-ratio:4/3.6;border-radius:var(--radius);border:1px solid var(--hairline);background:radial-gradient(520px 340px at 50% 35%,#ffffffb3,#0000 75%),linear-gradient(#cfdef6 0%,#b4cbf0 100%);position:sticky;top:96px;overflow:hidden}.skin-stage{position:absolute;inset:0}.skin-stage canvas{touch-action:pan-y}.skin-label{border:1px solid var(--hairline);color:var(--indigo);font:600 .72rem var(--font-sans), sans-serif;white-space:nowrap;background:#ffffffe6;border-radius:999px;padding:3px 10px;display:inline-block}.skin-hint{color:var(--ink-soft);pointer-events:none;font-size:.75rem;position:absolute;bottom:12px;left:16px}.skin-fallback{text-align:center;color:var(--ink-soft);place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.spectrum{border:1px solid var(--hairline);opacity:0;pointer-events:none;background:#ffffffeb;border-radius:16px;width:min(210px,38%);padding:10px 12px;transition:opacity .35s,transform .35s;position:absolute;top:14px;left:14px;transform:translateY(-8px);box-shadow:0 10px 30px #25283d26}.spectrum.is-visible{opacity:1;transform:none}.spectrum-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;font-size:.72rem}.spectrum svg{width:100%;height:auto;display:block}.spectrum-axis{stroke:var(--hairline);stroke-width:1.5px}.spectrum-line{fill:none;stroke:var(--wisteria);stroke-width:3px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px}.spectrum.is-visible .spectrum-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s .2s}.spectrum-dot{fill:var(--indigo)}.spectrum-tag{font:600 9px var(--font-sans), sans-serif;fill:var(--indigo)}.spectrum-axis-label{color:var(--ink-soft);text-align:right;font-size:.7rem}.spectrum-reading{border-top:1px solid var(--hairline);align-items:baseline;gap:8px;margin-top:6px;padding-top:8px;font-size:.8rem;display:flex}.spectrum-reading strong{font:500 1.6rem var(--font-display), serif}.spectrum-reading em{color:var(--ink-soft);margin-left:auto;font-size:.7rem}@media (max-width:900px){.how-grid{grid-template-columns:1fr}.how-panel{aspect-ratio:auto;height:440px;position:relative;top:auto}}.quote-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.quote{border-top:3px solid var(--wisteria);border-radius:var(--radius);border:1px solid var(--hairline);background:#ffffff80;flex-direction:column;gap:20px;padding:28px;display:flex}.quote blockquote{font-family:var(--font-display), Georgia, serif;margin:0;font-size:1.2rem;line-height:1.4}.quote-by{color:var(--ink-soft);margin-top:auto;font-size:.9rem}.quote-by strong{color:var(--indigo);display:block}.footer{border-top:1px solid var(--hairline);padding:64px 0 40px}.waitlist{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.waitlist input{border:1px solid var(--hairline);min-width:0;font:inherit;color:var(--indigo);background:#ffffffb3;border-radius:999px;flex:240px;padding:14px 20px}.waitlist input:focus-visible{outline:2px solid var(--wisteria);outline-offset:2px}.waitlist-msg{color:var(--ink-soft);margin-top:12px;font-size:.9rem}.footer-bottom{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;font-size:.85rem;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.hero-poster,.hero-canvas{transition:none}}