@font-face{font-family:Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Anton;src:url('/fonts/anton.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f7f3fb;--surface:#fff;--surface2:#f0eaf7;--text:#1d1422;--muted:#6f6475;--line:#ddd4e4;--pink:#ff3f73;--pink2:#ff7a55;--lime:#b9ff4e;--shadow:0 16px 40px rgba(34,18,41,.10);--radius:22px;--max:1280px;color-scheme:light}
html[data-theme='dark']{--bg:#0e0a11;--surface:#17111b;--surface2:#211828;--text:#fff8ff;--muted:#b5a9ba;--line:#32283a;--shadow:0 16px 40px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Archivo,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.muted{color:var(--muted)}.eyebrow{font-size:.77rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}.display{font-family:Anton,Archivo,sans-serif;text-transform:uppercase;letter-spacing:-.02em;line-height:.93}.section{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-head h2{margin:0;font-size:clamp(2rem,4vw,4rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 19px;font-weight:900;cursor:pointer;background:var(--surface2);color:var(--text);transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;box-shadow:0 12px 28px rgba(255,63,115,.25)}.btn.ghost{border:1px solid var(--line);background:var(--surface)}.badge{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:var(--surface2)}
.site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.brand img{width:118px;height:auto}.nav-links{display:flex;justify-content:center;gap:25px;align-items:center}.nav-links a{font-weight:750;color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--text);cursor:pointer}.menu-btn{display:none}.mobile-menu{display:none}.mobile-menu.open{display:block}.mobile-menu-inner{padding:14px 20px 22px;display:grid;gap:10px}.mobile-menu a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}
.hero{padding:72px 0 56px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.hero h1{font-size:clamp(4rem,8vw,8.4rem);margin:12px 0 22px;max-width:780px}.hero h1 span{background:linear-gradient(135deg,var(--pink),#ff8a57);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:1.08rem;max-width:620px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-art{position:relative}.hero-window{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px;transform:rotate(1.5deg)}.hero-window img{border-radius:18px;aspect-ratio:16/10;object-fit:cover}.float-pill{position:absolute;right:-18px;top:-18px;background:var(--lime);color:#172006;border-radius:999px;padding:11px 15px;font-weight:950;font-size:.78rem;letter-spacing:.08em}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.show-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.22s}.show-card:hover{transform:translateY(-4px)}.show-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.show-meta{padding:18px}.show-meta h3{font-size:1.35rem;margin:4px 0 6px}.show-meta p{margin:0;color:var(--muted);font-size:.95rem}.show-topline{font-size:.72rem;color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.panel h3{margin-top:0}.steps{display:grid;gap:13px}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.step-num{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface2);font-weight:950}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;position:relative}.price-card.featured{border:2px solid var(--pink)}.price{font-size:3rem;font-weight:950;letter-spacing:-.05em}.price small{font-size:1rem;color:var(--muted)}.price-card ul{padding-left:20px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);margin-top:72px;background:var(--surface)}.footer-grid{padding:46px 0;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:30px}.footer-brand img{width:130px}.footer-col h4{margin:0 0 10px}.footer-col a{display:block;color:var(--muted);margin:8px 0}.footer-bottom{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.88rem}
.watch-hero{min-height:520px;border-radius:30px;overflow:hidden;position:relative;display:flex;align-items:end;background-size:cover;background-position:center;box-shadow:var(--shadow)}.watch-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,5,9,.92),rgba(8,5,9,.12) 70%)}.watch-copy{position:relative;z-index:2;color:#fff;padding:36px;max-width:700px}.watch-copy h1{font-size:clamp(3rem,7vw,6.5rem);margin:8px 0}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,28%);gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.poster-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}.poster-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.poster-card .show-meta{padding:15px}
.series-hero{padding:50px 0}.series-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}.series-art{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.series-art img{width:100%;aspect-ratio:16/10;object-fit:cover}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.episode-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}.episode-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.episode-info{padding:14px}.lock{position:absolute;top:12px;right:12px;background:rgba(10,7,12,.78);color:#fff;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900}
.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 74px)}.side-nav{border-right:1px solid var(--line);padding:24px;background:var(--surface)}.side-nav a{display:block;padding:12px 14px;border-radius:12px;margin:5px 0;color:var(--muted);font-weight:800}.side-nav a.active{background:var(--surface2);color:var(--text)}.app-main{padding:28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:19px}.stat strong{display:block;font-size:1.7rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.studio-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.studio-flow .badge{text-align:center;justify-content:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:13px}.field textarea{min-height:150px;resize:vertical}.project-list{display:grid;gap:12px}.project-row{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.community-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.post{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px}
.admin-login{max-width:460px;margin:70px auto}.hidden{display:none!important}
@media (max-width:980px){.nav-links,.desktop-cta{display:none}.menu-btn{display:grid}.nav-wrap{grid-template-columns:1fr auto 1fr;position:relative}.brand{grid-column:2;justify-self:center}.nav-actions{grid-column:3;justify-self:end}.theme-toggle{display:grid!important}.hero-grid,.series-grid,.two-col,.community-grid{grid-template-columns:1fr}.card-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.side-nav{display:none}.rail{grid-auto-columns:55%}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.hero h1{font-size:clamp(3.4rem,14vw,6rem)}.hero-art{margin-top:20px}}
@media (max-width:640px){.container{width:min(calc(100% - 24px),var(--max))}.nav-wrap{height:64px}.brand img{width:100px}.nav-actions{gap:5px}.icon-btn{width:38px;height:38px}.section{padding:50px 0}.hero{padding:42px 0 28px}.hero-grid{gap:28px}.hero h1{font-size:clamp(3.1rem,16vw,5rem)}.hero-copy{font-size:1rem}.float-pill{right:8px;top:-14px}.card-grid,.price-grid,.episode-grid,.form-grid,.stat-grid{grid-template-columns:1fr}.rail{grid-auto-columns:82%}.watch-hero{min-height:430px;border-radius:22px}.watch-copy{padding:23px}.watch-copy h1{font-size:3.2rem}.app-main{padding:18px 12px}.studio-flow{grid-template-columns:1fr 1fr}.project-row{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.panel{padding:20px}}
@media(max-width:980px){.desktop-lang{display:none!important}}

/* v13.2 episode detail polish */
.episode-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.episode-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.14);border-color:rgba(255,78,128,.28)}.episode-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0d0b10}.episode-info{padding:16px 16px 18px}.episode-info h3{margin:7px 0 6px;font-size:1.08rem}.episode-info .muted{font-size:.9rem}.show-topline{font-size:.72rem;letter-spacing:.08em}.series-hero{padding-bottom:34px}@media(max-width:1100px){.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.episode-grid{grid-template-columns:1fr;gap:14px}.episode-info{padding:14px 14px 16px}.episode-card{border-radius:16px}}
/* Creator page v13.5 */
.creator-hero{padding:clamp(4rem,8vw,8rem) 0 4rem;background:radial-gradient(circle at 82% 25%,rgba(255,51,105,.15),transparent 30%)}
.creator-hero-grid,.creator-money{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(2rem,6vw,6rem);align-items:center}.creator-hero .display{font-size:clamp(4rem,8vw,8rem);line-height:.88;max-width:850px}.creator-lead{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.6;max-width:720px;color:var(--muted)}.creator-demo{padding:1rem;transform:rotate(1deg);box-shadow:0 30px 80px rgba(0,0,0,.18)}.creator-demo-top,.creator-demo-steps{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.72rem;letter-spacing:.08em}.status-pill{background:#a6ff4d;color:#142000;border-radius:99px;padding:.45rem .7rem;font-weight:800}.creator-demo-screen{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:18px}.fake-frame{aspect-ratio:16/9;border-radius:14px;margin-top:1rem;background:linear-gradient(135deg,#17131c,#6b3245);display:grid;place-items:center;font-size:2rem}.creator-demo-steps{overflow:auto}.creator-demo-steps b{padding:.65rem .8rem;background:var(--soft);border-radius:9px;white-space:nowrap}.creator-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.creator-steps article{border-top:1px solid var(--line);padding:1.5rem 0}.creator-steps span{font-family:Anton,sans-serif;font-size:3rem;color:var(--accent)}.creator-steps p,.price-card p{color:var(--muted);line-height:1.6}.creator-pricing{background:var(--soft)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price-card{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:2rem}.price-card.featured{border-color:var(--accent);box-shadow:0 18px 55px rgba(255,50,105,.12)}.price-card .price{font-family:Anton,sans-serif;font-size:clamp(3rem,5vw,5rem);margin:.5rem 0}.money-box{display:grid;gap:.75rem}.money-box>div{padding:1.25rem;border:1px solid var(--line);border-radius:16px;display:grid;gap:.25rem}.money-box span{color:var(--muted)}.money-box i{text-align:center;color:var(--muted)}.money-highlight{border-color:var(--accent)!important;background:rgba(255,50,105,.08)}.creator-benefits{grid-template-columns:repeat(2,1fr)}.creator-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}.faq-stack details{border-top:1px solid var(--line);padding:1.25rem 0}.faq-stack summary{font-weight:800;cursor:pointer}.faq-stack p{color:var(--muted);line-height:1.6}.creator-cta{padding:2rem 0 6rem}.creator-cta-box{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem}.creator-cta h2{font-size:clamp(2rem,4vw,4rem);margin:.25rem 0}
@media(max-width:850px){.creator-hero-grid,.creator-money,.creator-faq{grid-template-columns:1fr}.creator-demo{transform:none}.creator-steps,.pricing-grid{grid-template-columns:1fr 1fr}.creator-benefits{grid-template-columns:1fr}.creator-cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.creator-steps,.pricing-grid{grid-template-columns:1fr}.creator-hero{padding-top:3rem}.creator-hero .display{font-size:clamp(3.4rem,17vw,5.3rem)}}

/* v14 vertical micro-drama artwork */
.series-grid{grid-template-columns:minmax(280px,.72fr) 1.28fr;align-items:center}
.series-art{max-width:520px;margin-inline:auto;background:#0d0b10}
.series-art img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:center}
.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.episode-card img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:center;background:#0d0b10}
.lock{z-index:2;top:10px;right:10px;background:rgba(10,7,12,.9);box-shadow:0 3px 14px rgba(0,0,0,.25)}
@media(max-width:1100px){.series-grid{grid-template-columns:minmax(250px,.8fr) 1.2fr}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.series-grid{grid-template-columns:1fr}.series-art{width:min(78vw,360px)}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.episode-info{padding:12px}.episode-info h3{font-size:.98rem}.episode-info .muted{font-size:.78rem}}

/* v14.1 visibility + navigation controls */
.brand-wordmark{display:inline-flex;align-items:baseline;gap:0;font-weight:950;letter-spacing:-.055em;line-height:1;white-space:nowrap;font-size:1.42rem;color:var(--text)}
.brand-wordmark .brand-all{color:var(--text)}
.brand-wordmark .brand-drama{color:var(--pink)}
.footer-wordmark{font-size:1.55rem;margin-bottom:12px}
.hero-art{padding-top:34px}
.float-pill{z-index:4;top:-8px;right:10px;box-shadow:0 10px 24px rgba(0,0,0,.14);font-size:.82rem;padding:12px 17px;white-space:nowrap}
.hero-window{position:relative;z-index:1}
.footer-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.footer-controls label{display:grid;gap:5px;color:var(--muted);font-size:.76rem;font-weight:750}
.footer-control-label{padding-left:2px}
.footer-controls select{min-width:128px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:9px 34px 9px 11px;cursor:pointer}
@media(max-width:640px){.brand-wordmark{font-size:1.18rem}.hero-art{padding-top:38px}.float-pill{top:0;right:8px;font-size:.72rem;padding:9px 12px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.footer-controls select{width:100%;min-width:0}}

/* v14.2 proper theme-specific brand artwork */
.brand-logo{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto}
.brand-logo img{display:block;width:142px;height:58px;object-fit:contain;object-position:center}
.brand-logo .logo-dark{display:none}
html[data-theme='dark'] .brand-logo .logo-light{display:none}
html[data-theme='dark'] .brand-logo .logo-dark{display:block}
.footer-logo{display:inline-flex;margin-bottom:12px}
.footer-logo img{width:164px;height:70px}
@media(max-width:640px){.brand-logo img{width:118px;height:48px}.footer-logo img{width:148px;height:62px}}

/* ===== v14.3 visual polish pass ===== */
/* Readable editorial display type: keep impact without Anton's ultra-condensed weight */
.display{
  font-family:Archivo,Arial,sans-serif;
  font-weight:820;
  text-transform:none;
  letter-spacing:-.045em;
  line-height:.98;
  text-wrap:balance;
}
.hero h1,.watch-copy h1,.creator-hero .display{font-weight:820;letter-spacing:-.05em;line-height:.96}
.section-head h2.display{font-weight:800;letter-spacing:-.04em}

/* Content-page visual system */
body.content-page main{overflow:hidden}
body.content-page main>.section:first-child{
  position:relative;
  padding-top:clamp(4rem,8vw,7rem);
  padding-bottom:clamp(3rem,6vw,5rem);
  isolation:isolate;
}
body.content-page main>.section:first-child:before{
  content:"";
  position:absolute;
  width:min(48vw,680px);height:min(48vw,680px);
  border-radius:50%;
  right:-16vw;top:-22vw;
  background:radial-gradient(circle,rgba(255,56,112,.16),rgba(255,56,112,.05) 42%,transparent 70%);
  z-index:-1;pointer-events:none;
}
body.content-page main>.section:first-child:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line),transparent);
}
body.content-page h1.display{
  max-width:980px;
  font-size:clamp(2.8rem,6.6vw,5.9rem)!important;
  margin:14px 0 22px!important;
}
body.content-page .hero-copy{font-size:clamp(1rem,1.5vw,1.2rem);max-width:720px;line-height:1.65}
body.content-page .panel{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--line) 78%,var(--pink) 22%);
}
body.content-page .panel:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--pink),#ff855a 55%,transparent 90%);
  opacity:.65;
}
body.content-page .panel h2,body.content-page .panel h3{letter-spacing:-.025em}

