:root{color-scheme:dark;--bg:#090A0C;--ink:#f7f7f7;--muted:#a8a9ad;--gold:#FFD400;--gold2:#FFC400;--stroke:rgba(255,255,255,.13);--shell:1240px;font-family:Vazirmatn,Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{width:min(var(--shell),calc(100% - 88px));margin-inline:auto}.skip{position:fixed;z-index:100;top:-100px;right:20px;padding:10px 20px;background:var(--gold);color:#000}.skip:focus{top:10px}.scroll-line{position:fixed;z-index:40;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#ff9d00,#ffe866);box-shadow:0 0 14px var(--gold);pointer-events:none}.site-header{position:absolute;top:0;right:0;left:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(4,5,6,.86),rgba(4,5,6,.23))}.site-header.stuck{position:fixed;background:rgba(7,8,10,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-wrap{height:78px;display:flex;align-items:center;gap:40px;justify-content:space-between;direction:ltr}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:Arial,sans-serif;font-size:25px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#ffd220}.brand-mark img{width:100%;height:100%;object-fit:cover}.main-nav{display:flex;align-items:center;gap:34px;direction:rtl;margin-inline-start:auto;font-size:13px;font-weight:700}.main-nav a{color:#e7e7e7;transition:color .2s}.main-nav a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:10px;direction:rtl}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 22px;border-radius:10px;font-weight:800;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(130deg,#ffe153,#ffcd1a 65%,#ffb800);color:#101010;box-shadow:0 8px 28px rgba(255,191,0,.18)}.btn-gold:hover{box-shadow:0 10px 36px rgba(255,191,0,.34)}.btn-outline{background:rgba(0,0,0,.34);border-color:#e4ae16;color:#fff}.btn-outline:hover{background:rgba(255,210,38,.12)}.btn-large{min-height:57px;padding:14px 26px}.menu-toggle{display:none;background:#1b1c1f;border:1px solid #333;border-radius:10px;width:45px;height:44px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:21px;background:#fff;transition:transform .2s}.hero{min-height:790px;min-height:min(900px,100svh);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 76% 57%,#51350e 0,transparent 44%),#060708}.hero-figure{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,rgba(4,5,7,.95) 0%,rgba(4,5,7,.85) 27%,rgba(4,5,7,.26) 70%,rgba(4,5,7,.2)),url('assets/cinematic-athlete.jpg');background-repeat:no-repeat;background-size:cover,auto 110%;background-position:center,right -3% center;opacity:.85;transform:scale(1.035)}.hero-glow{position:absolute;z-index:-1;width:670px;height:670px;right:28%;top:12%;background:radial-gradient(circle,rgba(255,165,0,.21),transparent 65%);filter:blur(35px);pointer-events:none}.hero-floor{position:absolute;bottom:0;left:0;right:0;height:155px;background:linear-gradient(0deg,#08090b,transparent);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:760px;position:relative;direction:rtl;padding-top:70px}.hero-copy{z-index:2;max-width:590px}.eyebrow{font:700 11px/1.8 Arial,sans-serif;letter-spacing:4px;color:#e1b329;text-transform:uppercase;margin:0 0 17px}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.42;letter-spacing:-2.5px;font-weight:900;margin:0 0 18px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{font-size:17px;line-height:2.1;color:#f2f2f2;max-width:505px;margin:0 0 28px;text-shadow:0 2px 8px #000}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-perks{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px;font-size:12px;color:#e8e8e8}.hero-perks span{display:flex;flex-direction:column;align-items:center;gap:7px}.hero-perks svg{color:var(--gold);width:27px;height:27px}.hero-art{height:650px;display:grid;place-items:center;position:relative;perspective:1100px;z-index:1}.phone{display:block;position:relative;aspect-ratio:760/1536}.phone-hero{width:286px;transform:rotate(-10deg) rotateY(-17deg) rotateX(4deg);filter:drop-shadow(-22px 26px 25px #000);animation:float 7s ease-in-out infinite}.phone-frame{display:block;position:relative;width:100%;height:100%;padding:7px;border:3px solid #6c6254;border-radius:39px;background:linear-gradient(120deg,#17181b,#040405 35%,#575047 65%,#0b0b0c);box-shadow:inset 0 0 0 2px #090909,0 0 0 1px #111,10px 15px 25px #000;overflow:hidden}.phone-frame>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;background:#08090b}.phone-notch{position:absolute;z-index:3;top:11px;left:50%;transform:translateX(-50%);width:31%;height:17px;background:#050506;border-radius:0 0 14px 14px;box-shadow:0 0 2px #222}.phone-shine{position:absolute;inset:8px;border-radius:28px;background:linear-gradient(108deg,rgba(255,255,255,.12),transparent 18%,transparent 80%,rgba(255,255,255,.045));pointer-events:none}.orbit{position:absolute;border:1px solid rgba(250,180,25,.18);border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 50px rgba(255,166,0,.12)}.orbit-one{width:490px;height:490px;bottom:-40px}.orbit-two{width:340px;height:340px;bottom:38px}.hero-art-spark{position:absolute;border-radius:50%;background:#ffda40;box-shadow:0 0 20px #ffb000}.spark-a{width:5px;height:5px;left:10%;top:30%}.spark-b{width:4px;height:4px;right:10%;bottom:30%}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:7px;color:#dedede;font:10px Arial,sans-serif;letter-spacing:2px}.scroll-cue svg{border:1px solid #d9b33d;border-radius:50%;padding:8px;width:37px;height:37px}.section-pad{padding:90px 0}.features{background:linear-gradient(180deg,#08090b,#0c0e10 52%,#08090b);position:relative}.section-head.center{text-align:center}.section-head h2,.showcase h2,.benefits h2,.download h2,.faq h2{font-size:clamp(28px,3vw,43px);line-height:1.6;margin:0 0 8px;font-weight:900;letter-spacing:-.6px}.section-head h2 span,.showcase h2 span,.benefits h2 span,.download h2 span{color:var(--gold)}.section-head p:not(.eyebrow),.showcase-top p:not(.eyebrow),.faq-shell>div>p:not(.eyebrow){font-size:15px;color:#bdbdbd;line-height:2;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:43px}.feature-card{background:linear-gradient(135deg,rgba(29,31,32,.87),rgba(10,12,14,.92));border:1px solid var(--stroke);border-radius:14px;text-align:center;padding:30px 13px 26px;min-height:215px;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);border-color:rgba(255,205,40,.52);box-shadow:0 15px 36px rgba(0,0,0,.3),0 0 25px rgba(255,200,0,.06)}.feature-icon{display:inline-flex;color:var(--gold);height:49px;align-items:center}.feature-icon svg{width:38px;height:38px;stroke-width:1.8;filter:drop-shadow(0 0 7px rgba(255,195,0,.27))}.feature-card h3{font-size:17px;margin:9px 0 7px}.feature-card p{font-size:12px;line-height:1.9;color:#c3c3c3;margin:0}.showcase{position:relative;overflow:hidden;isolation:isolate;background:#0c0b09}.showcase-atmosphere{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,8,.88),rgba(5,6,8,.52) 50%,rgba(5,6,8,.83)),url('assets/cinematic-gym.jpg') center/cover;opacity:.8}.showcase-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.showcase-top>div:first-child{max-width:620px}.gallery-controls{display:flex;gap:11px;direction:ltr}.round-arrow{width:48px;height:48px;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#fff;border:1px solid #b9911e;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}.round-arrow:hover{background:#d7a61b;color:#111;transform:scale(1.08)}.gallery-shell{width:min(1400px,100%);margin:38px auto 0;position:relative}.gallery-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:18px max(40px,calc((100vw - 1230px)/2)) 28px;scrollbar-width:thin;scrollbar-color:#9c7b24 #111;overscroll-behavior-x:contain}.gallery-item{flex:0 0 195px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:13px;background:none;border:0;color:#fff;cursor:zoom-in;padding:0}.phone-gallery{width:185px;filter:drop-shadow(0 13px 12px #000);transition:transform .35s,filter .35s}.gallery-item:hover .phone-gallery,.gallery-item:focus-visible .phone-gallery{transform:translateY(-9px);filter:drop-shadow(0 20px 18px #000) drop-shadow(0 0 10px rgba(255,185,0,.25))}.phone-gallery .phone-frame{border-radius:28px;padding:5px;border-width:2px}.phone-gallery .phone-frame>img{border-radius:21px}.phone-gallery .phone-notch{top:8px;height:12px}.gallery-label{font-size:13px;font-weight:700}.gallery-hint{text-align:center;color:#bcbcbc;font-size:12px;margin:8px 0 0}.benefits{position:relative;isolation:isolate;overflow:hidden;min-height:460px;display:flex;align-items:center;background:#0b0c0e}.benefits-photo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,11,.1) 0%,rgba(8,9,11,.45) 42%,#08090b 78%),url('assets/cinematic-gym.jpg') left center/cover no-repeat;opacity:.9}.benefits-content{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;padding-block:65px}.benefits h2{margin-bottom:25px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.benefit{display:flex;gap:14px;align-items:flex-start}.benefit-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ac8618;border-radius:12px;color:var(--gold);font-size:32px;line-height:1}.benefit h3{font-size:16px;margin:0 0 5px}.benefit p{font-size:12px;line-height:1.9;color:#b8b8b8;margin:0}.download{position:relative;isolation:isolate;overflow:hidden;background:#0a0908}.download-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 95%,rgba(244,151,0,.31),transparent 45%),linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.85)),url('assets/cinematic-athlete.jpg') right center/cover no-repeat}.download-grid{display:grid;grid-template-columns:1fr 1.3fr .65fr;align-items:center;gap:45px;min-height:350px}.download-art{display:flex;justify-content:center;align-items:center;height:300px;perspective:900px}.download-phone{width:155px;height:285px;border:6px solid #252525;border-radius:25px;background:radial-gradient(ellipse at 50% 65%,#46300c,#050506 67%);box-shadow:0 0 0 2px #94753a,15px 30px 45px #000,0 0 70px rgba(255,185,0,.17);transform:rotate(-13deg) rotateY(-15deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-family:Arial,sans-serif}.download-phone img{width:72px;height:72px;border-radius:16px}.download-phone strong{font-size:25px}.download-phone small{font-size:7px;letter-spacing:1.7px;color:#ddd}.download-copy{text-align:center}.download-copy>p:not(.eyebrow){color:#dedede;margin:0 0 20px}.download-pending{background:linear-gradient(130deg,#ffdc48,#ffbd00);color:#17120a;border-radius:10px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:13px;line-height:1.8;max-width:460px;margin:auto}.download-note{font-size:12px!important;color:#bbb!important;margin-top:13px!important}.download-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px;font-size:11px;color:#dedede}.download-tags span:before{content:'✦';color:var(--gold);margin-left:7px}.qr-pending{border:1px solid var(--stroke);border-radius:14px;background:rgba(20,22,25,.68);padding:25px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.qr-icon{width:98px;height:98px;display:grid;place-items:center;background:#f4f4f4;color:#111;border-radius:8px}.qr-icon svg{width:78px;height:78px;stroke-width:2.3}.qr-pending b{font-size:14px}.qr-pending p{font-size:11px;line-height:1.8;color:#aaa;margin:0}.faq{background:#0a0b0d;border-top:1px solid #1c1d20}.faq-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid #343434;padding:16px 0}.faq-list summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--gold);font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#bcbcbc;line-height:2;font-size:14px;margin:10px 0 0}.footer{border-top:1px solid #292929;background:#050607}.footer-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner p,.footer-inner>span{font-size:12px;color:#aaa}.footer .brand{font-size:20px}.footer .brand-mark{width:36px;height:36px}.image-dialog{border:1px solid #5c5132;background:#0c0d0f;color:#fff;border-radius:18px;padding:15px;max-height:92vh;max-width:min(94vw,570px);box-shadow:0 35px 120px #000}.image-dialog::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(8px)}.image-dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:10px}.image-dialog button{border:1px solid #555;border-radius:50%;background:#242424;color:white;width:34px;height:34px;font-size:26px;cursor:pointer}.image-dialog img{display:block;max-height:78vh;width:auto;margin:auto;border-radius:9px}.image-dialog:focus{outline:none}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:rotate(-10deg) rotateY(-17deg) rotateX(4deg) translateY(0)}50%{transform:rotate(-9deg) rotateY(-15deg) rotateX(4deg) translateY(-14px)}}
@media(max-width:1100px){.shell{width:min(var(--shell),calc(100% - 50px))}.feature-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(38px,5vw,62px)}.hero-art{height:550px}.phone-hero{width:245px}.main-nav{gap:17px}.benefits-content{grid-template-columns:.4fr 1fr}.download-grid{gap:20px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{position:absolute}.nav-wrap{height:66px}.brand{font-size:21px}.brand-mark{width:37px;height:37px}.nav-download{font-size:11px;min-height:40px;padding:8px 12px}.nav-download svg{width:16px}.menu-toggle{display:flex}.main-nav{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 20px;background:rgba(7,8,10,.97);border-bottom:1px solid #3a3422}.main-nav.open{display:flex}.main-nav a{padding:13px;border-bottom:1px solid #222}.hero{min-height:940px;min-height:auto}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:123px;padding-bottom:75px;gap:0}.hero-copy{max-width:none;text-align:center}.hero h1{font-size:clamp(37px,8vw,55px);letter-spacing:-1.2px;line-height:1.5}.hero-lead{font-size:14px;line-height:2.05;margin:0 auto 24px;max-width:490px}.hero-buttons{justify-content:center}.btn-large{min-height:49px;padding:11px 15px;font-size:12px}.hero-perks{justify-content:center;gap:23px;margin-top:24px}.hero-perks span{font-size:10px}.hero-art{height:415px;margin-top:14px}.phone-hero{width:188px}.hero-figure{background-size:cover,auto 78%;background-position:center,right -110px bottom;opacity:.57}.hero-glow{right:0;top:40%}.orbit-one{width:290px;height:290px;bottom:10px}.orbit-two{width:240px;height:240px;bottom:35px}.scroll-cue{bottom:12px}.section-pad{padding:65px 0}.feature-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:26px}.feature-card{padding:22px 9px;min-height:187px}.feature-card h3{font-size:15px}.feature-card p{font-size:11px}.feature-icon svg{width:33px;height:33px}.section-head h2,.showcase h2,.benefits h2,.download h2,.faq h2{font-size:28px}.section-head p:not(.eyebrow),.showcase-top p:not(.eyebrow){font-size:13px}.showcase-top{align-items:end}.gallery-controls{gap:6px}.round-arrow{width:39px;height:39px}.gallery-track{padding-inline:18px;gap:14px}.gallery-item{flex-basis:155px}.phone-gallery{width:148px}.benefits{min-height:0}.benefits-photo{opacity:.38;background-position:left center}.benefits-content{display:block;padding-block:70px}.benefits-text{max-width:570px;margin-inline:auto}.benefit-grid{gap:20px 14px}.benefit-icon{width:40px;height:40px;font-size:24px}.benefit h3{font-size:14px}.benefit p{font-size:11px}.download-grid{grid-template-columns:1fr;gap:18px}.download-art{height:190px}.download-phone{width:105px;height:190px;border-width:4px;border-radius:17px}.download-phone img{width:48px;height:48px}.download-phone strong{font-size:17px}.download-phone small{font-size:5px}.qr-pending{max-width:250px;width:100%;margin:auto}.faq-shell{grid-template-columns:1fr;gap:20px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;padding:23px 0}.footer-inner p{flex-basis:100%;order:2;margin:0}.footer-inner>span{order:3}.eyebrow{font-size:10px}}
@media(max-width:400px){.hero-buttons{gap:8px}.btn-large{font-size:11px}.hero-perks{gap:13px}.hero h1{font-size:36px}.feature-grid{gap:8px}.feature-card{min-height:195px}.showcase-top{flex-wrap:wrap}.gallery-controls{margin-inline-start:auto}.benefit-grid{grid-template-columns:1fr}.nav-download{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.gallery-track{scroll-behavior:auto}}

/* Version 2 — cinematic, scroll-scrubbed scenes; original visual identity retained. */
html{scroll-padding-top:75px}
.hero-figure,.hero-glow,.hero-floor,.benefits-photo,.download-atmosphere{will-change:transform}
@media (prefers-reduced-motion:no-preference){
  .cinematic-ready .phone-hero{animation:none;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(var(--hero-r,-10deg)) rotateY(var(--hero-ry,-17deg)) rotateX(var(--hero-rx,4deg)) scale(var(--hero-scale,1));will-change:transform}
  .cinematic-ready .hero-figure{transform:translate3d(0,var(--figure-y,0px),0) scale(var(--figure-scale,1));}
  .cinematic-ready .hero-glow{transform:translate3d(0,var(--glow-y,0px),0)}
  .cinematic-ready .hero-copy{transform:translate3d(0,var(--copy-y,0px),0);opacity:var(--copy-opacity,1)}
  .cinematic-ready .benefits-photo{transform:translate3d(0,var(--benefit-y,0px),0) scale(1.13)}
  .cinematic-ready .download-atmosphere{transform:translate3d(0,var(--download-y,0px),0) scale(1.13)}
  .cinematic-ready .download-phone{transform:translate3d(0,var(--download-phone-y,0px),0) rotate(var(--download-r,-13deg)) rotateY(-15deg) scale(var(--download-scale,1))}
  .cinematic-ready .cinematic-showcase{height:var(--cinema-height,270vh);padding:0!important;position:relative;isolation:isolate}
  .cinematic-ready .cinematic-showcase .cinematic-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:80px 0 45px;overflow:hidden}
  .cinematic-ready .cinematic-showcase .gallery-track{scroll-behavior:auto}
  .cinematic-ready .cinematic-showcase .gallery-item{transform:translateY(var(--item-y,0px)) scale(var(--item-scale,1));opacity:var(--item-opacity,1);transition:transform .18s ease-out,opacity .18s ease-out}
  .cinematic-ready .cinematic-showcase .showcase-atmosphere{transform:scale(1.1) translateY(var(--showcase-bg-y,0px))}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .cinematic-ready .cinematic-showcase .cinematic-sticky{padding:65px 0 28px;min-height:100svh}
 .cinematic-ready .cinematic-showcase .gallery-shell{margin-top:20px}
 .cinematic-ready .cinematic-showcase .gallery-track{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.cinematic-ready .cinematic-showcase{height:auto!important}.cinematic-sticky{position:static!important}}

/* V3: center-stage phone opening, then original hero composition. */
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .hero-opening .hero-art{animation:heroStageArrival 2.15s cubic-bezier(.2,.7,.15,1) both;}
  .hero-opening .hero-copy{animation:heroTextArrival 1.05s cubic-bezier(.2,.7,.15,1) 1.2s both!important;}
  @keyframes heroStageArrival{0%,16%{transform:translateX(49%)}100%{transform:translateX(0)}}
  @keyframes heroTextArrival{0%{opacity:0;transform:translate3d(32px,0,0);filter:blur(8px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
}
/* Sticky must not be trapped by overflow:hidden on its own section. */
@media (prefers-reduced-motion:no-preference){
 .cinematic-ready .cinematic-showcase{overflow:clip!important;}
 .cinematic-ready .cinematic-showcase .cinematic-sticky{height:100svh;min-height:0;box-sizing:border-box;}
 .cinematic-ready .cinematic-showcase .gallery-track{scroll-snap-type:none!important;scroll-behavior:auto!important;}
 .cinematic-ready .cinematic-showcase .gallery-item{transition:none!important;}
}

/* v4: preserve the approved composition while softening the photo seam. */
.hero-figure{background-image:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.95) 25%,rgba(8,9,11,.23) 68%,rgba(8,9,11,.05) 86%,#08090b 100%),url('assets/cinematic-athlete.jpg');-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 86%,transparent 100%)}
/* Put the benefits text in the right half and keep the left photo visible. */
.benefits-content{direction:rtl;grid-template-columns:1.15fr 1fr}.benefits-text{grid-column:1;grid-row:1;text-align:right}.benefits-spacer{grid-column:2;grid-row:1}.benefits-photo{background:linear-gradient(90deg,rgba(8,9,11,.04) 0%,rgba(8,9,11,.32) 42%,#08090b 87%),url('assets/cinematic-gym.jpg') left center/cover no-repeat}
/* Center the whole download composition, not only its text. */
.download-grid{grid-template-columns:1fr 1.3fr .65fr;gap:32px;position:relative;left:0;right:0;margin-inline:auto;transform:translateX(3%)}
.image-dialog{width:min(94vw,650px);max-width:min(94vw,650px)}.dialog-viewer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:200px}.image-dialog .dialog-viewer img{min-width:0;max-width:calc(100% - 96px);max-height:75vh;object-fit:contain}.image-dialog .dialog-arrow{flex:0 0 42px;width:42px;height:42px;border:1px solid #a48628;color:#ffd326;background:#1a1a1a;font-size:23px}.dialog-counter{text-align:center;color:#bbb;font-size:12px;margin:8px 0 0}
.reviews{background:radial-gradient(ellipse at 70% 20%,rgba(255,196,0,.08),transparent 55%),#0b0c0e;border-top:1px solid #252525}.reviews-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.reviews-intro h2{font-size:clamp(27px,3vw,43px)}.reviews-intro h2 span{color:var(--gold)}.reviews-intro>p{color:#aaa}.reviews-summary{color:#bdbdbd;font-size:13px;margin:20px 0}.reviews-list{display:grid;gap:12px}.review-card{background:#18191d;border:1px solid #303137;border-radius:15px;padding:17px}.review-card strong{font-size:14px}.review-stars{color:var(--gold);letter-spacing:2px}.review-card p{color:#ccc;font-size:13px;line-height:2;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.review-form{background:#191a1e;border:1px solid #49412a;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:11px}.review-form h3{margin:0 0 8px;font-size:23px}.review-form label{font-size:13px;color:#ddd}.review-form input,.review-form select,.review-form textarea{font:inherit;color:#fff;background:#0d0e11;border:1px solid #55565b;border-radius:10px;padding:12px;width:100%;resize:vertical}.review-form select option{background:#111}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.review-privacy{font-size:12px;color:#aaa;line-height:1.9}.review-form .btn{border:0;cursor:pointer}.review-form .btn:disabled{opacity:.6;cursor:not-allowed}.download-count{font-size:12px;color:#aaa;margin:14px auto}
@media(max-width:760px){.benefits-content{grid-template-columns:1fr}.benefits-text,.benefits-spacer{grid-column:1}.benefits-spacer{display:none}.benefits-photo{opacity:.32}.download-grid{transform:none}.reviews-layout{grid-template-columns:1fr;gap:25px}.review-form{padding:20px}.image-dialog .dialog-arrow{width:36px;height:36px;flex-basis:36px}.image-dialog .dialog-viewer img{max-width:calc(100% - 80px)}}

/* V6: feather the hero athlete into the black canvas on every edge. */
.hero-figure{background-image:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.92) 18%,rgba(8,9,11,.16) 62%,rgba(8,9,11,.28) 82%,#08090b 100%),url('assets/cinematic-athlete.jpg')!important;-webkit-mask-image:radial-gradient(ellipse 73% 85% at 74% 49%,#000 26%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.35) 78%,transparent 100%)!important;mask-image:radial-gradient(ellipse 73% 85% at 74% 49%,#000 26%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.35) 78%,transparent 100%)!important}
/* V6: high-visibility trust metrics between hero and features. */
.trust-stats{position:relative;background:linear-gradient(180deg,#08090b,#11100d 50%,#08090b);padding:38px 0 52px;border-block:1px solid rgba(255,211,38,.12)}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:clamp(28px,7vw,110px);direction:rtl}
.trust-metric{min-width:270px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.trust-icon{font-size:34px;color:var(--gold);line-height:1}.trust-star{font-size:35px}
.trust-number{font-size:clamp(43px,5.4vw,76px);font-weight:900;line-height:1.3;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 35px rgba(255,211,38,.15)}
.trust-number span{font-size:clamp(15px,1.6vw,22px);color:var(--gold)}
.trust-label{font-size:clamp(17px,2vw,24px);font-weight:800;color:var(--gold)}
.trust-metric small{color:#9b9b9b;font-size:11px;line-height:1.8;max-width:330px}
.trust-separator{width:1px;height:122px;background:linear-gradient(transparent,rgba(255,211,38,.45),transparent)}
.star-picker{display:flex;direction:ltr;justify-content:center;gap:8px;padding:10px 0}
.star-choice{background:transparent;border:0;color:#666;cursor:pointer;font-size:clamp(35px,4vw,49px);line-height:1.1;padding:3px;transition:color .15s ease,transform .15s ease}
.star-choice.selected,.star-choice:hover{color:var(--gold);text-shadow:0 0 18px rgba(255,211,38,.25)}.star-choice:hover{transform:scale(1.12)}.star-choice:focus-visible{outline:2px solid var(--gold);border-radius:6px}
.rating-help{font-size:11px;color:#aaa;text-align:center}
@media(max-width:760px){.trust-stats{padding:30px 0}.trust-inner{gap:14px}.trust-metric{min-width:0;flex:1}.trust-number{font-size:clamp(33px,8vw,55px)}.trust-label{font-size:14px}.trust-metric small{font-size:10px}.trust-separator{height:95px}.hero-figure{-webkit-mask-image:radial-gradient(ellipse 85% 80% at 77% 52%,#000 24%,rgba(0,0,0,.55) 65%,transparent 100%)!important;mask-image:radial-gradient(ellipse 85% 80% at 77% 52%,#000 24%,rgba(0,0,0,.55) 65%,transparent 100%)!important}}

/* V7: refined Persian numerals in the two primary trust metrics. */
.trust-number{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:clamp(48px,5.2vw,72px);font-weight:700;letter-spacing:0;line-height:1.35;font-variant-numeric:normal;font-feature-settings:"kern" 1;text-shadow:0 8px 32px rgba(255,211,38,.12)}
.trust-number span{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-weight:600;vertical-align:baseline;letter-spacing:0}
@media(max-width:760px){.trust-number{font-size:clamp(35px,8vw,54px)}}

.admin-public-reply{border-right:3px solid #ffd326;padding:8px 13px;background:rgba(255,211,38,.07);border-radius:6px;color:#f1d77a}

/* Responsive gallery fallback: native scrolling owns both touch axes. */
html:not(.cinematic-ready) .gallery-track{scroll-snap-type:x proximity;scroll-behavior:smooth;touch-action:pan-x pan-y pinch-zoom}
html:not(.cinematic-ready) .phone-gallery .phone-frame>img{object-fit:contain}
@media(max-width:760px){
  .showcase-top{flex-wrap:wrap;gap:18px}
  .gallery-controls{margin-inline-start:auto}
  .round-arrow{min-width:44px;min-height:44px}
  .nav-wrap{gap:12px}
  .cinematic-showcase{height:auto;padding:65px 0}
  .cinematic-sticky{position:static;height:auto;min-height:0}
  .gallery-shell{margin-top:24px}
  .gallery-track{padding:12px 18px 22px;gap:14px;scroll-padding-inline:18px}
  .gallery-item{flex:0 0 clamp(148px,42vw,180px);scroll-snap-align:start;transform:none;opacity:1}
  .phone-gallery{width:100%}
  .gallery-item:hover .phone-gallery,.gallery-item:focus-visible .phone-gallery{transform:none}
  .download-grid{grid-template-columns:minmax(0,1fr);gap:22px;transform:none}
  .download-grid>*{min-width:0;max-width:100%}
  .download-art{height:220px}
  .download-phone{flex:none;width:105px;height:190px}
  .download-copy{width:100%;min-width:0}
  .download-pending{width:100%;max-width:460px;min-width:0;white-space:normal;overflow-wrap:break-word}
  .download-pending svg{flex:0 0 22px}
  .qr-pending{width:100%;max-width:250px;justify-self:center}
}
@media(min-width:761px) and (max-width:1100px){
  .download-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.65fr);gap:20px;transform:none}
  .download-grid>*{min-width:0}
}
/* Reserve controls outside the image and bound the entire dialog, not just its image. */
.image-dialog{width:min(94vw,650px);height:min(92vh,900px);height:min(92dvh,900px);max-height:92vh;max-height:92dvh;max-width:94vw;padding:12px}
.image-dialog[open]{display:flex;flex-direction:column;gap:8px}
.image-dialog .dialog-top{flex:none;margin:0;gap:12px;min-height:44px}
.image-dialog #dialog-close{width:44px;height:44px;flex:none}
.dialog-viewer{flex:1;min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center}
.image-dialog .dialog-viewer img{width:100%;height:100%;min-height:0;min-width:0;max-width:100%;max-height:100%;object-fit:contain;margin:0}
.image-dialog .dialog-arrow{width:44px;height:44px;justify-self:center}
.dialog-counter{flex:none;margin:0;line-height:1.5}
@media(max-width:400px){.image-dialog{padding:8px}.dialog-viewer{gap:4px}}
@media(max-width:360px){
  .nav-wrap{gap:8px}
  .nav-wrap .brand{font-size:18px;gap:7px}
  .nav-wrap .brand-mark{width:32px;height:32px}
  .nav-download{font-size:10px;padding-inline:6px;gap:6px}
}
@media(prefers-reduced-motion:reduce){html:not(.cinematic-ready) .gallery-track{scroll-behavior:auto}}

/* Real QR asset: preserve the approved 98px holder and its quiet zone. */
.qr-icon img{display:block;width:98px;height:98px}

/* Supplied SPOYAR square artwork: preserve existing logo box dimensions. */
.brand-mark{background:#090A0C}
.brand-mark img{object-fit:contain}