:root{--text-xs: clamp(.72rem, .68rem + .22vw, .82rem);--text-sm: clamp(.875rem, .82rem + .3vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .7vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--text-2xl: clamp(2rem, 1.3rem + 2.4vw, 3.5rem);--text-3xl: clamp(2.6rem, 1.2rem + 4vw, 5.2rem);--text-hero: clamp(3.6rem, 1rem + 7.2vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--ease-out: cubic-bezier(.16,1,.3,1);--t: .2s var(--ease-out);--font-display: "Zodiak", "Georgia", serif;--font-body: "Satoshi", "Inter", sans-serif;--bg: #0a0807;--surface: #110f0d;--surface-2: #181412;--surface-3: #201c18;--border: rgba(255,255,255,.065);--border-warm: rgba(210,175,120,.16);--text: #f2e9dc;--text-muted: #b8a98e;--text-faint: #635a50;--text-inv: #100d0b;--gold: #d4a853;--gold-hover: #e8c07a;--gold-glow: rgba(212,168,83,.16);--gold-border: rgba(212,168,83,.22);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 6px 24px rgba(0,0,0,.5);--shadow-lg: 0 24px 70px rgba(0,0,0,.65);--shadow-gold:0 14px 44px rgba(212,168,83,.2);--content: 1160px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-padding-top:80px}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%;height:auto;object-fit:cover}a,button,input{transition:all var(--t)}button{cursor:pointer;border:none;background:none}ul{list-style:none}h1,h2,h3,h4{text-wrap:balance;line-height:1.08}p{text-wrap:pretty;max-width:72ch}::selection{background:#d4a85338}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm)}.wrap{width:min(calc(100% - 2.5rem),var(--content));margin-inline:auto}.wrap-n{width:min(calc(100% - 2.5rem),780px);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:999;background:var(--surface-2);color:var(--text);padding:.5rem 1rem;border-radius:var(--radius-md)}.site-header{position:sticky;top:0;z-index:60;background:#0a0807b3;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text)}.brand-logo{width:36px;height:36px}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--space-8)}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);letter-spacing:.03em}.nav-links a:hover{color:var(--text)}.nav-sign-in{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);letter-spacing:.03em}.nav-sign-in:hover{color:var(--text)}.nav-cta{min-height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--gold);color:var(--text-inv);font-size:var(--text-sm);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;letter-spacing:.04em}.nav-cta:hover{background:var(--gold-hover)}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:hidden}.hero-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-video-wrap video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-video-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:url(../assets/hero.jpg) center/cover no-repeat;transition:opacity 1.2s ease}.hero-video-wrap.video-ready:before{opacity:0}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0a080738,#0a080761,#0a0807b8 70%,#0a0807f7),linear-gradient(to right,#0a0807b8,#0a080747 55%,#0a08070d)}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at 60% 40%,transparent 38%,rgba(10,8,7,.55) 100%);pointer-events:none}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:180px 180px}.hero-body{position:relative;z-index:4;width:min(calc(100% - 2.5rem),var(--content));margin-inline:auto;padding:clamp(var(--space-20),14vw,var(--space-24)) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-left{max-width:600px}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.38rem 1rem;border-radius:var(--radius-full);border:1px solid var(--gold-border);background:#d4a8530f;color:var(--gold);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--space-7)}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);display:block;animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.055em;color:var(--text);font-weight:400;line-height:.9}h1 em{font-style:italic;color:var(--gold)}.hero-sub{margin-top:var(--space-7);color:var(--text-muted);font-size:var(--text-lg);max-width:46ch;line-height:1.7;font-weight:300;letter-spacing:.01em}.hero-sub strong{color:var(--text);font-weight:500}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-10)}.btn-gold{min-height:58px;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--gold);color:var(--text-inv);font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-gold)}.btn-gold:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 22px 55px #d4a8534d}.btn-ghost{min-height:58px;padding:0 var(--space-6);border-radius:var(--radius-full);border:1px solid rgba(242,233,220,.16);color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.04em;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{color:var(--text);border-color:var(--gold-border)}.hero-notes{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-8);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase}.hero-notes li:before{content:"—";margin-right:.4em;color:var(--gold);opacity:.45}.hero-right{position:relative}.cast-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--gold-border);box-shadow:var(--shadow-lg);aspect-ratio:3/4}.cast-card img{width:100%;height:100%;object-fit:cover}.cast-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 52%,rgba(10,8,7,.78) 100%);pointer-events:none}.cast-badge{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);display:flex;gap:.5rem;white-space:nowrap;z-index:2;background:#0a0807c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--gold-border);border-radius:var(--radius-full);padding:.55rem 1.1rem;font-size:var(--text-xs);color:var(--text-muted)}.cast-badge span{color:var(--gold)}.float-tag{position:absolute;top:var(--space-5);right:var(--space-4);z-index:2;background:#0a0807c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-full);padding:.42rem .88rem;font-size:var(--text-xs);color:var(--text-muted)}.scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.section{padding:clamp(var(--space-16),11vw,var(--space-24)) 0}.section-label{display:inline-block;color:var(--gold);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--space-5)}h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.04em}h2 em{font-style:italic;color:var(--gold)}.section-sub{margin-top:var(--space-5);color:var(--text-muted);font-size:var(--text-lg);max-width:52ch;line-height:1.7;font-weight:300}.divider{width:100%;height:1px;background:var(--border)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-top:var(--space-12);align-items:start}.how-visual{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:4/5}.how-visual img{width:100%;height:100%;object-fit:cover}.how-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(10,8,7,.6) 100%)}.steps{display:grid;gap:var(--space-5);align-content:start}.step{padding:var(--space-6) var(--space-7);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start}.step:hover{background:var(--surface-2);border-color:var(--gold-border)}.step-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--gold-border);color:var(--gold);font-size:var(--text-sm);font-family:var(--font-display)}.step h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);letter-spacing:-.01em}.step p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.7}.xp-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-12);align-items:center;margin-top:var(--space-12)}.xp-image{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:4/3}.xp-image img{width:100%;height:100%;object-fit:cover}.xp-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 55%,rgba(10,8,7,.55))}.device-list{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.device-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.device-row .label{color:var(--text-muted);font-size:var(--text-sm)}.device-row .status{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.status-ready{color:var(--gold)}.status-soon{color:var(--text-faint)}.portrait-band{position:relative;overflow:hidden}.portrait-bg{width:100%;height:580px;position:relative}.portrait-bg img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.portrait-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a0807,#0a080799 45%,#0a08071f),linear-gradient(to bottom,#0a080747,#0a0807d1)}.portrait-body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center}.portrait-quote{width:min(calc(100% - 2.5rem),var(--content));margin-inline:auto;max-width:600px}.portrait-quote:before{content:"";display:block;width:40px;height:1px;background:var(--gold);margin-bottom:var(--space-6);opacity:.7}blockquote{font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;font-weight:300;letter-spacing:-.03em;line-height:1.25;color:var(--text)}blockquote footer{font-family:var(--font-body);font-style:normal;margin-top:var(--space-6);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase}.plans-intro{text-align:center;max-width:600px;margin-inline:auto}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12);align-items:start}.plan-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);transition:border-color var(--t)}.plan-card--featured{border-color:var(--gold-border);box-shadow:var(--shadow-lg),0 0 60px #d4a85317;background:var(--surface-2)}.plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--text-inv);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .85rem;border-radius:var(--radius-full);white-space:nowrap}.plan-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em;color:var(--text)}.plan-price-row{display:flex;align-items:baseline;gap:.25rem;margin-top:var(--space-1)}.plan-price{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.04em;color:var(--text);line-height:1}.plan-period{font-size:var(--text-sm);color:var(--text-muted)}.plan-tagline{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.plan-features{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.plan-features li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text);line-height:1.5}.plan-features li:before{content:"";flex-shrink:0;margin-top:.3em;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.7}.plan-features li.plan-feature--highlight{color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-1)}.plan-features li.plan-feature--highlight:before{display:none}.plan-cta{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--radius-full);border:1px solid var(--gold-border);background:transparent;color:var(--gold);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background var(--t),color var(--t),border-color var(--t),transform var(--t),box-shadow var(--t)}.plan-cta:hover{background:var(--gold-glow);transform:translateY(-2px)}.plan-cta--featured{background:var(--gold);color:var(--text-inv);border-color:transparent;box-shadow:var(--shadow-gold)}.plan-cta--featured:hover{background:var(--gold-hover);box-shadow:0 22px 55px #d4a8534d}.plans-footnote{text-align:center;font-size:var(--text-xs);color:var(--text-faint);margin-top:var(--space-10)}.site-footer{padding:var(--space-10) 0 var(--space-16);border-top:1px solid var(--border)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:.6rem}.footer-brand .brand-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:500}.footer-tagline{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-style:italic;font-family:var(--font-display)}.footer-legal{font-size:var(--text-xs);color:var(--text-faint)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.36s}@media (max-width:1024px){.hero-body{grid-template-columns:1fr;padding-top:var(--space-16)}.hero-right{display:none}.how-grid,.xp-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}@media (max-width:760px){.nav-links{display:none}.portrait-bg{height:460px}blockquote{font-size:var(--text-xl)}.hero-body{padding-bottom:var(--space-16)}.scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}