/* About */
body.page-about .two-col{gap:20px;margin-top:34px}
body.page-about .panel{min-height:230px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
body.page-about .panel h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:8px}
body.page-about .panel:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#ff3972 12%),var(--surface))}
body.page-about .panel:last-child{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#8c5cff 12%),var(--surface))}

/* How it works */
body.page-how-it-works .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}
body.page-how-it-works .step{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);grid-template-columns:58px 1fr;min-height:180px}
body.page-how-it-works .step-num{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--pink),#ff855a);color:#fff;font-size:1.15rem}
body.page-how-it-works .step h3{font-size:1.3rem;margin:3px 0 8px}

/* Pricing */
body.page-pricing main>.section:nth-child(2),body.page-pricing main>.section:nth-child(3){padding-top:54px}
body.page-pricing .price-card{box-shadow:0 16px 48px rgba(0,0,0,.07);transition:.2s transform,.2s border-color}
body.page-pricing .price-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pink) 40%,var(--line))}
body.page-pricing .price-card.featured:after{content:"Popular";position:absolute;top:16px;right:16px;background:var(--pink);color:#fff;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
body.page-pricing .price{font-weight:820}

/* FAQ */
body.page-faq #viewers,body.page-faq #creators{padding:26px 0 10px}
body.page-faq #viewers>h2,body.page-faq #creators>h2{font-size:clamp(1.8rem,3.5vw,3rem);margin:8px 0 24px;letter-spacing:-.035em}
body.page-faq .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.page-faq .project-list .panel{padding:24px;box-shadow:none}
body.page-faq .project-list .panel h3{margin:0 0 9px;font-size:1.05rem}

/* Monetization */
body.page-monetization .two-col{margin-top:34px}
body.page-monetization .two-col .panel:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 85%,var(--pink) 15%),var(--surface))}
body.page-monetization .two-col .panel:first-child h2{font-size:clamp(2.8rem,6vw,5rem);font-weight:820;color:var(--pink);margin-bottom:14px}
body.page-monetization .project-row{background:color-mix(in srgb,var(--surface2) 72%,transparent);border:1px solid var(--line);border-radius:16px}

