:root{--black:#050505;--soft:#0d0d0d;--cream:#f5f2ea;--muted:#aaa59b;--gold:#e0aa32;--gold2:#f1c969;--line:rgba(224,170,50,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 4%;background:rgba(5,5,5,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.16em;font-size:.78rem}.brand span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold2);font-family:Georgia,serif;font-size:1rem}.site-nav{display:flex;gap:28px;font-size:.9rem}.site-nav a{color:#d7d2c8}.site-nav a:hover,.site-nav a.active{color:var(--gold2)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}
.design{position:relative}.design img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block}.join{left:4.3%;top:28.8%;width:17.5%;height:3.1%}.quick{left:9.4%;top:77%;width:15.2%;height:2.4%}.tablets{left:39.6%;top:77%;width:15.2%;height:2.4%}.signature{left:70.4%;top:77%;width:15.2%;height:2.4%}.hotspot:focus{outline:3px solid white}
.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:.72rem;font-weight:700}.home-story-strip{padding:90px 7%;text-align:center;background:radial-gradient(circle at center,rgba(224,170,50,.12),transparent 55%),#090909}.home-story-strip h1{max-width:850px;margin:12px auto 18px;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.12}.home-story-strip>p:not(.eyebrow){max-width:690px;margin:0 auto;color:var(--muted);font-size:1.08rem}.gold-link{display:inline-block;margin-top:25px;color:var(--gold2);font-weight:700}
.mobile-section,.waitlist{padding:80px 7%}.mobile-section h1,.waitlist h2{text-transform:uppercase;font-size:clamp(2rem,5vw,3.5rem);margin:.2em 0 .8em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mobile-section article{padding:28px;border:1px solid var(--line);border-radius:8px;background:#0d0d0d}.mobile-section h2{color:var(--gold);font-family:Georgia,serif}.mobile-section p,.waitlist p{color:var(--muted)}.waitlist{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#0b0b0b}.row{display:grid;grid-template-columns:1fr auto}.row input{min-height:52px;padding:0 15px;background:#050505;border:1px solid #9d6b0d;color:white}.row button{min-height:52px;padding:0 24px;border:0;background:linear-gradient(90deg,#be7f0e,#efbd52);font-weight:700;text-transform:uppercase}.consent{display:block;margin-top:12px;color:#888;font-size:.75rem}.consent a{color:var(--gold)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4%;border-top:1px solid var(--line);color:#aaa;font-size:.8rem}
.story-hero{min-height:82vh;display:grid;place-items:center;padding:110px 7%;text-align:center;background:radial-gradient(circle at 72% 35%,rgba(224,170,50,.18),transparent 34%),linear-gradient(145deg,#050505,#111 58%,#050505)}.story-hero-inner{max-width:1000px}.story-hero h1{margin:14px 0 22px;font-family:Georgia,serif;font-weight:500;font-size:clamp(3rem,7vw,6.2rem);line-height:1.06}.lead{color:var(--gold2);font-size:1.5rem}.story-scroll{display:inline-block;margin-top:35px;color:var(--muted)}
.story-block{display:grid;grid-template-columns:120px minmax(0,850px);justify-content:center;gap:55px;padding:120px 7%}.story-block.light{background:#f2eee5;color:#171717}.story-block.dark{background:#101010}.story-number{padding-top:10px;border-top:1px solid var(--gold);color:var(--gold);font-family:Georgia,serif;font-size:3.2rem}.story-copy h2,.story-finale h2{margin:8px 0 28px;font-family:Georgia,serif;font-weight:500;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.12}.story-copy p{font-size:1.08rem}.story-copy blockquote{margin:35px 0 0;padding-left:22px;border-left:3px solid var(--gold);font-weight:700;font-size:1.25rem}.story-statement{padding:100px 7%;text-align:center;background:radial-gradient(circle at center,rgba(224,170,50,.2),transparent 55%),#070707}.story-statement p{color:var(--muted)}.story-statement h2{max-width:950px;margin:12px auto;font-family:Georgia,serif;color:var(--gold2);font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.15}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.principles article{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.principles span{color:var(--gold);font-size:.75rem;letter-spacing:.18em}.principles h3{margin:25px 0 10px;font-family:Georgia,serif;font-size:1.55rem}.principles p{color:var(--muted);font-size:.95rem}.story-finale{padding:130px 7%;text-align:center;background:radial-gradient(circle at 78% 50%,rgba(224,170,50,.18),transparent 40%),#080808}.story-finale>div{max-width:900px;margin:auto}.story-finale>div>p:not(.eyebrow){color:var(--muted);font-size:1.16rem}.gold-button{display:inline-block;margin-top:25px;padding:15px 28px;background:linear-gradient(90deg,#be7f0e,#efbd52);color:#111;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{position:sticky}.brand strong{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;padding:22px 6%;background:#080808;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.hotspot{display:none}.mobile-section,.waitlist{padding:55px 22px}.product-grid,.waitlist,.principles{grid-template-columns:1fr}.row{grid-template-columns:1fr}.story-block{grid-template-columns:1fr;gap:24px;padding:85px 6%}.story-number{width:80px;font-size:2.5rem}.story-hero{min-height:75vh;padding:90px 6%}footer{flex-direction:column}.design{margin-top:0}}