/* Original layout from site.css; this layer changes materials only. */
.studio-home{--ink:#081b35;--muted:#39566b;--violet:#205b72;background:#f2f8fa}
.studio-home .site-header{background:#edf8fbdc;border-bottom-color:#fff;backdrop-filter:blur(18px)}
.studio-home .header-cta{background:#103b4b;color:white}
.studio-home .hero{background-color:#92cfdf;background-image:linear-gradient(#dceef52b,#dceef50d),url('/assets/studio/sunlit-studio-v1.jpg');background-position:center bottom;background-size:cover;background-repeat:no-repeat;isolation:isolate}
.studio-home .hero::before{background:radial-gradient(ellipse at 95% 28%,#fff,transparent 24%),linear-gradient(110deg,#fafdfff5,#edf8fcec 65%,#d8eef2e6);box-shadow:inset -18px 0 40px #fff9}
.studio-home .hero::after{background:radial-gradient(ellipse at 65% 22%,#d9f9ff45,transparent 66%)}
.studio-home .hero-glass-edge{filter:hue-rotate(325deg);opacity:.9}
.studio-home .hero-downloads::before{background:linear-gradient(90deg,transparent,#f0f9fbd9 20%,#f0f9fbef 31%,#edf8fcf5)}
.studio-home .hero-anya-bubble{background:linear-gradient(130deg,#ffffffed,#e4f4f9dc);border-color:#fff;box-shadow:0 16px 38px #398aa320,inset 0 1px #fff}
.studio-home .hero-anya-bubble strong{color:#206681}
.studio-home .hero-tool{background:#e9f8ff85;border-color:#ffffff99;color:#14394d;backdrop-filter:blur(8px)}
.studio-home .hero-tool svg,.studio-home .hero-tool-or{color:#245064}
.studio-home .hero-copy h1,.studio-home .proof-card-head h2{color:#071b34}
.studio-home .hero-statement em{background:linear-gradient(100deg,#102a43,#1b5671);background-clip:text;-webkit-background-clip:text;text-shadow:none}
.studio-home .proof-card-head h2 em{color:#19465f}
.studio-home .hero-reply-link,.studio-home .hero-reply-link span,.studio-home .hero-reply-link b{color:#173e53;border-color:#315d7355}
.studio-home .proof-phone{border-color:#ffffffd9;background:linear-gradient(130deg,#eaf7ff80,#d3effd38);box-shadow:inset 0 0 0 3px #e4f7fc55,inset 5px 1px 8px #fff9,inset -3px 0 6px #8cd9ed88,-3px 1px 0 #d5f3fb,-7px 4px 0 #78b6c7,-10px 8px 0 #397386,12px 26px 28px #173e4b45}
.studio-home .proof-phone::after{position:absolute;inset:0;z-index:-1;border-radius:inherit;content:"";backdrop-filter:blur(12px);transform:translateZ(-1px);pointer-events:none}
.studio-home .proof-before{background:linear-gradient(125deg,#284453ee,#162a39ed);border-color:#ffffff55}
.studio-home .proof-after{background:radial-gradient(ellipse at 100% 0,#fff9,transparent 52%),linear-gradient(125deg,#e5faff,#a9e4f2 48%,#7acbdf);border-color:#fff;box-shadow:inset 3px 1px 5px #fff,inset -1px -2px 8px #c6f0fa,-4px 3px 0 #9edbea,-7px 5px 0 #4d99ad,0 0 20px #d7f8ff55,5px 14px 18px #09243144;color:#102d43}
.studio-home .proof-after p{color:#102d43}
.studio-home .proof-after span{background:linear-gradient(#effcff,#bceaf5);color:#173548}
.studio-home .proof-art{filter:hue-rotate(325deg) saturate(.65) drop-shadow(0 12px 12px #17445b44)}
.studio-home .proof-mode{background:linear-gradient(#fff,#e5f6fa);color:#173548;box-shadow:0 7px 22px #173e4b22}
.studio-home .studio-input-strip{display:none}
.studio-home .hero-guide-entry,.studio-home .hero-how-link{display:none}
@media(min-width:1201px){
 .studio-home .hero{background-size:100% 1000px;background-position:center top}
}
.studio-home .studio-example-note{position:absolute;right:0;bottom:0;margin:0;font-size:11px;line-height:1.5;color:#173f54}
.studio-home .studio-example-note a{font-weight:750;text-underline-offset:3px}
/* Carry the studio materials through existing sections, without rearranging them. */
.studio-home .reply-story{background:#d5edf3;color:#0a2840}
.studio-home .reply-story h2,.studio-home .reply-story h2 em,.studio-home .reply-story .eyebrow{color:#102e46}
.studio-home .reply-story-lead,.studio-home .reply-story-guide,.studio-home .reply-story-steps span,.studio-home .reply-story-price p,.studio-home .reply-demo-caption{color:#35586d}
.studio-home .reply-story-steps strong,.studio-home .reply-story-price summary,.studio-home .reply-story-price a{color:#173c55}
.studio-home .reply-story-intents span,.studio-home .reply-story-intents .reply-intent-custom{background:#edf8fbb3;border-color:#fff;color:#23475e}
.studio-home .reply-story-steps{border-color:#aeced9}
.studio-home .reply-story-steps b{background:#ffcc95;color:#634425;border-color:#ffc18a}
.studio-home .reply-story-price summary span{background:#ffd8ad;color:#674328}
.studio-home .reply-demo-out{background:#f3aa64;color:#15374c}
.studio-home .reply-demo-out p{color:#15374c}
.studio-home .showcase-card,.studio-home .problem-card,.studio-home .tier,.studio-home .real-guide-panel{background:#f8fcfdde;border-color:#cfE4eb;box-shadow:0 12px 25px #17415d0c}
.studio-home .problem-card:nth-child(2),.studio-home .tier:nth-child(2){background:#fff2e3}
.studio-home .button-primary{background:#16465c;color:white}
.studio-home .showcase-card{--showcase-accent:#34849e}
.studio-home .showcase-card-business{--showcase-accent:#efa259}
.studio-home .trial{background:#ffd0a0}
.studio-home .trial h2,.studio-home .trial p{color:#133448}
.studio-home .confidence-band{background:#14364a}
.studio-home .confidence-band h2{color:#ffc185}
.studio-home .contact::before{background:linear-gradient(110deg,#b6e3efed,#def3f9bd)}
.studio-home .contact h2,.studio-home .contact p{color:#14384f}

@media(max-width:1200px){
 .studio-home .hero{background:#f3fafc}
 .studio-home .hero-copy::before{background:linear-gradient(#b6e3ef66,#b6e3ef44),url('/assets/studio/sunlit-studio-v1.jpg') center bottom/cover}
}
@media(max-width:700px){
 .studio-home .hero-downloads::before{background:linear-gradient(180deg,transparent 80px,#f3fafc30 145px,#f3fafc 280px)}
 .studio-home .hero-mobile-proof-heading{color:#102d43}
}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.studio-home .proof-phone{background:#d9edf3ed}}

/* A compact, factual community counter in the sunlit studio hero. */
.studio-home .hero-community{
  position:relative;z-index:4;display:grid;gap:12px;width:100%;margin:0 0 22px;padding:20px;
  border:1px solid #fff;border-radius:25px;
  background:linear-gradient(140deg,#f5fcffed,#c6e8f2d9 73%,#b5e0eab8);
  box-shadow:inset 0 1px #fff,0 18px 42px #1e60702c;
  color:#0c3047;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.studio-home .hero-community::before{position:absolute;top:0;right:0;width:45%;height:42%;border-radius:inherit;background:radial-gradient(ellipse at 90% 0,#fff9,transparent 70%);content:"";pointer-events:none}
.studio-home .hero-community-heading{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.045em}
.studio-home .hero-community-sparkle{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#ffc78f;color:#244357;font-size:19px;box-shadow:0 4px 12px #e69d5a47}
.studio-home .hero-community-users{display:flex;align-items:baseline;gap:8px}
.studio-home .hero-community-users strong{font-size:58px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.07em}
.studio-home .hero-community-users span{max-width:100px;color:#31596a;font-size:12px;font-weight:700;line-height:1.25}
.studio-home .hero-community-platforms{display:flex;flex-wrap:wrap;gap:6px}
.studio-home .hero-community-platforms span{padding:6px 8px;border:1px solid #fff9;border-radius:9px;background:#ffffff83;color:#275167;font-size:11px;white-space:nowrap}
.studio-home .hero-community-platforms b{color:#0a3048}
.studio-home .hero-community-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #fff9;padding-top:13px}
.studio-home .hero-community-actions div{display:grid;gap:3px}
.studio-home .hero-community-actions strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.studio-home .hero-community-actions span{font-size:10px;font-weight:650;line-height:1.25;color:#456575}
.studio-home .hero-community-updated{color:#426479;font-size:9px;line-height:1.35}
@media(min-width:1800px){
  .studio-home .hero-community{position:absolute;top:205px;left:-500px;width:230px;margin:0;padding:18px}
}
@media(min-width:1201px) and (max-width:1799px){
  .studio-home .hero-community{max-width:320px;margin:0 0 18px}
  .studio-home .hero-community-users strong{font-size:46px}
  .studio-home .hero-community-actions strong{font-size:22px}
}
@media(max-width:1200px){
  .studio-home .hero-community{max-width:360px}
}
@media(max-width:700px){
  .studio-home .hero-community{max-width:none;gap:9px;margin-bottom:17px;padding:15px 17px;border-radius:20px}
  .studio-home .hero-community-heading{font-size:18px}
  .studio-home .hero-community-users strong{font-size:43px}
  .studio-home .hero-community-users span{max-width:none;font-size:12px}
  .studio-home .hero-community-actions{padding-top:9px}
  .studio-home .hero-community-actions strong{font-size:22px}
  .studio-home .hero-community-updated{font-size:9px}
}

/* Phone composition is deliberate; desktop keeps the approved geometry. */
.studio-mobile-reply,.studio-proof-controls,.studio-other-platforms>summary{display:none}
.studio-other-platforms{display:contents}
.studio-other-platforms>.platform-group{position:relative;z-index:2}
@media(min-width:701px){.studio-other-platforms>#windows-download-card{border-top:1px solid #e7edef;margin-top:24px;padding-top:22px}}
.studio-home :is(a,button,summary):focus-visible{outline:3px solid #17657e;outline-offset:4px}
@media(max-width:700px){
 .studio-home .site-header{position:relative;background:#f0fafbeb}
 .studio-home .header-inner{padding-top:10px}
 .studio-home .header-cta{min-height:44px}
 .studio-home .primary-nav{padding-block:3px;gap:20px}
 .studio-home .primary-nav a{display:flex;align-items:center;min-height:44px}
 .studio-home .hero{background:#f3fafc}
 .studio-home .hero-downloads{padding-top:228px;padding-bottom:24px}
 .studio-home .hero-downloads::before{background:linear-gradient(180deg,#e5f7fb00 95px,#f3fafcb3 180px,#f3fafc 245px)}
 .studio-home .hero-anya-main{top:12px;left:-38px;width:245px}
 .studio-home .hero-mobile-promise{top:40px;width:53%;font-size:clamp(21px,5.7vw,29px)!important;line-height:1.13;letter-spacing:-.045em;color:#081b35}
 .studio-home .hero-mobile-promise span{font-size:13px;line-height:1.45;color:#39566b}
 .studio-home .hero-mobile-promise strong{color:#21647c}
 .studio-home .hero-downloads .hero-anya-bubble{max-width:none;margin-bottom:18px;padding:15px 17px;border-radius:20px;background:linear-gradient(120deg,#ffffffed,#d8eff6bf);box-shadow:0 8px 26px #26647b14}
 .studio-home .hero-anya-bubble small{font-size:11px;color:#4e6878}
 .studio-home .platform-brand{margin-bottom:18px}
 .studio-home .platform-brand h2{font-size:23px}
 .studio-home .platform-group{padding-block:18px}
 .studio-home .platform-version{font-size:11px;color:#456376}
 .studio-home .download-badge{min-height:62px;border-radius:17px}
 .studio-home #direct-apk-download{box-shadow:0 9px 22px #dc8e4030;background:linear-gradient(110deg,#ffc17e,#f4a052);border-color:#ffc996}
 .studio-home .studio-mobile-reply{display:grid;gap:5px;margin:18px 0 12px;padding:18px;border:1px solid #fff;border-radius:18px;background:linear-gradient(120deg,#dceff4,#eef8fa);text-decoration:none;box-shadow:0 7px 24px #285f7410;color:#123b50}
 .studio-mobile-reply>span{font-size:12px}.studio-mobile-reply strong{font-size:16px}.studio-mobile-reply strong span{float:right}
 .studio-home .studio-other-platforms{display:block;border-block:1px solid #cfE2e9}
 .studio-other-platforms>summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;cursor:pointer;font-size:14px;font-weight:700;list-style:none;color:#264e63}
 .studio-other-platforms>summary::-webkit-details-marker{display:none}
 .studio-other-platforms[open]>summary span{transform:rotate(45deg)}
 .studio-home .platform-help summary{min-height:44px;display:flex;align-items:center;font-size:12px}
 .studio-home .hero-copy{padding-top:54px;padding-bottom:30px}
 .studio-home .hero-copy::before{background:linear-gradient(180deg,#f3fafc 0,#f3fafc66 55px,transparent 150px),url('/assets/studio/sunlit-studio-v1.jpg') 60% bottom/auto 100%;border-radius:0 0 32px 32px}
 .studio-home .hero-mobile-proof-heading{font-size:32px;max-width:300px;line-height:1.08}
 .studio-home .hero-mode-list{color:#23475a;margin-top:12px}
 .studio-home .hero-mode-list span{color:#315e72}
 .studio-home .hero-reply-link{display:none}
 .studio-home .hero-proof{display:flex;gap:18px;margin:16px -18px 0;padding:0 18px 15px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#35738b55 transparent}
 .studio-home .hero-proof::before{display:none}
 .studio-home .proof-card{flex:0 0 calc(100% - 24px);min-height:535px;padding:14px 8px 0;scroll-snap-align:start;scroll-snap-stop:always;border:0}
 .studio-home .proof-card-head h2{font-size:28px;margin-top:8px}
 .studio-home .proof-card-head p{color:#25495c;font-size:13px;max-width:250px}
 .studio-home .proof-card-head small{color:#245469}
 .studio-home .proof-art{top:105px;right:8px;width:85%;height:90px}
 .studio-home .proof-phone{top:190px;left:16px;right:32px;bottom:60px;padding:22px 10px 15px;gap:20px}
 .studio-home .proof-before p{font-size:14px;line-height:1.4}
 .studio-home .proof-after p{font-size:15px;line-height:1.35}
 .studio-home .proof-mode{min-height:40px;left:12px;width:calc(100% - 24px)}
 .studio-home .studio-proof-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:4px 0 16px;color:#173f54;font-size:13px;font-weight:700}
 .studio-proof-controls button{width:48px;height:44px;border:1px solid #fff;background:#eef9fbd9;border-radius:14px;color:#153e52;font-size:22px;cursor:pointer}
 .studio-proof-controls button:disabled{opacity:.4;cursor:default}
 .studio-home .studio-example-note{position:static;font-size:12px;line-height:1.6;margin-top:10px}
 .studio-home .hero-keyboard-stage{display:none}
 .studio-home .section{padding-block:52px}
 .studio-home .reply-story{background:linear-gradient(#f2f8fa,#d9eef4);padding-top:45px}
 .studio-home .real-guide-tabs button{min-height:46px}
 .studio-home .real-guide-tabs button[aria-selected=true]{background:#235f75;border-color:#235f75}
 .studio-home .reply-story-price summary,.studio-home .faq summary{min-height:48px}
 .studio-home .button{min-height:48px}
}
@media(max-width:360px){
 .studio-home .hero-anya-main{left:-46px;width:218px}
 .studio-home .hero-mobile-promise{font-size:21px!important;top:34px;width:55%}
 .studio-home .hero-downloads{padding-top:218px}
 .studio-home .proof-card{flex-basis:calc(100% - 12px);min-height:565px}
 .studio-home .proof-phone{right:25px}
}