/* Account / checkout / confirmation */
body.page-auth main>.section,body.page-checkout main>.section,body.page-thanks main>.section{min-height:calc(100vh - 74px);display:grid;align-items:center;padding:70px 0}
body.page-auth .panel,body.page-checkout .panel,body.page-thanks .panel{padding:clamp(26px,5vw,44px);box-shadow:0 28px 80px rgba(0,0,0,.12)}
body.page-auth .panel h1,body.page-checkout .panel h1,body.page-thanks .panel h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.045em;line-height:1;margin:18px 0}

/* Shared subtle section depth */
body.content-page main>.section:nth-child(even){background:color-mix(in srgb,var(--surface2) 42%,transparent)}

@media(max-width:760px){
  body.page-how-it-works .steps,body.page-faq .project-list{grid-template-columns:1fr}
  body.page-about .panel{min-height:190px}
  body.content-page h1.display{font-size:clamp(2.7rem,13vw,4.7rem)!important}
}

/* ===== v14.4 content expansion ===== */
.about-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.about-stat-strip>div{padding:20px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(10px)}.about-stat-strip strong{display:block;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.05em}.about-stat-strip span{display:block;color:var(--muted);font-size:.86rem;margin-top:4px}.three-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.feature-card{position:relative;padding:28px;border-radius:24px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.feature-card:after{content:"";position:absolute;inset:auto -20% -45% 30%;height:170px;background:radial-gradient(circle,rgba(255,56,112,.12),transparent 65%);pointer-events:none}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ff855a);color:white;font-weight:900;margin-bottom:28px}.feature-card h3{font-size:1.25rem;margin:0 0 10px}.clean-list{display:grid;gap:9px;padding:0;margin:22px 0 26px;list-style:none}.clean-list li{position:relative;padding-left:24px;color:var(--muted)}.clean-list li:before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:900}.about-big-panels .panel{justify-content:flex-start!important;min-height:390px!important}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.value-item{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.value-item strong{font-size:1.05rem}.value-item span{color:var(--muted);line-height:1.6}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,5vw,48px);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 75%,var(--pink) 25%),var(--surface));border:1px solid color-mix(in srgb,var(--line) 60%,var(--pink) 40%);box-shadow:var(--shadow)}.cta-panel h2{margin:10px 0 8px;font-size:clamp(2.2rem,5vw,4.3rem)!important}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.pricing-toggle-visual{display:inline-flex;gap:6px;margin-top:28px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.pricing-toggle-visual>div{padding:10px 16px;border-radius:999px;color:var(--muted);font-weight:800;font-size:.88rem}.pricing-toggle-visual .active{background:var(--text);color:var(--bg)}.pricing-section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;margin-bottom:28px}.pricing-section-intro h2{font-size:clamp(2.4rem,5vw,4.5rem);margin:8px 0 0}.plan-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--pink);margin-bottom:18px}body.page-pricing .price-card{padding:30px;display:flex;flex-direction:column;min-height:430px}body.page-pricing .price-card .btn{margin-top:auto}body.page-pricing .price-card ul{display:grid;gap:8px;margin:20px 0 24px}.pricing-note{margin-top:18px;padding:16px 20px;border-radius:16px;background:color-mix(in srgb,var(--surface2) 78%,var(--pink) 6%);border:1px solid var(--line)}.creator-price-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px}.creator-flow-step{padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);display:grid;grid-template-columns:42px 1fr;gap:16px;box-shadow:var(--shadow)}.creator-flow-step>span{width:42px;height:42px;border-radius:14px;background:var(--surface2);display:grid;place-items:center;font-weight:900}.creator-flow-step.featured{border:2px solid var(--pink)}.creator-flow-step.featured>span{background:var(--pink);color:white}.creator-flow-step strong{font-size:1.35rem}.creator-flow-arrow{display:grid;place-items:center;color:var(--muted);font-size:1.7rem}.pricing-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start}.mini-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-faq-grid>div{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;gap:8px}.mini-faq-grid span{color:var(--muted);line-height:1.5}
.community-preview-wrap{position:relative;margin-top:32px;min-height:540px}.community-preview{filter:blur(2px);opacity:.48;pointer-events:none;user-select:none}.coming-soon-overlay{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 28px));padding:38px;border-radius:28px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 55%,var(--pink) 45%);box-shadow:0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(18px);text-align:center}.coming-soon-overlay h2{font-size:clamp(2rem,4.5vw,3.8rem)!important;margin:10px 0 12px}.coming-soon-overlay p{color:var(--muted);max-width:430px;margin:0 auto 22px;line-height:1.6}.soon-dot{width:14px;height:14px;border-radius:50%;background:#b7ff3c;box-shadow:0 0 0 8px rgba(183,255,60,.12);margin:0 auto 18px}.community-mini-users{display:flex;margin:18px 0}.community-mini-users span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:2px solid var(--surface);font-size:.75rem;font-weight:900;margin-left:-7px}.community-mini-users span:first-child{margin-left:0}
@media(max-width:900px){.about-stat-strip,.three-feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-section-intro,.pricing-faq{grid-template-columns:1fr}.creator-price-flow{grid-template-columns:1fr}.creator-flow-arrow{transform:rotate(90deg);height:20px}}@media(max-width:640px){.about-stat-strip,.three-feature-grid,.values-grid,.mini-faq-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}body.page-pricing .price-card{min-height:0}.pricing-toggle-visual{width:100%;display:grid;grid-template-columns:1fr 1fr;text-align:center;border-radius:18px}.pricing-toggle-visual>div{border-radius:13px;padding:10px 8px}.coming-soon-overlay{padding:28px 20px}}


