:root{--red:#c8203a;--red2:#a3162d;--ink:#1d1d1f;--mid:#55595f;--mute:#868b92;--card:#efefef;--line:#e4e4e6;--dark:#3a3a3b;--darker:#2c2c2d;--f:Montserrat,Cairo,system-ui,sans-serif;--r:22px;--e:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--f);background:#fff;color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.sec{padding-block:clamp(70px,9vw,130px)}
.lab{display:block;text-align:center;font-size:13px;letter-spacing:.14em;color:var(--mute);font-weight:500;margin-bottom:14px}
.ttl{text-align:center;font-size:clamp(30px,4.2vw,56px);font-weight:600;line-height:1.25;letter-spacing:-.01em;max-width:18em;margin-inline:auto}
.sub{text-align:center;color:var(--mid);font-size:clamp(16px,1.4vw,19px);max-width:36em;margin:16px auto 0;font-weight:300}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:#fff;padding:15px 30px;border-radius:12px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:.35s var(--e);font-family:var(--f);letter-spacing:.02em}
.btn:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 12px 26px #c8203a44}.btn svg{width:15px;height:15px;transition:.35s var(--e)}.btn:hover svg{transform:translateX(-5px)}
.btn.ol{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.btn.ol:hover{background:var(--ink);color:#fff;box-shadow:none}
.btn.wh{background:#fff;color:var(--red)}.btn.wh:hover{background:var(--ink);color:#fff;box-shadow:none}
/* header */
.topbar{background:var(--red);color:#fff;text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;padding:9px 12px}.topbar a{margin-inline:12px}.topbar a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:90;background:#fff;transition:box-shadow .4s}header.sc{box-shadow:0 8px 30px #0000001a}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:92px;gap:20px;transition:height .4s}header.sc .wrap{height:74px}
header .lg img{height:58px;width:auto;transition:.4s}header.sc .lg img{height:48px}
nav.main{display:flex;gap:0}nav.main>div{position:relative}
nav.main>div>a{display:block;padding:34px 14px;font-weight:600;font-size:14.5px;position:relative;white-space:nowrap;transition:color .25s}
nav.main>div>a::after{content:"";position:absolute;bottom:20px;right:14px;left:14px;height:2px;background:var(--red);transform:scaleX(0);transition:.35s var(--e)}
nav.main>div:hover>a{color:var(--red)}nav.main>div:hover>a::after{transform:scaleX(1)}
.dd{position:absolute;top:100%;right:0;min-width:320px;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 26px 50px #00000026;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s var(--e);padding:10px;border-top:3px solid var(--red)}
nav.main>div:hover .dd,nav.main>div:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:12px 18px;border-radius:12px;font-size:14.5px;color:var(--mid);font-weight:500;transition:.2s}.dd a:hover{background:var(--card);color:var(--red);padding-inline-start:24px}
.hr{display:flex;gap:10px;align-items:center}.hr .btn{padding:11px 22px;font-size:14px}
.lang{font-size:13px;font-weight:600;padding:8px 12px;border-radius:99px;transition:.2s}.lang:hover{background:var(--card)}
.burger{display:none;width:46px;height:46px;border:0;background:none;cursor:pointer}.burger i{display:block;width:26px;height:2px;background:var(--ink);margin:6px auto;transition:.3s}
/* hero slider */
.hero{position:relative;height:min(82svh,760px);min-height:420px;overflow:hidden;background:#222;border-bottom:5px solid var(--red)}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s var(--e),visibility 1.1s}
.sl.on{opacity:1;visibility:visible}
.sl img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;transform:translateY(var(--py,0px)) scale(1.08);transition:transform 9s linear}.sl.on img{transform:translateY(var(--py,0px)) scale(1)}
.sl::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000000b3 0,#00000040 38%,#0000001a 70%)}
.sl .tx{position:absolute;z-index:2;bottom:clamp(36px,7vw,90px);inset-inline:0}.sl .tx .wrap>*{opacity:0;transform:translateY(24px);transition:.9s var(--e)}.sl.on .tx .wrap>*{opacity:1;transform:none}.sl.on .tx .wrap>*:nth-child(2){transition-delay:.15s}.sl.on .tx .wrap>*:nth-child(3){transition-delay:.3s}
.sl small{display:block;color:#ffffffcc;font-size:14px;letter-spacing:.12em;margin-bottom:8px;font-weight:500}
.sl h2{color:#fff;font-size:clamp(34px,5.6vw,80px);font-weight:700;line-height:1.1;margin-bottom:26px;max-width:12em}
.ctl{position:absolute;z-index:3;bottom:clamp(36px,7vw,90px);left:clamp(20px,4vw,56px);display:flex;gap:10px}
.ctl button{width:52px;height:52px;border-radius:50%;border:1.5px solid #ffffff99;background:#00000026;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px);transition:.3s}.ctl button:hover{background:#fff;color:var(--ink)}
.pgs{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.pgs button{width:34px;height:4px;border:0;background:#ffffff66;cursor:pointer;border-radius:4px;overflow:hidden;position:relative}.pgs button.on::after{content:"";position:absolute;inset:0;background:#fff;animation:fill 6s linear forwards;transform-origin:right}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* intro */
.intro p{text-align:center;font-size:clamp(24px,3.2vw,44px);font-weight:300;line-height:1.55;max-width:26em;margin-inline:auto;letter-spacing:-.01em}.intro p b{font-weight:600;color:var(--red)}
/* cards */
.bl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,64px)}
.bc{background:var(--card);border-radius:var(--r);padding:clamp(28px,3vw,44px) 28px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px;justify-content:center;position:relative;transition:.45s var(--e);overflow:hidden}
.bc svg.ic{width:76px;height:76px;margin-bottom:22px;transition:.5s var(--e)}
.bc h3{font-size:17px;font-weight:700;letter-spacing:.01em;line-height:1.5}.bc p{font-size:14px;color:var(--mute);margin-top:8px;max-width:20em;font-weight:400}
.bc .go{position:absolute;bottom:20px;display:flex;gap:8px;font-size:13px;font-weight:600;color:var(--red);opacity:0;transform:translateY(10px);transition:.4s var(--e);align-items:center}
.bc:hover{background:#fff;box-shadow:0 26px 50px #0000001f;transform:translateY(-8px)}.bc:hover svg.ic{transform:scale(1.1) translateY(-4px)}.bc:hover .go{opacity:1;transform:none}
.bc::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--red);transform:scaleX(0);transition:.5s var(--e)}.bc:hover::before{transform:scaleX(1)}
.ic *{stroke:var(--ink);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ic .ac{stroke:var(--red)}.ic .fl{fill:var(--red);stroke:none}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(50px,6vw,90px);border-top:1px solid var(--line)}
.stats div{padding:34px 10px 0;text-align:center;border-inline-start:1px solid var(--line)}.stats div:first-child{border-inline-start:0}
.stats b{display:block;font-size:clamp(44px,5.6vw,84px);font-weight:300;line-height:1.1;letter-spacing:-.03em;font-family:Montserrat,Cairo,sans-serif}.stats b em{font-style:normal;color:var(--red);font-weight:500}
.stats small{display:block;color:var(--mid);font-size:15px;margin-top:6px}
/* map */
.mapsec{background:#f6f7f9}
.mapbox{position:relative;margin-top:clamp(30px,4vw,50px);background:#fff;border-radius:calc(var(--r) + 6px);padding:clamp(10px,2vw,30px);box-shadow:0 20px 60px #0000000f;overflow:hidden}
.mapbox svg{width:100%;height:auto;display:block}
.cty{fill:#e3e6ea;stroke:#fff;stroke-width:.8;transition:fill .4s}.cty.ex{fill:#f0b3bc}.cty.hq{fill:var(--red)}.mapbox.hi-ex .cty.ex{fill:#e8707f}.mapbox.hi-hq .cty.hq{fill:#7b1236}
.arc{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 6;opacity:.8;stroke-dashoffset:var(--d,600)}
.mapsec.in .arc{animation:dash 2.4s var(--e) forwards}@keyframes dash{to{stroke-dashoffset:0}}
.pin circle.c{fill:var(--red)}.pin circle.p{fill:var(--red);opacity:.3;transform-origin:center;transform-box:fill-box;animation:pulse 2.2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(3.4);opacity:0}}
.pin text{font-family:var(--f);font-size:13px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}
.chips{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.chip{display:inline-flex;gap:10px;align-items:center;padding:11px 24px;border:1px solid var(--line);border-radius:99px;font-size:14px;font-weight:500;background:#fff;cursor:pointer;transition:.3s;font-family:var(--f)}.chip i{width:10px;height:10px;border-radius:50%;display:block}.chip:hover{border-color:var(--red);box-shadow:0 6px 18px #c8203a22}
/* dark */
.dark{background:var(--dark);color:#fff}.dark .lab{color:#b4b4b6}.dark .ttl{color:#fff}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(40px,5vw,70px);border-top:1px solid #ffffff22}
.why div{padding:34px 28px 34px 20px;border-bottom:1px solid #ffffff22;border-inline-start:1px solid #ffffff22;transition:.4s var(--e)}.why div:nth-child(3n+1){border-inline-start:0}.why div:hover{background:#ffffff0d}
.why b{font-family:Montserrat;font-size:14px;color:#ff7b8b;font-weight:600;letter-spacing:.1em}.why h4{font-size:21px;font-weight:600;margin:6px 0}.why p{font-size:15px;color:#c8c8ca;font-weight:300}
/* machines */
.mach{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,64px)}
.mc{background:var(--card);border-radius:var(--r);padding:14px;transition:.45s var(--e)}.mc:hover{transform:translateY(-8px);box-shadow:0 26px 50px #0000001f}
.mc .ph{background:#fff;border-radius:calc(var(--r) - 8px);aspect-ratio:4/3;display:grid;place-items:center;padding:16px;overflow:hidden}.mc .ph img{max-height:100%;width:auto;transition:transform .8s var(--e)}.mc:hover .ph img{transform:scale(1.07)}
.mc .bd{padding:22px 14px 14px}.mc small{color:var(--red);font-weight:700;font-size:12.5px;letter-spacing:.06em}.mc h3{font-size:26px;font-weight:600;margin:2px 0 14px;direction:ltr;text-align:right}
.mc dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #d7d7d9;font-size:14.5px}.mc dt{color:var(--mute)}.mc dd{font-weight:600;text-align:left}
/* steps */
.steps{display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin-top:clamp(40px,5vw,70px)}
.steps::before{content:"";position:absolute;top:24px;right:7%;left:7%;height:2px;background:var(--line)}.steps .pg{position:absolute;top:24px;right:7%;height:2px;background:var(--red);width:0;transition:width 1.8s var(--e)}.steps.go .pg{width:86%}
.step{text-align:center;padding-inline:6px;position:relative}.step b{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;margin:0 auto 18px;font-weight:600;position:relative;z-index:1;transition:.5s var(--e)}
.steps.go .step b{border-color:var(--red);background:var(--red);color:#fff}
.steps.go .step:nth-child(2) b{transition-delay:.25s}.steps.go .step:nth-child(3) b{transition-delay:.5s}.steps.go .step:nth-child(4) b{transition-delay:.75s}.steps.go .step:nth-child(5) b{transition-delay:1s}.steps.go .step:nth-child(6) b{transition-delay:1.25s}.steps.go .step:nth-child(7) b{transition-delay:1.5s}
.step h4{font-size:16.5px;font-weight:600}.step p{font-size:13.5px;color:var(--mute);margin-top:6px;line-height:1.7}
/* rail */
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 24px;scrollbar-width:none;margin-top:clamp(36px,5vw,60px)}.rail::-webkit-scrollbar{display:none}
.pc{flex:0 0 clamp(230px,23vw,320px);scroll-snap-align:start}.pc .im{aspect-ratio:3/4;background:var(--card);border-radius:var(--r);overflow:hidden}.pc img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e)}.pc:hover img{transform:scale(1.07)}
.pc p{margin-top:14px;font-weight:600;text-align:center}.pc span{display:block;font-size:13px;color:var(--mute);font-weight:400}
.arr{display:flex;gap:10px;justify-content:center;margin-top:6px}.arr button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;font-size:18px;cursor:pointer;transition:.3s}.arr button:hover{background:var(--ink);color:#fff}
/* logos */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;margin-top:clamp(36px,5vw,60px)}
.logos img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:18px;padding:10px;filter:grayscale(1);opacity:.65;transition:.4s var(--e);box-shadow:inset 0 0 0 1px var(--line)}.logos img:hover{filter:none;opacity:1;transform:translateY(-5px);box-shadow:0 14px 30px #00000020}
.logos img:hover{box-shadow:0 14px 30px #00000020}
/* certs */
.cert{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:clamp(36px,5vw,60px)}.cert img{border-radius:16px;box-shadow:0 8px 24px #0000001a;transition:.5s var(--e)}.cert img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 50px #00000030}
/* export */
.exp{background:var(--card)}
.exg{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.exg h2{text-align:right;margin:0}.exg .lab{text-align:right}.exg p{color:var(--mid);margin:18px 0 28px;font-weight:300;font-size:18px;max-width:28em}
.dest{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dest a{background:#fff;border-radius:18px;padding:24px;font-size:20px;font-weight:700;transition:.4s var(--e);display:flex;justify-content:space-between;align-items:center}.dest a small{display:block;font-family:Montserrat;font-size:11px;letter-spacing:.14em;color:var(--mute);font-weight:500}.dest a:hover{background:var(--red);color:#fff;transform:translateY(-5px)}.dest a:hover small{color:#ffd6dc}
/* journal */
.jl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,60px)}
.jc{background:var(--card);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;transition:.45s var(--e)}.jc:hover{background:#fff;box-shadow:0 26px 50px #0000001f;transform:translateY(-8px)}
.jc time{font-size:13px;color:var(--mute);font-family:Montserrat}.jc h3{font-size:19px;font-weight:600;line-height:1.6;margin:10px 0 20px}.jc span{color:var(--red);font-weight:600;font-size:14px}
/* cta */
.cta{background:var(--red);color:#fff}
.cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.cta h2{font-size:clamp(34px,4.8vw,66px);font-weight:600;line-height:1.2}.cta p{margin-top:16px;font-size:18px;color:#ffe3e7;font-weight:300;max-width:26em}
.cta .ct{margin-top:26px;font-size:20px;font-weight:600;direction:ltr;text-align:right;line-height:1.9}
form{background:#fff;color:var(--ink);padding:clamp(24px,3vw,40px);border-radius:var(--r);display:grid;gap:14px;box-shadow:0 30px 60px #00000040}
form label{font-size:13px;font-weight:600;color:var(--mid);display:grid;gap:5px}
form input,form select,form textarea{width:100%;border:1.5px solid #dcdcde;border-radius:12px;padding:13px 15px;font-family:var(--f);font-size:16px;outline:0;background:#fff;transition:.25s}form input:focus,form select:focus,form textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px #c8203a1f}
form .btn{justify-content:center;padding:16px}
footer{background:var(--darker);color:#b0b0b3;padding:70px 0 26px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
footer .plate{background:#fff;display:inline-block;padding:10px 16px;border-radius:14px;margin-bottom:18px}footer .plate img{height:46px}
footer h5{color:#fff;font-weight:600;margin-bottom:12px}footer a{display:block;padding:3px 0;transition:.2s}footer a:hover{color:#fff;padding-inline-start:6px}
footer .cp{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:20px;margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#7c7c80}
.wa{position:fixed;bottom:18px;left:18px;z-index:95;background:#25D366;color:#fff;padding:13px 22px;border-radius:99px;font-weight:600;box-shadow:0 12px 28px #00000040;transition:.35s var(--e)}.wa:hover{transform:translateY(-4px)}
.rv{opacity:0;transform:translateY(30px);transition:opacity 1s var(--e),transform 1s var(--e)}.rv.in{opacity:1;transform:none}
#menu{position:fixed;inset:0;background:#fff;z-index:120;padding:90px 24px 30px;transform:translateX(100%);transition:.5s var(--e);overflow:auto}#menu.open{transform:none}
#menu a{display:block;font-size:22px;font-weight:600;padding:15px 0;border-bottom:1px solid var(--line)}
#xm{position:fixed;top:20px;left:18px;z-index:130;display:none;width:46px;height:46px;border:0;background:var(--card);font-size:20px;border-radius:50%}#menu.open~#xm{display:block}
@media(max-width:1050px){nav.main,.lang{display:none}.burger{display:block}header .wrap{height:76px}header .lg img{height:46px}.hr .btn{display:none}
 .bl,.mach,.jl{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr 1fr}.why div:nth-child(n){border-inline-start:1px solid #ffffff22}.why div:nth-child(2n+1){border-inline-start:0}
 .stats{grid-template-columns:1fr 1fr}.stats div:nth-child(3){border-inline-start:0}.stats div:nth-child(n+3){border-top:1px solid var(--line);margin-top:20px}
 .exg,.cta .wrap{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:0}.steps::before,.steps .pg{display:none}.step{display:grid;grid-template-columns:48px 1fr;gap:6px 16px;text-align:right;padding:14px 0;border-bottom:1px solid var(--line)}.step b{margin:0;grid-row:span 2}.step p{margin:0}
 .cert{grid-template-columns:1fr 1fr}footer .wrap{grid-template-columns:1fr 1fr}.ctl button{width:44px;height:44px}}
@media(max-width:640px){.bl,.mach,.jl,.why{grid-template-columns:1fr}.why div:nth-child(n){border-inline-start:0}.hero{height:min(70svh,520px)}.ctl{display:none}.dest{grid-template-columns:1fr 1fr}}
/* ===== extra motion & polish ===== */
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.skip{position:absolute;top:-60px;right:10px;background:var(--red);color:#fff;padding:10px 18px;border-radius:10px;z-index:200;transition:.3s}.skip:focus{top:10px}
.lab{position:relative;display:block}.lab::after{content:"";display:block;width:0;height:3px;background:var(--red);margin:10px auto 0;border-radius:3px;transition:width .9s var(--e) .3s}.lab.in::after{width:44px}
.exg .lab::after{margin-inline:0 auto}
.hero .sl img{will-change:transform}.hero .cue{position:absolute;z-index:3;bottom:22px;right:clamp(20px,4vw,56px);color:#fff;font-size:12px;letter-spacing:.2em;display:flex;align-items:center;gap:10px;opacity:.85}.cue i{display:block;width:2px;height:40px;background:#ffffff55;position:relative;overflow:hidden}.cue i::after{content:"";position:absolute;inset:0;background:#fff;animation:cue 2s var(--e) infinite}@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
.intro p .w{display:inline-block;opacity:.12;transform:translateY(10px);transition:opacity .6s var(--e),transform .6s var(--e)}.intro p .w.on{opacity:1;transform:none}
.bc.rv,.mc.rv,.jc.rv,.dest a.rv,.cert img.rv{transition:opacity .9s var(--e),transform .9s var(--e),background .45s var(--e),box-shadow .45s var(--e)}
.bc:hover svg.ic{animation:bob 1.4s var(--e) infinite}@keyframes bob{50%{transform:scale(1.1) translateY(-8px)}}
.dark .why div{position:relative;overflow:hidden}.dark .why div::after{content:"";position:absolute;bottom:0;right:0;height:3px;width:0;background:#ff7b8b;transition:width .6s var(--e)}.dark .why div:hover::after{width:100%}
.pin circle.c{animation:pop .6s var(--e) both;animation-delay:var(--pd,0s);transform-origin:center;transform-box:fill-box}@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.mapsec .pin text{opacity:0;transition:opacity .6s var(--e) .8s}.mapsec.in .pin text{opacity:1}
.mc .ph{perspective:700px}.mc .ph img{transition:transform .5s var(--e);will-change:transform}
.steps.go .step h4,.steps.go .step p{animation:fup .8s var(--e) both}.steps.go .step:nth-child(3) h4,.steps.go .step:nth-child(3) p{animation-delay:.3s}.steps.go .step:nth-child(4) h4,.steps.go .step:nth-child(4) p{animation-delay:.5s}.steps.go .step:nth-child(5) h4,.steps.go .step:nth-child(5) p{animation-delay:.75s}.steps.go .step:nth-child(6) h4,.steps.go .step:nth-child(6) p{animation-delay:1s}.steps.go .step:nth-child(7) h4,.steps.go .step:nth-child(7) p{animation-delay:1.25s}.steps.go .step:nth-child(8) h4,.steps.go .step:nth-child(8) p{animation-delay:1.5s}@keyframes fup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rail{cursor:grab}.rail.dg{cursor:grabbing;scroll-snap-type:none}.rprog{height:3px;background:var(--line);border-radius:3px;max-width:240px;margin:6px auto 20px;overflow:hidden}.rprog i{display:block;height:100%;width:20%;background:var(--red);border-radius:3px;transition:transform .2s;transform-origin:right}
.wa::before{content:"";position:absolute;inset:0;border-radius:99px;box-shadow:0 0 0 0 #25D36688;animation:ring 2.6s infinite;pointer-events:none}@keyframes ring{70%{box-shadow:0 0 0 16px #25D36600}100%{box-shadow:0 0 0 0 #25D36600}}.wa{position:fixed}
/* logo groups */
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:clamp(28px,4vw,44px)}
.tab{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:11px 22px;font-family:var(--f);font-size:14.5px;font-weight:600;cursor:pointer;transition:.35s var(--e);color:var(--mid)}.tab small{display:inline-block;margin-inline-start:8px;background:var(--card);border-radius:99px;padding:0 9px;font-size:12px;font-weight:600;transition:.3s}
.tab:hover{border-color:var(--red);color:var(--red)}.tab.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 24px #c8203a44}.tab.on small{background:#ffffff33;color:#fff}
.lg-h{grid-column:1/-1;display:flex;align-items:center;gap:16px;font-weight:700;font-size:20px;margin:26px 0 4px}.lg-h:first-child{margin-top:0}.lg-h::after{content:"";flex:1;height:1px;background:var(--line)}.lg-h small{font-weight:500;color:var(--mute);font-size:13px}
.logos img.li{opacity:0;transform:scale(.8) translateY(14px);animation:li .6s var(--e) forwards;animation-delay:var(--ld,0s)}@keyframes li{to{opacity:.65;transform:none}}.logos img.li:hover{opacity:1;transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}html{scroll-behavior:auto}.sl img{transition:none}.pgs button.on::after{animation:none}.pin circle.p,.pin circle.c,.wa::before,.cue i::after,.marquee{animation:none}.logos img.li{animation:none;opacity:.65;transform:none}.intro p .w{opacity:1;transform:none}.steps.go .step h4,.steps.go .step p{animation:none}.bc:hover svg.ic{animation:none}}
/* ===== v6 additions ===== */
/* logo slider */
.lgs{margin-top:clamp(28px,4vw,48px);position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lgrow{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:8px 4px;cursor:grab;direction:rtl}.lgrow::-webkit-scrollbar{display:none}.lgrow+.lgrow{margin-top:6px}
.lgi{flex:0 0 clamp(96px,9vw,128px);aspect-ratio:1;background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;padding:10px;transition:transform .4s var(--e),box-shadow .4s var(--e)}
.lgi img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.4s var(--e);pointer-events:none;-webkit-user-drag:none}
.lgi:hover{transform:translateY(-6px);box-shadow:0 16px 34px #00000024}.lgi:hover img{filter:none;opacity:1}
.lgctl{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:22px;color:var(--mute);font-size:13px}.lgctl button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;font-size:17px;cursor:pointer;transition:.3s}.lgctl button:hover{background:var(--ink);color:#fff}
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:clamp(24px,3vw,36px)}
.tab{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:10px 20px;font-family:var(--f);font-size:14.5px;font-weight:600;cursor:pointer;transition:.35s var(--e);color:var(--mid)}.tab small{display:inline-block;margin-inline-start:8px;background:var(--card);border-radius:99px;padding:0 9px;font-size:12px;transition:.3s}
.tab:hover{border-color:var(--red);color:var(--red)}.tab.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 24px #c8203a44}.tab.on small{background:#ffffff33;color:#fff}
/* tools teaser */
.tl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(36px,5vw,60px)}
.tool{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--card);border-radius:calc(var(--r) + 4px);padding:clamp(24px,3vw,38px);align-items:center;transition:.45s var(--e);position:relative;overflow:hidden}
.tool:hover{background:#fff;box-shadow:0 26px 54px #0000001f;transform:translateY(-8px)}
.tool h3{font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.35}.tool p{color:var(--mid);margin:10px 0 20px;font-size:15px}.tool .art{background:#fff;border-radius:16px;aspect-ratio:1;display:grid;place-items:center;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.tool .art svg{width:100%;height:100%}
/* compare */
.cs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(36px,5vw,60px)}
.cmpc{background:var(--card);border-radius:calc(var(--r) + 2px);padding:14px;transition:.45s var(--e)}.cmpc:hover{box-shadow:0 26px 54px #0000001f;background:#fff;transform:translateY(-8px)}
.cmp{position:relative;aspect-ratio:4/3;border-radius:calc(var(--r) - 6px);overflow:hidden;background:#fff;--p:50%;user-select:none}
.cmp>img,.cmp .bf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp .bf{background:#fff;clip-path:inset(0 var(--p) 0 0);display:grid;place-items:center;padding:8px}.cmp .bf svg{width:100%;height:100%}
.cmp .hd{position:absolute;top:0;bottom:0;right:var(--p);width:3px;background:#fff;box-shadow:0 0 12px #0006;transform:translateX(50%);pointer-events:none}.cmp .hd::after{content:"⇄";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 18px #0005}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:ltr}
.cmp .tg{position:absolute;bottom:10px;font-size:12px;font-weight:700;background:#000a;color:#fff;border-radius:99px;padding:3px 12px}.cmp .tg.b{right:10px}.cmp .tg.a{left:10px}
.cmpc .bd{padding:16px 10px 6px}.cmpc small{color:var(--red);font-weight:700;font-size:12.5px}.cmpc h3{font-size:19px;font-weight:600;margin-top:2px}.cmpc p{color:var(--mute);font-size:14px;margin-top:4px}
/* certs */
.cc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:clamp(36px,5vw,60px)}
.cert-c{background:var(--card);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;transition:.45s var(--e)}.cert-c:hover{background:#fff;box-shadow:0 26px 50px #0000001f;transform:translateY(-8px)}
.cert-c .th{border:0;padding:0;background:#fff;border-radius:calc(var(--r) - 8px);overflow:hidden;cursor:zoom-in;aspect-ratio:3/4;position:relative}.cert-c .th img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--e)}.cert-c .th:hover img{transform:scale(1.05)}
.cert-c .th::after{content:"تكبير";position:absolute;bottom:10px;left:10px;background:#000a;color:#fff;border-radius:99px;font-size:12px;padding:2px 12px;font-family:var(--f)}
.cert-c .bd{padding:16px 8px 8px}.cert-c h3{font-size:19px;font-weight:700;direction:ltr;text-align:right}.cert-c .iss{color:var(--red);font-size:12.5px;font-weight:700;letter-spacing:.04em}.cert-c dl{margin-top:10px;font-size:13px}.cert-c dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #d9d9db}.cert-c dt{color:var(--mute)}.cert-c dd{font-weight:600;direction:ltr;text-align:left}
.cert-c a.vr{margin-top:12px;display:inline-flex;gap:6px;align-items:center;font-size:13.5px;font-weight:700;color:var(--red)}.cert-c a.vr:hover{text-decoration:underline}
dialog.lb{border:0;background:transparent;max-width:min(92vw,720px);max-height:92svh;padding:0;margin:auto;overflow:visible}dialog.lb::backdrop{background:#000c;backdrop-filter:blur(4px)}dialog.lb img{width:100%;max-height:88svh;object-fit:contain;border-radius:14px;background:#fff}dialog.lb button{position:absolute;top:-14px;left:-14px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 24px #0006}
/* faq */
.fqs{max-width:900px;margin:clamp(34px,4vw,56px) auto 0}
details.fq{border-bottom:1px solid var(--line)}details.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:clamp(17px,1.6vw,20px);font-weight:600;transition:color .25s}details.fq summary::-webkit-details-marker{display:none}
details.fq summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:22px;font-weight:400;transition:.4s var(--e)}details.fq[open] summary::after{content:"−";background:var(--red);color:#fff;transform:rotate(180deg)}details.fq summary:hover{color:var(--red)}
details.fq .an{padding:0 4px 22px;color:var(--mid);font-size:16px;max-width:42em;animation:fup .5s var(--e)}details.fq .an ul{padding-inline-start:20px;margin-top:8px}
@keyframes fup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* inner pages */
.phero{position:relative;color:#fff;min-height:min(60svh,520px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:5px solid var(--red);background:#222}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000000c0,#00000040 55%,#00000020)}
.phero .wrap{position:relative;z-index:2;padding-block:clamp(40px,6vw,80px);width:100%}.phero small{display:block;letter-spacing:.14em;font-size:13px;opacity:.85;margin-bottom:8px}.phero h1{font-size:clamp(32px,5.2vw,72px);font-weight:700;line-height:1.15;max-width:15em}.phero p{max-width:36em;margin-top:14px;color:#e8e8ea;font-size:clamp(16px,1.4vw,19px);font-weight:300}
.crumb{background:#f6f7f9;font-size:13.5px;color:var(--mute)}.crumb .wrap{padding-block:12px}.crumb a:hover{color:var(--red)}.crumb span{margin-inline:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.two h2{font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.3}.two p{color:var(--mid);margin-top:14px;font-size:17px;font-weight:300}
.ck{list-style:none;margin-top:16px;display:grid;gap:12px}.ck li{position:relative;padding-inline-start:34px;font-size:16.5px;color:var(--ink)}.ck li::before{content:"✓";position:absolute;right:auto;inset-inline-start:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;display:grid;place-items:center}
.fig{border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:0 26px 60px #0000002a}.fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(30px,4vw,50px)}
.kp div{background:var(--card);border-radius:var(--r);padding:26px 22px;transition:.4s var(--e)}.kp div:hover{background:#fff;box-shadow:0 22px 44px #0000001c;transform:translateY(-6px)}.kp b{display:block;font-size:30px;font-weight:600;color:var(--red);line-height:1.2}.kp span{display:block;margin-top:6px;color:var(--mid);font-size:15px}
.cx{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(30px,4vw,50px)}.cx a{background:var(--card);border-radius:var(--r);padding:30px 26px;font-size:20px;font-weight:700;transition:.4s var(--e);display:flex;justify-content:space-between;align-items:center}.cx a small{display:block;font-family:Montserrat;font-size:11px;letter-spacing:.14em;color:var(--mute);font-weight:500}.cx a:hover{background:var(--red);color:#fff;transform:translateY(-6px)}.cx a:hover small{color:#ffd6dc}.cx a.cur{background:var(--ink);color:#fff;pointer-events:none}
/* tools */
.tw{display:grid;grid-template-columns:420px 1fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(30px,4vw,50px)}
.pnl{background:var(--card);border-radius:calc(var(--r) + 4px);padding:clamp(20px,2.4vw,32px)}.pnl h3{font-size:19px;font-weight:700;margin-bottom:14px}
.fl{display:grid;gap:14px}.fl label{font-size:13px;font-weight:700;color:var(--mid);display:grid;gap:5px}.fl .r2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fl .r2.two2{grid-template-columns:1fr 1fr}
.fl input[type=number],.fl input[type=text],.fl input[type=tel],.fl select{width:100%;border:1.5px solid #d6d6d8;border-radius:12px;padding:12px 14px;font-family:var(--f);font-size:16px;background:#fff;outline:0;transition:.25s;direction:ltr;text-align:right}.fl select{direction:rtl}.fl input:focus,.fl select:focus{border-color:var(--red);box-shadow:0 0 0 4px #c8203a1f}
.fl .ck2{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px;cursor:pointer}.fl .ck2 input{width:20px;height:20px;accent-color:var(--red)}
.pv{background:#fff;border-radius:calc(var(--r) + 4px);padding:clamp(14px,2vw,26px);box-shadow:0 20px 50px #0000001a;min-height:300px;display:grid;place-items:center}.pv svg{max-width:100%;height:auto;max-height:560px}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.res div{background:var(--card);border-radius:16px;padding:16px 14px;text-align:center}.res b{display:block;font-size:26px;font-weight:700;line-height:1.2}.res b.rd{color:var(--red)}.res span{display:block;font-size:12.5px;color:var(--mute);margin-top:4px}
.note{margin-top:16px;border-inline-start:4px solid var(--red);background:#fff;border-radius:12px;padding:14px 18px;font-size:14.5px;color:var(--mid)}
.imp{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center}
.btn.sm{padding:11px 20px;font-size:14px}.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.stagetag{display:inline-block;background:#fff3cd;color:#7a5b00;border-radius:99px;padding:2px 12px;font-size:12px;font-weight:700;margin-inline-start:8px}
@media(max-width:1050px){.tl,.cs,.two,.tw,.imp{grid-template-columns:1fr}.cc{grid-template-columns:1fr 1fr}.kp,.cx{grid-template-columns:1fr 1fr}.tool{grid-template-columns:1fr}.res{grid-template-columns:1fr 1fr 1fr}.imp .pv{max-width:300px}}
@media(max-width:640px){.cc,.kp,.cx{grid-template-columns:1fr}.res{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){details.fq .an{animation:none}}

.cmp .bf{clip-path:inset(0 0 0 calc(100% - var(--p)))}
.lgs{padding-block:4px}

/* header fit */
header .lg{flex:none}.hr{flex:none}.hr .btn{white-space:nowrap}
@media(max-width:1400px){nav.main>div>a{padding-inline:10px;font-size:14px}}
@media(max-width:1260px){nav.main,.lang{display:none}.burger{display:block}}

/* v7 */
header .lg img{max-width:none;height:56px;width:auto;min-width:110px}header.sc .lg img{height:46px}
.hr .btn{flex:none;white-space:nowrap}
.lead-ok{text-align:center;padding:20px 6px}.lead-ok .tick{width:64px;height:64px;border-radius:50%;background:#1c9c55;color:#fff;font-size:34px;display:grid;place-items:center;margin:0 auto 14px;animation:pop2 .6s var(--e)}@keyframes pop2{from{transform:scale(0)}to{transform:scale(1)}}
.lead-ok h3{font-size:22px;margin-bottom:6px}.lead-ok p{color:var(--mid);margin-bottom:18px}.lead-err{background:#fde8ea;color:#a3162d;border-radius:12px;padding:12px 16px;font-size:14.5px;font-weight:600}
.stagebar{background:#fff3cd;color:#6b4f00;text-align:center;font-size:13.5px;font-weight:700;padding:9px 16px;border-bottom:1px solid #ecd68a}
[data-placeholder]{position:relative}.cmpc[data-placeholder]::after{content:"تجريبي";position:absolute;top:22px;left:22px;z-index:3;background:#ffc107;color:#4a3700;font-size:11px;font-weight:800;border-radius:99px;padding:2px 10px}
.cmpc .bh{display:flex;gap:12px;align-items:center}.blogo{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--red);display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--red);background:#fff}.lgimg{flex:none;width:52px;height:52px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.cmpc .more{display:inline-block;margin-top:10px;color:var(--red);font-weight:700;font-size:14.5px}.cmpc .more:hover{text-decoration:underline}
.cz{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(30px,4vw,50px)}.cz div{background:var(--card);border-radius:var(--r);padding:28px 26px}.cz h3{font-size:20px;margin-bottom:8px;color:var(--red)}.cz p,.cz li{color:var(--mid);font-size:16px}.cz ul{padding-inline-start:20px;display:grid;gap:6px}
.spt{width:100%;border-collapse:collapse;margin-top:18px}.spt td{padding:13px 4px;border-top:1px solid var(--line);font-size:16px}.spt td:first-child{color:var(--mute);width:38%}.spt td:last-child{font-weight:600}
.cc2{display:flex;gap:20px;align-items:center;background:#fff;border-radius:calc(var(--r) + 4px);padding:22px 26px;box-shadow:0 14px 40px #0000001a;margin-top:-50px;position:relative;z-index:3}.cc2 .blogo,.cc2 .lgimg{width:76px;height:76px;font-size:20px}.cc2 small{color:var(--red);font-weight:700}.cc2 h2{font-size:24px;margin-top:2px}
@media(max-width:1050px){.cz{grid-template-columns:1fr}.cc2{flex-direction:column;text-align:center}}