@font-face{font-family:Manrope;src:url('/shared/fonts/manrope-regular.ttf')}@font-face{font-family:Manrope;src:url('/shared/fonts/manrope-bold.ttf');font-weight:700}
:root{--bg:#f1f4f7;--bg-soft:#e6edf4;--bg-card:#fff;--ink:#18283c;--ink-mute:#4b6077;--ink-faint:#526980;--accent:#254ec5;--accent-deep:#173ca6;--accent-soft:#e4ecff;--font-display:Manrope,sans-serif;--font-body:Manrope,sans-serif;--rule:#d2dce7;--rule-soft:#e7edf4}
body{font-family:Manrope,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:0}body::before{display:none}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.03em}::selection{background:#254ec5;color:white}:focus-visible{outline:3px solid #709bff;outline-offset:4px}a{text-underline-offset:5px}html{scroll-padding-top:110px;scrollbar-color:#7795b4 #142033}
.masthead{background:#101b2b!important;color:#f5f8ff;border-bottom:1px solid #33465d;backdrop-filter:none!important}.masthead-inner{max-width:1440px;padding:18px 4%;gap:24px}.masthead .brand-name,.masthead .brand-mark,.masthead .nav-primary a,.masthead-lang summary,.drawer-toggle{color:#f5f8ff}.masthead .nav-primary a:hover,.masthead .nav-primary a[aria-current]{background:#253954;color:#fff}.masthead-apps{display:none!important}.masthead .nav-primary{margin-left:auto}.masthead-lang ul{background:white;color:#18283c}.masthead-lang li a{color:#18283c}.brand-mark img{border-radius:8px}.eyebrow,.studio-intro__eyebrow{display:none!important}
.studio-hero{position:relative;isolation:isolate;min-height:680px;min-height:min(820px,92svh);padding:80px max(5vw,24px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:5%;color:white;background:linear-gradient(90deg,rgba(8,22,42,.9),rgba(8,22,42,.18)),url('/shared/studio/watch-alpine.webp') center/cover;overflow:hidden}.studio-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.12;max-width:19ch;font-weight:700;margin:0}.studio-hero em{font-style:normal;color:#c1d8ff}.studio-hero p{font-size:18px;color:#d6e2f0;line-height:1.7;max-width:52ch;margin:28px 0}.studio-hero-mascot{width:100%;max-width:430px;object-fit:contain;filter:drop-shadow(0 28px 30px #07122566)}.studio-action{display:inline-flex;align-items:center;gap:48px;padding:16px 24px;border-radius:8px;background:#254ec5;color:white;font-weight:700}.studio-action:hover{background:#365fd5}.studio-collection{padding:72px 5%;max-width:1520px;margin:auto}.studio-collection>h2{font-size:clamp(30px,3.5vw,46px);line-height:1.16;max-width:25ch;margin-bottom:35px}.studio-catalogue{display:flex;gap:24px;overflow:auto;padding:10px 0 30px;margin-bottom:32px;scroll-snap-type:x proximity}.studio-catalogue a{flex:0 0 104px;display:grid;gap:12px;justify-items:center;font-size:12px;text-align:center;scroll-snap-align:start}.studio-catalogue img{width:64px;height:64px;object-fit:cover;border-radius:14px}.studio-home .tiles{display:grid;grid-template-columns:1fr 1fr;gap:28px}.studio-home .tile{border:0;border-radius:16px;box-shadow:none;background:white;min-height:0;overflow:hidden;transform:none}.studio-home .tile-tint{display:none}.studio-home .tile-content{padding:36px}.studio-home .tile-icon{width:64px;height:64px;border-radius:14px}.studio-home .tile-headline{font-size:30px;line-height:1.25;max-width:24ch}.studio-home .tile-body,.studio-home .tile-list{color:#4b6077;font-size:16px;line-height:1.7}.studio-home .tile-name{color:#18283c}.studio-home .tile-tag{color:#4b6077}.studio-home .tile-cta{color:#254ec5}.studio-home .tile:hover{transform:none}.studio-home .block-soft{background:#e4edf6}.studio-home .studio{background:linear-gradient(90deg,#102139e8,#10213999),url('/shared/studio/workspace-dusk.webp') center/cover;color:white}.studio-home .studio-deck,.studio-home .studio-foot{color:#d6e2f0}.studio-home .studio h2{color:white;font-size:clamp(32px,4vw,48px)}.studio-home .final-cta{background:#182b46;color:white}.studio-home .final-cta h2,.studio-home .final-cta p{color:white}.studio-home .r{opacity:1;transform:none}.studio-home .block-head h2{font-size:clamp(30px,3.5vw,44px)}
.page-hero{max-width:none!important;padding:64px max(5vw,24px)!important;margin:0!important;background:linear-gradient(90deg,#10213ae8,#10213a70),url('/shared/studio/workspace-dusk.webp') center/cover;color:white}.page-hero h1{font-size:clamp(36px,4.5vw,58px)!important;max-width:24ch;line-height:1.15!important}.page-hero h1 em{color:#c4dbff}.page-hero p,.page-hero p.lede,.page-hero .meta{color:#d4e1f1!important;max-width:75ch}.page-hero .app-jump{background:white}.terms-body,.support-body{max-width:1280px;margin:auto;padding:56px 5% 80px}.terms-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:6%}.terms-content{max-width:75ch;background:white;padding:36px;border-radius:12px}.terms-content h2{font-size:26px}.terms-section p,.terms-section li{font-size:16px;line-height:1.85;color:#354b61}.terms-section .num{color:#254ec5}.support-block{background:white;padding:28px;border-radius:12px}.support-block h2{font-size:26px}.support-block input,.support-block select,.support-block textarea{background:#f5f8fc;color:#18283c;border:1px solid #b8c8d9;border-radius:8px}.support-block input:focus,.support-block textarea:focus{border-color:#254ec5}.studio-document footer,.studio-home footer{background:#101b2b;color:#d6e2f0}.studio-document footer a,.studio-home footer a,.studio-document footer p,.studio-home footer p{color:#d6e2f0}.studio-document footer .brand-name,.studio-home footer .brand-name{color:white}
@media(max-width:900px){.masthead .nav-primary{display:none}.masthead-inner{justify-content:space-between}.studio-hero{min-height:0;grid-template-columns:1fr;padding-block:56px}.studio-hero-mascot{max-width:240px;justify-self:center}.studio-hero h1{max-width:23ch}.studio-home .tiles{grid-template-columns:1fr}.terms-grid{grid-template-columns:1fr}.terms-content{padding:24px}.studio-hero p{font-size:16px}.studio-collection{padding-block:45px}.studio-home .tile-content{padding:25px}.studio-home .tile-headline{font-size:26px}.page-hero{padding-block:45px!important}.support-grid{grid-template-columns:1fr!important}.terms-body,.support-body{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.studio-hero-mascot{filter:none}}
.masthead{top:0!important;margin:0!important;border-radius:0!important;max-width:none!important;width:100%!important;box-shadow:none!important}.studio-home .tile{display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center}.studio-app-preview{width:140px;max-height:320px;object-fit:contain;margin:24px 15px 24px 0;border-radius:10px}.studio-home .tile-content{padding:28px}.studio-home .tile-headline{font-size:25px}.studio-home .tile-list{display:none}.studio-home .tile:not(:has(.studio-app-preview)){grid-template-columns:1fr}.studio-home .pricing{max-width:1280px;margin:0 auto;padding:60px 5%;background:transparent}.studio-home .pricing h3{font-size:32px}.studio-home .pricing em{color:#254ec5;font-style:normal}.studio-home .social{background:#e6edf4}.studio-home .studio-text h2 em{color:#c4dbff}.studio-document .toc{top:105px}.studio-document .page-hero .app-chips a{color:#18283c}@media(max-width:600px){.studio-home .tile{grid-template-columns:minmax(0,1fr) 100px}.studio-app-preview{width:95px;margin-right:5px}.studio-home .tile-content{padding:20px}.studio-home .tile-headline{font-size:23px}.studio-home .tile-body{font-size:14px}.studio-home .tile-icon{width:44px;height:44px}.studio-home .pricing{padding:40px 5%}.studio-home .pricing h3{font-size:28px}}
.page-hero h1{color:#f5f8ff!important}.page-hero .meta{font-family:Manrope,sans-serif;letter-spacing:0}.studio-home .tile-body{max-width:48ch}
@media(max-width:900px){.studio-document .masthead-inner{flex-wrap:wrap;gap:12px}.studio-document .masthead .nav-primary{display:flex;order:3;flex-basis:100%;overflow-x:auto;white-space:nowrap;margin:0;padding-bottom:3px;gap:5px}.studio-document .nav-primary a{font-size:12px;padding:8px}.studio-document .masthead-lang{display:block;margin-left:auto}.studio-document .masthead{position:relative}}

/* Complete studio family: every section uses the same surface, type and spacing system. */
:root{--font-mono:Manrope,sans-serif;--shadow-soft:0 8px 24px -12px #19385820;--shadow-card:0 18px 38px -18px #19385830;--shadow-cta:0 10px 24px -12px #254ec555;--studio-max:1360px;--studio-pad:max(5vw,24px)}
body{overflow-x:clip}h1,h2,h3{text-wrap:balance}p{ text-wrap:pretty }button,input,select,textarea{font:inherit;caret-color:var(--accent)}
.masthead .brand-mark{font-weight:700}.masthead-lang .code{color:var(--ink-mute)}.masthead-lang summary{background:none;border:0}.masthead-lang ul{border:1px solid var(--rule);box-shadow:var(--shadow-card)}
.drawer-panel{background:#f1f4f7;backdrop-filter:none;border-color:var(--rule);box-shadow:-20px 0 60px -24px #10213966}.drawer-backdrop{background:#09172988;backdrop-filter:none}.drawer-title,.drawer-section-label,.drawer-app__tag{letter-spacing:0;text-transform:none}.drawer-app,.drawer-close,.drawer-toggle{box-shadow:none}.drawer-toggle{border-color:#506582;background:#1b304a}.drawer-toggle:hover{background:#284364}.drawer-nav a:hover{background:#e1eaf5}.drawer-nav a[aria-current=page]{background:#dce7ff;box-shadow:none}.drawer-close{background:#e1eaf5;border:0}
.studio-home .studio-collection{max-width:var(--studio-max);padding:80px var(--studio-pad)}
.studio-catalogue{gap:20px;flex-wrap:wrap;overflow:visible;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:32px}.studio-catalogue a{flex:1 0 85px;max-width:110px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.studio-catalogue a:hover{transform:translateY(-5px)}
.studio-home .tiles{gap:24px}.studio-home .tile{grid-template-columns:minmax(0,1fr) 175px;align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:16px;transition:border-color .3s}.studio-home .tile:hover{border-color:#8da8d9;box-shadow:none}.studio-home .tile-content{padding:30px 22px 30px 30px;min-width:0}.studio-home .tile-icon{width:48px;height:48px;box-shadow:none}.studio-home .tile-name{font-size:19px;font-weight:700}.studio-home .tile-tag{font-size:12px;text-transform:none;letter-spacing:0}.studio-home .tile-headline{font-size:25px;font-weight:700;line-height:1.2}.studio-home .tile-body{font-size:15px;line-height:1.65}.studio-home .tile-cta{flex-wrap:wrap;justify-content:flex-start;gap:18px;align-items:center}.studio-home .tile-cta>a:first-child{color:var(--accent)}.studio-home .studio-app-preview{width:155px;max-height:350px;margin:25px 20px 25px 0;border-radius:12px}.studio-home .tile:not(:has(.studio-app-preview)){background:#e6edf6}.studio-home .tile:not(:has(.studio-app-preview)) .tile-content{padding:36px}.studio-home .tile:not(:has(.studio-app-preview)) .tile-body{max-width:52ch}
.studio-home #privacy{background:linear-gradient(90deg,#0b1d32f0,#0b1d32b8),url('/shared/studio/meeting-dusk.webp') center/cover;color:#f4f8ff;padding:80px var(--studio-pad)}.studio-home #privacy .block-inner{max-width:1224px;padding:0;margin:auto}.studio-home #privacy .block-head{max-width:720px;margin-bottom:40px;display:block}.studio-home #privacy h2{color:#f4f8ff;line-height:1.15}.studio-home #privacy em{color:#bed6ff;font-style:normal}.studio-home #privacy .lede{color:#cfdeed;margin-top:22px;max-width:62ch}.studio-home .privacy-grid{gap:32px}.studio-home .promise{background:none;border:0;border-top:1px solid #8098b366;border-radius:0;box-shadow:none;padding:28px 0 0;gap:18px}.studio-home .promise:hover{transform:none;box-shadow:none}.studio-home .promise-icon{background:none;color:#a8c9ff;width:32px;height:32px;place-items:start}.studio-home .promise-icon svg{width:28px;height:28px}.studio-home .promise-claim{font-weight:700;font-size:21px;line-height:1.4;color:#f4f8ff}.studio-home .promise-body{color:#cfdeed;line-height:1.75;font-size:15px}.studio-home #privacy .privacy-cta{text-align:left!important;margin-top:38px!important}.studio-home #privacy .btn-secondary{background:#edf4ff;color:#173b81;border:0;box-shadow:none}
.studio-home .pricing{max-width:none;margin:0;border:0;padding:80px max(5vw,calc((100vw - 1224px)/2));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;background:#e8eff7;align-items:start}.studio-home .pricing-text{position:sticky;top:130px;gap:24px}.studio-home .pricing h3{font-size:clamp(30px,3.2vw,44px);line-height:1.16;font-weight:700}.studio-home .pricing p{font-size:16px;line-height:1.75;max-width:48ch}.studio-home .pricing-bullets{font-size:13px;letter-spacing:0;text-transform:none;gap:12px 20px}.studio-home .price-stack{background:#fff;border-radius:16px;padding:12px 28px 24px;gap:0}.studio-home .price-card{border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:23px 0;background:none;gap:16px}.studio-home .price-card:hover{transform:none;box-shadow:none}.studio-home .price-card img.price-icon{box-shadow:none;width:46px;height:46px}.studio-home .price-app{font-size:17px;font-weight:700}.studio-home .price-line{font-size:13px;letter-spacing:0;line-height:1.6;font-variant-numeric:tabular-nums}.studio-home .price-footnote{font-size:13px;line-height:1.65;padding-top:22px}.studio-home .price-card .appstore-badge img{width:110px;height:auto}
.studio-home .social{max-width:none;margin:0;padding:64px max(5vw,calc((100vw - 1224px)/2));background:#f1f4f7;border:0;grid-template-columns:1fr 1fr;gap:7%}.studio-home .social-text h2{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.2}.studio-home .social-text p{font-size:16px;line-height:1.7}.studio-home .social-cards{display:flex;flex-direction:column;gap:0}.studio-home .social-card{display:grid;grid-template-columns:38px 1fr auto;padding:17px 0;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;opacity:1;gap:16px}.studio-home .social-card--soon:hover{box-shadow:none;border-color:var(--rule)}.studio-home .social-icon{grid-column:1;grid-row:1;width:36px;height:36px;background:none;color:#254ec5;border-radius:0}.studio-home .social-card-info{grid-column:2;grid-row:1}.studio-home .social-card-info .platform{font-size:15px;color:var(--ink);text-transform:none;font-weight:700;letter-spacing:0}.studio-home .social-card-info .handle{font-size:12px;color:var(--ink-mute);font-weight:400}.studio-home .social-card-soon-pill{position:static;grid-column:3;grid-row:1;background:#dce6f4;color:#36506b;border-radius:6px;font-size:11px;text-transform:none;letter-spacing:0;box-shadow:none;padding:5px 9px}
.studio-home .final-cta{max-width:none;margin:0;padding:70px var(--studio-pad);background:linear-gradient(90deg,#10213ee8,#10213e99),url('/shared/studio/watch-alpine.webp') center 60%/cover;gap:24px}.studio-home .final-cta h2{font-size:clamp(34px,4vw,50px);line-height:1.13;max-width:24ch}.studio-home .final-cta h2 em{color:#bdd6ff}.studio-home .final-cta p{color:#d5e3f3;max-width:62ch;font-size:16px}.studio-home .btn-primary,.studio-document .btn-primary{background:#254ec5;color:white;border:0;border-radius:8px;box-shadow:none}.studio-home .btn-primary:hover,.studio-document .btn-primary:hover{background:#173ca6;box-shadow:none}.studio-home .btn-secondary,.studio-document .btn-secondary{border-radius:8px;box-shadow:none}.studio-home .studio{padding:72px var(--studio-pad);border:0;background:linear-gradient(90deg,#102139f0,#102139a0),url('/shared/studio/workspace-dusk.webp') center/cover}.studio-home .studio:before{display:none}.studio-home .studio-inner{max-width:1224px;grid-template-columns:1.4fr .6fr}.studio-home .studio h2{line-height:1.15;font-size:clamp(30px,3.5vw,44px);font-weight:700}.studio-home .studio-mark img{max-width:235px;filter:drop-shadow(0 24px 25px #071a3266)}.studio-home .studio-foot{font-size:12px;text-transform:none;letter-spacing:0;gap:10px 18px}.studio-home .studio-deck{line-height:1.75;max-width:62ch}
.studio-home footer,.studio-document footer{padding:56px var(--studio-pad) 28px;border-top:1px solid #304760}.footer-inner{max-width:1224px}.studio-home .footer-col h4,.studio-document .footer-col h4{color:#a6c4ed;letter-spacing:0;text-transform:none;font-size:14px}.studio-home .footer-bottom,.studio-document .footer-bottom{color:#aebfd3;border-color:#304760;font-size:12px;letter-spacing:0;text-transform:none}.studio-home footer a:hover,.studio-document footer a:hover{color:#fff;text-decoration:underline}.studio-home .footer-brand p,.studio-document .footer-brand p{font-size:14px;line-height:1.75;color:#bccce0}
/* Readable shared documents: preserve every policy word, replace the old shell. */
.studio-document .page-hero h1 em{font-style:normal}.studio-document .toc{background:none;border:0;box-shadow:none}.studio-document .toc a{font-size:14px;line-height:1.5;color:#3d5570}.studio-document .toc a:hover{color:#254ec5}.studio-document .toc-label,.studio-document .app-section-tag,.studio-document .email-card .lbl{font-family:Manrope,sans-serif;text-transform:none;letter-spacing:0}.studio-document .callout{background:#e7effa;border:0;border-radius:12px;color:#29415e;padding:22px}.studio-document .app-section,.studio-document .email-card,.studio-document .faq{border:0;box-shadow:none;background:white;border-radius:12px}.studio-document .app-section-header{border-color:var(--rule);background:#edf3fa}.studio-document .app-section-name{color:#18283c}.studio-document .app-section-tag{color:#4b6077}.studio-document .email-icon{background:#e7effa;color:#254ec5}.studio-document .faq summary{font-family:Manrope,sans-serif;color:#18283c}.studio-document .faq details{border-color:var(--rule)}.studio-document .field label{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:0;text-transform:none}.studio-document .support-block,.studio-document .email-card,.studio-document .faq{box-shadow:none}.studio-document .app-chip{box-shadow:none;border-color:var(--rule);background:white;color:#18283c}.studio-document .terms-content{padding:40px}.studio-document .terms-content h2{line-height:1.35;font-weight:700}.studio-document .terms-content .num{font-size:13px;letter-spacing:0}.studio-document .terms-section a{color:#254ec5;text-decoration:underline}
@media(min-width:1500px){.studio-home .tiles{gap:28px}.studio-home .tile-content{padding:36px}.studio-home .tile{grid-template-columns:minmax(0,1fr) 190px}.studio-home .studio-app-preview{width:165px}.studio-hero{padding-inline:max(5vw,calc((100vw - 1224px)/2))}}
@media(max-width:1000px){.studio-home .tiles{grid-template-columns:1fr}.studio-home .tile{grid-template-columns:minmax(0,1fr) 210px}.studio-home .studio-app-preview{width:180px;max-height:370px}.studio-home .tile-content{padding:32px}.studio-home .pricing{grid-template-columns:1fr;gap:35px}.studio-home .pricing-text{position:static}.studio-home .pricing p{max-width:65ch}.studio-home .social{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.studio-home .studio-collection,.studio-home #privacy,.studio-home .pricing,.studio-home .social,.studio-home .studio{padding:48px 22px}.studio-home .studio-hero{padding:44px 22px}.studio-hero-mascot{max-width:180px}.studio-catalogue{justify-content:flex-start;gap:22px 12px}.studio-catalogue a{flex:0 0 calc((100% - 36px)/4);max-width:none;font-size:11px}.studio-catalogue img{width:52px;height:52px}.studio-home .tile{grid-template-columns:minmax(0,1fr) 112px;gap:0}.studio-home .tile-content{padding:22px 12px 22px 20px}.studio-home .tile-headline{font-size:22px}.studio-home .tile-body{font-size:14px;line-height:1.65}.studio-home .tile-icon{width:38px;height:38px}.studio-home .tile-name{font-size:16px}.studio-home .tile-tag{font-size:10px}.studio-home .tile-icon-row{gap:10px}.studio-home .studio-app-preview{width:102px;max-height:270px;margin-right:10px}.studio-home .tile-cta{gap:13px}.studio-home .tile-cta a{font-size:13px}.studio-home .tile-cta .appstore-badge img{width:110px}.studio-home .privacy-grid{gap:20px}.studio-home .promise-claim{font-size:20px}.studio-home .price-stack{padding:0 18px 20px}.studio-home .price-card{grid-template-columns:38px minmax(0,1fr);gap:9px 14px;padding:20px 0}.studio-home .price-card img.price-icon{width:38px;height:38px}.studio-home .price-card .appstore-badge{grid-column:2;justify-self:start}.studio-home .price-line{font-size:13px}.studio-home .studio-inner{grid-template-columns:1fr}.studio-home .studio-mark{order:0}.studio-home .studio-mark img{max-width:160px}.studio-home .final-cta{padding:48px 22px}.studio-document .terms-content{padding:24px 20px}.studio-document .terms-body{padding-inline:18px}.studio-document .support-body{padding-inline:18px}.studio-document .support-block{padding:22px}.studio-document .field-row{grid-template-columns:1fr}.studio-document .page-hero h1{font-size:34px!important}.studio-home .footer-grid,.studio-document .footer-grid{gap:30px}.studio-home .footer-bottom,.studio-document .footer-bottom{line-height:1.8}}
@media(max-width:600px){.studio-home .tile{grid-template-columns:1fr}.studio-home .tile-content{padding:24px}.studio-home .tile-headline{font-size:25px;max-width:25ch}.studio-home .tile-body{font-size:15px}.studio-home .tile-name{font-size:18px}.studio-home .tile-icon{width:44px;height:44px}.studio-home .tile-tag{font-size:12px}.studio-home .tile-cta{justify-content:space-between}.studio-home .studio-app-preview{width:142px;max-height:300px;justify-self:center;margin:0 0 26px}.studio-home .tile:not(:has(.studio-app-preview)) .tile-content{padding:24px}}

/* The studio landing page carries the alpine hero palette all the way to the footer.
   App artwork keeps its own identity; reading documents retain their light reading surface. */
.studio-home{
  --bg:#101b2b;--bg-soft:#142338;--bg-card:#192b42;
  --ink:#f4f8ff;--ink-mute:#c2d2e5;--ink-faint:#a9bfd9;
  --rule:#3e5570;--rule-soft:#273d58;
  --studio-link:#bdd6ff;
  background:var(--bg);color:var(--ink);
}
.studio-home .studio-collection{background:var(--bg)}
.studio-home .tile,.studio-home .tile:not(:has(.studio-app-preview)){
  background:var(--bg-card);border-color:var(--rule);
}
.studio-home .tile:hover{border-color:#91b5ed}
.studio-home .tile-name,.studio-home .tile-headline,.studio-home .price-app,
.studio-home .social-text h2,.studio-home .pricing h3{color:var(--ink)}
.studio-home .tile-tag,.studio-home .tile-body,.studio-home .tile-list,
.studio-home .price-line,.studio-home .price-footnote,.studio-home .pricing p,
.studio-home .pricing-bullets,.studio-home .social-text p{color:var(--ink-mute)}
.studio-home .tile-cta>a:first-child,.studio-home .pricing em,
.studio-home .social-text h2 em,.studio-home .social-icon,
.studio-home .pricing-bullets li::before{color:var(--studio-link)}
.studio-home .pricing{background:var(--bg-soft);border-block:1px solid var(--rule-soft)}
.studio-home .price-stack{background:var(--bg-card)}
.studio-home .price-card{background:transparent;border-color:var(--rule)}
.studio-home .social{background:var(--bg)}
.studio-home .social-card-info .platform{color:var(--ink)}
.studio-home .social-card-info .handle{color:var(--ink-mute)}
.studio-home .social-card-soon-pill{background:#273d58;color:#d7e6fa}
.studio-home .btn-secondary{background:#273d58;color:var(--ink);border-color:var(--rule)}
.studio-home .btn-secondary:hover{background:#354e6c;color:#fff}
.studio-home .drawer-panel{background:var(--bg)}
.studio-home .drawer-nav a,.studio-home .drawer-app,.studio-home .drawer-close{color:var(--ink)}
.studio-home .drawer-app,.studio-home .drawer-nav a[aria-current="page"]{background:var(--bg-card)}
.studio-home .masthead-lang ul{background:var(--bg-card)}
.studio-home .masthead-lang li a,.studio-home .masthead-lang li a .code{color:var(--ink)}
.studio-home .masthead-lang li a:hover,.studio-home .masthead-lang li a[aria-current="page"]{background:var(--rule-soft);color:var(--studio-link)}

/* ---- v4: masthead like marmotvox.com (CTA + hamburger on every size) and phone frames around app previews ---- */
.studio-home .masthead-inner{gap:18px}
.studio-home .masthead-lang{margin-left:auto}
.studio-home .masthead-cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;background:#254ec5;color:#fff;font:700 14px Manrope,sans-serif;text-decoration:none;white-space:nowrap;flex-shrink:0}
.studio-home .masthead-cta:hover{background:#173ca6}
.studio-home .masthead-cta svg{width:16px;height:16px}
.studio-home .drawer-toggle{display:inline-flex!important;align-items:center;gap:10px;height:40px;padding:0 4px;margin:0;border:0;background:none;color:#f5f8ff;font:500 15px Manrope,sans-serif;box-shadow:none;flex-shrink:0}
.studio-home .drawer-toggle:hover{background:none;color:#c4dbff}
.studio-home .hamburger{display:inline-flex;flex-direction:column;justify-content:space-between;width:22px;height:14px}
.studio-home .hamburger i{display:block;height:2px;border-radius:2px;background:currentColor}
.studio-home .masthead-apps{display:none!important}
.studio-home .drawer-panel{background:#0f1a2a;color:#e6eef8}
.studio-home .drawer-title,.studio-home .drawer-nav a,.studio-home .drawer-app__name{color:#f5f8ff}
.studio-home .drawer-app__tag,.studio-home .drawer-section-label{color:#9fb3cc}
.studio-home .drawer-nav a:hover{background:#1b304a}
.studio-home .drawer-nav a[aria-current="page"]{background:#254ec5;color:#fff;box-shadow:none}
.studio-home .drawer-close{color:#f5f8ff;border-color:#506582;background:#1b304a}
.studio-home .drawer-app:hover{background:#1b304a}
/* phone frame: dark bezel, screenshot includes its own status bar */
.device{display:block;width:150px;aspect-ratio:9/19.5;margin:24px 18px 24px 0;padding:6px;border-radius:30px;background:#142133;box-shadow:0 0 0 1px #0a1220,0 1px 0 rgba(255,255,255,.12) inset,0 30px 50px -22px rgba(0,0,0,.75);position:relative;flex-shrink:0;justify-self:end}
.device-screen{display:block;width:100%;height:100%;border-radius:24px;overflow:hidden;background:#000}
.device .studio-app-preview{width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:cover;object-position:top;display:block}
.tile-cover{width:130px;margin:24px 20px 24px 0;border-radius:6px;box-shadow:0 18px 34px -14px rgba(16,27,43,.55);align-self:center;justify-self:end}
.studio-home .tile{grid-template-columns:minmax(0,1fr) 190px}
.studio-home .tile:not(:has(.studio-app-preview,.tile-cover)){grid-template-columns:1fr}
@media(max-width:760px){.studio-home .masthead-cta{display:none}}
@media(max-width:600px){
  .studio-home .tile,.studio-home .tile:has(.studio-app-preview),.studio-home .tile:has(.tile-cover){grid-template-columns:1fr}
  .device{width:min(68%,230px);margin:0 auto 22px;padding:6px;border-radius:32px;justify-self:center}
  .device-screen{border-radius:26px}
  .tile-cover{width:min(60%,200px);margin:0 auto 22px;justify-self:center}
  .studio-home .drawer-toggle{font-size:14px}
  .studio-home .masthead-inner{gap:12px}
}

/* ---- v6: Comics is new: highlighted link + NEW pills, and a NEW flag on the menu ---- */
.new-pill{display:inline-block;margin-left:7px;padding:2px 6px 1px;border-radius:999px;background:#f2c94c;color:#18283c;font:800 10px/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;transform:translateY(-1px)}
.masthead .nav-primary a.nav-new{color:#ffd86b;background:rgba(242,201,76,.1);border:1px solid rgba(242,201,76,.35)}
.masthead .nav-primary a.nav-new:hover{background:rgba(242,201,76,.2);color:#fff}
.drawer-nav a.nav-new{color:#ffd86b;background:rgba(242,201,76,.08);border:1px solid rgba(242,201,76,.3)}
.studio-home .drawer-toggle .new-pill{animation:pill-pulse 2.4s ease-in-out infinite}
@keyframes pill-pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,201,76,.55)}50%{box-shadow:0 0 0 6px rgba(242,201,76,0)}}
@media (prefers-reduced-motion:reduce){.studio-home .drawer-toggle .new-pill{animation:none}}
.tile--comics .tile-tag .new-pill{margin:0 6px 0 0}
@media(max-width:600px){.studio-home .drawer-toggle .new-pill{margin-left:4px}}
/* ---- v7: hero spans the full page width; mascot at hero scale ---- */
.studio-home .studio-hero{max-width:none!important;width:100%;margin:0!important;border-radius:0!important;padding:72px max(5vw,calc((100vw - 1320px)/2))!important;grid-template-columns:1.05fr .95fr;gap:4%;min-height:min(860px,92svh)}
.studio-home .studio-hero-copy{max-width:640px}
.studio-home .studio-hero-mascot{max-width:min(640px,44vw);width:100%;justify-self:center;align-self:end;margin-bottom:-72px;filter:drop-shadow(0 34px 40px #07122588)}
@media(max-width:900px){.studio-home .studio-hero{grid-template-columns:1fr;padding-block:56px!important;min-height:0}.studio-home .studio-hero-mascot{max-width:min(70%,340px);margin:24px auto -56px}}
@media(max-width:600px){.studio-home .studio-hero-mascot{max-width:230px;margin-bottom:-56px}}
/* ---- v8 (body.studio-menu): Studio and Comics share the homepage masthead: links, language, Apps CTA and the hamburger on every size ---- */
.studio-menu .masthead{position:sticky!important}
.studio-menu .masthead-inner{gap:18px;flex-wrap:nowrap}
.studio-menu .masthead .nav-primary{margin-left:auto}
.studio-menu .masthead-lang{position:relative;display:block;margin-left:0;font:700 12px/1 Manrope,sans-serif;letter-spacing:.06em}
.studio-menu .masthead-lang summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:8px;color:#f5f8ff;user-select:none}
.studio-menu .masthead-lang summary:hover{background:#253954}
.studio-menu .masthead-lang summary::-webkit-details-marker{display:none}
.studio-menu .masthead-lang summary::marker{content:''}
.studio-menu .masthead-lang .chevron{width:9px;height:9px;opacity:.7;transition:transform .15s}
.studio-menu .masthead-lang[open] .chevron{transform:rotate(180deg)}
.studio-menu .masthead-lang ul{position:absolute;top:calc(100% + 8px);right:0;margin:0;padding:.3rem;list-style:none;background:var(--bg-card);min-width:184px;border-radius:12px;z-index:20;letter-spacing:0}
.studio-menu .masthead-lang li a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border-radius:8px;color:var(--ink);font-weight:600;font-size:.88rem;text-decoration:none}
.studio-menu .masthead-lang li a:hover,.studio-menu .masthead-lang li a[aria-current]{background:var(--rule-soft);color:var(--accent)}
.studio-menu .masthead-lang li a .code{font-size:.7rem;letter-spacing:.06em;color:var(--ink-mute)}
.studio-menu .masthead-cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;background:#254ec5;color:#fff;font:700 14px Manrope,sans-serif;text-decoration:none;white-space:nowrap;flex-shrink:0}
.studio-menu .masthead-cta:hover{background:#173ca6}
.studio-menu .masthead-cta svg{width:16px;height:16px}
.studio-menu .drawer-toggle{display:inline-flex!important;align-items:center;gap:10px;height:40px;padding:0 4px;margin:0;border:0;background:none;color:#f5f8ff;font:500 15px Manrope,sans-serif;box-shadow:none;flex-shrink:0;cursor:pointer}
.studio-menu .drawer-toggle:hover{background:none;color:#c4dbff}
.studio-menu .hamburger{display:inline-flex;flex-direction:column;justify-content:space-between;width:22px;height:14px}
.studio-menu .hamburger i{display:block;height:2px;border-radius:2px;background:currentColor}
.studio-menu .drawer-toggle .new-pill{animation:pill-pulse 2.4s ease-in-out infinite}
.studio-menu .drawer-panel{background:#0f1a2a;color:#e6eef8;gap:.85rem}
.studio-menu .drawer-title,.studio-menu .drawer-nav a,.studio-menu .drawer-app__name{color:#f5f8ff}
.studio-menu .drawer-app__tag,.studio-menu .drawer-section-label{color:#9fb3cc}
.studio-menu .drawer-section-label{display:block;font:700 12px Manrope,sans-serif;margin:.35rem 0 0}
.studio-menu .drawer-nav a:hover{background:#1b304a}
.studio-menu .drawer-nav a[aria-current="page"]{background:#254ec5;color:#fff;box-shadow:none}
.studio-menu .drawer-nav a.nav-new{color:#ffd86b}
.studio-menu .drawer-close{color:#f5f8ff;border:1px solid #506582;background:#1b304a}
.studio-menu .drawer-langs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.studio-menu .drawer-langs a{display:block;text-align:center;padding:.6rem;border-radius:10px;border:1px solid #2b4362;color:#f5f8ff;font-weight:600;text-decoration:none}
.studio-menu .drawer-langs a[aria-current]{background:#254ec5;border-color:#254ec5}
.studio-menu .drawer-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.studio-menu .drawer-app{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:12px;background:#15243a;border:1px solid #23364f;text-decoration:none;transition:background-color .15s}
.studio-menu .drawer-app:hover{background:#1b304a}
.studio-menu .drawer-app img{width:32px;height:32px;border-radius:8px;flex-shrink:0;object-fit:cover}
.studio-menu .drawer-app__name{display:block;font-size:.86rem;font-weight:700;line-height:1.15}
.studio-menu .drawer-app__tag{display:block;font-size:.66rem;margin-top:2px}
@media(max-width:900px){
  .studio-menu .masthead-inner{flex-wrap:nowrap;gap:12px}
  .studio-menu .masthead .nav-primary{display:none}
  .studio-menu .masthead-lang{margin-left:auto}
}
@media(max-width:760px){.studio-menu .masthead-cta{display:none}}
@media(max-width:480px){.studio-menu .masthead-lang{display:none}.studio-menu .drawer-toggle{margin-left:auto;font-size:14px}.studio-menu .masthead-inner{padding:12px 16px}}
@media (prefers-reduced-motion:reduce){.studio-menu .drawer-toggle .new-pill{animation:none}}