/* ===== v15 UX + mobile + copy polish ===== */
.display{font-weight:720!important;letter-spacing:-.04em!important;line-height:1.02!important;text-transform:none!important}
.section-head h2.display{font-weight:700!important}.eyebrow{letter-spacing:.12em}
.hero-v15{padding:clamp(54px,8vw,96px) 0 70px}.hero-grid-v15{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,80px);align-items:center}.hero-copy-block h1{font-size:clamp(3.2rem,6.8vw,6.4rem);max-width:840px;margin:14px 0 22px}.hero-copy-block .hero-copy{font-size:clamp(1rem,1.5vw,1.18rem)}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:.88rem}.hero-proof b{color:var(--text)}
.hero-phone-stage{position:relative;min-height:650px}.phone-card{position:absolute;width:min(52%,300px);aspect-ratio:9/16;border:10px solid var(--surface);border-radius:34px;overflow:hidden;box-shadow:0 28px 75px rgba(28,12,34,.2);background:#111}.phone-card img{width:100%;height:100%;object-fit:cover}.phone-a{left:12%;top:18px;transform:rotate(-6deg)}.phone-b{right:8%;top:90px;transform:rotate(7deg)}.stage-note{position:absolute;left:2%;bottom:70px;background:var(--lime);color:#172006;padding:14px 18px;border-radius:18px;font-size:.84rem;line-height:1.25;transform:rotate(-3deg);box-shadow:var(--shadow)}
.split-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice-panel{position:relative;min-height:330px;padding:34px;border-radius:28px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.choice-panel:before{content:"";position:absolute;inset:0;z-index:-1}.viewer-choice:before{background:radial-gradient(circle at 80% 10%,rgba(255,63,115,.28),transparent 36%),linear-gradient(145deg,var(--surface),var(--surface2))}.creator-choice:before{background:radial-gradient(circle at 20% 0%,rgba(140,92,255,.26),transparent 38%),linear-gradient(145deg,var(--surface),var(--surface2))}.choice-kicker{font-size:.78rem;font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.1em}.choice-panel h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0}.choice-panel p{max-width:540px;color:var(--muted)}.choice-link{font-weight:900;margin-top:14px}
.show-card{box-shadow:none}.show-card-art{position:relative;background:#111}.show-card img{aspect-ratio:9/16!important;object-fit:cover}.free-chip{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:999px;background:rgba(12,9,14,.84);color:white;font-size:.68rem;font-weight:900;letter-spacing:.08em}.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.show-meta{padding:14px}.show-meta h3{font-size:1.05rem}.show-meta p{font-size:.84rem}
.watch-intro{padding:clamp(50px,8vw,90px) 0 42px}.watch-intro-grid{display:grid;grid-template-columns:1fr .92fr;gap:clamp(30px,6vw,80px);align-items:center}.watch-intro h1{font-size:clamp(3rem,6.2vw,5.8rem);margin:12px 0 20px;max-width:780px}.watch-stack{position:relative;min-height:600px}.watch-card{position:absolute;width:38%;aspect-ratio:9/16;overflow:hidden;border-radius:28px;border:8px solid var(--surface);box-shadow:0 24px 60px rgba(0,0,0,.18)}.watch-card img{width:100%;height:100%;object-fit:cover}.wc1{left:5%;top:60px;transform:rotate(-7deg)}.wc2{left:33%;top:10px;z-index:2}.wc3{right:3%;top:85px;transform:rotate(7deg)}
.series-hero-v15{padding:clamp(42px,7vw,84px) 0 28px}.series-grid-v15{display:grid;grid-template-columns:minmax(260px,390px) 1fr;gap:clamp(30px,7vw,90px);align-items:center}.series-poster-v15{position:relative;max-width:390px}.series-poster-v15 img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:30px;border:9px solid var(--surface);box-shadow:0 28px 75px rgba(0,0,0,.18)}.series-free-badge{display:block;margin-top:14px;padding:10px 14px;text-align:center;background:var(--lime);color:#172006;font-weight:900;border-radius:999px;font-size:.82rem}.series-copy-v15 h1{font-size:clamp(3rem,7vw,6.3rem);margin:10px 0 14px}.series-tagline{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:750;margin:0 0 12px}.series-meta-row{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.88rem;margin-top:14px}.invite-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.invite-inline code{margin-left:auto;background:var(--surface2);padding:6px 10px;border-radius:9px;font-weight:900}.episode-art{position:relative}.episode-card img{aspect-ratio:9/16!important}.free-episode-badge{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.9);color:#1d1422;padding:6px 9px;border-radius:999px;font-size:.64rem;font-weight:900;letter-spacing:.06em}.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.episode-info{padding:14px}.episode-info h3{font-size:1rem;line-height:1.2}
.creator-hero{padding:clamp(54px,8vw,92px) 0 46px}.creator-hero .display{font-size:clamp(3.2rem,6.5vw,6rem)!important;line-height:1!important}.creator-demo{transform:none!important;border-radius:28px}.fake-frame{aspect-ratio:9/16!important;max-height:420px;background:url('/assets/shows/the-apartment/ep-01.webp') center/cover no-repeat!important}.fake-frame span{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;display:grid;place-items:center}.creator-steps span{font-family:Archivo,sans-serif!important;font-weight:700!important}.price-card .price{font-family:Archivo,sans-serif!important;font-weight:750!important}
.how-tracks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.how-track{padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.how-track h2{font-size:clamp(2rem,4.5vw,4rem);margin:10px 0 22px}.how-track .steps{margin-bottom:24px!important}.creator-track{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,#8c5cff 10%),var(--surface))}
body.page-pricing h1.display{max-width:760px!important}.pricing-toggle-visual{pointer-events:none}.pricing-section-intro p{max-width:650px}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* mobile pass */
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,1fr)}.hero-phone-stage{min-height:560px}.watch-stack{min-height:520px}.series-grid-v15{grid-template-columns:minmax(230px,320px) 1fr;gap:36px}}
@media(max-width:820px){
  .hero-grid-v15,.watch-intro-grid,.series-grid-v15,.split-choice,.how-tracks{grid-template-columns:1fr}
  .hero-phone-stage{min-height:520px;margin-top:10px}.phone-card{width:min(46%,250px)}.phone-a{left:15%}.phone-b{right:12%}.stage-note{left:6%;bottom:20px}
  .watch-stack{min-height:520px;margin-top:10px}.watch-card{width:34%}.wc1{left:7%}.wc2{left:33%}.wc3{right:5%}
  .series-poster-v15{width:min(70vw,330px);margin:auto}.series-copy-v15{text-align:center}.series-copy-v15 .hero-copy{margin-inline:auto}.series-meta-row,.series-copy-v15 .hero-actions,.invite-inline{justify-content:center}.invite-inline code{margin-left:0}
  .card-grid{grid-template-columns:repeat(3,1fr)}.creator-hero-grid,.creator-money,.creator-faq{grid-template-columns:1fr!important}.pricing-grid,.price-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .container{width:min(calc(100% - 24px),var(--max))}.section{padding:44px 0}.site-footer{margin-top:48px}
  .hero-v15{padding:40px 0 26px}.hero-copy-block h1,.watch-intro h1{font-size:clamp(2.55rem,13vw,4.2rem);letter-spacing:-.05em}.hero-copy{font-size:.98rem!important}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .btn{padding:12px 10px;font-size:.88rem}
  .hero-phone-stage{min-height:420px}.phone-card{width:47%;border-width:6px;border-radius:22px}.phone-a{left:9%;top:12px}.phone-b{right:8%;top:52px}.stage-note{font-size:.72rem;padding:10px 12px;bottom:12px}
  .hero-proof{display:grid;gap:7px}
  .section-head{gap:10px}.section-head h2{font-size:2rem}.section-head>.btn{width:auto}
  .card-grid,.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.show-card{border-radius:16px}.show-meta{padding:10px}.show-meta h3{font-size:.92rem}.show-meta p{font-size:.74rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.show-topline{font-size:.6rem}.free-chip{top:8px;left:8px;padding:5px 7px;font-size:.58rem}
  .split-choice{gap:12px}.choice-panel{min-height:260px;padding:24px}.choice-panel h2{font-size:2rem}
  .watch-intro{padding:38px 0 22px}.watch-stack{min-height:360px}.watch-card{border-width:5px;border-radius:18px;width:37%}.wc1{left:3%;top:48px}.wc2{left:31%;top:10px}.wc3{right:2%;top:55px}
  .series-hero-v15{padding:34px 0 18px}.series-poster-v15{width:min(62vw,270px)}.series-poster-v15 img{border-width:6px;border-radius:22px}.series-free-badge{font-size:.72rem;padding:8px 10px}.series-copy-v15 h1{font-size:clamp(2.5rem,13vw,4.1rem)}.series-tagline{font-size:1.05rem}.series-copy-v15{text-align:left}.series-copy-v15 .hero-copy{margin:0}.series-meta-row,.series-copy-v15 .hero-actions,.invite-inline{justify-content:flex-start}.series-copy-v15 .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.invite-inline{display:grid;gap:5px}.invite-inline code{justify-self:start}
  .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.episode-card{border-radius:14px}.episode-info{padding:9px}.episode-info h3{font-size:.88rem;margin:5px 0}.episode-info .muted{font-size:.7rem}.free-episode-badge,.lock{top:7px;right:7px;left:auto;font-size:.55rem;padding:5px 7px}
  .creator-hero{padding:38px 0 26px}.creator-hero .display{font-size:clamp(2.7rem,13vw,4.2rem)!important}.creator-lead{font-size:1rem}.creator-demo{padding:.75rem}.creator-demo-steps{gap:6px}.creator-demo-steps b{font-size:.65rem;padding:.5rem .6rem}
  .creator-steps,.pricing-grid,.creator-benefits{grid-template-columns:1fr!important}.creator-steps article{padding:1rem 0}.creator-money{gap:24px}.creator-cta-box{padding:22px!important}
  .how-track{padding:22px}.how-track h2{font-size:2rem}.how-track .step{grid-template-columns:46px 1fr!important;padding:18px!important;min-height:0!important}.how-track .step-num{width:46px!important;height:46px!important}
  body.content-page main>.section:first-child{padding-top:42px!important;padding-bottom:34px!important}body.content-page h1.display{font-size:clamp(2.5rem,12vw,4rem)!important}.about-stat-strip,.three-feature-grid,.values-grid,.mini-faq-grid{grid-template-columns:1fr!important}.about-big-panels .panel{min-height:0!important}.cta-panel{padding:24px!important}.pricing-section-intro{gap:12px}.pricing-toggle-visual{font-size:.8rem}.creator-flow-step{padding:20px!important}.pricing-faq{gap:18px}.community-preview-wrap{min-height:470px}.coming-soon-overlay{padding:24px 18px!important}
  .app-main{padding:18px 12px}.toolbar{align-items:stretch}.toolbar .btn{width:100%}.studio-flow{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.project-row{align-items:flex-start;flex-direction:column}.project-row .btn{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start}.footer-controls{grid-template-columns:1fr 1fr!important}
}
@media(max-width:380px){.hero-actions{grid-template-columns:1fr}.card-grid,.watch-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr!important}.footer-col{border-top:1px solid var(--line);padding-top:14px}}

/* ===== v16 interactive pricing + Studio workspace ===== */
.pricing-toggle-visual{pointer-events:auto!important}
.pricing-toggle-visual button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:10px 16px;border-radius:999px;cursor:pointer}
.pricing-toggle-visual button.active{background:var(--text);color:var(--bg)}
.pricing-mode-section{display:none}.pricing-mode-section.active{display:block}

.studio-page{background:var(--bg)}
.studio-workspace{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px;min-height:80vh}
.studio-topbar,.studio-view-head{display:flex;justify-content:space-between;gap:24px;align-items:center}
.studio-topbar{padding:8px 0 22px}.studio-topbar h1{font-size:clamp(1.8rem,3vw,3rem);margin:4px 0}.studio-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-credit-pill{padding:10px 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-weight:850;font-size:.85rem}
.studio-tabs{position:sticky;top:74px;z-index:15;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;margin:0 0 26px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}
.studio-tabs button{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;cursor:pointer}
.studio-tabs button span{width:25px;height:25px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-size:.72rem;font-weight:900}.studio-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.studio-tabs button.active span{background:var(--pink);color:white}
.studio-view{display:none}.studio-view.active{display:block}.studio-view-head{margin-bottom:24px;padding:8px 2px}.studio-view-head h2{font-size:clamp(2rem,4.6vw,4.3rem);line-height:.98;letter-spacing:-.045em;margin:7px 0 12px;max-width:900px}.studio-view-head p{max-width:760px}
.studio-editor-grid,.production-layout,.publish-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:22px}.studio-editor-card,.studio-context-card,.studio-bottom-panel,.publish-preview,.scene-board{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.studio-editor-card .field,.studio-context-card .field{margin-bottom:16px}.studio-context-card{align-self:start;position:sticky;top:170px}.assistant-note{padding:16px 0;border-bottom:1px solid var(--line)}.assistant-note:last-of-type{margin-bottom:16px}.assistant-note p{margin:5px 0 0;color:var(--muted);line-height:1.55}.full{width:100%;justify-content:center}
.character-studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character-card-editor{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.character-card-editor .btn{margin-top:auto}.character-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#111,#5b5360);display:grid;place-items:center;color:white;font-size:1.7rem;font-weight:900}.character-avatar.alt{background:linear-gradient(135deg,#6f543f,#202020)}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip-row span{padding:6px 9px;border-radius:999px;background:var(--surface2);font-size:.76rem;color:var(--muted)}.character-card-editor.empty{border-style:dashed;align-items:center;justify-content:center;text-align:center}.studio-bottom-panel{margin-top:18px}.relationship-line{display:flex;align-items:center;gap:14px;justify-content:center;padding:24px}.relationship-line span{padding:10px 14px;border-radius:999px;background:var(--surface2);font-weight:850}.relationship-line i{color:var(--muted)}
.script-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:16px;align-items:start}.episode-list{display:grid;gap:8px}.episode-list button{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:15px;border-radius:15px;display:grid;gap:3px;cursor:pointer}.episode-list button.active{border-color:var(--pink);box-shadow:0 0 0 2px color-mix(in srgb,var(--pink) 18%,transparent)}.episode-list small{color:var(--muted)}.episode-list .add{color:var(--muted);text-align:center}.script-editor{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.script-toolbar{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:900;color:var(--muted)}.script-editor textarea{width:100%;min-height:600px;border:0;resize:vertical;background:transparent;color:var(--text);padding:28px;font:500 1rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}
.scene-board{display:grid;gap:12px}.scene-board article{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:17px}.scene-board article>div:nth-child(2){display:grid;gap:3px}.scene-board article span{color:var(--muted);font-size:.84rem}.scene-preview{aspect-ratio:9/16;border-radius:12px;display:grid;place-items:end start;padding:10px;color:white;font-size:.72rem;font-weight:900;max-height:150px}.gradient-a{background:linear-gradient(155deg,#121212,#5d4136)}.gradient-b{background:linear-gradient(155deg,#101520,#38475f)}.gradient-c{background:linear-gradient(155deg,#2d1a1a,#9a5442)}
.publish-preview{text-align:center}.mock-phone{width:min(260px,90%);margin:0 auto 18px;border:8px solid #141414;border-radius:34px;padding:12px;background:#08070a;color:white;display:grid;gap:9px;text-align:left}.mock-poster{aspect-ratio:9/16;border-radius:20px;background:linear-gradient(160deg,#1a2230,#70453b 60%,#111)}.mock-phone span{font-size:.78rem;color:#aaa}.mock-phone button{border:0;border-radius:12px;background:#ff3b75;color:white;padding:10px;font-weight:850}.inline-input{display:flex;gap:8px}.inline-input input{flex:1}
@media(max-width:1050px){.studio-editor-grid,.production-layout,.publish-grid{grid-template-columns:1fr}.studio-context-card{position:static}.script-workspace{grid-template-columns:180px 1fr}.script-workspace>.studio-context-card{grid-column:1/-1}.character-studio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.studio-workspace{width:min(calc(100% - 20px),1500px);padding-top:16px}.studio-topbar,.studio-view-head{align-items:flex-start;flex-direction:column}.studio-top-actions{width:100%}.studio-top-actions .btn{flex:1}.studio-tabs{top:64px;grid-template-columns:repeat(5,minmax(86px,1fr));overflow-x:auto;justify-content:start}.studio-tabs button{white-space:nowrap}.studio-view-head h2{font-size:clamp(2rem,11vw,3.3rem)}.character-studio-grid{grid-template-columns:1fr}.script-workspace{grid-template-columns:1fr}.episode-list{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.script-editor textarea{min-height:480px;padding:20px}.scene-board article{grid-template-columns:90px 1fr}.scene-board article .btn{grid-column:1/-1;width:100%}.relationship-line{flex-direction:column}.inline-input{flex-direction:column}}

/* v17 cinematic design system */
:root{
  --bg:#f7f3fb;--surface:#ffffff;--surface2:#f0eaf7;--text:#1d1422;--muted:#74697a;--line:#ddd4e4;
  --pink:#ff3f73;--pink2:#ff7557;--lime:#b9ff4e;--violet:#7e5cff;
  --shadow:0 18px 55px rgba(38,18,47,.11);--shadow-lg:0 30px 90px rgba(27,12,34,.18);
  --radius:24px;--max:1320px;color-scheme:light
}
html[data-theme='dark']{
  --bg:#0b080d;--surface:#151018;--surface2:#1e1624;--text:#fff9ff;--muted:#b8aeba;--line:#302637;
  --shadow:0 18px 55px rgba(0,0,0,.36);--shadow-lg:0 30px 90px rgba(0,0,0,.52);color-scheme:dark
}
body{
  background:
    radial-gradient(circle at 15% -10%,rgba(255,63,115,.08),transparent 28%),
    radial-gradient(circle at 90% 15%,rgba(126,92,255,.06),transparent 25%),
    var(--bg);
  min-height:100vh
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 55%)
}
.container{width:min(calc(100% - 48px),var(--max))}
.section{padding:clamp(64px,8vw,110px) 0}
.eyebrow{font-size:.75rem;letter-spacing:.19em}
.display{font-family:Archivo,Arial,sans-serif;font-weight:900;text-transform:none;letter-spacing:-.055em;line-height:.94}
.section-head h2,.section-title{font-family:Archivo,Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1}
.section-head{margin-bottom:34px}
.panel,.price-card,.feature-card,.value-item,.market-card,.source-card{
  border-color:color-mix(in srgb,var(--line) 78%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,white 3%),var(--surface));
  box-shadow:0 14px 40px rgba(0,0,0,.06)
}
html[data-theme='dark'] .panel,html[data-theme='dark'] .price-card,html[data-theme='dark'] .feature-card,html[data-theme='dark'] .value-item,html[data-theme='dark'] .market-card,html[data-theme='dark'] .source-card{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),var(--surface)
}

/* Header */
.site-header{
  position:sticky;top:0;z-index:80;
  background:color-mix(in srgb,var(--bg) 78%,transparent);
  backdrop-filter:blur(24px) saturate(140%);
  border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)
}
.nav-wrap{height:78px;gap:24px}
.brand img{width:126px}
.nav-links{
  justify-self:center;gap:4px;padding:5px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent)
}
.nav-links a{
  padding:9px 14px;border-radius:999px;font-size:.9rem;font-weight:800;color:var(--muted);transition:.2s
}
.nav-links a:hover{background:var(--surface2);color:var(--text)}
.nav-links a.active{background:var(--text);color:var(--bg);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.nav-actions{gap:9px}
.btn{min-height:44px;padding:12px 19px;font-size:.92rem;letter-spacing:-.01em}
.btn.primary{box-shadow:0 14px 34px rgba(255,63,115,.28)}
.btn.primary:hover{box-shadow:0 18px 42px rgba(255,63,115,.38)}
.btn.ghost{background:color-mix(in srgb,var(--surface) 86%,transparent)}
.icon-btn{background:color-mix(in srgb,var(--surface) 86%,transparent)}
.language-picker{
  position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 13px;
  border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);
  color:var(--text);cursor:pointer;transition:.2s
}
.language-picker:hover{border-color:color-mix(in srgb,var(--pink) 55%,var(--line))}
.language-picker-icon{font-size:.88rem}
.language-picker select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--text);font-weight:850;outline:0;cursor:pointer;padding:0 18px 0 0}
.language-picker-caret{position:absolute;right:10px;top:50%;transform:translateY(-55%);pointer-events:none;color:var(--muted)}
.mobile-language-picker{width:100%;border-radius:14px}
.mobile-language-picker select{width:100%}

