/* SvrMx App V4 — isolated page styles. No shared site file is modified. */
.svx4-page{--svx4-gold:#ffc36a;--svx4-orange:#ff8419;--svx4-ink:#050609;--svx4-panel:rgba(6,8,12,.76);--svx4-line:rgba(255,195,106,.34)}
.svx4-page .page-shell{width:min(1220px,calc(100vw - 28px))}
.svx4-header .subnav{background:linear-gradient(135deg,rgba(12,14,19,.84),rgba(5,7,10,.74));backdrop-filter:blur(18px) saturate(135%)}
.svx4-hero{position:relative;min-height:690px;margin:24px 0 72px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;padding:clamp(24px,4vw,54px);isolation:isolate}
.svx4-hero-bg{position:absolute;inset:0;z-index:-3;background:url('../../images/backgrounds/studio-bg-wide.jpg') center 44%/cover no-repeat;transform:scale(1.015)}
.svx4-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,3,6,.88) 0%,rgba(2,3,6,.45) 48%,rgba(2,3,6,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(2,3,6,.14) 34%,rgba(2,3,6,.90) 88%,rgba(2,3,6,.98));pointer-events:none}
.svx4-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 73% 18%,rgba(255,151,46,.12),transparent 25%),radial-gradient(circle at 18% 62%,rgba(48,105,167,.12),transparent 32%)}
.svx4-hero-neon{position:absolute;left:50%;top:42px;transform:translateX(-50%);width:min(490px,56vw);pointer-events:none}.svx4-hero-neon img{width:100%;filter:drop-shadow(0 0 12px rgba(255,225,142,.85)) drop-shadow(0 0 34px rgba(255,153,37,.48))}
.svx4-hero-copy{max-width:720px;padding-top:170px}.svx4-status{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,195,106,.28);background:rgba(8,10,14,.48);backdrop-filter:blur(12px);font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#f4e5cd;margin-bottom:16px}.svx4-dot{width:8px;height:8px;border-radius:50%;background:var(--svx4-gold);box-shadow:0 0 14px var(--svx4-orange)}
.svx4-hero h1{margin:0;max-width:740px;font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.07em;text-wrap:balance}.svx4-lead{max-width:720px;color:#d0d7df;line-height:1.8;font-size:clamp(1rem,1.7vw,1.16rem);margin:18px 0 0}.svx4-actions{margin-top:26px}.svx4-platform{margin:19px 0 0;color:#8f9ba6;font-size:.82rem;letter-spacing:.04em}
.svx4-hero-panel{justify-self:end;width:min(330px,100%);padding:22px;border-color:rgba(255,195,106,.24);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,132,25,.05)),rgba(8,10,14,.56);backdrop-filter:blur(20px) saturate(145%)}.svx4-hero-panel>span{font-size:.7rem;color:var(--svx4-gold);font-weight:900;letter-spacing:.16em}.svx4-hero-panel>strong{display:block;font-size:1.55rem;margin:9px 0 8px}.svx4-hero-panel>p{margin:0;color:#aeb9c5;line-height:1.65;font-size:.92rem}.svx4-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.svx4-stat-grid div{padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.035)}.svx4-stat-grid b{display:block;color:#fff;font-size:.9rem}.svx4-stat-grid small{color:#87939f;font-size:.67rem}
.svx4-section{padding:26px 0 76px;content-visibility:auto;contain-intrinsic-size:800px}.svx4-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:34px;align-items:end;margin-bottom:24px}.svx4-section-head h2,.svx4-data-card h2{margin:0;font-size:clamp(2.25rem,5vw,4.9rem);line-height:.92;letter-spacing:-.06em}.svx4-section-head>p{margin:0;color:#aeb8c5;line-height:1.8}
.svx4-spotlight{display:grid;grid-template-columns:1.35fr repeat(2,1fr);grid-template-rows:repeat(2,220px);gap:14px}.svx4-spot-card{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:#0b0e13;min-height:0;cursor:pointer}.svx4-spot-card:first-child{grid-row:1/3}.svx4-spot-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease;filter:brightness(.84) saturate(.96)}.svx4-spot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(2,3,6,.88));pointer-events:none}.svx4-spot-card:hover img{transform:scale(1.035);filter:brightness(1.02) saturate(1.04)}.svx4-spot-label{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.svx4-spot-label span{display:block;color:var(--svx4-gold);font-size:.69rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}.svx4-spot-label strong{font-size:clamp(1rem,1.5vw,1.35rem)}
.svx4-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.svx4-filter{appearance:none;border:1px solid rgba(255,195,106,.28);background:rgba(255,255,255,.035);color:#dce3e8;padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:700}.svx4-filter.active{background:linear-gradient(135deg,var(--svx4-gold),var(--svx4-orange));color:#1c0c02;border-color:transparent}
.svx4-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.svx4-art-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(8,11,16,.78);box-shadow:0 18px 54px rgba(0,0,0,.38);cursor:pointer;min-width:0;transition:transform .25s ease,border-color .25s ease}.svx4-art-card:hover{transform:translateY(-5px);border-color:rgba(255,195,106,.48)}.svx4-art-media{position:relative;aspect-ratio:4/3;background:#111;overflow:hidden}.svx4-art-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease;filter:brightness(.92)}.svx4-art-card:hover img{transform:scale(1.035);filter:brightness(1.05)}.svx4-art-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(3,4,7,.78))}.svx4-card-index{position:absolute;z-index:2;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:rgba(3,4,7,.64);border:1px solid rgba(255,255,255,.16);font-size:.68rem;color:#fff}.svx4-open{position:absolute;z-index:2;top:12px;right:12px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(3,4,7,.62);border:1px solid rgba(255,255,255,.18);font-size:1rem}.svx4-art-body{padding:16px}.svx4-art-body span{color:var(--svx4-gold);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.svx4-art-body h3{margin:8px 0 7px;font-size:1.13rem;line-height:1.2}.svx4-art-body p{margin:0;color:#95a2ae;line-height:1.55;font-size:.88rem}
.svx4-fab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.svx4-fab-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(7,10,14,.70);overflow:hidden}.svx4-fab-card img{width:100%;aspect-ratio:16/11;object-fit:cover}.svx4-fab-copy{display:flex;flex-direction:column;gap:9px;padding:14px;height:100%}.svx4-fab-copy span{font-size:.69rem;color:var(--svx4-gold);font-weight:900;letter-spacing:.11em;text-transform:uppercase}.svx4-fab-copy h3{margin:0;font-size:1rem;line-height:1.3}.svx4-fab-actions{display:flex;gap:7px;margin-top:auto;padding-top:5px}.svx4-fab-actions a{flex:1;display:grid;place-items:center;min-height:38px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:11px;font-size:.75rem;font-weight:800;color:#e9edf1}.svx4-fab-actions a.buy{border-color:rgba(255,195,106,.35);background:rgba(255,132,25,.10);color:#ffd790}
.svx4-viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.svx4-viewer{position:relative;min-height:430px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#080a0e}.svx4-viewer-poster{position:absolute;inset:0}.svx4-viewer-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.64)}.svx4-viewer-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,6,.04),rgba(2,3,6,.88))}.svx4-viewer-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.svx4-viewer-copy span{color:var(--svx4-gold);font-size:.7rem;letter-spacing:.14em;font-weight:900}.svx4-viewer-copy h3{margin:8px 0 8px;font-size:clamp(1.4rem,2.3vw,2.2rem)}.svx4-viewer-copy p{margin:0 0 14px;color:#c4ccd4;max-width:540px;line-height:1.65}.svx4-enter{appearance:none;border:0;border-radius:14px;min-height:46px;padding:11px 17px;background:linear-gradient(135deg,var(--svx4-gold),var(--svx4-orange));color:#1b0b02;font-weight:900;cursor:pointer}.svx4-viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.svx4-store-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.svx4-store-row .play-badge{width:188px}.svx4-store-row .btn{min-height:54px;display:inline-flex;align-items:center}
.svx4-showcase{padding-top:74px}.svx4-showcase-feature{position:relative;overflow:hidden;margin:0 0 22px;border-color:rgba(255,172,73,.25)}.svx4-showcase-feature img{display:block;width:100%;aspect-ratio:2.05/1;object-fit:cover}.svx4-showcase-feature:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(3,5,8,.92));pointer-events:none}.svx4-showcase-feature figcaption{position:absolute;z-index:1;left:clamp(18px,4vw,46px);right:clamp(18px,4vw,46px);bottom:clamp(18px,4vw,38px);display:grid;gap:5px}.svx4-showcase-feature figcaption span,.svx4-screen-card figcaption span{color:#ffbd69;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.svx4-showcase-feature figcaption strong{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,3rem);max-width:760px}.svx4-screen-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.svx4-screen-card{overflow:hidden;margin:0;border-color:rgba(255,255,255,.10);background:rgba(6,9,13,.88)}.svx4-screen-phone{grid-column:span 2}.svx4-screen-wide{grid-column:span 3}.svx4-screen-card img{display:block;width:100%;background:#05070a}.svx4-screen-phone img{aspect-ratio:941/1672;object-fit:cover}.svx4-screen-wide img{aspect-ratio:1586/992;object-fit:cover}.svx4-screen-card figcaption{display:grid;gap:5px;padding:18px 18px 20px}.svx4-screen-card figcaption strong{font-size:1.1rem;color:#fff}.svx4-screen-card figcaption small{color:#9fabb5;line-height:1.55}
.svx4-modal[hidden]{display:none}.svx4-modal{position:fixed;inset:0;z-index:999;background:#030406;opacity:0;transition:opacity .18s ease}.svx4-modal.is-open{opacity:1}.svx4-modal-shell{position:absolute;inset:0;display:grid;grid-template-rows:96px 1fr;background:#030406}.svx4-modal-topbar{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0a0c10,#050609)}.svx4-icon-btn{width:62px;height:62px;border-radius:22px;border:1px solid rgba(255,255,255,.13);background:#101319;color:#fff;font-size:2rem;cursor:pointer}.svx4-icon-btn:last-child{justify-self:end;font-size:1.5rem}.svx4-modal-brand{text-align:center}.svx4-modal-brand img{height:48px;width:auto;margin:auto;filter:drop-shadow(0 0 10px rgba(255,215,128,.72))}.svx4-modal-brand span{display:block;color:var(--svx4-gold);letter-spacing:.32em;font-size:.62rem;font-weight:900;margin-top:2px}.svx4-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:0}.svx4-modal-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;background:#0b0d10;touch-action:pan-y}.svx4-modal-stage img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;user-select:none;transition:opacity .16s ease,transform .22s ease}.svx4-modal-stage img.is-changing{opacity:.28}.svx4-modal-stage img.is-zoomed{transform:scale(1.75);cursor:zoom-out}.svx4-progress{position:absolute;left:18px;right:18px;top:16px;display:flex;gap:6px}.svx4-progress span{height:3px;flex:1;border-radius:99px;background:rgba(255,255,255,.22)}.svx4-progress span.active{background:var(--svx4-gold);box-shadow:0 0 12px rgba(255,153,33,.7)}.svx4-modal-meta{padding:30px 28px;background:linear-gradient(180deg,#090b0f,#050609);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:0}.svx4-meta-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.svx4-meta-top p{margin:0;color:var(--svx4-gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.svx4-meta-top strong{font-size:.78rem;color:#dfd7cb}.svx4-modal-meta h2{margin:22px 0 10px;font-size:clamp(2rem,3vw,3.3rem);line-height:.98;letter-spacing:-.05em}.svx4-tools{margin:0;color:#aeb8c5}.svx4-project-description{color:#adb7c0;line-height:1.75;margin:26px 0 18px}.svx4-project-actions{display:flex;gap:9px;flex-wrap:wrap}.svx4-project-actions a{min-height:44px;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:13px;font-size:.78rem;font-weight:900;display:inline-flex;align-items:center}.svx4-project-actions a.buy{background:linear-gradient(135deg,var(--svx4-gold),var(--svx4-orange));color:#1b0c03;border-color:transparent}.svx4-project-hint{margin:auto 0 15px;color:#6f7a84;font-size:.64rem;letter-spacing:.11em;text-align:center}.svx4-modal-nav{display:grid;grid-template-columns:54px 1fr 54px;gap:14px;align-items:center}.svx4-arrow{height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:#101319;color:white;font-size:1.45rem;cursor:pointer}.svx4-dots{display:flex;justify-content:center;gap:8px}.svx4-dot-btn{width:24px;height:4px;border:0;border-radius:99px;background:#303640;padding:0;cursor:pointer}.svx4-dot-btn.active{width:36px;background:var(--svx4-gold);box-shadow:0 0 10px rgba(255,153,33,.55)}body.svx4-modal-open{overflow:hidden}
@media(max-width:1050px){.svx4-hero{grid-template-columns:1fr;min-height:700px}.svx4-hero-panel{justify-self:start;margin-top:22px}.svx4-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svx4-fab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svx4-spotlight{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(3,190px)}.svx4-spot-card:first-child{grid-row:1/3}.svx4-modal-body{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:760px){.svx4-header .subnav-links{display:none}.svx4-page .page-shell{width:min(100vw - 16px,100%)}.svx4-hero{margin-top:12px;min-height:650px;padding:22px;border-radius:24px;align-items:end}.svx4-hero-neon{top:35px;width:min(520px,86vw)}.svx4-hero-copy{padding-top:150px}.svx4-hero h1{font-size:clamp(3.2rem,14vw,5.1rem)}.svx4-hero-panel{display:none}.svx4-section{padding-bottom:56px}.svx4-section-head{grid-template-columns:1fr;gap:12px}.svx4-spotlight{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.svx4-spot-card,.svx4-spot-card:first-child{min-width:82vw;height:330px;grid-row:auto;scroll-snap-align:start}.svx4-art-grid,.svx4-fab-grid,.svx4-viewer-grid{grid-template-columns:1fr}.svx4-viewer{min-height:380px}.svx4-data-card{grid-template-columns:1fr}.svx4-modal-shell{grid-template-rows:88px 1fr}.svx4-modal-topbar{grid-template-columns:66px 1fr 66px;padding:10px}.svx4-icon-btn{width:56px;height:56px;border-radius:20px}.svx4-modal-brand img{height:42px}.svx4-modal-brand span{font-size:.52rem;letter-spacing:.25em}.svx4-modal-body{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,58vh) minmax(0,1fr);overflow:auto}.svx4-modal-stage{min-height:58vh}.svx4-modal-meta{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:24px 20px}.svx4-project-hint{margin:24px 0 15px}.svx4-modal-meta h2{font-size:2.15rem}}
@media(max-width:980px){.svx4-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svx4-screen-phone,.svx4-screen-wide{grid-column:span 1}.svx4-screen-wide:last-child{grid-column:1/-1}}
@media(max-width:760px){.svx4-showcase{padding-top:44px}.svx4-showcase-feature img{aspect-ratio:1.25/1}.svx4-showcase-feature figcaption strong{font-size:1.35rem}.svx4-screen-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 12px}.svx4-screen-card,.svx4-screen-wide:last-child{min-width:78vw;grid-column:auto;scroll-snap-align:center}.svx4-screen-phone img,.svx4-screen-wide img{aspect-ratio:9/16;object-fit:cover}.svx4-screen-wide img{object-position:center}.svx4-screen-grid::-webkit-scrollbar{height:5px}.svx4-screen-grid::-webkit-scrollbar-thumb{background:rgba(255,178,82,.5);border-radius:99px}}
@media(max-width:480px){.svx4-hero{min-height:600px}.svx4-hero h1{font-size:3.25rem}.svx4-actions .btn{width:auto;flex:1 1 140px}.svx4-platform{font-size:.72rem}.svx4-spot-card,.svx4-spot-card:first-child{min-width:88vw;height:290px}.svx4-art-grid{grid-template-columns:1fr}.svx4-art-media{aspect-ratio:16/11}.svx4-fab-grid{grid-template-columns:1fr}.svx4-modal-brand span{display:none}}
@media(prefers-reduced-motion:reduce){.svx4-art-card,.svx4-spot-card img,.svx4-art-media img,.svx4-modal,.svx4-modal-stage img{transition:none!important}}

/* V4.3 Google Play gallery — exact generated screenshot ratios. */
.svx4-screen-phone img{aspect-ratio:9/16;object-fit:cover}
.svx4-screen-wide img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:760px){
  .svx4-screen-wide{min-width:92vw}
  .svx4-screen-wide img{aspect-ratio:16/9;object-fit:contain;object-position:center}
}