@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#07090d;--panel:#0d1118;--panel2:#101722;--text:#f5f7fa;--muted:#9aa3af;--red:#ff2525;--blue:#135cff;--line:rgba(255,255,255,.1);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Inter,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(22,91,255,.12),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:1;mix-blend-mode:screen}.nav{height:78px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(7,9,13,.62);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font:800 16px Inter;letter-spacing:.16em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #fff;transform:skew(-12deg);font-weight:900}.nav-links{display:flex;gap:30px}.nav-links a{color:#aeb6c2;text-decoration:none;font-size:13px;transition:.25s}.nav-links a:hover{color:#fff}.lang{background:transparent;color:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:700 12px Inter;cursor:pointer}.hero{min-height:calc(100vh - 118px);width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:none;margin:0;padding:100px max(6vw,48px) 60px;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-copy{position:relative;z-index:4;padding-top:40px}.eyebrow,.section-no{font:700 11px Inter;letter-spacing:.18em;color:#a9b3c2}.eyebrow span{display:inline-block;width:24px;height:2px;background:var(--red);vertical-align:middle;margin-left:10px}.hero h1{font-size:clamp(46px,6vw,88px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}.hero h1 em,.section h2 em,.trade-panel h2 em,.contact-inner h2 em,.about-copy h2 em{font-style:normal;background:linear-gradient(100deg,#fff 5%,#7c8ba6 75%);-webkit-background-clip:text;color:transparent}.hero p{max-width:570px;color:var(--muted);font-size:16px;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:16px;text-decoration:none;padding:14px 22px;border-radius:5px;font-weight:700;font-size:13px;transition:.3s}.btn.primary{background:#fff;color:#07090d}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px rgba(255,255,255,.15)}.btn.ghost{color:#fff;border:1px solid var(--line)}.btn.ghost:hover{background:#fff;color:#07090d}.btn b{font-size:18px}.hero-meta{display:flex;gap:40px;margin-top:48px}.hero-meta div{display:grid;gap:4px}.hero-meta strong{font:800 17px Inter}.hero-meta span{font:500 9px Inter;letter-spacing:.1em;color:#727d8c}.hero-product{height:720px;position:relative;display:grid;place-items:center;z-index:3}.hero-product img{position:relative;width:min(62%,510px);filter:drop-shadow(25px 35px 35px rgba(0,0,0,.65));animation:float 5s ease-in-out infinite;z-index:3}.product-shadow{position:absolute;bottom:110px;width:330px;height:55px;background:#000;filter:blur(28px);border-radius:50%;opacity:.7}.orb{position:absolute;border-radius:50%;filter:blur(50px)}.orb-a{width:270px;height:270px;background:rgba(0,76,255,.18);right:12%;top:23%}.orb-b{width:200px;height:200px;background:rgba(255,30,30,.13);left:12%;bottom:25%}.product-ring{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:500px;height:500px}.ring-2{width:650px;height:650px;border-color:rgba(30,92,255,.12);animation:spin 22s linear infinite}.floating-tag{position:absolute;z-index:5;padding:10px 13px;border:1px solid rgba(255,255,255,.16);background:rgba(8,12,18,.65);backdrop-filter:blur(10px);font:600 9px Inter;letter-spacing:.1em;line-height:1.5}.floating-tag b{color:#fff}.tag-top{right:4%;top:27%}.tag-bottom{left:8%;bottom:23%}.scroll-cue{position:absolute;bottom:28px;right:6vw;font:600 9px Inter;letter-spacing:.15em;color:#667181}.scroll-cue span{display:inline-block;width:32px;height:1px;background:#667181;margin-left:10px;vertical-align:middle}.ticker{height:66px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:35px;overflow:hidden;white-space:nowrap;font:800 10px Inter;letter-spacing:.16em;color:#8d97a5}.ticker i{font-style:normal;color:var(--red)}.section{max-width:1240px;margin:auto;padding:150px 5vw}.section-intro{max-width:700px}.section h2,.trade-panel h2,.contact-inner h2,.about-copy h2{font-size:clamp(45px,6vw,78px);line-height:1.05;letter-spacing:-.04em;margin:20px 0}.section-intro>p,.about-copy p,.contact-inner p{color:var(--muted);line-height:2;font-size:15px;max-width:650px}.product-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.product-card{min-height:600px;position:relative;background:linear-gradient(135deg,#f8fafc,#dbe2ea);color:#0b1220;border-radius:18px;overflow:hidden;transform-style:preserve-3d;box-shadow:0 40px 100px rgba(0,0,0,.35)}.card-grid{position:absolute;inset:0;background:linear-gradient(rgba(5,20,45,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(5,20,45,.05) 1px,transparent 1px);background-size:35px 35px}.card-copy{position:absolute;left:48px;top:48px;z-index:3;direction:ltr}.pill{font:700 9px Inter;letter-spacing:.15em;border:1px solid currentColor;border-radius:999px;padding:7px 10px;display:inline-block}.card-copy h3{font:500 38px/1.05 Inter;margin:25px 0 12px}.card-copy h3 strong{font-size:62px}.card-copy p{font-size:13px;max-width:260px;line-height:1.7}.spec-row{display:flex;gap:30px;border-bottom:1px solid rgba(10,20,35,.15);padding:12px 0;font:700 10px Inter;letter-spacing:.12em}.spec-row b{font-size:12px}.card-can{position:absolute;width:52%;right:-4%;bottom:-4%;filter:drop-shadow(-25px 30px 25px rgba(0,0,0,.28));transform:rotate(-7deg) translateZ(45px)}.dark-section{max-width:none;background:#090d14;position:relative;overflow:hidden}.dark-section .section-intro,.dark-section .tech-grid{max-width:1240px;margin-left:auto;margin-right:auto}.tech-back{position:absolute;right:-5%;top:2%;font:900 25vw Inter;color:rgba(255,255,255,.018);pointer-events:none}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;background:var(--line);border:1px solid var(--line)}.tech-item{min-height:330px;padding:35px;background:#090d14;position:relative;transition:.4s}.tech-item:hover{background:#0e141e;transform:translateY(-8px)}.tech-item>span{font:700 10px Inter;color:#657084}.tech-icon{font-size:42px;margin:50px 0 25px}.tech-item h3{font:700 20px Inter;margin:0 0 12px;direction:ltr;text-align:right}.tech-item p{color:#818b9a;font-size:13px;line-height:1.9}.application-stage{margin-top:70px;min-height:520px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(19,92,255,.16),transparent 30%),#090d14}.app-lines{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 75% 50%,transparent 0 65px,rgba(255,255,255,.05) 66px 67px);opacity:.8}.app-copy{position:absolute;right:7%;top:18%;max-width:430px}.app-copy h3{font-size:34px;margin:22px 0 10px}.app-copy p{color:#8792a2;line-height:2;font-size:14px}.text-link{display:inline-flex;gap:20px;color:#fff;text-decoration:none;margin-top:20px;font-size:13px}.speedometer{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:390px;height:390px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center}.speedometer:before{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.16);border-radius:50%}.needle{position:absolute;width:130px;height:2px;background:linear-gradient(90deg,transparent,var(--red));transform:rotate(-32deg);transform-origin:right center;right:50%;top:50%;animation:pulse 2.5s ease-in-out infinite}.center-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff}.speed-num{font:800 42px Inter;direction:ltr}.speed-num span{font-size:16px;color:#778295}.speedometer small{position:absolute;bottom:75px;font:700 9px Inter;letter-spacing:.2em;color:#7b8594}.trade-section{max-width:none;background:#0a0d12}.trade-panel{max-width:1240px;margin:auto;min-height:650px;padding:100px 7vw;position:relative;overflow:hidden;background:linear-gradient(125deg,#101621,#090c12);border:1px solid var(--line)}.trade-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,30,30,.12);filter:blur(100px);left:-180px;bottom:-200px}.trade-panel p{max-width:550px;color:#8993a2;line-height:2}.trade-stats{display:flex;gap:55px;margin:55px 0}.trade-stats div{display:grid;gap:7px}.trade-stats strong{font:900 36px Inter}.trade-stats span{font:700 10px Inter;letter-spacing:.08em;color:#778293;line-height:1.6}.about-section{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:80px}.about-mark{width:280px;height:280px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;position:relative;justify-self:end}.about-mark:before,.about-mark:after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.05);transform:rotate(45deg)}.about-mark img{width:72%;max-width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));transition:transform .45s ease,filter .45s ease}.about-mark:hover img{transform:scale(1.06);filter:drop-shadow(0 22px 45px rgba(20,90,255,.2))}.about-mark small{position:absolute;bottom:25px;font:700 8px Inter;letter-spacing:.3em}.contact-section{padding:160px 5vw;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(20,86,255,.14),transparent 40%)}.contact-inner{max-width:900px;margin:auto;text-align:center}.contact-inner p{margin:0 auto}.contact-actions{justify-content:center;display:flex;gap:12px;margin-top:30px}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;color:#687383;font:600 9px Inter;letter-spacing:.08em;direction:ltr}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}.reveal.show{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-copy{text-align:center}.hero p{margin:0 auto}.hero-actions,.hero-meta{justify-content:center}.hero-product{height:600px}.hero-product img{width:55%}.scroll-cue{display:none}.product-section,.about-section{grid-template-columns:1fr;gap:50px}.product-card{min-height:520px}.tech-grid{grid-template-columns:1fr}.application-stage{min-height:700px}.app-copy{right:8%;left:8%;top:10%}.speedometer{left:50%;top:auto;bottom:-80px;transform:translateX(-50%);width:330px;height:330px}.trade-panel{padding:75px 7vw}.trade-stats{gap:25px}.about-mark{justify-self:center}footer{flex-direction:column;gap:15px;align-items:center}}@media(max-width:560px){.hero h1{font-size:45px}.hero-meta{gap:18px}.hero-meta strong{font-size:14px}.hero-product{height:480px}.hero-product img{width:68%}.product-ring{width:360px;height:360px}.ring-2{width:450px;height:450px}.card-copy{left:28px;top:30px}.card-copy h3{font-size:28px}.card-copy h3 strong{font-size:44px}.card-can{width:62%;right:-10%}.section{padding:100px 6vw}.section h2,.trade-panel h2,.contact-inner h2,.about-copy h2{font-size:48px}.trade-stats{display:grid;grid-template-columns:repeat(3,1fr)}.trade-stats strong{font-size:27px}.contact-actions{flex-direction:column}.btn{justify-content:center}.ticker{gap:20px}.ticker div{font-size:8px}}