/* Hero */
.hero-v15{padding:clamp(72px,10vw,140px) 0 90px;position:relative;overflow:hidden}
.hero-v15:before{
  content:"";position:absolute;width:min(780px,70vw);height:min(780px,70vw);right:-14%;top:-22%;
  border-radius:50%;background:radial-gradient(circle,rgba(255,63,115,.18),rgba(126,92,255,.08) 35%,transparent 68%);filter:blur(12px)
}
.hero-grid-v15{position:relative;z-index:1}
.hero-copy-block{max-width:790px}
.hero-copy-block .display{font-size:clamp(4.7rem,8.5vw,9.2rem);max-width:760px;margin:16px 0 24px}
.hero-copy-block .hero-copy{font-size:clamp(1.03rem,1.4vw,1.22rem);line-height:1.7;max-width:690px}
.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:.9rem}
.hero-proof span{display:flex;align-items:center;gap:7px}
.hero-phone-stage{filter:drop-shadow(0 36px 55px rgba(0,0,0,.28))}
.phone-card{border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 70px rgba(0,0,0,.33)!important}
.stage-note{backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)!important}
.hero-actions{gap:10px;margin-top:30px}
.hero-actions .btn{min-height:50px;padding-inline:23px}

/* Series cards */
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.show-card{
  border-radius:26px;background:var(--surface);border:1px solid var(--line);overflow:hidden;
  box-shadow:0 16px 45px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.show-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--pink) 38%,var(--line))}
