:root{color-scheme:dark;--night:#101f2b;--panel:#192e3b;--cream:#fff4df;--muted:#c6d1d5;--amber:#ffcc80}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font:1rem/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--amber);text-underline-offset:.22em}a:hover{color:#fff4df}a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid #40515b;padding:22px 0}header .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);font-weight:750;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:12px 22px}nav a{font-size:.9rem}nav a[aria-current]{color:var(--cream);text-decoration-thickness:3px}main{padding-bottom:70px}.hero{padding:70px 0 38px;position:relative}.hero:before{content:"";position:absolute;top:18px;left:0;right:0;height:12px;border-top:1px solid #66756e;background:radial-gradient(ellipse at 50% 0,#ffdb95 0 3px,transparent 4px) 0 0/44px 12px repeat-x;filter:drop-shadow(0 3px 5px #edb45b66);pointer-events:none}.eyebrow{color:var(--amber);font-size:.8rem;text-transform:uppercase;letter-spacing:.13em}h1{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1.12;letter-spacing:-.035em;max-width:950px;margin:.35em 0}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25;letter-spacing:-.02em}h3{line-height:1.35}.intro{font-size:1.2rem;color:var(--muted);max-width:780px}.button{display:inline-block;padding:12px 22px;border-radius:6px;background:var(--amber);color:#101f2b;font-weight:750;text-decoration:none;margin:15px 20px 10px 0}.button:hover{background:#ffe0ae;color:#101f2b}.secondary{display:inline-block}.notice{padding:20px 24px;background:var(--panel);border-left:3px solid var(--amber);border-radius:4px}.notice p{margin-bottom:0}.prose{max-width:780px}section{margin:42px 0}.grid{display:grid;grid-template-columns:1fr;gap:20px}.grid section,.steps li{background:var(--panel);padding:24px;border:1px solid #40515b;border-radius:8px;margin:0}.steps{padding-left:24px}.steps li::marker{color:var(--amber);font-weight:750}.packs .price{font-size:2.5rem;font-weight:700;margin:0}.price small{font-size:1rem;font-weight:400}.related{padding:20px 0}details{border-bottom:1px solid #40515b;padding:16px 0}summary{cursor:pointer;font-weight:650}details p{color:var(--muted)}footer{border-top:1px solid #40515b;padding:32px 0 42px;background:#0b1822}footer p,footer small{color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;padding:10px;background:var(--cream);color:#101f2b;z-index:10}.skip:focus{top:10px}img{max-width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted)}@media(min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-top:86px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

header nav{min-width:0;max-width:100%}header nav a{padding:4px 0}footer a{overflow-wrap:anywhere}@media(max-width:480px){header nav{width:100%;gap:8px 18px}.hero{padding-top:55px}}

.examples{max-width:900px}.examples>p{max-width:780px;color:var(--muted)}.example-grid{display:grid;gap:32px}.example{padding:16px;background:var(--panel);border:1px solid #40515b;border-radius:12px}.example-pair{display:grid;gap:16px}.example-image{min-width:0}.example-label{margin:0 0 8px;color:var(--amber);font-weight:700}.example picture{display:block;overflow:hidden;border-radius:8px;background:var(--night)}.example img{display:block;width:100%;height:100%;object-fit:cover}.example figcaption{margin-top:14px;font-size:.9rem}@media(min-width:900px){.example-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}

.home-hero{display:grid;gap:24px;padding-top:44px}.home-hero h1{font-size:clamp(2rem,4.3vw,3.5rem)}.home-hero .intro{font-size:1.05rem}.hero-example{align-self:center;min-width:0;padding:0;border:0;background:transparent}.hero-example .example-pair{display:block;position:relative}.hero-example .hero-before{bottom:12px;left:12px;width:32%;border:2px solid var(--cream);border-radius:8px;overflow:hidden}.hero-example .example-image{position:relative}.hero-example .hero-before{position:absolute}.hero-example figcaption{font-size:.75rem;line-height:1.5}.hero-example .example-label{position:absolute;top:8px;left:8px;z-index:1;margin:0;padding:2px 8px;border-radius:4px;background:#101f2be6;color:var(--cream);font-size:.8rem}.hero-example .hero-before .example-label{top:4px;left:4px;font-size:.7rem;padding:0 5px}.home-hero .hero-copy h1{margin-bottom:0}@media(min-width:900px){.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:32px;row-gap:0}.home-hero .hero-copy{grid-column:1;grid-row:1;align-self:end}.home-hero .hero-details{grid-column:1;grid-row:2;align-self:start}.hero-example{grid-column:2;grid-row:1 / 3}}@media(max-width:480px){header{padding:12px 0}header .wrap{gap:8px}header nav{gap:2px 14px}header nav a{font-size:.8rem}.home-hero{gap:12px;padding-top:38px}.home-hero .eyebrow{font-size:.7rem}.home-hero .intro{margin-bottom:8px}.home-hero .button{margin:4px 0 8px;padding:8px 14px}.home-hero .secondary{font-size:.9rem}}

/* Home comparison, style selection and shared pricing cards. */
.hero-example .compare{--pos:50%;aspect-ratio:4/3;overflow:hidden;border-radius:8px;isolation:isolate}.hero-example .compare .example-image{position:absolute;inset:0;width:100%;border:0;border-radius:0}.hero-example .compare picture{height:100%;border-radius:0}.hero-example .compare .hero-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.hero-example .compare .example-label{top:8px;left:8px;font-size:.8rem;padding:2px 8px}.hero-example .hero-after .example-label{left:auto;right:8px}.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:var(--cream);transform:translateX(-50%);box-shadow:0 0 5px #101f2b;pointer-events:none}.compare-handle:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cream);color:var(--night);border-radius:50%;width:38px;height:38px;text-align:center;line-height:38px;font-weight:700}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare:has(.compare-range:focus-visible){outline:3px solid var(--amber);outline-offset:4px}#waitlist-slot:empty{display:none}.style-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.style-card{display:block;text-decoration:none;background:var(--panel);border:1px solid #40515b;border-radius:8px;overflow:hidden}.style-card picture{display:block;aspect-ratio:4/3}.style-card img{display:block;width:100%;height:100%;object-fit:cover}.style-card figcaption{padding:16px}.style-card h3{color:var(--cream);margin:0}.style-card p{margin:8px 0;color:var(--muted)}.style-card small{color:var(--muted)}.pricing-card{display:block;color:var(--cream);text-decoration:none;background:var(--panel);padding:24px;border:1px solid #40515b;border-radius:8px}.pricing-card h3{margin-top:0}.pricing-card.popular{border:2px solid var(--amber);background:#233c48;box-shadow:0 0 20px #ffcc8018}.pack-note{color:var(--amber);font-weight:700}.pricing-card:hover,.style-card:hover{border-color:var(--amber)}

#waitlist-slot form{display:grid;gap:.75rem;max-width:38rem}#waitlist-slot input{font:inherit;padding:.75rem;border:1px solid currentColor;border-radius:.35rem;min-width:0}#waitlist-slot button{justify-self:start}#waitlist-slot [data-turnstile]{max-width:100%;overflow:hidden}

.ar-4x3 { aspect-ratio:1152/864; }
.ar-16x9 { aspect-ratio:1280/720; }