/* Studio 17: full-width landscapes, clear choices, and readable product details. */
html:has(.studio-ui) { --bg:#fff; --surface:#f4f8fa; --soft:#edf3f5; --ink:#172b35; --muted:#536671; --border:#d8e3e8; --card:#fff; --accent:#d41453; --accent-text:#bd1249; --blue:#1264cc; --teal:#007d76; --shadow:0 8px 24px #1636420a; --max:1240px; }
body.studio-ui { font-family:Inter,Arial,sans-serif; background:var(--bg); }
.studio-ui .container { width:min(1240px,calc(100% - 80px)); }
.studio-ui :is(h1,h2,h3,h4) { color:var(--ink); }
.studio-ui h2 { font-size:40px; line-height:1.16; font-weight:750; }
.studio-ui h3 { font-size:23px; }
.studio-ui .st-icon { display:inline-block; width:20px; height:20px; flex:0 0 auto; object-fit:contain; vertical-align:middle; }
.studio-ui .st-eyebrow { display:flex; align-items:center; gap:8px; color:var(--accent-text); font-size:11px; font-weight:750; line-height:1.6; margin-bottom:14px; }
.studio-ui .st-eyebrow .st-icon { width:15px; height:15px; }
.studio-ui .st-section { padding-block:80px; }
.studio-ui .st-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:34px; }
.studio-ui .st-heading h2 { margin:0; }
.studio-ui .st-heading>div:last-child>p { max-width:340px; font-size:15px; }
.studio-ui .st-heading .text-link { margin-top:18px; }
.studio-ui .st-heading-center { display:block; text-align:center; }
.studio-ui .st-heading-center .st-eyebrow { justify-content:center; }
.studio-ui .st-heading-center>p:last-child { margin-top:16px; color:var(--muted); }
body.studio-ui :is(.btn,.gv-button) { border-radius:6px; padding:13px 22px; min-height:48px; gap:12px; font-size:14px; line-height:1.4; box-shadow:none; }
body.studio-ui :is(.btn-primary,.btn-accent,.live-buy-button,.gv-button:not(.is-light):not(.is-outline)) { color:#fff; background:#d41453; border-color:#d41453; }
body.studio-ui :is(.btn-primary,.btn-accent,.live-buy-button,.gv-button:not(.is-light):not(.is-outline)):hover { background:#b00c41; border-color:#b00c41; transform:translateY(-2px); }
body.studio-ui :is(.btn-outline,.gv-button.is-light,.gv-button.is-outline) { background:var(--card); border-color:var(--border); color:var(--ink); }
.studio-ui .btn .st-icon { width:17px; height:17px; }
.studio-ui .btn-primary .st-icon { filter:brightness(0) invert(1); }
.studio-ui .text-link { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-size:14px; }
.studio-ui :is(.text-link,.nav-link):hover { color:var(--accent-text); }
.studio-ui .announcement { background:#edf8fa; color:#365c67; min-height:31px; padding:6px 14px; font-size:10px; border-bottom:1px solid #dbecef; }
.studio-ui .announcement a { display:flex; gap:14px; justify-content:center; align-items:center; color:inherit; }
.studio-ui .announcement strong { color:#175365; }
.studio-ui .announcement .st-icon { width:13px; height:13px; }
.studio-ui .site-header { height:80px; background:var(--bg); }
.studio-ui .brand img.brand-image { width:178px; }
.studio-ui .nav-link { font-size:12px; }
.studio-ui .nav-actions .btn { min-height:39px; padding:10px 14px; font-size:12px; }
.studio-ui .dropdown { border-radius:8px; box-shadow:0 20px 55px #182c3521; }
.studio-ui .dropdown .app-logo { background:var(--surface); }
.studio-ui :is(.theme-toggle,.ai-header-button,.nav-toggle) { border-color:var(--border); background:var(--bg); color:var(--ink); }
.studio-ui .st-hero { position:relative; isolation:isolate; height:640px; background:#fdfefe; overflow:hidden; border-bottom:1px solid var(--border); }
.studio-ui .st-hero-scene { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.studio-ui .st-hero-scene img { height:100%; width:100%; object-fit:cover; object-position:center 61%; }
.studio-ui .st-hero-copy { padding-top:44px; text-align:center; position:relative; }
.studio-ui .st-hero-copy .st-eyebrow { justify-content:center; color:#9a1743; margin-bottom:14px; }
.studio-ui .st-hero h1 { font-size:88px; color:#17323e; line-height:1.08; font-weight:800; margin:0 0 16px; }
.studio-ui .st-hero h1>span:first-child { color:#d41453; }
.studio-ui .st-hero .st-title-dot { color:#008d88; }
.studio-ui .st-hero-line { font-size:21px; font-weight:650; color:#244652; line-height:1.4; }
.studio-ui .st-hero-description { font-size:15px; line-height:1.75; color:#4b626d; margin-top:13px; }
.studio-ui .st-hero .button-row { justify-content:center; margin-top:24px; gap:12px; }
.studio-ui .st-hero-notes { display:flex; justify-content:center; flex-wrap:wrap; gap:22px; font-size:11px; color:#385864; margin-top:20px; }
.studio-ui .st-hero-notes span { display:flex; align-items:center; gap:7px; }
.studio-ui .st-hero-notes .st-icon { width:15px; height:15px; }
.studio-ui .st-hero-scroll { position:absolute; left:calc(50% - 20px); bottom:22px; width:40px; height:40px; border:1px solid #b9d5db; background:#fff; border-radius:50%; display:grid; place-items:center; color:#193b46; box-shadow:0 5px 15px #173c4111; }
.studio-ui .st-explore { padding-top:64px; }
.studio-ui .st-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--border); margin-top:34px; }
.studio-ui .st-tabs button { position:relative; display:flex; align-items:center; justify-content:center; gap:12px; padding:20px 12px; color:var(--muted); font-family:inherit; font-size:14px; font-weight:650; line-height:1.4; border:0; background:transparent; min-height:65px; cursor:pointer; border-bottom:3px solid transparent; }
.studio-ui .st-tabs button[aria-selected=true] { color:#0f5a72; border-bottom-color:#0789a5; background:#eef8fb; }
.studio-ui .st-tabs button:hover { background:var(--surface); color:var(--ink); }
.studio-ui .st-workload { position:relative; display:flex; min-height:420px; padding:40px 34px; background:#f0f8fc; overflow:hidden; }
.studio-ui .st-workload[hidden] { display:none; }
.studio-ui .st-workload[data-tone=mint] { background:#edf9f5; }
.studio-ui .st-workload[data-tone=peach] { background:#fff4ed; }
.studio-ui .st-workload[data-tone=pink] { background:#fff0f5; }
.studio-ui .st-workload-copy { max-width:540px; width:53%; position:relative; z-index:1; }
.studio-ui .st-label { display:block; color:#12627e; font-size:11px; font-weight:750; margin-bottom:14px; }
.studio-ui .st-workload h3 { font-size:35px; line-height:1.2; color:#193d4c; margin-bottom:17px; }
.studio-ui .st-workload p { font-size:14px; color:#4e6672; line-height:1.8; }
.studio-ui .st-checks { list-style:none; margin:22px 0 25px; padding:0; display:grid; gap:10px; font-size:12px; color:#305362; }
.studio-ui .st-checks li { display:flex; align-items:center; gap:9px; }
.studio-ui .st-checks .st-icon { width:16px; height:16px; }
.studio-ui .st-workload-art { position:absolute; right:2%; bottom:8px; width:40%; height:95%; object-fit:contain; }
.studio-ui .st-pricing { background:var(--surface); border-block:1px solid var(--border); }
.studio-ui .st-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:22px; }
.studio-ui .st-catalog-status { text-align:center; margin-top:20px; font-size:12px; }
.studio-ui .st-catalog-status .btn { display:block; margin:12px auto 0; font-size:12px; min-height:40px; padding:9px 16px; }
.studio-ui .st-plans[data-card-count="1"] { grid-template-columns:minmax(0,420px); justify-content:center; }
.studio-ui .st-plans[data-card-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:850px; margin-inline:auto; }
body.studio-ui .live-plan-card { border:1px solid var(--border); border-radius:8px; padding:26px; background:var(--card); box-shadow:0 5px 16px #142f3905; }
body.studio-ui .live-plan-card::before { display:none; }
.studio-ui .live-plan-card .plan-card-top { background:var(--surface); margin:-26px -26px 20px; padding:17px 25px; border-bottom:1px solid var(--border); border-radius:7px 7px 0 0; min-height:68px; gap:9px; }
.studio-ui .live-plan-card .plan-card-top .px-plan-symbol { width:22px; height:22px; }
.studio-ui .live-plan-card .plan-card-category { color:var(--muted); font-size:10px; }
.studio-ui .live-plan-card h3 { font-size:23px; margin:0 0 10px; min-height:0; }
.studio-ui .live-plan-card .plan-price-final strong { font-size:40px; color:var(--ink); }
.studio-ui .live-plan-card .plan-price-display { border:0; border-block:1px solid var(--border); margin-block:18px; padding-block:22px; background:transparent; }
.studio-ui .live-plan-card .live-plan-specs { border:0; margin:0 0 20px; padding:0; gap:15px; }
.studio-ui .live-plan-card .live-plan-specs li { background:transparent; border:0; padding:7px 0; min-width:0; }
.studio-ui .plan-spec-value { font-size:16px; }
.studio-ui .plan-spec-label { font-size:11px; }
.studio-ui .live-plan-card .plan-note { background:var(--surface); border:1px solid var(--border); border-radius:5px; font-size:12px; }
.studio-ui .plan-promotional-label { color:#087157; }
.studio-ui .plan-period-select { border-radius:5px; font-size:12px; }
.studio-ui .st-app-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.studio-ui .st-app-intro { position:sticky; top:110px; }
.studio-ui .st-app-intro h2 { margin-bottom:22px; }
.studio-ui .st-app-intro>p:not(.st-eyebrow) { max-width:350px; font-size:15px; }
.studio-ui .st-app-intro>.text-link { margin-top:26px; }
.studio-ui .st-apps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.studio-ui .st-apps>a { min-width:0; display:flex; align-items:center; gap:13px; border:1px solid var(--border); border-radius:7px; padding:21px 16px; background:var(--card); transition:transform .18s,border-color .18s; }
.studio-ui .st-apps>a:hover { transform:translateY(-3px); border-color:#3e929b; }
.studio-ui .st-apps>a>img:first-child { width:31px; height:31px; object-fit:contain; flex:0 0 31px; }
.studio-ui .st-apps h3 { font-size:15px; margin-bottom:4px; }
.studio-ui .st-apps p { font-size:10px; }
.studio-ui .st-apps>a>.st-icon { width:15px; height:15px; margin-left:auto; }
.studio-ui .st-footnote { font-size:11px; line-height:1.8; color:var(--muted); margin-top:22px; }
.studio-ui .st-journey { background:#eaf7f6; border-block:1px solid #d7ece9; }
.studio-ui .st-journey :is(h2,h3) { color:#19443f; }
.studio-ui .st-journey p { color:#486a66; }
.studio-ui .st-journey .st-eyebrow { color:#006b63; }
.studio-ui .st-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:46px; list-style:none; padding:0; margin:45px 0 0; }
.studio-ui .st-steps li { border-top:1px solid #aacdca; position:relative; padding:32px 0 0; }
.studio-ui .st-step-no { position:absolute; right:0; top:23px; font-size:30px; color:#729b95; font-weight:700; }
.studio-ui .st-steps .st-icon { width:27px; height:27px; margin-bottom:22px; }
.studio-ui .st-steps h3 { font-size:22px; margin-bottom:12px; }
.studio-ui .st-steps p { font-size:13px; max-width:310px; }
.studio-ui .st-journey-link { display:flex; justify-content:center; margin:35px auto 0; width:fit-content; color:#19443f; }
.studio-ui .st-games { background:var(--bg); }
.studio-ui .st-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.studio-ui .st-game { display:block; min-width:0; border:1px solid var(--border); border-radius:8px; overflow:hidden; background:var(--card); transition:transform .18s; }
.studio-ui .st-game:hover { transform:translateY(-4px); }
.studio-ui .st-game>img { width:100%; aspect-ratio:460/215; object-fit:cover; }
.studio-ui .st-game>div { padding:24px; }
.studio-ui .st-game span { font-size:10px; color:var(--muted); font-weight:650; }
.studio-ui .st-game h3 { font-size:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:9px; }
.studio-ui .st-support { background:var(--surface); border-block:1px solid var(--border); }
.studio-ui .st-support-layout { display:grid; grid-template-columns:.95fr 1.05fr; gap:80px; }
.studio-ui .st-support-intro h2 { margin-bottom:20px; }
.studio-ui .st-support-intro>p:not(.st-eyebrow) { font-size:14px; max-width:410px; }
.studio-ui .st-support-intro .button-row { margin-top:25px; }
.studio-ui .st-support-intro>img { width:100%; height:210px; object-fit:contain; object-position:left bottom; margin-top:10px; }
.studio-ui .st-faq details { border-bottom:1px solid var(--border); }
.studio-ui .st-faq details:first-child { border-top:1px solid var(--border); }
.studio-ui .st-faq summary { padding:25px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--ink); font-size:15px; font-weight:650; list-style:none; cursor:pointer; }
.studio-ui .st-faq summary::-webkit-details-marker { display:none; }
.studio-ui .st-faq summary .st-icon { width:17px; height:17px; }
.studio-ui .st-faq details[open] .st-icon { transform:rotate(45deg); }
.studio-ui .st-faq .faq-answer { font-size:13px; line-height:1.85; padding:0 30px 25px 0; color:var(--muted); }
.studio-ui .st-affiliate { background:#fff0f4; border-bottom:1px solid #f1d8e0; padding-block:40px; }
.studio-ui .st-affiliate>.container { display:flex; align-items:center; gap:25px; }
.studio-ui .st-affiliate-symbol { width:60px; height:60px; flex:0 0 60px; display:grid; place-items:center; background:#fff; border:1px solid #efc6d3; border-radius:50%; }
.studio-ui .st-affiliate-symbol>.st-icon { width:29px; height:29px; }
.studio-ui .st-affiliate h2 { font-size:29px; color:#5b243b; margin-bottom:9px; }
.studio-ui .st-affiliate .st-eyebrow { margin-bottom:7px; color:#9f1642; }
.studio-ui .st-affiliate p:not(.st-eyebrow) { color:#73535f; font-size:13px; max-width:650px; }
.studio-ui .st-affiliate>.container>.btn { margin-left:auto; flex-shrink:0; color:#512238; border-color:#e1bfc9; background:#fff; }
.studio-ui .st-final { text-align:center; padding-block:78px; background:#fff; }
.studio-ui .st-final .st-eyebrow { justify-content:center; }
.studio-ui .st-final h2 { font-size:46px; color:#183d49; }
.studio-ui .st-final .button-row { justify-content:center; margin-top:28px; }
/* Existing product details keep their content and receive a new editorial hierarchy. */
body.studio-ui .st-page-hero { background:#edf7fa; border-bottom:1px solid #d6e8ed; padding:28px 0 40px; min-height:350px; }
.studio-ui .st-page-hero .px-page-art { width:38%; height:100%; right:1%; bottom:0; opacity:1; mix-blend-mode:normal; object-fit:contain; object-position:right bottom; }
.studio-ui .st-page-hero[data-hardware-hero] .px-page-art { width:38%; }
.studio-ui .st-page-hero :is(.hero-copy,.ed-hero-copy,.affiliate-hero-copy) { width:62%; max-width:740px; }
.studio-ui .st-page-hero h1 { color:#173b4b; font-size:48px; }
.studio-ui .st-page-hero p { color:#48616d; }
.studio-ui .st-page-hero .eyebrow { color:#06706f; font-size:11px; }
.studio-ui .st-page-hero .breadcrumb { font-size:11px; color:#496471; }
.studio-ui .st-page-hero .hero-benefits { color:#48616d; }
.studio-ui .st-page-hero .app-logo { border-radius:8px; }
.studio-ui .service-benefits { background:var(--bg); border-bottom:1px solid var(--border); }
.studio-ui .benefit { padding-block:22px; }
.studio-ui .benefit strong { color:var(--ink); font-size:14px; }
.studio-ui .benefit small { color:var(--muted); font-size:11px; }
.studio-ui .service-shortcuts a { font-size:12px; }
.studio-ui :is(.section-head h2,.live-catalogue-head h2,.gv-section h2) { font-size:36px; }
.studio-ui :is(.image-panel,.feature-illustration,.service-art) { background:transparent; border:0; box-shadow:none; }
.studio-ui .image-panel { border-radius:0; }
.studio-ui .ed-scene-image { max-height:320px; }
.studio-ui .split-section { gap:70px; }
.studio-ui .feature-card { border-radius:7px; padding:24px; }
.studio-ui .feature-card .feature-illustration { height:180px; min-height:0; }
.studio-ui .feature-card .ed-scene-image { height:180px; max-height:180px; }
.studio-ui .feature-card h3 { font-size:21px; }
.studio-ui .grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.studio-ui .grid-4>* { min-width:0; }
.studio-ui .feature-card.flat { padding:20px 0; border:0; border-radius:0; background:transparent; }
.studio-ui .category-tile { border-radius:6px; background:var(--card); box-shadow:none; }
.studio-ui .category-tile:hover { border-color:#218c9a; }
.studio-ui .category-tile[aria-pressed=true] { background:#e7f7f8; color:#115864; border-color:#2596a6; }
.studio-ui .live-catalogue { background:var(--bg); }
.studio-ui .catalogue-tools { background:var(--surface); border-radius:6px; }
.studio-ui .cta-box { background:#eaf7f6; border:0; padding:40px 0; }
.studio-ui .cta-wrap { background:#eaf7f6; }
.studio-ui .cta-box h2 { color:#19443f; }
.studio-ui .cta-box p { color:#486a66; }
.studio-ui .dark-section { background:#123d43; }
.studio-ui .dark-section :is(h2,h3) { color:#fff; }
.studio-ui .dark-section p { color:#d1e5e4; }
.studio-ui .dark-section .eyebrow { color:#9fe1d4; }
.studio-ui .gv-hero { min-height:380px; }
.studio-ui .gv-hero h1 { font-size:48px; }
.studio-ui .gv-games { gap:22px; }
.studio-ui .gv-plan { border:1px solid var(--border); border-radius:8px; padding:26px; }
.studio-ui .gv-plan h3 { font-size:23px; }
.studio-ui .gv-plan-price { background:var(--surface); padding:20px; margin:18px -26px; border-block:1px solid var(--border); }
.studio-ui .gv-plan-price strong { font-size:38px; }
.studio-ui .gv-plan dl { margin-block:20px; }
.studio-ui .gv-filter[aria-pressed=true],.studio-ui .gv-term[aria-pressed=true] { background:#0a6c76; color:#fff; }
.studio-ui .site-footer { background:#f3f7f9; padding-top:52px; border-top:1px solid #dbe7eb; }
.studio-ui .footer-brand p { font-size:13px; }
.studio-ui .footer-col h3 { font-size:13px; color:#1c4655; }
.studio-ui .footer-col a { color:#4e6672; font-size:12px; }
.studio-ui .footer-col a:hover { color:#be154d; }
.studio-ui .footer-app-links { padding-block:23px; }
.studio-ui .footer-app-links a { color:#4e6672; }
.studio-ui .footer-bottom { padding-block:23px; }
.studio-ui .ils-ai-launcher { background:#15546a; border-color:#15546a; color:#fff; border-radius:7px; }
.studio-ui .ils-ai-panel-head { background:#eaf6f8; }
html[data-theme=dark]:has(.studio-ui) { --bg:#14252b; --surface:#1b3139; --soft:#243f47; --ink:#eff7f9; --muted:#b4c8d0; --border:#3a535e; --card:#1d333c; --accent-text:#ff9fbf; }
html[data-theme=dark] .studio-ui .st-icon { filter:brightness(0) invert(1); }
html[data-theme=dark] .studio-ui :is(.st-hero,.st-workload,.st-journey,.st-affiliate,.st-final) .st-icon { filter:none; }
html[data-theme=dark] .studio-ui .btn-primary .st-icon { filter:brightness(0) invert(1); }
html[data-theme=dark] .studio-ui :is(.st-hero,.st-workload,.st-final) .btn-outline { color:#173b4b; background:#fff; border-color:#bdcfd5; }
html[data-theme=dark] .studio-ui :is(.st-page-hero,.st-page-hero[data-hardware-hero]) { background:#1b3139; }
html[data-theme=dark] .studio-ui .st-page-hero :is(h1,p,.lead,.eyebrow,.hero-benefits,.breadcrumb) { color:#eff7f9; }
html[data-theme=dark] .studio-ui .st-page-hero .px-page-art { opacity:1; mix-blend-mode:normal; }
html[data-theme=dark] .studio-ui .st-tabs button[aria-selected=true] { color:#9fe5ed; background:#20414a; border-color:#60c5d2; }
html[data-theme=dark] .studio-ui .st-journey-link { color:#19443f; }
html[data-theme=dark] .studio-ui .plan-promotional-label { color:#8be0bb; }
html[data-theme=dark] body.studio-ui .cloud-only-offer .cloud-offer-copy :is(h2,h3,p,strong) { color:#234a3b; }
html[data-theme=dark] .studio-ui .category-tile[aria-pressed=true] { color:#d8f6f9; background:#20414a; }
html[data-theme=dark] .studio-ui .site-footer { background:#10252c; border-color:#38535e; }
html[data-theme=dark] .studio-ui .footer-col h3 { color:#eff7f9; }
html[data-theme=dark] .studio-ui :is(.footer-col a,.footer-app-links a) { color:#b4c8d0; }
html[data-theme=dark] .studio-ui .ils-ai-panel-head { background:#1b3139; }
@media(min-width:1700px) { .studio-ui .st-hero { height:650px; }.studio-ui .st-hero-scene img { object-fit:cover; object-position:center 63%; }.studio-ui .st-hero-copy { padding-top:42px; } }
@media(max-width:1200px) { .studio-ui .header-inner { gap:14px; }.studio-ui .nav-list { gap:14px; }.studio-ui .brand img.brand-image { width:156px; }.studio-ui .st-hero h1 { font-size:76px; }.studio-ui .st-hero { height:620px; }.studio-ui .st-app-layout { gap:35px; }.studio-ui .st-support-layout { gap:45px; } }
@media(max-width:1050px) { .studio-ui .container { width:calc(100% - 48px); }.studio-ui .site-header { height:72px; }.studio-ui .brand img.brand-image { width:180px; }.studio-ui .nav-link { font-size:15px; }.studio-ui .st-hero h1 { font-size:70px; }.studio-ui .st-hero-line { font-size:18px; }.studio-ui .st-hero-scene img { object-position:center bottom; }.studio-ui .st-tabs button { font-size:12px; gap:8px; padding-inline:8px; }.studio-ui .st-workload-copy { width:56%; }.studio-ui .st-workload { padding:34px 26px; }.studio-ui .st-workload h3 { font-size:31px; }.studio-ui .st-plans { gap:16px; }.studio-ui .st-app-layout { grid-template-columns:1fr; gap:35px; }.studio-ui .st-app-intro { position:static; }.studio-ui .st-app-intro>p:not(.st-eyebrow) { max-width:600px; }.studio-ui .st-apps { grid-template-columns:repeat(5,minmax(0,1fr)); }.studio-ui .st-apps>a { flex-direction:column; align-items:start; padding:18px 13px; }.studio-ui .st-apps>a>.st-icon { display:none; }.studio-ui .st-apps p { font-size:11px; }.studio-ui .st-game h3 { font-size:17px; }.studio-ui .st-game>div { padding:19px; }.studio-ui .st-support-layout { gap:35px; }.studio-ui .st-page-hero h1 { font-size:40px; } }
@media(max-width:800px) { .studio-ui .st-plans { grid-template-columns:1fr; }.studio-ui .st-plans .plan-price-display { min-height:0; }.studio-ui .st-section { padding-block:60px; }.studio-ui h2,.studio-ui .st-heading h2 { font-size:33px; }.studio-ui .st-hero { height:590px; }.studio-ui .st-hero-scene img { object-fit:cover; object-position:center bottom; }.studio-ui .st-hero-copy { padding-top:35px; }.studio-ui .st-hero h1 { font-size:64px; }.studio-ui .st-apps { grid-template-columns:repeat(3,minmax(0,1fr)); }.studio-ui .st-steps { gap:25px; }.studio-ui .st-steps h3 { font-size:20px; }.studio-ui .st-support-layout { grid-template-columns:1fr; }.studio-ui .st-support-intro>img { display:none; }.studio-ui .st-affiliate>.container { flex-wrap:wrap; }.studio-ui .st-affiliate>.container>div { flex:1; }.studio-ui .st-affiliate>.container>.btn { margin-left:85px; }.studio-ui .st-workload-art { width:43%; }.studio-ui .st-workload p { font-size:13px; }.studio-ui .st-checks { font-size:11px; }.studio-ui .st-page-hero .px-page-art { opacity:1; width:33%; }.studio-ui .st-page-hero :is(.hero-copy,.ed-hero-copy,.affiliate-hero-copy) { width:67%; } }
@media(max-width:700px) { .studio-ui .container { width:calc(100% - 36px); }.studio-ui .site-header { height:67px; }.studio-ui .brand img.brand-image { width:156px; }.studio-ui .announcement span { display:none; }.studio-ui .announcement strong { display:inline; font-size:10px; }.studio-ui .st-hero { height:590px; }.studio-ui .st-hero h1 { font-size:55px; margin-bottom:19px; }.studio-ui .st-hero-copy { padding-top:34px; }.studio-ui .st-hero-line { font-size:18px; max-width:320px; margin-inline:auto; }.studio-ui .st-hero-description { font-size:13px; max-width:330px; margin:14px auto 0; }.studio-ui .st-hero-description br { display:none; }.studio-ui .st-hero-copy .st-eyebrow { font-size:9px; }.studio-ui .st-hero .button-row { gap:10px; margin-top:23px; }.studio-ui .st-hero .btn { font-size:12px; padding:12px 15px; }.studio-ui .st-hero-notes { font-size:9px; gap:13px; }.studio-ui .st-hero-notes .st-icon { width:13px; height:13px; }.studio-ui .st-hero-scene img { object-fit:cover; width:100%; height:340px; position:absolute; bottom:0; object-position:center bottom; }.studio-ui .st-hero-scroll { bottom:12px; width:34px; height:34px; left:calc(50% - 17px); }.studio-ui .st-hero-scroll .st-icon { width:17px; height:17px; }.studio-ui .st-section { padding-block:46px; }.studio-ui .st-heading { display:block; margin-bottom:26px; }.studio-ui .st-heading>div:last-child>p { margin-top:18px; }.studio-ui .st-heading>.btn { margin-top:22px; }.studio-ui .st-eyebrow { font-size:9px; }.studio-ui h2,.studio-ui .st-heading h2 { font-size:30px; }.studio-ui .st-heading-center>p:last-child { font-size:13px; }.studio-ui .st-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:25px; }.studio-ui .st-tabs button { min-height:56px; padding:14px 8px; font-size:12px; justify-content:start; }.studio-ui .st-tabs .st-icon { width:18px; height:18px; }.studio-ui .st-workload { display:block; min-height:0; padding:26px 22px 240px; }.studio-ui .st-workload[hidden] { display:none; }.studio-ui .st-workload-copy { width:100%; max-width:none; }.studio-ui .st-workload h3 { font-size:29px; }.studio-ui .st-workload-art { width:100%; height:230px; bottom:0; right:0; object-position:center; }.studio-ui .st-checks { font-size:12px; margin-top:18px; }.studio-ui .st-workload .btn { font-size:12px; }.studio-ui .st-apps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.studio-ui .st-apps>a { padding:18px; }.studio-ui .st-apps h3 { font-size:15px; }.studio-ui .st-app-intro>p:not(.st-eyebrow) { font-size:14px; }.studio-ui .st-steps { grid-template-columns:1fr; gap:25px; margin-top:30px; }.studio-ui .st-steps li { padding:25px 0 0 50px; }.studio-ui .st-steps .st-icon { position:absolute; left:0; top:26px; width:25px; height:25px; }.studio-ui .st-step-no { font-size:22px; top:24px; }.studio-ui .st-steps h3 { font-size:21px; margin-right:40px; }.studio-ui .st-steps p { max-width:100%; }.studio-ui .st-game-grid { grid-template-columns:1fr; gap:20px; }.studio-ui .st-game h3 { font-size:22px; }.studio-ui .st-game>div { padding:22px; }.studio-ui .st-support-intro .button-row { gap:10px; }.studio-ui .st-support-intro .btn { padding:12px 16px; font-size:12px; }.studio-ui .st-faq summary { font-size:14px; padding-block:22px; }.studio-ui .st-affiliate>.container { gap:18px; }.studio-ui .st-affiliate-symbol { width:48px; height:48px; flex-basis:48px; align-self:start; }.studio-ui .st-affiliate-symbol>.st-icon { width:25px; height:25px; }.studio-ui .st-affiliate h2 { font-size:25px; }.studio-ui .st-affiliate>.container>.btn { margin-left:66px; }.studio-ui .st-final { padding-block:50px; }.studio-ui .st-final h2 { font-size:34px; }.studio-ui .st-final .btn { font-size:12px; padding:12px 16px; }.studio-ui .st-final .button-row { gap:10px; }
 body.studio-ui .st-page-hero { padding:24px 0 210px; min-height:0; }.studio-ui .st-page-hero:not(:has(.px-page-art)) { padding-bottom:34px; }.studio-ui .st-page-hero :is(.hero-copy,.ed-hero-copy,.affiliate-hero-copy) { width:100%; }.studio-ui .st-page-hero h1 { font-size:35px; }.studio-ui .st-page-hero .px-page-art,.studio-ui .st-page-hero[data-hardware-hero] .px-page-art { width:100%; right:0; bottom:0; height:210px; opacity:1; object-position:center bottom; }.studio-ui .st-page-hero p { font-size:14px; }.studio-ui .st-page-hero .hero-benefits { font-size:10px; }.studio-ui :is(.section-head h2,.live-catalogue-head h2,.gv-section h2) { font-size:29px; }.studio-ui .split-section { gap:30px; }.studio-ui .gv-hero { min-height:310px; }.studio-ui .gv-hero h1 { font-size:34px; }.studio-ui .cta-box { padding:32px 0; }.studio-ui .cta-box h2 { font-size:29px; }.studio-ui .ils-ai-launcher { border-radius:50%; }
}
@media(max-width:370px) { .studio-ui .container { width:calc(100% - 28px); }.studio-ui .brand img.brand-image { width:137px; }.studio-ui .st-hero h1 { font-size:45px; }.studio-ui .st-hero { height:640px; }.studio-ui .st-hero .button-row { flex-direction:column; align-items:center; }.studio-ui .st-hero .btn { width:240px; justify-content:center; }.studio-ui .st-hero-notes { gap:8px; font-size:8px; }.studio-ui .st-hero-scene img { height:290px; }.studio-ui .st-tabs button { font-size:11px; gap:7px; }.studio-ui .st-workload { padding-inline:18px; }.studio-ui .st-workload h3 { font-size:27px; }.studio-ui .st-page-hero h1 { font-size:31px; }.studio-ui .st-final .button-row { flex-direction:column; align-items:center; }.studio-ui .st-final .btn { width:240px; justify-content:center; }.studio-ui .st-apps>a { padding:15px 12px; } }
@media(prefers-reduced-motion:reduce) { .studio-ui * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(max-width:700px) { .studio-ui main h1,body.studio-ui .st-page-hero .hero-copy h1 { font-size:35px; overflow-wrap:break-word; }.studio-ui .st-hero h1 { font-size:42px; white-space:nowrap; }.studio-ui .st-hero-notes { display:none; }.studio-ui .st-plans[data-card-count="2"] { grid-template-columns:1fr; } }
@media(max-width:370px) { .studio-ui main h1,body.studio-ui .st-page-hero .hero-copy h1 { font-size:31px; }.studio-ui .st-hero h1 { font-size:36px; } }
@media(max-width:1050px) { .studio-ui .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .studio-ui .grid-4 { grid-template-columns:1fr; }.studio-ui .feature-card.flat { border-bottom:1px solid var(--border); padding-block:20px; } }
@media(min-width:701px) and (max-height:850px) { .studio-ui .st-hero { height:calc(100svh - 170px); min-height:480px; } }
@media(max-width:700px) and (max-height:740px) { .studio-ui .st-hero { height:calc(100svh - 170px); min-height:440px; }.studio-ui .st-hero-copy { padding-top:23px; }.studio-ui .st-hero-description { display:none; }.studio-ui .st-hero-scene img { height:210px; }.studio-ui .st-hero .button-row { margin-top:20px; } }
@media print { .studio-ui .st-hero-scene,.studio-ui .st-hero-scroll { display:none; }.studio-ui .st-hero { height:auto; padding-bottom:30px; }.studio-ui .st-workload[hidden] { display:block; } }