.show-card-art{position:relative;overflow:hidden;background:#100c13}
.show-card-art img,.show-card img{width:100%;aspect-ratio:9/13;object-fit:cover;transition:transform .45s ease}
.show-card:hover .show-card-art img{transform:scale(1.025)}
.free-chip{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(13,9,15,.76);color:#fff;font-size:.68rem;font-weight:900;backdrop-filter:blur(12px)}
.show-meta{padding:18px 19px 21px}.show-meta h3{font-size:1.35rem;letter-spacing:-.025em}.show-meta p{line-height:1.5}

/* Choice panels */
.split-choice{gap:20px}
.choice-panel{
  position:relative;min-height:420px;padding:clamp(28px,4vw,48px);border-radius:30px;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow);transition:.25s
}
.choice-panel:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.choice-panel:after{content:"";position:absolute;right:-80px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,63,115,.18),transparent 68%)}
.creator-choice:after{background:radial-gradient(circle,rgba(185,255,78,.14),transparent 68%)}
.choice-panel h2{font-size:clamp(2.5rem,4.2vw,4.9rem);line-height:.98;letter-spacing:-.05em;max-width:760px}
.choice-panel p{max-width:560px;font-size:1.02rem;line-height:1.65}

/* Pricing */
.page-pricing>main>.section:first-child{padding-top:clamp(70px,9vw,125px);padding-bottom:35px}
.page-pricing h1.display{font-size:clamp(4.2rem,8vw,8rem);max-width:1000px}
.pricing-toggle-visual{
  display:inline-flex!important;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)
}
.pricing-toggle-visual button{border:0;border-radius:999px;padding:12px 18px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}
.pricing-toggle-visual button.active{background:var(--text);color:var(--bg)}
.price-grid{gap:20px}.price-card{border-radius:28px;padding:28px}.price-card.featured{transform:translateY(-7px);border-color:var(--pink);box-shadow:0 26px 70px rgba(255,63,115,.14)}
.price-card .price{font-size:3.4rem}.price-card .btn{width:100%;margin-top:14px}
.pricing-note{border-radius:18px!important}