/* ERP corporate identity */
.corporate-brand{gap:12px;letter-spacing:.04em}
.corporate-brand img{width:42px;height:42px;object-fit:contain}
.brand-divider{width:1px;height:25px;background:rgba(255,255,255,.2)}
.brand-product{font:800 14px Inter;letter-spacing:.16em}
.footer-brand img{width:34px;height:34px}
.footer-brand .brand-divider{height:20px}
@media(max-width:560px){
  .corporate-brand img{width:36px;height:36px}
  .brand-product{font-size:11px}
}

/* V3 — expanded ERP corporate experience */
.nav-tools{display:flex;align-items:center;gap:10px}.menu-btn{display:none;background:none;border:1px solid var(--line);width:40px;height:38px;border-radius:5px;cursor:pointer}.menu-btn span{display:block;width:18px;height:1px;background:#fff;margin:5px auto}.mobile-menu{display:none}.credibility{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.cred-item{padding:34px 30px;border-right:1px solid var(--line);display:grid;gap:6px}.cred-item strong{font:800 24px Inter}.cred-item span{font:700 8px Inter;letter-spacing:.15em;color:#687383}.process-band{margin-top:75px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-band>div{padding:25px 10px;display:grid;gap:6px}.process-band span{font:700 9px Inter;color:var(--red)}.process-band b{font:800 13px Inter;letter-spacing:.08em}.process-band small{color:#707b8b;font-size:10px}.process-band i{font-style:normal;color:#526071;font-size:24px}.product-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;background:#080b10;max-width:none;padding-left:10vw;padding-right:10vw}.detail-visual{height:620px;position:relative;display:grid;place-items:center}.detail-visual img{width:min(60%,460px);position:relative;z-index:2;filter:drop-shadow(0 40px 35px rgba(0,0,0,.65));transform:rotate(-5deg);animation:float 5s ease-in-out infinite}.detail-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(20,90,255,.22),transparent 65%);filter:blur(10px)}.detail-copy h2{font-size:clamp(45px,5vw,70px);line-height:1.05;margin:20px 0 30px}.detail-table{border-top:1px solid var(--line);margin:25px 0}.detail-table div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font:700 10px Inter}.detail-table span{color:#697587;letter-spacing:.12em}.detail-table b{color:#e9edf3}.detail-note{color:#6f7a8b;font-size:11px;line-height:1.9;margin:20px 0 25px}.company-section{background:linear-gradient(180deg,#07090d,#0a0f16)}.company-head{max-width:750px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--line);border:1px solid var(--line)}.company-card{min-height:250px;background:#080c12;padding:35px;transition:.35s}.company-card:hover{transform:translateY(-7px);background:#0d131c}.company-card span{font:700 9px Inter;color:#667181}.company-card h3{font:800 25px Inter;margin:55px 0 10px;direction:ltr;text-align:right}.company-card p{font-size:12px;color:#778292;line-height:1.9}.faq-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font:300 25px Inter;color:#7a8493}details[open] summary span{transform:rotate(45deg)}details p{color:#7d8796;line-height:2;font-size:12px;max-width:700px;margin:18px 0 0}.footer-brand{direction:ltr}
@media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;z-index:45;top:78px;left:0;right:0;background:rgba(7,9,13,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);padding:20px 7vw;display:grid;gap:0;transform:translateY(-120%);transition:.45s}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{color:#fff;text-decoration:none;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.mobile-menu-foot{font:700 8px Inter;letter-spacing:.15em;color:#606b7b;padding-top:18px}.credibility{grid-template-columns:repeat(2,1fr);margin:0 6vw}.cred-item{padding:25px 20px}.process-band{grid-template-columns:1fr}.process-band i{display:none}.product-detail{grid-template-columns:1fr;gap:30px;padding-left:6vw;padding-right:6vw}.detail-visual{height:480px}.detail-visual img{width:55%}.company-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.credibility{margin:0}.cred-item strong{font-size:19px}.product-detail{padding-top:80px;padding-bottom:80px}.detail-visual{height:400px}.detail-visual img{width:68%}.faq-section{padding-top:90px}.corporate-brand .brand-product{display:none}}

/* V4 — premium motion system, bilingual-ready header and corporate footer */
.premium-nav{height:86px}.nav-center{position:absolute;left:50%;transform:translateX(-50%);display:grid;text-align:center;gap:3px;pointer-events:none}.nav-kicker{font:700 7px Inter;letter-spacing:.28em;color:#697586}.nav-title{font:800 9px Inter;letter-spacing:.18em;color:#dbe1ea}.nav-links a{display:flex;gap:7px;align-items:center}.nav-links a span{font:700 7px Inter;color:#5e6877}.nav-progress{position:absolute;bottom:-1px;right:0;width:0;height:2px;background:linear-gradient(90deg,var(--red),var(--blue));z-index:2}.hero-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.025) 50%,transparent 100%);height:20%;animation:scan 6s linear infinite;pointer-events:none;z-index:1}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.orbit-a{width:720px;height:720px;right:-110px;top:10%;transform:rotate(24deg);animation:orbitFloat 14s ease-in-out infinite}.orbit-b{width:540px;height:540px;right:10%;top:23%;border-color:rgba(20,91,255,.12);animation:orbitSpin 18s linear infinite}.hero-corner{position:absolute;left:6vw;top:120px;font:700 8px/1.8 Inter;letter-spacing:.14em;color:#596575;z-index:3}.hero-corner b{color:#aab4c2}.hero-rail{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:88%;display:flex;justify-content:center;gap:22px;align-items:center;font:700 7px Inter;letter-spacing:.17em;color:#657182;z-index:4}.hero-rail i{width:4px;height:4px;background:var(--red);border-radius:50%}.hero-product img{animation:float 5s ease-in-out infinite, productPulse 4s ease-in-out infinite}.hero-product:after{content:"";position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(24,91,255,.12),transparent 66%);animation:breath 4s ease-in-out infinite}.mega-footer{background:#05070a;border-top:1px solid rgba(255,255,255,.1);direction:rtl}.footer-main{max-width:1240px;margin:auto;padding:75px 5vw 60px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:55px}.footer-brand-col{max-width:360px}.footer-brand{display:inline-flex}.footer-brand-col p{color:#737e8e;font-size:12px;line-height:2;margin:22px 0}.footer-socials{display:flex;gap:8px}.footer-socials a{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:#aab3bf;text-decoration:none;font:700 10px Inter;border-radius:50%;transition:.25s}.footer-socials a:hover{border-color:#fff;color:#fff;transform:translateY(-3px)}.footer-col{display:grid;align-content:start;gap:13px}.footer-col h4{font-size:12px;margin:0 0 12px;color:#fff}.footer-col a,.footer-col span{color:#737e8e;text-decoration:none;font-size:11px;transition:.25s}.footer-col a:hover{color:#fff;transform:translateX(-4px)}.footer-contact span{font:700 8px Inter;letter-spacing:.1em;margin-top:5px}.footer-cta{display:inline-flex!important;align-items:center;gap:15px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-top:12px;width:max-content}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);max-width:1240px;margin:auto;padding:22px 5vw;display:flex;justify-content:space-between;gap:20px;color:#4f5a69;font:700 8px Inter;letter-spacing:.1em;direction:ltr}.footer-bottom a{color:#737e8e;text-decoration:none}.reveal.show{animation:revealUp .8s cubic-bezier(.16,1,.3,1) both}.tech-item,.company-card,.product-card,.application-stage{will-change:transform}.tech-item:hover{box-shadow:0 25px 70px rgba(0,0,0,.28)}.product-card{transition:box-shadow .5s,transform .15s}.product-card:hover{box-shadow:0 50px 120px rgba(0,0,0,.5)}@keyframes scan{0%{transform:translateY(-120%)}100%{transform:translateY(600%)}}@keyframes orbitFloat{0%,100%{transform:rotate(24deg) translateY(0)}50%{transform:rotate(28deg) translateY(-18px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes productPulse{0%,100%{filter:drop-shadow(25px 35px 35px rgba(0,0,0,.65))}50%{filter:drop-shadow(25px 35px 48px rgba(16,77,255,.18))}}@keyframes breath{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.05);opacity:1}}@keyframes revealUp{from{opacity:0;transform:translateY(35px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav-center{display:none}.nav-links{gap:15px}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-contact{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.premium-nav{height:78px}.nav-links{display:none}.hero-rail{width:95%;gap:10px}.hero-rail span{font-size:6px}.footer-main{grid-template-columns:1fr 1fr;gap:45px}.footer-brand-col{grid-column:1/-1;max-width:600px}}
@media(max-width:560px){.hero-corner{top:100px}.hero-rail{display:none}.orbit-a{width:480px;height:480px;right:-190px}.orbit-b{width:360px;height:360px;right:-60px}.footer-main{grid-template-columns:1fr}.footer-contact{grid-column:auto;grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-brand .brand-product{display:inline}}

/* V5 — CINEMATIC HERO */
.cinematic-hero{padding-top:140px;isolation:isolate;background:radial-gradient(circle at 72% 48%,rgba(14,55,130,.14),transparent 30%),radial-gradient(circle at 30% 75%,rgba(180,20,20,.07),transparent 25%),#05070b;min-height:100svh}
.cinematic-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.34) 45%,rgba(0,0,0,.05) 100%);z-index:0;pointer-events:none}
.cinema-vignette{position:absolute;inset:-10%;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.88) 100%)}
.cinema-stars{position:absolute;inset:0;z-index:1;opacity:.6;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(90,150,255,.5) 0 1px,transparent 1.5px);background-size:97px 113px,157px 181px;background-position:12px 30px,80px 100px;mask-image:linear-gradient(to bottom,black,transparent 90%);animation:starsDrift 18s linear infinite}
.cinema-particles{position:absolute;inset:-15%;z-index:2;opacity:.5;background-image:radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.5px);background-size:125px 137px;background-position:20px 50px;animation:particleDrift 24s linear infinite}
.cinema-light{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:1;mix-blend-mode:screen}
.cinema-light-red{width:360px;height:360px;left:-130px;bottom:-100px;background:rgba(255,25,25,.12);animation:lightBreath 7s ease-in-out infinite}
.cinema-light-blue{width:520px;height:520px;right:5%;top:18%;background:rgba(20,85,255,.13);animation:lightBreath 8s ease-in-out infinite reverse}
.cinema-sweep{position:absolute;top:-30%;left:-20%;width:24%;height:170%;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:rotate(14deg);filter:blur(3px);animation:cinemaSweep 8s ease-in-out 1.2s infinite}
.cinema-letterbox{position:absolute;left:0;right:0;height:0;background:#000;z-index:30;pointer-events:none;animation:letterboxIn 1.2s cubic-bezier(.16,1,.3,1) .1s forwards}
.cinema-letterbox-top{top:0}.cinema-letterbox-bottom{bottom:0}
.cinematic-hero .hero-grid{opacity:.42;z-index:2;mask-image:linear-gradient(to bottom,transparent 5%,black 35%,transparent 92%);background-size:85px 85px}
.cinematic-hero .hero-copy{z-index:12;transform:translateZ(0);animation:cinemaCopyIn 1.1s cubic-bezier(.16,1,.3,1) .35s both}
.cinematic-hero .hero-product{z-index:12;animation:cinemaProductIn 1.35s cubic-bezier(.16,1,.3,1) .2s both}
.cinematic-hero .hero-product img{width:min(66%,530px);filter:drop-shadow(0 40px 28px rgba(0,0,0,.8)) drop-shadow(0 0 38px rgba(20,86,255,.13));animation:cinemaBottleFloat 5.5s ease-in-out 1.4s infinite}
.product-halo{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(25,93,255,.16),rgba(25,93,255,.035) 42%,transparent 70%);filter:blur(5px);animation:haloPulse 4.5s ease-in-out infinite;z-index:0}
.product-halo:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 80px rgba(22,90,255,.12)}
.product-crosshair{position:absolute;width:70px;height:70px;border:1px solid rgba(255,255,255,.13);z-index:4;opacity:.5}
.product-crosshair:before,.product-crosshair:after{content:"";position:absolute;background:rgba(255,255,255,.18)}
.product-crosshair:before{width:100%;height:1px;top:50%;left:0}.product-crosshair:after{height:100%;width:1px;left:50%;top:0}
.crosshair-a{right:6%;top:23%;animation:crosshairFloat 5s ease-in-out infinite}.crosshair-b{left:5%;bottom:20%;transform:scale(.65);animation:crosshairFloat 6s ease-in-out -2s infinite}
.cinematic-hero .hero-orbit{z-index:3;opacity:.65}.cinematic-hero .orbit-a{animation:cinemaOrbit 16s ease-in-out infinite}.cinematic-hero .orbit-b{animation:orbitSpin 24s linear infinite}
.cinematic-hero .hero-corner{z-index:13;left:auto;right:6vw;top:118px;direction:ltr;text-align:right}
.cinematic-hero .hero-corner b{color:#e8edf5}
.cinema-caption{position:absolute;left:6vw;bottom:74px;z-index:14;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:end;direction:ltr;animation:captionIn 1s ease 1.15s both}
.cinema-caption span{font:800 28px Inter;color:rgba(255,255,255,.12);grid-row:1/3}.cinema-caption b{font:800 9px Inter;letter-spacing:.22em;color:#b9c2cf}.cinema-caption small{font:600 7px Inter;letter-spacing:.15em;color:#5e6877;margin-top:5px}
.cinematic-hero .hero-rail{z-index:14;bottom:27px;opacity:.72}
.cinematic-hero .scroll-cue{z-index:15;bottom:73px}
@keyframes letterboxIn{from{height:0}to{height:28px}}
@keyframes cinemaCopyIn{from{opacity:0;transform:translate3d(-35px,18px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes cinemaProductIn{from{opacity:0;transform:translate3d(50px,30px,0) scale(.92);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes cinemaBottleFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-13px,0) rotate(1deg)}}
@keyframes haloPulse{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.08);opacity:.9}}
@keyframes cinemaSweep{0%,55%{left:-25%;opacity:0}65%{opacity:.9}82%{left:115%;opacity:0}100%{left:115%;opacity:0}}
@keyframes starsDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-35px,28px,0)}}
@keyframes particleDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(45px,-35px,0)}}
@keyframes lightBreath{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}
@keyframes crosshairFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-9px,0) rotate(3deg)}}
@keyframes cinemaOrbit{0%,100%{transform:rotate(24deg) translate3d(0,0,0)}50%{transform:rotate(31deg) translate3d(-12px,-15px,0)}}
@keyframes captionIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){.cinema-caption{left:6vw;bottom:62px}.cinematic-hero .hero-corner{right:6vw}.cinematic-hero .hero-product img{width:min(70%,470px)}.cinematic-hero .hero-rail{bottom:18px}.cinematic-hero .scroll-cue{display:none}}
@media(max-width:560px){.cinema-letterbox{height:18px!important}.cinematic-hero:before{background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.15) 50%,rgba(0,0,0,.62))}.cinematic-hero .hero-corner{top:94px;font-size:6px}.cinema-caption{left:5vw;bottom:44px}.cinema-caption span{font-size:21px}.cinema-caption b{font-size:7px}.cinema-caption small{font-size:5px}.product-halo{width:340px;height:340px}.product-crosshair{display:none}.cinematic-hero .hero-product img{width:72%}.cinema-sweep{display:none}}
@media(prefers-reduced-motion:reduce){.cinematic-hero *,.cinematic-hero:before{animation:none!important;transition:none!important}}

