:root{--bg:#080a0f;--bg2:#0f1219;--paper:#f1f0ec;--ink:#101218;--muted:#747984;--line:rgba(255,255,255,.12);--glass:rgba(18,21,30,.62);--glass2:rgba(255,255,255,.06);--accent:#d9b574;--accent2:#8da7ff;--danger:#ff7777;--good:#76dfae;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--paper);background:radial-gradient(circle at 18% 0%,#171b28 0,transparent 32rem),linear-gradient(180deg,#080a0f,#0c0f16 52%,#080a0f);min-height:100vh}a{color:inherit}img,svg,canvas{max-width:100%}.wrap{width:min(1420px,calc(100% - 44px));margin:auto}.narrow{width:min(780px,calc(100% - 40px));margin:auto}.ambient{position:fixed;inset:auto;pointer-events:none;z-index:-1;filter:blur(80px);opacity:.2}.ambient-a{width:30vw;height:30vw;background:#4567c4;top:18vh;right:-10vw;border-radius:50%}.ambient-b{width:25vw;height:25vw;background:#b9894e;top:70vh;left:-10vw;border-radius:50%}.site{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(180deg,rgba(8,10,15,.88),rgba(8,10,15,.38));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-word{font-size:20px}.logo-mark{position:relative;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 35px rgba(0,0,0,.25);overflow:hidden}.logo-mark:before{content:"";position:absolute;width:46px;height:12px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:rotate(-42deg);opacity:.8}.logo-mark i{position:absolute;inset:6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;transform:rotate(12deg)}.logo-mark b{font-size:11px;letter-spacing:.14em;z-index:1}.glass-nav{display:flex;align-items:center;gap:4px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 40px rgba(0,0,0,.2);backdrop-filter:blur(24px);transform:perspective(800px) rotateX(1.2deg)}.glass-nav a{padding:11px 14px;text-decoration:none;color:#c8ccd6;font-size:14px;border-radius:12px;transition:.2s}.glass-nav a:hover{color:#fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}.btn,.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#f2efe7;color:#11141a;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;box-shadow:0 10px 34px rgba(0,0,0,.22);transition:.22s}.btn:hover,.admin-btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(0,0,0,.34)}.nav-buy{background:linear-gradient(135deg,#f4f0e6,#cbb07d)}.btn-glow{background:linear-gradient(135deg,#f7f2e7,#d5b77d);box-shadow:0 12px 36px rgba(217,181,116,.2)}.btn.light{background:#f3efe8;color:#101218}.nav-toggle,.nav-button,nav.mobile{display:none}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:calc(100svh - 92px);gap:30px;align-items:stretch}.luxe-hero{padding:36px 0 54px}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:8vh 0 3vh;position:relative;z-index:2}.hero-kicker,.eyebrow{font:700 11px/1.2 var(--mono);letter-spacing:.18em;color:#c5ad82;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:10px}.hero-kicker span{width:30px;height:1px;background:var(--accent)}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(3.1rem,6.2vw,7.5rem);font-weight:650}h1 em{font-family:Georgia,serif;font-weight:400;color:#d7c29a}h2{font-size:clamp(2.2rem,4vw,4.8rem);font-weight:620}h3{font-size:1.3rem}.hero-lead{max-width:650px;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.6;color:#aab0bd;margin:28px 0}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.text-link{text-decoration:none;color:#d8dbe2}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#8f95a2;font-size:13px}.mini-proof{display:flex;justify-content:space-between;gap:15px;align-items:end;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:50px;color:#9095a0}.mini-proof strong{color:#ece8df}.stage{position:relative;min-height:70vh;border:1px solid rgba(255,255,255,.12);border-radius:32px;overflow:hidden;background:#11151e;box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(-1.8deg);transition:.35s}.stage:hover{transform:perspective(1200px) rotateY(0deg) translateY(-4px)}.stage:after{content:"LIVE ROOM STUDY";position:absolute;top:18px;right:18px;font:700 10px var(--mono);letter-spacing:.16em;padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.stage canvas{width:100%;height:100%;min-height:70vh;display:block}.stage figcaption{position:absolute;bottom:18px;left:18px;margin:0;padding:9px 12px;border-radius:999px;background:rgba(10,12,18,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);font-size:11px;color:#c5cad3}.marquee{overflow:hidden;border-block:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);white-space:nowrap}.marquee div{width:max-content;padding:16px 0;font:700 11px var(--mono);letter-spacing:.2em;color:#777e8b;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:start;margin-bottom:50px}.section-head p{margin:0;line-height:1.7}.muted{color:#888f9c}.spot{color:#d2b47e}.mono{font-family:var(--mono)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card,.price-card,.sheet{position:relative;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08);overflow:hidden}.feature-card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.feature-card>span{position:absolute;top:22px;right:24px;font:700 12px var(--mono);color:#c2a875}.feature-card:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.08);border-radius:50%;top:-95px;left:-70px}.feature-card p{line-height:1.6}.dark-band{padding:110px 0;background:linear-gradient(130deg,#151820,#0c0e14);border-block:1px solid rgba(255,255,255,.1)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.showcase p{font-size:1.15rem;color:#9ea4af;line-height:1.8;max-width:650px}.orbital-card{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle,#222838 0,#11141b 45%,#0c0e14 70%);overflow:hidden}.core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 20%,#e4ca96,#aa8150 55%,#5a422b);color:#17120d;box-shadow:0 0 80px rgba(217,181,116,.3);font-weight:900;letter-spacing:.1em}.core small{font-size:9px}.orbit{position:absolute;inset:50% auto auto 50%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:translate(-50%,-50%)}.o1{width:55%;height:55%;animation:spin 18s linear infinite}.o2{width:82%;height:82%;animation:spin 28s linear infinite reverse}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.orbit-label{position:absolute;font:700 10px var(--mono);letter-spacing:.16em;color:#858c98}.orbit-label.a{top:18%;left:22%}.orbit-label.b{right:15%;top:44%}.orbit-label.c{left:20%;bottom:14%}.pricing-rich{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{min-height:470px;display:flex;flex-direction:column}.price-card.featured{background:linear-gradient(150deg,rgba(217,181,116,.17),rgba(255,255,255,.04));border-color:rgba(217,181,116,.35);transform:translateY(-10px)}.price-glow{position:absolute;width:170px;height:170px;background:rgba(217,181,116,.18);filter:blur(60px);top:-70px;right:-60px}.price-card h3{font-size:2rem;margin:8px 0 16px}.price-card .btn{margin-top:auto}.clean-list{list-style:none;padding:0;margin:20px 0 32px;color:#9298a3}.clean-list li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.final-cta{display:flex;justify-content:space-between;gap:40px;align-items:end;border-top:1px solid rgba(255,255,255,.12)}footer{border-top:1px solid rgba(255,255,255,.1);padding:58px 0 28px;background:#07090d}.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.foot strong{font-size:12px;color:#a8adb7}.foot a{display:block;text-decoration:none;margin:11px 0;color:#8f95a1;font-size:14px}.footer-brand{margin-bottom:20px}.footer-copy{font-size:12px;margin-top:38px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}form.sheet{max-width:860px}.sheet label,label{display:grid;gap:8px;margin-bottom:16px;font-size:13px;color:#a8aeba}input,select,textarea{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#f0eee8;padding:10px 12px;font:inherit}select option{color:#111}textarea{min-height:120px}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:auto;min-height:0}.rule{border-top:1px solid rgba(255,255,255,.1)}.grid-3,.grid-4{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3>*,.grid-4>*{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}pre.plan{white-space:pre-wrap;background:#0b0e14;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;color:#bfc5d0;overflow:auto;font:12px/1.6 var(--mono)}table{width:100%;border-collapse:collapse}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}th{color:#777f8e;font-size:10px;letter-spacing:.1em;text-transform:uppercase}dl.meta div{display:grid;grid-template-columns:180px 1fr;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
/* Admin */.admin-body{background:#090b10;color:#e9e8e4}.admin-side{position:fixed;inset:0 auto 0 0;width:250px;padding:22px 16px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#10131b,#0a0c11);z-index:80}.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;padding:0 8px 22px}.admin-brand>span:last-child{display:grid}.admin-brand small{font-size:9px;color:#777f8b;letter-spacing:.16em;text-transform:uppercase;margin-top:3px}.admin-nav{display:grid;gap:5px}.admin-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:12px;color:#8f96a4;text-decoration:none;font-size:13px}.admin-nav a span{width:20px;text-align:center}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.07);color:#f2f0ea;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.admin-side-bottom{margin-top:auto;display:grid;gap:7px}.admin-side-bottom a,.admin-side-bottom button{width:100%;text-align:left;border:0;background:transparent;color:#777f8d;padding:10px 12px;text-decoration:none;font:inherit;font-size:12px;cursor:pointer}.admin-shell{margin-left:250px;min-height:100vh}.admin-top{height:74px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(9,11,16,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.admin-top>div:first-child{display:grid;gap:3px}.admin-top strong{font-size:13px}.admin-live{font-size:11px;color:#8e96a3;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 11px}.admin-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good);margin-right:6px}.admin-main{padding:34px;max-width:1600px;margin:auto}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.admin-title h1{font-size:42px;margin-top:7px}.admin-title p{color:#7f8795;margin-bottom:0}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-btn{min-height:42px;border-radius:11px;padding:0 14px;font-size:12px}.admin-btn.ghost{background:rgba(255,255,255,.055);color:#d6dae1}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.metric-grid.compact{grid-template-columns:repeat(4,1fr)}.metric-card{min-height:145px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));display:flex;flex-direction:column}.metric-card span{font-size:11px;color:#808897}.metric-card>strong{font-size:30px;letter-spacing:-.04em;margin:auto 0 4px}.metric-card>strong.small{font-size:15px}.metric-card small{color:#656d7a;font-size:10px}.metric-card.pulse{border-color:rgba(118,223,174,.25);box-shadow:inset 0 0 35px rgba(118,223,174,.03)}.metric-card.warn{border-color:rgba(217,181,116,.26)}.admin-grid{display:grid;gap:16px;margin:16px 0}.admin-grid.two{grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr)}.admin-panel{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0e1118;box-shadow:inset 0 1px rgba(255,255,255,.03);overflow:hidden}.panel-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.07)}.panel-head h2{font-size:20px;margin-top:5px}.panel-head>a{color:#8f96a3;text-decoration:none;font-size:11px}.chart-wrap{height:300px;padding:20px}.chart-wrap canvas{width:100%;height:100%}.funnel{padding:25px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.funnel div{display:grid;text-align:center;gap:8px}.funnel span{font-size:10px;color:#737b89}.funnel strong{font-size:28px}.funnel i{width:25px;height:1px;background:#303643}.conversion{margin:0 20px 20px;padding:14px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;justify-content:space-between;color:#858d9b;font-size:12px}.conversion strong{color:#dfc18c}.admin-table{overflow:auto}.admin-table table{min-width:680px}.admin-table a{text-decoration:none;color:#d8c18f}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#1b202b;color:#9fa7b6;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.s-paid,.s-delivered,.user-active{background:rgba(118,223,174,.1);color:#8ce1bb}.s-drafting,.s-intake,.user-vip{background:rgba(217,181,116,.12);color:#e2c48d}.s-refunded,.s-failed,.user-paused{background:rgba(255,119,119,.1);color:#ef9999}.member-list{padding:8px 16px}.member-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}.member-list>a>span:nth-child(2),.user-cell>span:nth-child(2){display:grid;gap:3px}.member-list small,.user-cell small{color:#6f7785;font-size:10px}.member-list em{font-style:normal;color:#666e7b}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#292f3d,#171b23);border:1px solid rgba(255,255,255,.09);font-size:11px}.filter-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filter-row a{padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.04);color:#7f8795;text-decoration:none;font-size:11px;border:1px solid rgba(255,255,255,.05)}.filter-row a.active{background:#e2d1ac;color:#19160f}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.admin-form label{margin:0}.admin-form .full{grid-column:1/-1}.admin-form input,.admin-form select,.admin-form textarea{background:#090c12}.notice{padding:12px 14px;border-radius:11px;margin-bottom:15px;font-size:12px}.notice.good{background:rgba(118,223,174,.08);color:#8ce1bb}.notice.bad{background:rgba(255,119,119,.08);color:#ef9999}.user-cell{display:flex;align-items:center;gap:10px}.rich-meta{padding:8px 20px;margin:0}.rich-meta div{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rich-meta dt{color:#717987;font-size:10px}.rich-meta dd{margin:0;font-size:12px;overflow-wrap:anywhere}.download-log{padding:10px 20px}.download-log>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.download-log span{font-size:10px;color:#8b93a1}.download-log small{grid-column:1/-1;color:#59616d}.live-list{padding:8px 20px;max-height:590px;overflow:auto}.live-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.live-list i{width:8px;height:8px;border-radius:50%;background:#3d4350}.live-list i.on{background:var(--good);box-shadow:0 0 10px rgba(118,223,174,.6)}.live-list span{display:grid}.live-list small,.live-list em{font-size:9px;color:#666f7d;font-style:normal}.path-bars{padding:20px}.path-bars>div{display:grid;grid-template-columns:150px 1fr 35px;gap:10px;align-items:center;margin:12px 0}.path-bars span{font-size:10px;color:#9199a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-bars b{height:7px;border-radius:999px;background:#171c26;overflow:hidden}.path-bars b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8da7ff,#d9b574)}.path-bars em{font-style:normal;font-size:9px;color:#626a78;text-align:right}
@media(max-width:1150px){.feature-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.admin-grid.two{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.stage{min-height:58vh;transform:none}.hero-copy{padding-top:4vh}.pricing-rich{grid-template-columns:1fr}.price-card.featured{transform:none}.split{grid-template-columns:1fr}}
@media(max-width:820px){.wrap{width:min(100% - 28px,1420px)}nav.desktop{display:none}.nav-button{display:inline-flex}.nav-toggle:checked~nav.mobile{display:grid;gap:4px;padding:12px;margin-top:5px}.glass-panel{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0f1218}.mobile a{text-decoration:none;padding:11px}.hero{min-height:0}.hero h1{font-size:clamp(3rem,14vw,5rem)}.stage,.stage canvas{min-height:52vh}.feature-grid,.grid-4,.grid-3{grid-template-columns:1fr}.section{padding:75px 0}.final-cta{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr 1fr}.admin-side{position:relative;width:auto;height:auto;inset:auto}.admin-nav{grid-template-columns:repeat(3,1fr)}.admin-nav a{justify-content:center}.admin-side-bottom{display:none}.admin-shell{margin-left:0}.admin-top{position:relative;padding:0 18px}.admin-main{padding:20px 14px}.admin-title{align-items:flex-start;flex-direction:column}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,1fr)}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.admin-grid.two{grid-template-columns:1fr}}
@media(max-width:520px){.feature-grid,.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.trust-row{display:grid;gap:7px}.admin-nav{grid-template-columns:1fr 1fr}.admin-title h1{font-size:34px}.funnel{grid-template-columns:1fr}.funnel i{width:1px;height:16px;margin:auto}.section-head h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee div,.orbit{animation:none}.reveal{opacity:1;transform:none}}

/* Cinematic scroll landing v2 */
.home-cinematic{overflow:clip}.scroll-cinema{height:520vh;position:relative;background:#07090d}.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#07090d}.cinema-sticky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cinema-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,transparent 20%,rgba(3,5,8,.12) 55%,rgba(3,5,8,.72) 100%),linear-gradient(90deg,rgba(3,5,8,.72) 0%,rgba(3,5,8,.17) 44%,rgba(3,5,8,.08) 72%,rgba(3,5,8,.4) 100%)}.cinema-grain{position:absolute;inset:-40%;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grainShift .34s steps(2) infinite}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(0,0)}}.cinema-topline{position:absolute;z-index:5;top:106px;left:max(28px,4vw);right:max(28px,4vw);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.58);font:700 10px/1.2 var(--mono);letter-spacing:.18em}.scroll-status{display:flex;align-items:center;gap:9px}.scroll-status i{width:5px;height:5px;border-radius:50%;background:#e0bf7d;box-shadow:0 0 15px rgba(224,191,125,.9);animation:statusPulse 1.7s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35;transform:scale(.6)}}.cinema-copy{position:absolute;z-index:6;inset:0;pointer-events:none}.cinema-beat{position:absolute;left:max(28px,6vw);top:50%;width:min(650px,46vw);transform:translateY(-50%);opacity:0;will-change:transform,opacity;text-shadow:0 8px 35px rgba(0,0,0,.48)}.cinema-beat:first-child{opacity:1}.cinema-beat h1{font-size:clamp(4.1rem,7.2vw,8.5rem);line-height:.89;max-width:900px}.cinema-beat h2{font-size:clamp(3rem,5.4vw,6.6rem);line-height:.93}.cinema-beat h1 em{font-family:Georgia,serif;font-weight:400;color:#d9bd86}.cinema-beat p{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.62;color:#c4c8d0;max-width:570px;margin:24px 0}.cinema-beat .hero-actions{pointer-events:auto}.cinema-beat .text-link{color:#fff}.cinema-progress{position:absolute;z-index:8;left:max(28px,4vw);right:max(28px,4vw);bottom:30px;height:1px;background:rgba(255,255,255,.16);overflow:hidden}.cinema-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#f4e5c6,#d8a757,#95aef9);box-shadow:0 0 20px rgba(217,181,116,.75)}.scene-note{position:absolute;right:max(28px,4vw);bottom:48px;z-index:7;display:grid;text-align:right;gap:3px;color:rgba(255,255,255,.55);font:700 9px/1.35 var(--mono);letter-spacing:.12em}.scene-note b{color:#f0dfbc;font-size:10px}.premium-marquee{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:#0c0e13}.cinematic-after{position:relative;z-index:2}.depth-band{position:relative;overflow:hidden}.depth-band:before{content:"";position:absolute;width:38vw;height:38vw;border-radius:50%;right:-8vw;top:-12vw;background:radial-gradient(circle,rgba(217,181,116,.18),transparent 68%);filter:blur(18px)}.light-stack{display:grid;gap:12px;perspective:1100px}.light-stack>div{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;min-height:96px;padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.22);transform:rotateY(-5deg) translateX(calc(var(--i,0)*0px));transition:.35s}.light-stack>div:nth-child(1){transform:rotateY(-7deg) translateX(0)}.light-stack>div:nth-child(2){transform:rotateY(-4deg) translateX(24px)}.light-stack>div:nth-child(3){transform:rotateY(-1deg) translateX(48px)}.light-stack>div:nth-child(4){transform:rotateY(2deg) translateX(72px)}.light-stack>div:hover{transform:rotateY(0deg) translateX(18px) scale(1.015)}.light-stack span{font:700 11px var(--mono);color:#b59b70}.light-stack b{font-size:20px;letter-spacing:.05em}.light-stack small{color:#7e8490}.site-body .site{background:linear-gradient(180deg,rgba(7,9,13,.82),rgba(7,9,13,.25),transparent);border-bottom:0}.home-cinematic + footer{position:relative;z-index:2}
@media(max-width:900px){.scroll-cinema{height:440vh}.cinema-topline{top:92px}.cinema-topline>span:first-child{display:none}.cinema-beat{left:22px;right:22px;top:auto;bottom:13vh;width:auto}.cinema-beat h1{font-size:clamp(3.6rem,17vw,6.2rem)}.cinema-beat h2{font-size:clamp(3rem,13vw,5rem)}.cinema-beat p{font-size:1rem;max-width:90%}.scene-note{display:none}.cinema-vignette{background:linear-gradient(180deg,rgba(3,5,8,.08) 20%,rgba(3,5,8,.76) 78%,rgba(3,5,8,.95) 100%),radial-gradient(circle at 55% 35%,transparent 20%,rgba(3,5,8,.35) 90%)}.light-stack>div:nth-child(n){transform:none}.light-stack>div:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.scroll-cinema{height:100svh}.cinema-grain,.scroll-status i{animation:none}.cinema-beat:not(:first-child){display:none}.cinema-progress{display:none}}

/* Story-driven landing v3 */
.site-body{background:radial-gradient(circle at 16% 0%,rgba(65,83,132,.22) 0,transparent 34rem),linear-gradient(180deg,#06080c 0%,#0a0d12 48%,#080b10 100%)}
.brand-word{letter-spacing:-.03em}
.brand{gap:14px}
.home-story{overflow:clip;position:relative}
.story-shell{position:relative;background:#080b10}
.story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(217,181,116,.13),transparent 28%),linear-gradient(180deg,#090b10,#0b0e14)}
.story-sticky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.story-vignette{position:absolute;inset:0;background:radial-gradient(circle at 38% 50%,transparent 0%,transparent 18%,rgba(4,6,10,.12) 48%,rgba(4,6,10,.74) 100%),linear-gradient(90deg,rgba(4,6,10,.72) 0%,rgba(4,6,10,.2) 40%,rgba(4,6,10,.05) 68%,rgba(4,6,10,.46) 100%);pointer-events:none}
.story-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.22}
.story-glow-a{width:26vw;height:26vw;right:-7vw;top:20vh;background:rgba(217,181,116,.28)}
.story-glow-b{width:22vw;height:22vw;left:-8vw;bottom:10vh;background:rgba(104,133,225,.26)}
.story-topline{position:absolute;top:106px;left:max(28px,4vw);right:max(28px,4vw);z-index:4;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.66);font:700 10px/1.2 var(--mono);letter-spacing:.17em}
.story-live{display:flex;align-items:center;gap:10px}
.story-live i{width:6px;height:6px;border-radius:50%;background:#e6c17e;box-shadow:0 0 14px rgba(230,193,126,.85);animation:statusPulse 1.8s ease-in-out infinite}
.story-progress{position:absolute;left:max(28px,4vw);right:max(28px,4vw);bottom:28px;height:2px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;z-index:4}
.story-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#efe1bf,#d2a35f,#8da7ff);box-shadow:0 0 22px rgba(217,181,116,.6)}
.story-side-note{position:absolute;right:max(28px,4vw);bottom:48px;display:grid;gap:3px;text-align:right;z-index:4;color:rgba(255,255,255,.58);font:700 9px/1.35 var(--mono);letter-spacing:.12em}
.story-side-note b{font-size:10px;color:#f0dfbc}
.story-steps{position:relative;z-index:2}
.story-step{position:relative;min-height:100svh;display:flex;align-items:center;pointer-events:none}
.story-step .story-inner{display:flex;align-items:center;min-height:100svh}
.story-step:first-child .story-inner{align-items:flex-end;padding-bottom:12vh}
.story-step:last-child .story-inner{align-items:center}
.story-card{pointer-events:auto;position:relative;width:min(680px,100%);padding:clamp(24px,3vw,38px);border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(9,12,18,.58),rgba(17,20,28,.28));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);opacity:.28;transform:translateY(28px) scale(.985);transition:opacity .45s ease,transform .45s ease,border-color .45s ease,background .45s ease}
.story-step.active .story-card{opacity:1;transform:translateY(0) scale(1);border-color:rgba(217,181,116,.32);background:linear-gradient(145deg,rgba(11,15,22,.72),rgba(20,23,33,.38))}
.story-card h1{font-size:clamp(3.6rem,7vw,7.5rem);line-height:.9}
.story-card h2{font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:.95}
.story-card h1 em{font-family:Georgia,serif;font-weight:400;color:#d9bc87}
.story-card p{margin:18px 0 0;line-height:1.7;color:#c8ccd4;font-size:clamp(1rem,1.2vw,1.18rem)}
.story-lead{max-width:580px}
.story-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.story-mini-grid div,.story-quote,.layer-pills span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.story-mini-grid div{padding:14px 16px;border-radius:16px;display:grid;gap:4px}
.story-mini-grid strong{font-size:13px;letter-spacing:.08em}
.story-mini-grid small{color:#8b92a1;font-size:12px;line-height:1.45}
.layer-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.layer-pills span{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:999px;color:#e9dac0;font:700 11px var(--mono);letter-spacing:.12em}
.story-quote{margin-top:24px;padding:18px 20px;border-radius:18px;color:#f1eadc;font-family:Georgia,serif;font-size:1.12rem}
.story-card .hero-actions,.story-card .trust-row{margin-top:26px}
.story-card .hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.story-card .text-link{color:#f5efe2}
.story-card .trust-row{color:#9fa5b2;font-size:13px}
.cinematic-after,.premium-marquee,.depth-band,footer{position:relative;z-index:3}
@media(max-width:980px){
  .story-topline{top:92px}
  .story-topline>span:first-child{display:none}
  .story-side-note{display:none}
  .story-step .story-inner,.story-step:first-child .story-inner{align-items:flex-end;padding-bottom:11vh}
  .story-card{width:min(100%,680px)}
  .story-card h1{font-size:clamp(3rem,15vw,5.7rem)}
  .story-card h2{font-size:clamp(2.2rem,10vw,4rem)}
  .story-mini-grid{grid-template-columns:1fr}
  .story-vignette{background:linear-gradient(180deg,rgba(4,6,10,.08) 10%,rgba(4,6,10,.4) 55%,rgba(4,6,10,.9) 100%),radial-gradient(circle at 55% 32%,transparent 10%,rgba(4,6,10,.25) 70%)}
}
@media(max-width:640px){
  .story-progress{left:20px;right:20px;bottom:22px}
  .story-topline{left:20px;right:20px}
  .story-card{padding:22px;border-radius:22px}
  .story-card .hero-actions{align-items:flex-start;flex-direction:column}
  .layer-pills{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .story-card{opacity:1;transform:none}
  .story-live i{animation:none}
}

/* Admin light mode v6 - public site remains cinematic/dark */
.admin-body{background:#f4f6f8!important;color:#17202a!important}
.admin-body .admin-side{background:#ffffff!important;border-right:1px solid #e2e7ec!important;box-shadow:10px 0 40px rgba(15,23,42,.04)!important}
.admin-body .admin-brand{color:#111827!important}
.admin-body .admin-brand small{color:#7b8794!important}
.admin-body .admin-side .logo-mark{background:linear-gradient(145deg,#fff,#edf1f5)!important;border-color:#dce2e8!important;box-shadow:inset 0 1px #fff,0 8px 22px rgba(15,23,42,.08)!important;color:#111827!important}
.admin-body .admin-nav a{color:#596574!important}
.admin-body .admin-nav a:hover{background:#f4f6f8!important;color:#111827!important}
.admin-body .admin-nav a.active{background:#111827!important;color:#fff!important;box-shadow:0 10px 24px rgba(17,24,39,.14)!important}
.admin-body .admin-side-bottom{border-top-color:#e5e9ee!important}
.admin-body .admin-side-bottom a,.admin-body .admin-side-bottom button{color:#5f6b78!important}
.admin-body .admin-shell{background:#f4f6f8!important}
.admin-body .admin-top{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #e3e8ed!important;backdrop-filter:blur(16px)!important;color:#17202a!important}
.admin-body .admin-top strong{color:#111827!important}
.admin-body .admin-live{color:#347a59!important;background:#eef9f3!important;border-color:#d7efe1!important}
.admin-body .admin-main{color:#17202a!important}
.admin-body .admin-title h1,.admin-body .admin-panel h2,.admin-body .metric-card strong{color:#111827!important}
.admin-body .admin-title p,.admin-body .muted,.admin-body .metric-card small{color:#697586!important}
.admin-body .eyebrow{color:#8c6a35!important}
.admin-body .metric-card,.admin-body .admin-panel,.admin-body .edit-panel{background:#fff!important;border:1px solid #e1e6eb!important;box-shadow:0 12px 34px rgba(15,23,42,.055)!important}
.admin-body .metric-card.warn{background:#fffaf0!important;border-color:#f0dfbd!important}
.admin-body .metric-card.pulse{background:#f3faf6!important;border-color:#d6eadf!important}
.admin-body .panel-head{border-bottom-color:#e7ebef!important}
.admin-body .panel-head a,.admin-body .admin-table a,.admin-body .member-list a{color:#344a78!important}
.admin-body .admin-table table{color:#2d3743!important}
.admin-body .admin-table th{color:#788491!important;background:#fafbfc!important;border-bottom-color:#e6eaee!important}
.admin-body .admin-table td{border-bottom-color:#edf0f3!important}
.admin-body .admin-table tr:hover td{background:#fafbfd!important}
.admin-body .member-list a{border-bottom-color:#edf0f3!important}
.admin-body .member-list strong,.admin-body .user-cell strong,.admin-body .rich-meta dd,.admin-body .download-log strong,.admin-body .live-list strong{color:#1b2530!important}
.admin-body .member-list small,.admin-body .user-cell small,.admin-body .download-log span,.admin-body .download-log small,.admin-body .live-list small,.admin-body .live-list em,.admin-body .rich-meta dt{color:#7b8794!important}
.admin-body .avatar{background:linear-gradient(145deg,#f3f5f7,#e8edf2)!important;border-color:#dce3e9!important;color:#263241!important}
.admin-body .filter-row a{background:#fff!important;color:#637080!important;border-color:#dde3e8!important}
.admin-body .filter-row a.active{background:#111827!important;color:#fff!important;border-color:#111827!important}
.admin-body input,.admin-body select,.admin-body textarea{background:#fff!important;color:#17202a!important;border:1px solid #d8dee5!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important}
.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus{outline:2px solid rgba(65,105,180,.18)!important;border-color:#8aa4ce!important}
.admin-body select option{color:#17202a!important;background:#fff!important}
.admin-body .admin-btn{background:#111827!important;color:#fff!important;border-color:#111827!important;box-shadow:0 8px 22px rgba(17,24,39,.12)!important}
.admin-body .admin-btn.ghost{background:#fff!important;color:#263241!important;border-color:#d8dfe6!important;box-shadow:none!important}
.admin-body .admin-btn.ghost:hover{background:#f8fafb!important}
.admin-body .admin-form input,.admin-body .admin-form select,.admin-body .admin-form textarea{background:#fff!important}
.admin-body .rich-meta div,.admin-body .download-log>div,.admin-body .live-list>div{border-bottom-color:#edf0f3!important}
.admin-body .plan{background:#f7f9fb!important;color:#263241!important;border-color:#e0e6eb!important}
.admin-body .chart-wrap{background:linear-gradient(180deg,#fff,#fbfcfd)!important}
.admin-body .funnel div,.admin-body .conversion{background:#f7f9fb!important;border-color:#e3e8ed!important;color:#263241!important}
.admin-body .funnel i{background:#d6dde5!important}
.admin-body .path-bars b{background:#edf1f4!important}
.admin-body .table-action{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;background:#eef4ff;color:#294d89!important;border:1px solid #d9e5fb;text-decoration:none;font-weight:700;font-size:11px}
.admin-body .admin-title-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.admin-body .status{border:1px solid transparent}
.admin-body .s-paid,.admin-body .s-delivered,.admin-body .user-active{background:#eaf8f0!important;color:#28734e!important;border-color:#d2eedf!important}
.admin-body .s-intake,.admin-body .s-drafting,.admin-body .user-vip{background:#eef4ff!important;color:#315d9b!important;border-color:#dbe6f8!important}
.admin-body .s-refunded,.admin-body .s-failed,.admin-body .user-paused{background:#fff0f0!important;color:#a04444!important;border-color:#f4dada!important}
.admin-body .s-checkout{background:#f3f4f6!important;color:#596574!important;border-color:#e4e7eb!important}
@media(max-width:820px){.admin-body .admin-side{border-right:0!important;border-bottom:1px solid #e2e7ec!important}.admin-body .admin-title-actions{justify-content:flex-start}}

/* Real-photo cinematic homepage */
.story-sticky .room-photo{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;object-position:center center;display:block;will-change:transform,filter;transform:translate3d(0,0,0) scale(1.07);filter:brightness(.63) saturate(.9) contrast(1.04)}
.story-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,12,.08) 0%,rgba(6,8,12,.16) 46%,rgba(6,8,12,.46) 100%)}
.story-vignette{z-index:1}.story-glow{z-index:2}.story-topline,.story-progress,.story-side-note{z-index:5}.story-steps{z-index:6}
.story-card{z-index:7}
.legal-page p{line-height:1.75;margin:18px 0;color:#b8bec8}.legal-page>p:first-of-type{color:#e6d3ad;font-family:var(--mono);font-size:12px;letter-spacing:.08em}.legal-links{display:grid;gap:10px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.legal-links a{color:#e9d5ae}.auth-legal{font-size:12px;line-height:1.55;margin-top:18px}.auth-legal a,.check a{color:#e4c88f}

/* Cinematic photo-led storytelling v7 */
.page-cinema{display:grid;gap:38px}
.page-hero-cinema{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center;margin-bottom:24px}
.page-hero-copy{padding:18px 0}
.page-hero-media,.movie-media{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#10141b;box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,0,0,.35);min-height:360px}
.page-hero-media{min-height:560px}
.page-hero-media:after,.movie-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,16,.04),rgba(7,10,16,.22) 48%,rgba(7,10,16,.68) 100%);pointer-events:none}
.movie-photo{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;display:block;transform:translate3d(0,0,0) scale(1.06);filter:brightness(.76) saturate(.96);will-change:transform,filter}
.page-hero-media .movie-photo{filter:brightness(.74) saturate(.94) contrast(1.04)}
.movie-media figcaption,.page-hero-media figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:10px;max-width:max-content;padding:10px 14px;border-radius:999px;background:rgba(7,10,16,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#d6dae1;font:700 10px/1.2 var(--mono);letter-spacing:.12em}
.movie-strip{display:grid;gap:22px}
.movie-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px;align-items:center}
.movie-panel.reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.movie-panel.reverse .movie-media{order:2}
.movie-panel.reverse .movie-copy{order:1}
.movie-copy{display:grid;gap:16px;padding:8px 4px}
.movie-copy p{font-size:1.05rem;line-height:1.8;margin:0}
.movie-copy .btn{width:max-content}
.movie-panel .stage{min-height:360px;height:100%}
.movie-panel .stage canvas{min-height:360px}
.page-cinema .grid-3,.page-cinema .pricing-rich{margin-top:10px}
.page-cinema .sheet{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}
.story-shell .room-photo{will-change:transform,filter}
.steps li{margin-bottom:18px}
.legal-page{position:relative;z-index:2}
@media (max-width:1100px){
  .page-hero-cinema,.movie-panel,.movie-panel.reverse{grid-template-columns:1fr}
  .movie-panel.reverse .movie-media,.movie-panel.reverse .movie-copy{order:initial}
  .page-hero-media{min-height:420px}
}
@media (max-width:720px){
  .page-hero-media,.movie-media{min-height:320px;border-radius:24px}
  .movie-photo{inset:-4%;width:108%;height:108%}
}
.movie-stage .stage{min-height:360px;height:100%}.movie-stage .stage canvas{min-height:360px}