/* Creator/global story */
.creator-global{background:radial-gradient(circle at 12% 30%,rgba(255,63,115,.10),transparent 27%),radial-gradient(circle at 85% 70%,rgba(185,255,78,.07),transparent 24%)}
.global-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,7vw,90px);align-items:center}
.global-story-grid .section-title{font-size:clamp(3rem,5vw,5.6rem);max-width:760px}
.language-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:28px}
.language-flow span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-weight:950;box-shadow:var(--shadow)}
.language-flow i{font-style:normal;color:var(--pink);font-weight:950}
.global-feature-stack{display:grid;gap:13px}
.global-feature-stack article{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.global-feature-stack h3{margin:2px 0 7px;font-size:1.15rem}.global-feature-stack p{margin:0;color:var(--muted);line-height:1.65}
.global-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--surface2);font-size:1.35rem}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.source-card{position:relative;min-height:280px;padding:28px;border-radius:28px;overflow:hidden}
.source-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,rgba(255,63,115,.15),transparent 70%)}
.source-card>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface2);font-weight:950;color:var(--pink)}
.source-card h3{font-size:1.45rem;margin:45px 0 9px}.source-card p{color:var(--muted);line-height:1.6;max-width:32ch}
.source-originals{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 80%,var(--pink) 20%),var(--surface))}
.source-collabs{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 88%,var(--lime) 12%),var(--surface))}

/* About market section */
.about-global{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface2) 50%,transparent),transparent)}
.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.market-card{padding:23px;border-radius:24px}.market-flag{font-size:2rem}.market-card h3{margin:14px 0 7px}.market-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.94rem}
.about-global-banner{margin-top:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:25px 28px;border-radius:24px;border:1px solid color-mix(in srgb,var(--line) 55%,var(--pink) 45%);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,var(--pink) 10%),var(--surface))}
.about-global-banner>div{display:flex;align-items:center;gap:13px}.about-global-banner strong{font-size:1.08rem}.about-global-banner p{margin:0;color:var(--muted);line-height:1.6}

/* Footer */
.site-footer{
  margin-top:clamp(80px,10vw,140px);border-top:1px solid var(--line);background:
  radial-gradient(circle at 20% 0,rgba(255,63,115,.12),transparent 30%),
  radial-gradient(circle at 90% 80%,rgba(126,92,255,.08),transparent 28%),
  color-mix(in srgb,var(--surface) 96%,var(--bg) 4%)
}
.footer-showcase{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:clamp(58px,7vw,90px) 0 46px;border-bottom:1px solid var(--line)
}
.footer-kicker{display:block;font-size:.72rem;font-weight:950;letter-spacing:.2em;color:var(--pink);margin-bottom:13px}
.footer-showcase h2{margin:0;font-size:clamp(3.3rem,6vw,7rem);line-height:.88;letter-spacing:-.065em}
.footer-showcase h2 span{color:var(--pink)}
.footer-showcase p{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.65}
.footer-showcase-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.footer-main{display:grid;grid-template-columns:minmax(230px,.8fr) 2.2fr;gap:clamp(40px,7vw,100px);padding:46px 0}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-brand img{width:150px}.footer-brand p{max-width:260px;line-height:1.55;margin:18px 0 24px}
.footer-language-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.footer-language-picker{height:42px;border-radius:14px}.footer-language-picker select{min-width:100px}
.footer-theme-toggle{height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-weight:800;cursor:pointer}
.footer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.footer-col h4{margin:0 0 14px;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text)}
.footer-col a{display:block;color:var(--muted);margin:9px 0;font-size:.93rem;transition:.18s}
.footer-col a:hover{color:var(--text);transform:translateX(2px)}
.footer-bottom{padding:20px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.8rem}
.footer-made{font-weight:800;color:color-mix(in srgb,var(--muted) 76%,var(--pink) 24%)}

/* Legal */
.legal-hero{padding-bottom:34px;background:radial-gradient(circle at 85% 20%,rgba(255,63,115,.09),transparent 26%)}
.legal-container{max-width:940px}.legal-hero .display{font-size:clamp(3.4rem,7vw,7rem);margin-bottom:18px}
.legal-document{padding:clamp(24px,5vw,56px);border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--shadow)}
.legal-document h2{font-size:1.5rem;margin:38px 0 10px;letter-spacing:-.025em}.legal-document h2:first-child{margin-top:0}
.legal-document p,.legal-document li{color:var(--muted);line-height:1.78}
.legal-callout{margin:22px 0 30px;padding:20px 22px;border-radius:18px;background:var(--surface2);border-left:4px solid var(--pink)}

/* subtle motion */
@media (prefers-reduced-motion:no-preference){
  .show-card,.choice-panel,.btn,.market-card,.source-card{will-change:transform}
  .phone-a{animation:atdFloat 6s ease-in-out infinite}
  .phone-b{animation:atdFloat 7s ease-in-out -2s infinite}
  @keyframes atdFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}
}

@media(max-width:1080px){
  .nav-links{display:none}.desktop-cta{display:none}.menu-btn{display:grid}
  .footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(4,1fr)}
  .market-grid{grid-template-columns:1fr 1fr}
  .global-story-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .site-header .nav-wrap{height:66px;grid-template-columns:1fr auto 1fr}.brand{grid-column:2}.nav-actions{grid-column:3}
  .language-picker.desktop-lang{display:none!important}
  .hero-v15{padding:48px 0 48px}.hero-copy-block .display{font-size:clamp(3.45rem,17vw,5.6rem)}
  .hero-phone-stage{margin-top:35px}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.show-meta{padding:14px}.show-meta h3{font-size:1.08rem}
  .choice-panel{min-height:330px;padding:24px}.choice-panel h2{font-size:clamp(2.2rem,10vw,3.6rem)}
  .price-card.featured{transform:none}
  .market-grid{grid-template-columns:1fr}.about-global-banner{grid-template-columns:1fr}
  .footer-showcase{grid-template-columns:1fr;align-items:start}.footer-showcase-actions{justify-content:flex-start}
  .footer-main{padding:34px 0}.footer-nav{grid-template-columns:1fr 1fr;gap:28px 18px}
  .footer-bottom{flex-direction:column}.footer-brand img{width:132px}
}
@media(max-width:480px){
  .card-grid{grid-template-columns:1fr 1fr}.show-card-art img,.show-card img{aspect-ratio:9/14}
  .footer-nav{grid-template-columns:1fr 1fr}.footer-showcase h2{font-size:3.4rem}
}

/* v17.1 header + mobile above-the-fold refinement */