/* V6 — SIGNATURE HEADER + CINEMATIC CORPORATE FOOTER */
.cinematic-nav{height:118px;padding:0 4vw;background:linear-gradient(180deg,rgba(4,6,10,.98),rgba(5,7,11,.86));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px);box-shadow:0 14px 60px rgba(0,0,0,.28);overflow:visible;display:block}
.cinematic-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,92,255,.055),transparent 38%,rgba(255,37,37,.045));pointer-events:none}
.cinematic-nav:after{content:"";position:absolute;left:4vw;right:4vw;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(19,92,255,.7),rgba(255,255,255,.18),rgba(255,37,37,.65),transparent);opacity:.8}
.nav-top{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:4}
.nav-brand{position:relative;z-index:2;gap:12px;min-width:255px;letter-spacing:0;justify-self:end}
.brand-logo-wrap{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:inset 0 0 20px rgba(19,92,255,.08),0 10px 30px rgba(0,0,0,.22)}
.brand-logo-wrap img{width:30px;height:30px;object-fit:contain;filter:brightness(1.1)}
.nav-brand-copy{display:grid;gap:4px;text-align:right;direction:ltr}
.nav-brand-copy b{font:800 10px Inter;letter-spacing:.16em;color:#f2f5f9}
.nav-brand-copy small{font:700 7px Inter;letter-spacing:.2em;color:#697587}
.nav-vinicius{justify-self:center;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;direction:ltr;position:relative}
.nav-vinicius:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,transparent,#1b67ff,#ff3333,transparent);opacity:.65}
.vinicius-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);transform:rotate(45deg);font:900 14px Inter;background:rgba(255,255,255,.025);box-shadow:0 0 30px rgba(19,92,255,.1)}
.nav-vinicius>span:last-child{display:grid;gap:3px}
.nav-vinicius b{font:900 13px Inter;letter-spacing:.2em}
.nav-vinicius small{font:700 6px Inter;letter-spacing:.28em;color:#687487}
.nav-tools{position:relative;z-index:4;display:flex;align-items:center;gap:9px;justify-self:start}
.nav-cta{height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#dce2ea;text-decoration:none;font:800 8px Vazirmatn,Inter,sans-serif;letter-spacing:.02em;transition:.3s}
.nav-cta b{font-size:15px;color:#fff}.nav-cta:hover{border-color:rgba(255,255,255,.3);background:#fff;color:#07090d;transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.28)}
.cinematic-nav .lang{height:38px;min-width:42px;padding:0 10px;border-radius:4px;background:rgba(255,255,255,.04);font-size:9px;letter-spacing:.12em;transition:.25s}.cinematic-nav .lang:hover{background:#fff;color:#07090d}
.cinematic-nav .menu-btn{display:none}
.cinematic-nav .nav-links{height:46px;position:relative;z-index:5;display:flex;justify-content:center;align-items:stretch;gap:4px;margin:0 auto;border-top:1px solid rgba(255,255,255,.045);direction:rtl}
.cinematic-nav .nav-links a{position:relative;display:flex;align-items:center;gap:8px;padding:0 18px;color:#9ea8b7;text-decoration:none;font-family:Vazirmatn,Inter,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;transition:.25s}
.cinematic-nav .nav-links a span{font:800 7px Inter;color:#566173;letter-spacing:.1em;transition:.25s}
.cinematic-nav .nav-links a:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--red));transform:scaleX(0);transform-origin:center;transition:.3s}
.cinematic-nav .nav-links a:hover,.cinematic-nav .nav-links a:focus-visible{color:#fff}.cinematic-nav .nav-links a:hover span,.cinematic-nav .nav-links a:focus-visible span{color:#fff}.cinematic-nav .nav-links a:hover:after,.cinematic-nav .nav-links a:focus-visible:after{transform:scaleX(1)}

.cinematic-footer{position:relative;overflow:hidden;background:#06080c;color:#fff;border-top:1px solid rgba(255,255,255,.1);direction:rtl}
.cinematic-footer .footer-glow{position:absolute;width:650px;height:650px;left:-260px;bottom:-420px;border-radius:50%;background:radial-gradient(circle,rgba(19,92,255,.12),transparent 68%);filter:blur(20px);pointer-events:none}
.cinematic-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 30%,rgba(19,92,255,.018) 70%,rgba(255,37,37,.02));pointer-events:none}
.footer-topline{position:relative;z-index:1;max-width:1400px;margin:auto;padding:18px 5vw;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;gap:16px;color:#657082;font:800 7px Inter;letter-spacing:.2em;direction:ltr}.footer-topline i{width:3px;height:3px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}
.cinematic-footer .footer-main{position:relative;z-index:1;max-width:1400px;padding:70px 5vw 64px;grid-template-columns:1.45fr .8fr 1.05fr .8fr;gap:70px}
.footer-logo-block{display:flex;align-items:center;gap:14px;direction:ltr}.footer-logo-block img{width:62px;height:62px;object-fit:contain;filter:brightness(1.1)}.footer-logo-block div{display:grid;gap:5px}.footer-logo-block b{font:900 17px Inter;letter-spacing:.08em}.footer-logo-block span{font:700 7px Inter;letter-spacing:.2em;color:#687487}
.footer-lead{max-width:430px!important;margin:22px 0!important;color:#7e8998!important;font-size:12px!important;line-height:2.1!important}
.cinematic-footer .footer-cta{position:relative;display:inline-flex!important;align-items:center;gap:18px!important;padding:13px 0!important;border-bottom:1px solid rgba(255,255,255,.18);color:#fff!important;font-size:11px!important;margin:4px 0 25px!important;transition:.3s}.cinematic-footer .footer-cta b{font-size:19px}.cinematic-footer .footer-cta:hover{gap:28px;border-color:#fff}
.cinematic-footer .footer-socials{gap:7px}.cinematic-footer .footer-socials a{width:32px;height:32px;border-radius:4px;border-color:rgba(255,255,255,.1);font-size:7px;letter-spacing:.08em}.cinematic-footer .footer-socials a:hover{background:#fff;color:#07090d;border-color:#fff}
.cinematic-footer .footer-col{gap:12px}.cinematic-footer .footer-col h4{font-size:12px;margin-bottom:13px;color:#fff}.cinematic-footer .footer-links a{display:flex;align-items:center;gap:10px}.cinematic-footer .footer-links a span{font:800 7px Inter;color:#4f5b6b}.cinematic-footer .footer-links a:hover{color:#fff;transform:translateX(-5px)}
.footer-contact-card{padding:15px 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.footer-contact-card small{font:800 7px Inter;letter-spacing:.16em;color:#566274}.footer-contact-card b{font-size:12px;color:#e9edf3}.footer-contact-card span{font-size:10px;line-height:1.8;color:#727d8c}
.footer-signature{direction:ltr;text-align:left;position:relative}.footer-number{font:900 90px/.8 Inter;letter-spacing:-.08em;color:rgba(255,255,255,.035);position:absolute;right:0;top:-8px}.footer-number span{font-size:12px;color:#536073;vertical-align:top;margin-left:8px;letter-spacing:.1em}.footer-signature h4{position:relative;margin:10px 0 18px!important;font:900 clamp(24px,2.7vw,38px)/.95 Inter!important;letter-spacing:-.04em}.footer-signature h4 em{font-style:normal;color:#7e8999}.footer-signature p{color:#626e7e!important;font:700 8px/1.8 Inter!important;letter-spacing:.08em}.footer-status{margin-top:30px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;font:800 7px Inter;letter-spacing:.13em;color:#667284}.footer-status i{width:5px;height:5px;border-radius:50%;background:#5ee48a;box-shadow:0 0 12px #5ee48a}.footer-status b{margin-left:auto;color:#aab3c0}
.cinematic-footer .footer-bottom{position:relative;z-index:1;max-width:1400px;margin:auto;padding:19px 5vw;direction:ltr;align-items:center;color:#4e5969;font:800 7px Inter;letter-spacing:.11em}.cinematic-footer .footer-bottom span:nth-child(2){color:#626d7c}.back-top{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#aeb7c4!important;text-decoration:none;font-size:15px;transition:.25s}.back-top:hover{background:#fff;color:#07090d!important;transform:translateY(-3px)}

@media(max-width:1200px){.cinematic-nav .nav-links a{padding:0 11px}.cinematic-nav .nav-links{gap:0}.nav-brand{min-width:220px}.nav-cta{display:none}.cinematic-footer .footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-signature{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:30px}}
@media(max-width:900px){.cinematic-nav{height:78px;padding:0 5vw}.nav-top{height:78px;grid-template-columns:1fr auto 1fr}.cinematic-nav .nav-links{display:none}.cinematic-nav .menu-btn{display:grid;width:40px;height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);place-items:center;gap:5px;padding:0}.cinematic-nav .menu-btn span{display:block;width:15px;height:1px;background:#fff}.nav-brand{min-width:auto}.nav-brand-copy b{font-size:8px}.nav-brand-copy small{font-size:6px}.brand-logo-wrap{width:38px;height:38px}.cinematic-nav .lang{height:38px}.nav-vinicius b{font-size:11px}.nav-vinicius small{font-size:5px}.cinematic-footer .footer-main{grid-template-columns:1fr 1fr;gap:42px}.footer-brand-col{grid-column:1/-1;max-width:650px}.footer-signature{grid-column:1/-1}}
@media(max-width:560px){.cinematic-nav .nav-brand-copy{display:none}.cinematic-nav .nav-tools{gap:6px}.cinematic-nav .lang{min-width:38px}.nav-vinicius{gap:8px}.nav-vinicius .vinicius-mark{width:28px;height:28px;font-size:11px}.nav-vinicius b{font-size:9px;letter-spacing:.14em}.nav-vinicius small{display:none}.cinematic-footer .footer-main{grid-template-columns:1fr;gap:38px;padding-top:48px}.footer-brand-col{grid-column:auto}.footer-signature{grid-column:auto}.footer-topline{justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:6px}.cinematic-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.back-top{align-self:flex-end}}

/* V7 viewport + header correction */
@media(min-width:1441px){.cinematic-hero{padding-left:8vw;padding-right:8vw}.hero-copy{max-width:720px}.hero-product{min-width:0}}
/* VINICIUS brand mark — use the supplied official mark instead of the placeholder V */
.nav-vinicius .vinicius-mark{width:46px;height:38px;border:0;transform:none;background:transparent;box-shadow:none;display:grid;place-items:center;overflow:visible}
.nav-vinicius .vinicius-mark img{display:block;width:58px;height:34px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 12px rgba(22,92,255,.12))}
@media(max-width:900px){.nav-vinicius .vinicius-mark{width:38px;height:32px}.nav-vinicius .vinicius-mark img{width:48px;height:30px}}
@media(max-width:560px){.nav-vinicius .vinicius-mark{width:34px;height:28px}.nav-vinicius .vinicius-mark img{width:42px;height:26px}}

/* V10 — cinematic scroll choreography */
:root{--scroll-blue:#135cff;--scroll-red:#ff2525}
body{overflow-x:hidden}
main{perspective:1200px}

/* global section atmosphere */
.section{position:relative;isolation:isolate;overflow:hidden}
.section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:-1;background:radial-gradient(circle at var(--scene-x,50%) 45%,rgba(19,92,255,.10),transparent 36%),radial-gradient(circle at 20% 80%,rgba(255,37,37,.055),transparent 28%);transition:opacity .5s ease}
.section.scene-active:before{opacity:1}

/* Hero becomes a camera shot while leaving the screen */
.cinematic-hero{--hero-progress:0;--hero-scale:1;--hero-shift:0px;transform-origin:50% 0;will-change:transform;overflow:hidden}
.cinematic-hero .hero-copy{transform:translate3d(var(--hero-copy-x,0px),var(--hero-copy-y,0px),0) scale(calc(1 - var(--hero-progress)*.06));opacity:calc(1 - var(--hero-progress)*.9);will-change:transform,opacity}
.cinematic-hero .hero-product{transform:translate3d(var(--hero-product-x,0px),var(--hero-product-y,0px),0) scale(calc(1 + var(--hero-progress)*.14)) rotate(calc(var(--hero-progress)*-4deg));opacity:calc(1 - var(--hero-progress)*.65);will-change:transform,opacity}
.cinematic-hero .hero-grid{transform:translateY(calc(var(--hero-progress)*90px)) scale(calc(1 + var(--hero-progress)*.08));}
.cinematic-hero .hero-orbit{transform:translate3d(0,calc(var(--hero-progress)*120px),0) rotate(calc(var(--hero-progress)*28deg)) scale(calc(1 + var(--hero-progress)*.18))}
.cinematic-hero .cinema-light-blue{opacity:calc(.9 - var(--hero-progress)*.4)}
.cinematic-hero .cinema-light-red{opacity:calc(.75 - var(--hero-progress)*.3)}
.cinematic-hero .hero-rail{transform:translateX(calc(var(--hero-progress)*-80px));opacity:calc(1 - var(--hero-progress)*.7)}

/* Section intro has depth instead of simple fade */
.scene-parallax{--sp:0;--sp-x:0px;--sp-y:0px}
.scene-parallax .section-intro,.scene-parallax .company-head,.scene-parallax .faq-title{transform:translate3d(var(--sp-x),calc(var(--sp-y) + 0px),0) rotateX(calc(var(--sp)*-1deg));will-change:transform}
.scene-parallax .section-no{display:inline-flex;transform:translateX(calc(var(--sp)*-12px));transition:letter-spacing .2s}
.scene-parallax.scene-active .section-no{letter-spacing:.18em}

/* Product reveal: card moves through a light tunnel */
.product-section{--product-p:0}
.product-section .product-card{transform:translate3d(0,calc(var(--product-p)*55px),0) rotateY(calc(var(--product-p)*-5deg)) scale(calc(.97 + var(--product-p)*.03));box-shadow:0 calc(var(--product-p)*25px) 80px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.04);will-change:transform}
.product-section .card-grid{transform:translateY(calc(var(--product-p)*-45px));opacity:calc(.65 + var(--product-p)*.35)}
.product-section .card-can{transform:translate3d(calc(var(--product-p)*28px),calc(var(--product-p)*-22px),0) rotate(calc(var(--product-p)*3deg));will-change:transform}

/* Technology: giant TECH drifts behind cards */
.dark-section{--tech-p:0}
.dark-section .tech-back{transform:translate3d(calc(var(--tech-p)*-120px),calc(var(--tech-p)*35px),0) scale(calc(1 + var(--tech-p)*.12));opacity:calc(.18 + var(--tech-p)*.15);will-change:transform}
.dark-section .tech-item{transform:translate3d(0,calc((1 - var(--tech-p))*35px),0) rotateX(calc((1 - var(--tech-p))*7deg));}
.dark-section .tech-item:nth-child(1){transition-delay:.04s}.dark-section .tech-item:nth-child(2){transition-delay:.12s}.dark-section .tech-item:nth-child(3){transition-delay:.2s}
.dark-section .tech-icon{transform:rotate(calc(var(--tech-p)*360deg)) scale(calc(.9 + var(--tech-p)*.1));}
.process-band{position:relative}
.process-band:after{content:"";position:absolute;left:0;top:50%;width:var(--process-line,0%);height:1px;background:linear-gradient(90deg,var(--scroll-blue),var(--scroll-red));box-shadow:0 0 16px rgba(19,92,255,.45);pointer-events:none}

/* Applications: dashboard / speedometer reacts to scroll */
.applications{--app-p:0}
.application-stage{transform:translate3d(0,calc((.5 - var(--app-p))*22px),0)}
.speedometer{transform:rotate(calc((var(--app-p) - .5)*8deg)) scale(calc(.94 + var(--app-p)*.06));will-change:transform}
.speedometer .needle{transform:translate(-50%,-100%) rotate(calc(-95deg + var(--app-p)*190deg))!important;transform-origin:50% 100%!important}
.app-lines{transform:translateX(calc((var(--app-p) - .5)*100px)) scaleX(calc(1 + var(--app-p)*.08));}

/* Product data: bottle floats in a controlled vertical drift */
.product-detail{--detail-p:0}
.product-detail .detail-visual{transform:translate3d(calc((.5 - var(--detail-p))*45px),calc((.5 - var(--detail-p))*35px),0) rotateY(calc((var(--detail-p) - .5)*10deg));will-change:transform}
.product-detail .detail-visual img{transform:translateY(calc(var(--detail-p)*-22px)) rotate(calc(var(--detail-p)*2deg));}
.product-detail .detail-glow{transform:scale(calc(.75 + var(--detail-p)*.5));opacity:calc(.35 + var(--detail-p)*.55)}
.product-detail .detail-table>div{transform:translateX(calc((1 - var(--detail-p))*28px));opacity:calc(.5 + var(--detail-p)*.5)}

/* Trade: panel feels like it is entering a light tunnel */
.trade-section{--trade-p:0}
.trade-panel{transform:translate3d(0,calc((1 - var(--trade-p))*50px),0) scale(calc(.94 + var(--trade-p)*.06));will-change:transform}
.trade-panel .trade-glow{transform:translate3d(calc((.5 - var(--trade-p))*180px),0,0) scale(calc(.7 + var(--trade-p)*.5));opacity:calc(.2 + var(--trade-p)*.8)}
.trade-stats>div{transform:translateY(calc((1 - var(--trade-p))*35px));opacity:calc(.45 + var(--trade-p)*.55)}
.trade-stats>div:nth-child(2){transition-delay:.08s}.trade-stats>div:nth-child(3){transition-delay:.16s}

/* Company section: mark rotates into place */
.about-section{--about-p:0}
.about-copy{transform:translate3d(calc((.5 - var(--about-p))*45px),0,0)}
.about-mark{transform:translate3d(calc((var(--about-p) - .5)*55px),calc((1 - var(--about-p))*30px),0) rotate(calc((1 - var(--about-p))*-12deg)) scale(calc(.9 + var(--about-p)*.1));will-change:transform}
.about-mark img{filter:drop-shadow(0 0 calc(8px + var(--about-p)*18px) rgba(19,92,255,.18))}

.company-section{--company-p:0}
.company-card{transform:translateY(calc((1 - var(--company-p))*35px)) rotateX(calc((1 - var(--company-p))*8deg));opacity:calc(.45 + var(--company-p)*.55);will-change:transform}
.company-card:nth-child(2){transition-delay:.08s}.company-card:nth-child(3){transition-delay:.16s}

/* Contact gets a cinematic light sweep */
.contact-section{--contact-p:0;position:relative;overflow:hidden}
.contact-section:before{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.055) 50%,transparent 65%);transform:translateX(calc((var(--contact-p) - .5)*130%));pointer-events:none}
.contact-inner{transform:translateY(calc((1 - var(--contact-p))*35px)) scale(calc(.96 + var(--contact-p)*.04));}

/* FAQ rows rise one after another */
.faq-section{--faq-p:0}
.faq-list details{transform:translateX(calc((1 - var(--faq-p))*30px));opacity:calc(.55 + var(--faq-p)*.45)}

/* tiny scene indicator on the right edge */
.scroll-scene-indicator{position:fixed;right:18px;top:50%;z-index:30;display:grid;gap:7px;transform:translateY(-50%);pointer-events:none;opacity:.75}
.scroll-scene-indicator i{display:block;width:2px;height:18px;background:rgba(255,255,255,.18);transition:.3s}
.scroll-scene-indicator i.active{height:34px;background:linear-gradient(var(--blue),var(--red));box-shadow:0 0 14px rgba(19,92,255,.35)}
.scroll-scene-label{position:fixed;right:28px;bottom:26px;z-index:30;color:#586476;font:800 7px Inter;letter-spacing:.18em;pointer-events:none;opacity:.65}

@media(max-width:900px){
  .scroll-scene-indicator,.scroll-scene-label{display:none}
  .cinematic-hero .hero-copy{opacity:calc(1 - var(--hero-progress)*.65)}
  .product-section .product-card{transform:translateY(calc(var(--product-p)*30px)) scale(calc(.98 + var(--product-p)*.02))}
  .dark-section .tech-item{transform:translateY(calc((1 - var(--tech-p))*20px))}
  .about-copy{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-hero,.cinematic-hero *,.scene-parallax *,.product-section *,.dark-section *,.applications *,.product-detail *,.trade-section *,.about-section *,.company-section *,.contact-section *,.faq-section *{transform:none!important;transition:none!important}
}

/* V11 — real social brand icons */
.cinematic-footer .footer-socials a{position:relative;overflow:hidden}
.cinematic-footer .footer-socials a svg{width:15px;height:15px;display:block;fill:currentColor;transition:transform .25s ease,filter .25s ease}
.cinematic-footer .footer-socials a:hover svg{transform:scale(1.12);filter:drop-shadow(0 0 7px rgba(255,255,255,.22))}
.cinematic-footer .footer-socials a:nth-child(1):hover{color:#e1306c}
.cinematic-footer .footer-socials a:nth-child(2):hover{color:#2aa9ea}
.cinematic-footer .footer-socials a:nth-child(3):hover{color:#0a66c2}
.cinematic-footer .footer-socials a:nth-child(4):hover{color:#ea4335}

/* V13 — deeper scroll-driven parallax choreography */
.ticker{--ticker-x:0px;will-change:transform}
.ticker>div,.ticker>i{transform:translate3d(var(--ticker-x),0,0);will-change:transform}
.credibility{position:relative;overflow:hidden}
.credibility .cred-item{will-change:transform;transform:translate3d(var(--global-px,0px),var(--global-py,0px),0);transition:transform .12s linear}

.product-section .section-intro,
.product-section .product-card,
.dark-section .section-intro,
.dark-section .tech-grid,
.application-stage,
.product-detail .section-intro,
.product-detail .detail-visual,
.product-detail .detail-table,
.trade-panel,
.about-section .about-copy,
.about-section .about-mark,
.company-head,
.company-grid,
.contact-inner,
.faq-title,
.faq-list{will-change:transform}

/* foreground/background layers move at different speeds, creating real depth */
.product-section .section-intro{transform:translate3d(var(--global-px,0px),calc(var(--global-py,0px) + var(--product-p,0)*55px),0)}
.product-section .product-card{transform:translate3d(calc(var(--global-px,0px) * -1),calc(var(--global-py,0px) + var(--product-p,0)*55px),0) rotateY(calc(var(--product-p,0)*-5deg)) scale(calc(.97 + var(--product-p,0)*.03));}
.dark-section .section-intro{transform:translate3d(var(--global-px,0px),var(--global-py,0px),0)}
.dark-section .tech-grid{transform:translate3d(calc(var(--global-px,0px) * -1),calc(var(--global-py,0px) * .35),0)}
.dark-section .tech-back{transform:translate3d(calc(var(--tech-p,0)*-120px + var(--global-px,0px)*-2),calc(var(--tech-p,0)*35px + var(--global-py,0px)*.35),0) scale(calc(1 + var(--tech-p,0)*.12));}
.application-stage{transform:translate3d(var(--global-px,0px),calc(var(--global-py,0px) + (.5 - var(--app-p,0))*22px),0)}
.product-detail .section-intro{transform:translate3d(var(--global-px,0px),var(--global-py,0px),0)}
.product-detail .detail-visual{transform:translate3d(calc((.5 - var(--detail-p,0))*45px + var(--global-px,0px)*-1.4),calc((.5 - var(--detail-p,0))*35px + var(--global-py,0px)*1.5),0) rotateY(calc((var(--detail-p,0) - .5)*10deg));}
.product-detail .detail-table{transform:translate3d(var(--global-px,0px),var(--global-py,0px),0)}
.trade-panel{transform:translate3d(calc(var(--global-px,0px)*-1),calc((1 - var(--trade-p,0))*50px + var(--global-py,0px)),0) scale(calc(.94 + var(--trade-p,0)*.06));}
.about-section .about-copy{transform:translate3d(calc((.5 - var(--about-p,0))*45px + var(--global-px,0px)),var(--global-py,0px),0)}
.about-section .about-mark{transform:translate3d(calc((var(--about-p,0) - .5)*55px + var(--global-px,0px)*-1.5),calc((1 - var(--about-p,0))*30px + var(--global-py,0px)*.6),0) rotate(calc((1 - var(--about-p,0))*-12deg)) scale(calc(.9 + var(--about-p,0)*.1));}
.company-head{transform:translate3d(var(--global-px,0px),var(--global-py,0px),0)}
.company-grid{transform:translate3d(calc(var(--global-px,0px)*-1),calc(var(--global-py,0px)*.45),0)}
.contact-inner{transform:translate3d(var(--global-px,0px),calc((1 - var(--contact-p,0))*35px + var(--global-py,0px)),0) scale(calc(.96 + var(--contact-p,0)*.04));}
.faq-title{transform:translate3d(var(--global-px,0px),var(--global-py,0px),0)}
.faq-list{transform:translate3d(calc(var(--global-px,0px)*-1),calc(var(--global-py,0px)*.55),0)}

/* cinematic transition between scenes */
.scene-parallax.scene-active{z-index:2}
.scene-parallax.scene-active:after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);opacity:.7;transform:scaleX(calc(.4 + var(--sp,0)*.25));pointer-events:none}

@media(max-width:900px){
  .credibility .cred-item,.product-section .section-intro,.product-section .product-card,.dark-section .section-intro,.dark-section .tech-grid,.application-stage,.product-detail .section-intro,.product-detail .detail-visual,.product-detail .detail-table,.trade-panel,.about-section .about-copy,.about-section .about-mark,.company-head,.company-grid,.contact-inner,.faq-title,.faq-list{transform:translate3d(0,var(--global-py,0px),0)!important}
  .ticker>div,.ticker>i{transform:translateX(calc(var(--ticker-x)*.45))}
}
@media(prefers-reduced-motion:reduce){
  .ticker>div,.ticker>i,.credibility .cred-item,.product-section .section-intro,.product-section .product-card,.dark-section .section-intro,.dark-section .tech-grid,.dark-section .tech-back,.application-stage,.product-detail .section-intro,.product-detail .detail-visual,.product-detail .detail-table,.trade-panel,.about-section .about-copy,.about-section .about-mark,.company-head,.company-grid,.contact-inner,.faq-title,.faq-list{transform:none!important}
}