*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.85 Vazirmatn,Vazir,IRANSansX,Tahoma,Arial,sans-serif}a{text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #66aaff;outline-offset:4px}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}header .bar{display:flex;align-items:center;justify-content:space-between;gap:18px}.bar .brand{display:flex;gap:7px;align-items:center;font:900 27px Arial;letter-spacing:2px;direction:ltr;color:white!important}.brand svg{width:23px;height:23px}.nav{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.nav a{padding:7px 14px;white-space:nowrap;color:#ccdaf4}footer{background:#040814!important;color:#bbcbe3!important;padding:28px 0;font-size:12px}.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer a{color:#d5e2fc}.bar{padding:0 12px}@font-face{font-family:Vazirmatn;src:url('https://mojtabaalimi64-cloud.github.io/rev/fonts/Vazirmatn%5Bwght%5D.woff2') format('woff2');font-weight:100 900;font-display:swap}@media(max-width:760px){.nav a{font-size:12px;padding:7px 8px}.foot{justify-content:center;text-align:center}}
/* REV cinematic landing v2 — scoped to home only; all existing routes unaffected */
body.rev-cinema{background:#050b17!important;color:#f5f9ff!important;color-scheme:dark!important;overflow-x:hidden}
body.rev-cinema header{position:sticky!important;top:0!important;background:rgba(5,11,23,.9)!important;color:white!important;border-bottom:1px solid rgba(147,180,238,.18)!important;backdrop-filter:blur(17px);z-index:100}
body.rev-cinema header .bar{max-width:1230px;min-height:68px}
body.rev-cinema .brand,body.rev-cinema header .brand svg{color:#f5f9ff!important;fill:#3584ff!important}
body.rev-cinema header .nav a{color:#c0d0e8!important;background:none!important}
body.rev-cinema header .nav a:hover,body.rev-cinema header .nav a.on{color:#fff!important;background:#1b3763!important}
body.rev-cinema .parts-bar{display:none!important}
body.rev-cinema #app{color:#f5f9ff!important;background:#050b17!important}
body.rev-cinema footer{background:#040814!important;color:#b0bdd4!important;border-top:1px solid #24334c}
body.rev-cinema footer a{color:#c8d9f4!important}
body.rev-cinema footer strong{color:#fff!important}
body.rev-cinema .rev-landing,body.rev-cinema .rev-landing *{box-sizing:border-box}
body.rev-cinema .rev-landing{--cb:#0a1b34;--blue:#287dff;--white:#f7faff;--muted:#b7c5d9;font-family:Vazirmatn,Vazir,IRANSansX,Tahoma,sans-serif!important;color:var(--white)!important;overflow:hidden}
body.rev-cinema .rev-landing a{color:inherit}
body.rev-cinema .rev-landing h1,body.rev-cinema .rev-landing h2,body.rev-cinema .rev-landing h3,body.rev-cinema .rev-landing p{color:inherit!important;margin:0;border:0!important;padding:0!important}
body.rev-cinema .rev-landing button{border:none!important;background:transparent!important;color:inherit!important;box-shadow:none!important;border-radius:0!important}
.rev-landing .r-wrap{width:min(1200px,calc(100% - 68px));margin-inline:auto}
.rev-landing .r-hero{position:relative;isolation:isolate;min-height:780px;background:radial-gradient(ellipse 42% 70% at 15% 49%,#12397773,transparent 72%),radial-gradient(ellipse 64% 68% at 80% 7%,#1153a52e,transparent 77%),#050b17!important}
.rev-landing .r-hero:after{content:"";position:absolute;z-index:-1;bottom:-130px;left:-30%;right:-30%;height:430px;background:repeating-linear-gradient(90deg,transparent 0 91px,#3165bd21 92px 93px),repeating-linear-gradient(0deg,transparent 0 81px,#3165bd24 82px 83px);transform:perspective(430px) rotateX(64deg);mask-image:linear-gradient(to top,#000,transparent 80%);pointer-events:none}
.rev-landing .r-oversize{pointer-events:none;direction:ltr;position:absolute;z-index:-1;top:8%;left:-2%;font:900 clamp(240px,33vw,550px)/1 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #75a8ff15;opacity:.9}
.rev-landing .r-topline{padding-top:35px;display:flex;justify-content:space-between;align-items:center;direction:ltr;color:#8fa5c6!important;font-size:11px;letter-spacing:.21em;font-family:Arial,sans-serif}
.rev-landing .r-topline b{color:#9cc8ff}
.rev-landing .r-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);align-items:center;min-height:660px;gap:28px}
.rev-landing .r-copy{position:relative;z-index:3;max-width:680px}
.rev-landing .r-kicker{display:flex;align-items:center;gap:12px;color:#89b8ff;font:800 12px Vazirmatn,sans-serif;margin-bottom:20px}
.rev-landing .r-kicker:before{content:"";height:1px;width:36px;background:#5b99ff}
.rev-landing h1{font-weight:900!important;font-size:clamp(47px,5.45vw,86px)!important;letter-spacing:-.05em;line-height:1.22!important}
.rev-landing h1 em{display:block;font-style:normal;color:#75b7ff}
.rev-landing .r-lead{max-width:490px;margin-top:22px!important;font-size:17px;line-height:2.1;color:#b9cbe5!important}
.rev-landing .r-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:35px}
body.rev-cinema .rev-landing .r-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:21px;background:#1973ff!important;border:1px solid #4088ff!important;color:white!important;border-radius:5px!important;padding:12px 23px!important;font-size:14px;font-weight:800;box-shadow:0 15px 42px #176ef652!important;transition:transform .25s,box-shadow .25s}
body.rev-cinema .rev-landing .r-primary:hover{transform:translateY(-3px);box-shadow:0 16px 52px #176ef687!important}
.rev-landing .r-primary span{font:23px Arial;direction:ltr}
.rev-landing .r-secondary{color:#d6e4f7!important;font-size:14px;border-bottom:1px solid #70849f;padding-bottom:5px}
.rev-landing .r-secondary:hover{color:#86baff!important;border-color:#86baff}
.rev-landing .r-hero-foot{display:flex;gap:18px;margin-top:48px;flex-wrap:wrap}
.rev-landing .r-hero-foot span{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#9eacc5}
.rev-landing .r-hero-foot i{width:6px;height:6px;border-radius:100%;background:#3c8cff;box-shadow:0 0 14px #3c8cff}
.rev-landing .r-showcase{position:relative;display:flex;align-items:center;justify-content:center;padding-block:28px;min-width:0}
.rev-landing .r-showcase:before{content:"";position:absolute;width:540px;max-width:130%;aspect-ratio:1;background:radial-gradient(circle,#237aff43,transparent 68%);filter:blur(14px);pointer-events:none}
.rev-landing .r-halo{position:absolute;inset:auto;width:min(520px,105%);aspect-ratio:1;border:1px solid #5099ff2b;border-radius:50%;pointer-events:none}
.rev-landing .r-halo:before{content:"";display:block;position:absolute;inset:13%;border:1px dashed #5099ff28;border-radius:50%}
.rev-landing .r-phone{position:relative;z-index:3;width:clamp(240px,27vw,313px);aspect-ratio:390/835;border:6px solid #263a61;border-radius:45px;background:#050b13!important;box-shadow:0 20px 120px #000b,0 0 0 2px #668ec03f,inset 0 0 0 2px #111d31;transform:rotate(-5deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.rev-landing .r-phone:hover{transform:rotate(0) translateY(-6px)}
.rev-landing .r-screen{position:absolute;inset:5px;background:#eaf0fa!important;border-radius:34px;overflow:hidden}
/* Crop the AFTER phone from authentic 1348×926 desktop QA comparison captures. This is NOT a generated/mock UI. */
.rev-landing .r-screen img{position:absolute;inset:auto;top:-28.45%;left:-212.7%;width:418%;height:auto;max-width:none!important;display:block;object-fit:initial;opacity:0;transition:opacity .55s ease;pointer-events:none}
.rev-landing .r-screen img.r-cropped{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important}
.rev-landing .r-screen{isolation:isolate}
.rev-landing .r-screen img.is-current{z-index:2}
.rev-landing .r-screen img:not(.is-current){z-index:1}
.rev-landing .r-screen img.is-current{opacity:1}
.rev-landing .r-notch{position:absolute;z-index:5;top:14px;left:50%;transform:translateX(-50%);width:27%;height:19px;background:#070e1b!important;border-radius:30px;box-shadow:0 0 1px #050b17}
.rev-landing .r-phone:before{content:"";position:absolute;right:-9px;top:21%;height:62px;width:4px;background:#546788;border-radius:0 5px 5px 0}
.rev-landing .r-phone:after{content:"";position:absolute;left:-9px;top:19%;height:41px;width:4px;background:#546788;border-radius:5px 0 0 5px}
.rev-landing .r-slide-info{position:absolute;z-index:4;bottom:5%;right:-8%;padding:13px 17px;border:1px solid #7196cb55;border-radius:8px;background:#0b1e39ed!important;box-shadow:0 14px 32px #0004;min-width:154px;text-align:right}
.rev-landing .r-slide-info small{display:block;font:11px Arial,sans-serif;direction:ltr;color:#80b2ff}
.rev-landing .r-slide-info strong{display:block;font-size:14px;color:#fff}
.rev-landing .r-photo-note{font-size:11px;color:#8a9dbb!important;margin:19px auto 0!important;text-align:center}
.rev-landing .r-controls{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:18px;direction:ltr}
body.rev-cinema .rev-landing .r-dot{width:26px;height:5px;border-radius:50px!important;background:#3e5374!important;padding:0!important;cursor:pointer;transition:width .3s,background .3s}
body.rev-cinema .rev-landing .r-dot[aria-current="true"]{width:48px;background:#4393ff!important}
.rev-landing .r-section-light{background:#f3f7fe!important;color:#162c4b!important;padding:110px 0}
.rev-landing .r-section-light h2,.rev-landing .r-section-light h3,.rev-landing .r-section-light p{color:#162c4b!important}
.rev-landing .r-label{font:800 12px Arial,sans-serif;direction:ltr;letter-spacing:.2em;color:#287dff;display:block;margin-bottom:13px}
.rev-landing .r-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}
.rev-landing .r-section-head h2{font-size:clamp(27px,3.5vw,47px)!important;line-height:1.5!important}
.rev-landing .r-section-head p{max-width:350px;color:#5f7796!important;font-size:14px}
.rev-landing .r-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rev-landing .r-feature{position:relative;min-height:280px;padding:27px;background:white!important;border:1px solid #dce6f4;border-radius:3px!important;overflow:hidden;transition:transform .25s,border-color .25s}
.rev-landing .r-feature:hover{transform:translateY(-6px);border-color:#6b9df0}
.rev-landing .r-feature:before{content:"";position:absolute;top:0;right:0;height:3px;width:58px;background:#327cfa}
.rev-landing .r-feature .num{font:800 11px Arial;direction:ltr;color:#276dfa}
.rev-landing .r-feature h3{font-size:22px!important;margin-top:40px!important}
.rev-landing .r-feature p{font-size:14px;color:#6a7c96!important;margin-top:10px!important;line-height:1.95}
.rev-landing .r-feature .r-link{display:block;font-size:13px;font-weight:800;color:#1769e0!important;margin-top:24px}
.rev-landing .r-section-dark{background:linear-gradient(140deg,#071324,#0b2347)!important;padding:100px 0;text-align:center;color:#fff!important}
.rev-landing .r-section-dark h2{font-size:clamp(30px,4.8vw,65px)!important;line-height:1.35!important;margin:15px 0 22px!important}
.rev-landing .r-section-dark p{max-width:660px;margin:0 auto 30px!important;color:#b5c8e0!important}
.rev-landing .r-section-dark .r-primary{margin:auto}
.rev-landing .r-visual-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}
.rev-landing .r-visual-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.rev-landing .r-wrap{width:min(100% - 48px,1080px)}.rev-landing .r-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:10px}.rev-landing .r-hero{min-height:680px}.rev-landing .r-phone{width:260px}.rev-landing h1{font-size:clamp(43px,5.4vw,66px)!important}.rev-landing .r-slide-info{right:-2%}}
@media(max-width:760px){
body.rev-cinema header .bar{flex-direction:row;align-items:center;min-height:58px;padding-top:0}
body.rev-cinema header .nav{max-width:70%;overflow-x:auto;padding:0}
body.rev-cinema header .nav a{font-size:12px;padding:7px 9px}
.rev-landing .r-wrap{width:calc(100% - 36px)}
.rev-landing .r-hero{min-height:0;padding-bottom:40px}
.rev-landing .r-topline{padding-top:23px;font-size:9px}
.rev-landing .r-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:45px;gap:5px}
.rev-landing .r-copy{width:100%;text-align:right}
.rev-landing h1{font-size:clamp(39px,10.7vw,58px)!important}
.rev-landing .r-lead{font-size:14px;line-height:2;margin-top:18px!important}
.rev-landing .r-actions{margin-top:23px;gap:17px}
.rev-landing .r-hero-foot{margin-top:27px;gap:13px}
.rev-landing .r-hero-foot span{font-size:10px}
.rev-landing .r-showcase{padding:34px 0 0}
.rev-landing .r-phone{width:min(65vw,290px);transform:rotate(-3deg)}
.rev-landing .r-slide-info{right:0;bottom:6%}
.rev-landing .r-section-light{padding:70px 0}
.rev-landing .r-section-head{display:block;margin-bottom:22px}
.rev-landing .r-section-head h2{font-size:29px!important}
.rev-landing .r-section-head p{margin-top:9px!important}
.rev-landing .r-feature-grid{grid-template-columns:1fr}
.rev-landing .r-feature{min-height:0;padding:23px}
.rev-landing .r-feature h3{margin-top:16px!important;font-size:19px!important}
.rev-landing .r-section-dark{padding:76px 0}
}
@media(max-width:410px){.rev-landing .r-phone{width:67vw}.rev-landing .r-slide-info{min-width:130px;right:-3%;padding:10px}.rev-landing .r-actions{gap:15px}body.rev-cinema .rev-landing .r-primary{padding:10px 16px!important}}
@media(prefers-reduced-motion:reduce){.rev-landing *, .rev-landing *:before,.rev-landing *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rev-landing .r-visual-reveal{opacity:1!important;transform:none!important}}

/* Outrank the legacy global light-theme !important text rules on homepage only. */
body.rev-cinema .rev-landing .r-hero{color:#f7faff!important}
body.rev-cinema .rev-landing .r-hero .r-lead{color:#b9cbe5!important}
body.rev-cinema .rev-landing .r-section-light{color:#162c4b!important}
body.rev-cinema .rev-landing .r-section-light .r-section-head p,body.rev-cinema .rev-landing .r-section-light .r-feature p{color:#647b98!important}
body.rev-cinema .rev-landing .r-section-dark{color:#f7faff!important}
body.rev-cinema .rev-landing .r-section-dark p{color:#c2d4e8!important}