/* desktop header proportions */
.nav-wrap{grid-template-columns:156px minmax(0,1fr) auto}
.brand{display:inline-flex;align-items:center;justify-content:flex-start}
.brand img{width:140px;max-height:62px;object-fit:contain}
.nav-links{max-width:max-content}
.nav-actions .desktop-cta{white-space:nowrap}
.menu-btn{font-size:0;position:relative}
.menu-btn:before,.menu-btn:after,.menu-btn{transition:.2s}
.menu-btn:before,.menu-btn:after{
  content:"";position:absolute;left:50%;width:17px;height:2px;border-radius:4px;background:currentColor;transform:translateX(-50%)
}
.menu-btn:before{top:14px}
.menu-btn:after{bottom:14px}
.menu-btn[aria-expanded="false"]:after{box-shadow:0 -5px 0 currentColor}
.menu-btn[aria-expanded="true"]:before{top:20px;transform:translateX(-50%) rotate(45deg)}
.menu-btn[aria-expanded="true"]:after{bottom:20px;box-shadow:none;transform:translateX(-50%) rotate(-45deg)}

/* mobile menu becomes a deliberate sheet rather than a plain list */
.mobile-menu{
  position:absolute;top:calc(100% + 8px);left:0;right:0;padding:0 12px 12px;
  background:transparent
}
.mobile-menu.open{display:block}
.mobile-menu-inner{
  width:min(100%,680px);margin:0 auto;padding:14px;border:1px solid var(--line);border-radius:22px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(24px);grid-template-columns:1fr 1fr;gap:8px
}
.mobile-menu a{
  border:0!important;border-radius:14px;padding:13px 14px!important;background:var(--surface2);
  font-size:.94rem;display:flex;align-items:center;min-height:47px
}
.mobile-menu a.active{background:var(--text);color:var(--bg)}
.mobile-language-picker{grid-column:1/-1;margin-top:4px}

/* slightly stronger desktop hero composition */
@media(min-width:761px){
  .hero-grid-v15{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr);gap:clamp(42px,7vw,100px);align-items:center}
  .hero-phone-stage{min-height:610px;position:relative}
}

/* Mobile homepage: logo first, controls second, story visible immediately */
@media(max-width:760px){
  .site-header{backdrop-filter:blur(20px) saturate(145%)}
  .site-header .container{width:calc(100% - 20px)}
  .site-header .nav-wrap{
    height:64px;display:flex!important;align-items:center;justify-content:space-between;gap:10px
  }
  .site-header .brand{grid-column:auto!important;justify-self:auto!important;flex:0 0 auto}
  .site-header .brand img{width:112px;max-height:52px}
  .site-header .nav-actions{grid-column:auto!important;justify-self:auto!important;margin-left:auto;gap:6px}
  .site-header .theme-toggle{width:39px;height:39px}
  .site-header .menu-btn{display:grid;width:39px;height:39px}
  .mobile-menu{top:64px}
  
  .hero-v15{
    padding:32px 0 34px;min-height:auto;overflow:hidden
  }
  .hero-v15:before{
    width:520px;height:520px;right:-300px;top:-90px;opacity:.8
  }
  .hero-grid-v15{
    display:flex!important;flex-direction:column;gap:22px;align-items:stretch
  }
  .hero-copy-block{
    max-width:none;text-align:left
  }
  .hero-copy-block .eyebrow{
    margin-bottom:10px;font-size:.68rem;letter-spacing:.15em
  }
  .hero-copy-block .display{
    margin:0 0 15px;max-width:8.2ch;font-size:clamp(3.15rem,15.2vw,4.65rem);
    line-height:.92;letter-spacing:-.065em
  }
  .hero-copy-block .hero-copy{
    margin:0;max-width:36rem;font-size:.96rem;line-height:1.58
  }
  .hero-actions{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px
  }
  .hero-actions .btn{
    min-height:48px;padding:11px 10px;font-size:.86rem
  }
  .hero-proof{
    margin-top:14px;gap:8px;font-size:.73rem
  }
  .hero-proof span{
    padding:7px 9px;border:1px solid var(--line);border-radius:999px;
    background:color-mix(in srgb,var(--surface) 75%,transparent)
  }
  
  .hero-phone-stage{
    order:2;position:relative;height:295px;margin:2px 0 0!important;
    filter:drop-shadow(0 25px 40px rgba(0,0,0,.28));overflow:visible
  }
  .hero-phone-stage .phone-card{
    position:absolute!important;margin:0!important;width:154px!important;height:258px!important;
    border-radius:25px!important;overflow:hidden!important;background:#100c13;
    transform-origin:center bottom
  }
  .hero-phone-stage .phone-card img{
    width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover!important
  }
  .hero-phone-stage .phone-a{
    left:calc(50% - 143px)!important;top:13px!important;right:auto!important;
    transform:rotate(-6deg)!important
  }
  .hero-phone-stage .phone-b{
    left:calc(50% - 12px)!important;top:24px!important;right:auto!important;
    transform:rotate(6deg)!important
  }
  .hero-phone-stage .stage-note{
    position:absolute!important;z-index:5;left:50%!important;right:auto!important;top:auto!important;bottom:2px!important;
    transform:translateX(-50%)!important;white-space:nowrap;text-align:center;
    padding:8px 12px!important;border-radius:999px!important;font-size:.68rem!important;line-height:1.1!important;
    background:rgba(15,10,17,.78)!important;color:white!important
  }

  /* keep the next section visually close so mobile does not feel like an endless hero */
  .hero-v15 + .section{padding-top:45px}
}

@media(max-width:390px){
  .site-header .brand img{width:104px}
  .hero-copy-block .display{font-size:3.05rem}
  .hero-copy-block .hero-copy{font-size:.91rem}
  .hero-actions{grid-template-columns:1fr}
  .hero-phone-stage{height:270px}
  .hero-phone-stage .phone-card{width:142px!important;height:238px!important}
  .hero-phone-stage .phone-a{left:calc(50% - 132px)!important}
  .hero-phone-stage .phone-b{left:calc(50% - 10px)!important}
}

/* Compact shared footer: one useful navigation area, no repeated hero. */
.site-footer{margin-top:48px;background:var(--surface);border-top:1px solid var(--line)}
.footer-main{grid-template-columns:minmax(220px,1fr) 2fr;gap:64px;padding:36px 0}
.footer-brand .footer-logo{margin-bottom:0}.footer-brand p{margin:12px 0 18px;font-size:.86rem;max-width:240px}
.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.footer-col h4{font-size:.7rem;margin-bottom:12px}.footer-col a{font-size:.86rem;margin:0;min-height:36px;display:flex;align-items:center}
.footer-bottom{font-size:.72rem;align-items:center;padding:18px 0 24px;gap:20px}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 20px}.footer-legal a{color:var(--muted);padding:5px 0}.footer-legal a:hover{color:var(--text)}
@media(max-width:900px){.footer-main{grid-template-columns:1fr;gap:30px}.footer-brand{display:grid;grid-template-columns:1fr auto;gap:0 24px}.footer-brand p{grid-column:1}.footer-language-row{grid-column:2;grid-row:1/3}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.footer-main,.footer-bottom{width:calc(100% - 40px)}.footer-main{padding:28px 0;gap:26px}.footer-brand{display:flex;gap:0}.footer-brand p{max-width:270px}.footer-nav{grid-template-columns:1fr 1fr;gap:24px}.footer-nav .footer-col:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.footer-nav .footer-col:last-child h4{grid-column:1/-1}.footer-col a{min-height:40px}.footer-bottom{align-items:flex-start;gap:12px}.footer-legal{gap:4px 18px}.site-footer{margin-top:32px}}