/* Shared public Studio presentation; uses the site's existing theme tokens. */
.studio-image-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.studio-gallery a{cursor:zoom-in}
.studio-viewer-open{overflow:hidden}
.studio-image-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 20px 20px;border:0;background:rgba(10,12,20,.95);overflow:auto}
.studio-image-viewer::backdrop{background:rgba(10,12,20,.85)}
.studio-image-viewer img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 84px);margin:auto;object-fit:contain}
.studio-image-close{position:fixed;top:14px;right:20px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #687080;border-radius:50%;background:#252b38;color:white;cursor:pointer;z-index:1}
.studio-image-close svg{display:block}
.studio-image-close:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.studio-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface)}
.studio-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.studio-preview{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s}
.studio-preview:hover{border-color:var(--accent);box-shadow:0 24px 70px rgba(90,80,150,.15)}
.studio-preview-copy{padding:clamp(24px,4vw,46px)}
.studio-mark{display:grid;place-items:center;width:48px;height:48px;color:white;background:linear-gradient(145deg,#6165e8,#3449b8);border-radius:15px;font-size:28px;margin-bottom:22px}
.studio-preview h3{font-size:36px;letter-spacing:-.04em;margin-bottom:12px}
.studio-preview p{color:var(--muted);font-size:17px;max-width:430px}
.studio-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.studio-pills span{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--muted)}
.studio-preview-link{display:block;font-weight:750;color:var(--accent);margin-top:26px}
.studio-preview-price{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.studio-preview-image{padding:34px 0 34px 10px;background:radial-gradient(ellipse at center,rgba(99,102,241,.18),transparent 70%)}
.studio-preview-image img{display:block;width:112%;height:auto;max-width:none;border-radius:18px 0 0 18px;border:1px solid #3b4252;box-shadow:0 20px 60px rgba(0,0,0,.2)}
#ai-studio,.studio-page section[id]{scroll-margin-top:90px}
.studio-hero{padding:76px 0 26px;text-align:center}
.studio-hero h1{font-size:clamp(48px,7vw,88px);line-height:1.04;max-width:980px;margin:24px auto;letter-spacing:-.055em}
.studio-hero h1 span{display:block;color:var(--accent)}
.studio-lead{max-width:710px;margin:0 auto;color:var(--muted);font-size:clamp(17px,2vw,21px)}
.studio-hero .hero-actions{justify-content:center}
.studio-small{color:var(--muted);font-size:13px;margin:18px 0 0}
.studio-hero-shot{margin-top:42px;border:1px solid var(--line);border-radius:22px;background:#1e222c;padding:10px;box-shadow:0 25px 85px rgba(54,50,100,.18)}
.studio-hero-shot img{display:block;width:100%;height:auto;border-radius:14px}
.studio-section-title{max-width:770px}
.studio-section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin-bottom:16px}
.studio-section-title p{color:var(--muted);font-size:17px}
.studio-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.studio-feature{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.studio-feature .studio-number{display:block;color:var(--accent);font-size:13px;font-weight:800;margin-bottom:25px}
.studio-feature h3{font-size:20px;margin-bottom:10px;letter-spacing:-.025em}
.studio-feature p{color:var(--muted);font-size:15px;margin-bottom:0}
.studio-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:30px 0 0;padding:0;list-style:none;counter-reset:steps}
.studio-workflow li{counter-increment:steps;border-top:2px solid var(--line);padding-top:20px}
.studio-workflow li::before{content:"0" counter(steps);color:var(--accent);font-size:13px;font-weight:800;display:block;margin-bottom:12px}
.studio-workflow strong{display:block;font-size:18px;margin-bottom:10px}
.studio-workflow p{color:var(--muted);font-size:14px;margin-bottom:0}
.studio-gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:30px;align-items:start}
.studio-gallery figure{margin:0;min-width:0}
.studio-gallery a{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#1e222c}
.studio-gallery img{display:block;width:100%;height:auto}
.studio-gallery figcaption{color:var(--muted);font-size:14px;margin-top:14px}
.studio-caption{color:var(--muted);font-size:13px;margin-top:25px}
.studio-requirements{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.studio-requirements h3{font-size:21px}
.studio-requirements ul{padding-left:20px;color:var(--muted);font-size:15px;margin:0}
.studio-requirements li+li{margin-top:12px}
.studio-pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;padding:clamp(26px,5vw,56px);background:linear-gradient(130deg,rgba(241,127,58,.07),rgba(99,102,241,.08)),var(--surface)}
.studio-price-panel{border-left:1px solid var(--line);padding-left:46px}
.studio-price{font-size:72px;line-height:1;letter-spacing:-.06em;font-weight:850;margin:22px 0 14px}
.studio-price small{font-size:16px;letter-spacing:0;color:var(--muted);font-weight:500}
.studio-price-panel .button{width:100%;margin-top:22px}
.studio-price-panel p{color:var(--muted);font-size:14px}
.studio-faq{display:grid;gap:12px;margin-top:26px}
.studio-faq details{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.studio-faq summary{cursor:pointer;font-weight:700}
.studio-faq p{color:var(--muted);font-size:15px;margin:16px 0 0}
.studio-dialog{width:min(480px,calc(100% - 32px));padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--solid);color:var(--text);box-shadow:0 25px 90px rgba(0,0,0,.3)}
.studio-dialog::backdrop{background:rgba(10,12,20,.65);backdrop-filter:blur(5px)}
.studio-dialog h2{font-size:28px;letter-spacing:-.03em}
.studio-dialog p{color:var(--muted)}
.studio-dialog .button{margin-top:12px}
.studio-preview:focus-visible,.studio-page a:focus-visible,.studio-page button:focus-visible,.studio-page summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:960px){.studio-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preview{grid-template-columns:1fr 1.2fr}.studio-pricing{gap:28px}.studio-price-panel{padding-left:28px}}
@media(max-width:720px){.studio-preview,.studio-gallery,.studio-requirements,.studio-pricing{grid-template-columns:1fr}.studio-preview-image{padding:0 20px 24px}.studio-preview-image img{width:100%;border-radius:12px}.studio-hero{padding-top:46px}.studio-hero h1{font-size:clamp(40px,11vw,66px)}.studio-feature-grid{grid-template-columns:1fr}.studio-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-hero-shot{padding:5px;border-radius:14px;margin-top:28px}.studio-price-panel{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.studio-requirements{gap:24px;padding:24px}.studio-hero .hero-actions{display:flex}.studio-hero .hero-actions .button{width:auto}.studio-preview-copy{padding:26px}}
@media(prefers-reduced-motion:reduce){.studio-preview{transition:none}}