/* Zidnas — Apple-style white product system. Bold type, quiet surfaces, one blue accent with a growth gradient. */
:root{
  --paper:#FFFFFF;--cloud:#F5F5F7;--ink:#1D1D1F;--muted:#6E6E73;--line:#D2D2D7;--accent:#0A5CFF;--accent-2:#19C3A0;
  --grad:linear-gradient(90deg,#0A5CFF 0%,#5B7CFF 55%,#19C3A0 100%);
  --font:'Geist','IBM Plex Sans Arabic',-apple-system,'Segoe UI',Roboto,sans-serif;
  --r:22px;--max:1180px;color-scheme:light;
}
html[lang="ar"]{--font:'IBM Plex Sans Arabic',-apple-system,'Segoe UI',Tahoma,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:64px}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang="ar"] body{font-size:18px;line-height:1.75}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3{font-weight:600;text-wrap:balance;letter-spacing:-.035em;line-height:1.06}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.3}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.narrow{max-width:760px}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:99}
.skip:focus{top:12px}

/* buttons & links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 24px;border-radius:980px;background:var(--accent);color:#fff;font:500 17px var(--font);border:0;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}
.btn:hover{background:#0047D6}
.btn:active{transform:scale(.98)}
.btn.lg{height:54px;padding:0 30px;font-size:18px}
.btn.sm{height:32px;padding:0 15px;font-size:13.5px}
.btn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.btn.ghost:hover{background:var(--accent);color:#fff}
.lk{color:var(--accent);display:inline-flex;align-items:center;gap:5px;font-weight:500}
.lk:hover{text-decoration:underline}
.chev{width:8px;height:13px;flex:none}
html[dir="rtl"] .chev{transform:scaleX(-1)}

/* nav */
.nav{position:sticky;top:0;z-index:50;height:56px;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:9px;font:700 21px 'Geist',sans-serif;letter-spacing:-.045em}
html[lang="ar"] .brand{font:700 21px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
.mark{width:30px;height:30px;flex:none;overflow:visible}
.menu{display:flex;gap:26px;font-size:13.5px;color:#333}
html[lang="ar"] .menu{font-size:15px}
.menu a{padding:6px 0}
.menu a:hover{color:var(--accent)}
.nav-r{display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:980px;border:1px solid var(--line);font:500 13.5px 'IBM Plex Sans Arabic','Geist',sans-serif}
.lang:hover{border-color:var(--ink)}
.burger{display:none;width:36px;height:36px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.burger span{width:18px;height:1.6px;background:var(--ink);transition:transform .3s}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.8px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}

/* breadcrumbs */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);padding-top:18px}
.crumbs li+li::before{content:"/";margin-inline-end:6px;color:var(--line)}
.crumbs a:hover{color:var(--accent)}

/* hero */
.hero{padding:72px 0 0;text-align:center}
.kicker{display:inline-block;font-size:19px;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:up .9s .05s both}
.hero h1{font-size:clamp(42px,7vw,92px);letter-spacing:-.05em;line-height:1;margin:12px auto 0;animation:up .9s .12s both}
html[lang="ar"] .hero h1{letter-spacing:0;line-height:1.2}
.hero h1 span{display:block}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;padding-bottom:.06em}
.sub{font-size:clamp(19px,2.2vw,25px);line-height:1.4;color:var(--muted);font-weight:500;text-wrap:balance}
.hero .sub{max-width:30em;margin:24px auto 0;animation:up .9s .2s both}
.hero-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;animation:up .9s .28s both}
@keyframes up{from{opacity:0;transform:translateY(22px)}}
.stage{margin-top:60px;display:flex;justify-content:center;overflow:hidden}
.media{width:88%;aspect-ratio:16/9;border-radius:34px;overflow:hidden;background:var(--paper);animation:up 1.1s .34s both}
.media video{width:100%;height:100%;object-fit:cover}

/* tech marquee */
.stack{border-block:1px solid #ECECEF;overflow:hidden;padding:26px 0 22px;display:grid;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee{display:flex;gap:54px;width:max-content;animation:mq 40s linear infinite;color:var(--muted);font:600 17px 'Geist',sans-serif;letter-spacing:-.01em}
@keyframes mq{to{transform:translateX(-50%)}}
html[dir="rtl"] .marquee{animation-name:mqr}
.marquee.rev{animation-name:mqr;animation-duration:48s}
html[dir="rtl"] .marquee.rev{animation-name:mq}
.stack-h{text-align:center;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
html[lang="ar"] .stack-h{letter-spacing:0;text-transform:none;font-size:15px}
@keyframes mqr{to{transform:translateX(50%)}}

/* department tiles */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.tile{grid-column:span 2;background:var(--cloud);border-radius:30px;padding:72px 24px 0;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.tile.half{grid-column:span 1}
.tile.t1,.tile.t3,.tile.t5{background:#FBFBFD;box-shadow:inset 0 0 0 1px #EDEDF0}
.cat{font-size:15px;font-weight:600;color:var(--muted)}
.cat a:hover{color:var(--accent)}
.tile h2{font-size:clamp(38px,5.6vw,64px);margin-top:8px}
.tile.half h2{font-size:clamp(32px,3.9vw,48px)}
.tl{font-size:clamp(18px,1.9vw,22px);margin-top:12px;max-width:30em;text-wrap:balance}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;max-width:720px}
.chips a{display:inline-block;font-size:13.5px;padding:7px 13px;border-radius:980px;background:rgba(0,0,0,.05);transition:background .2s}
.chips a:hover{background:rgba(10,92,255,.1);color:var(--accent)}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:20px;font-size:17px}
.ph{margin-top:40px;width:100%;max-width:1080px;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tile:hover .ph{transform:translateY(-10px)}
.ph img{width:100%;aspect-ratio:16/9;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 75% 85% at 50% 55%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 75% 85% at 50% 55%,#000 60%,transparent 100%)}

/* sections */
.sec{padding:120px 0}
.soft{background:var(--cloud)}
.head{text-align:center;max-width:840px;margin:0 auto}
.head h2,.row-head h2{font-size:clamp(36px,5.2vw,64px)}
.head p{font-size:clamp(18px,1.9vw,22px);color:var(--muted);margin-top:16px;text-wrap:balance}
.row-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}
.row-head h2{font-size:clamp(30px,4vw,48px)}

/* filters + cards */
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:44px 0 36px}
.filters button{height:40px;padding:0 17px;border-radius:980px;border:0;background:var(--cloud);color:var(--ink);font:500 14.5px var(--font);cursor:pointer;transition:background .2s,color .2s}
.filters button:hover{background:#E8E8ED}
.filters button.on{background:var(--ink);color:#fff}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.post{background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.04),0 10px 34px rgba(0,0,0,.06);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.card:hover,.post:hover{transform:translateY(-6px);box-shadow:0 4px 10px rgba(0,0,0,.05),0 24px 60px rgba(0,0,0,.12)}
.card>a,.post>a{display:flex;flex-direction:column;height:100%}
.card figure,.post figure{aspect-ratio:4/3;overflow:hidden;background:var(--cloud)}
.post figure{aspect-ratio:16/9}
.card img,.post img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.card:hover img,.post:hover img{transform:scale(1.045)}
.card>a>div,.post>a>div{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card small,.post small{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
html[lang="ar"] .card small,html[lang="ar"] .post small{letter-spacing:0;font-size:13px}
.card h3,.post h3{font-size:22px;letter-spacing:-.025em;margin:7px 0 7px}
.card p,.post p{color:var(--muted);font-size:15.5px;flex:1;margin-bottom:14px}
.card.hide{display:none}
.disclose{text-align:center;color:var(--muted);font-size:13px;margin-top:30px}

/* why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.why-grid div{background:var(--paper);border-radius:var(--r);padding:30px 26px;box-shadow:inset 0 0 0 1px #EDEDF0}
.why .why-grid div{box-shadow:none}
.why{background:var(--cloud)}
.why-grid .n{font:600 14px 'Geist',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.why-grid h3{font-size:21px;margin-top:10px}
.why-grid p{color:var(--muted);margin-top:8px;font-size:15.5px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:64px}
.steps li{border-top:1px solid var(--line);padding-top:24px}
.steps b{display:block;font:600 58px/1 'Geist',sans-serif;letter-spacing:-.05em;color:#E3E3E8}
.steps h3{font-size:22px;margin-top:16px}
.steps p{color:var(--muted);margin-top:6px;font-size:16px}

/* faq */
.faq{max-width:800px;margin:52px auto 0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:20px;font-weight:600;letter-spacing:-.015em}
html[lang="ar"] .faq summary{letter-spacing:0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:26px;font-weight:300;color:var(--muted);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:24px;max-width:44em}

/* cta */
.cta{padding:12px}
.cta .wrap{max-width:none;background:var(--ink);color:#fff;border-radius:30px;padding:100px 24px;text-align:center;position:relative;overflow:hidden}
.cta .wrap::before{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(closest-side,rgba(10,92,255,.45),transparent),radial-gradient(closest-side at 70% 60%,rgba(25,195,160,.3),transparent);filter:blur(30px);pointer-events:none}
.cta h2{position:relative;font-size:clamp(38px,5.8vw,72px);max-width:14ch;margin:0 auto}
.cta p{position:relative;color:rgba(255,255,255,.72);font-size:clamp(18px,1.9vw,22px);margin:18px auto 32px;max-width:30em}
.cta .btn{position:relative;background:#fff;color:var(--ink)}
.cta .btn:hover{background:#E8E8ED}

/* page heroes */
.page-hero{padding:56px 0 30px}
.page-hero h1{font-size:clamp(42px,6.4vw,80px)}
.page-hero p{font-size:clamp(18px,2vw,23px);color:var(--muted);margin-top:16px;max-width:34em;text-wrap:balance}
.page-hero.center{text-align:center}
.page-hero.center p{margin-inline:auto}
.page-hero .btn{margin-top:28px}
.page-hero .cat{margin-bottom:6px}
.dept-img{margin-top:48px;border-radius:30px;overflow:hidden;background:var(--cloud)}
.dept-img img{width:100%;aspect-ratio:16/8;object-fit:cover}
.dchips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
.dchip{background:var(--cloud);border-radius:18px;padding:18px;transition:background .2s}
.dchip:hover{background:#ECECF0}
.dchip b{display:block;font-size:15px}
.dchip span{display:block;color:var(--muted);font-size:14px;margin-top:2px}

/* department service rows */
.srows{display:grid;gap:22px}
.srow a{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;background:var(--cloud);border-radius:30px;padding:24px;transition:background .3s}
.srow:nth-child(even) a{grid-template-columns:1fr 1.05fr}
.srow:nth-child(even) figure{order:2}
.srow a:hover{background:#EFEFF3}
.srow figure{border-radius:20px;overflow:hidden}
.srow img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.srow a:hover img{transform:scale(1.03)}
.srow .idx{font:600 14px 'Geist',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.srow h2{font-size:clamp(28px,3.2vw,40px);margin:6px 0 12px}
.srow p{color:var(--muted)}
.srow ul{margin:18px 0 22px;display:grid;gap:8px}
.srow li{display:flex;gap:10px;font-size:15.5px}
.srow li::before,.getlist .ck{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* service page */
.svc-hero{padding:40px 0 80px}
.svc-hero .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.svc-copy h1{font-size:clamp(40px,5.4vw,68px);margin:8px 0 16px}
.svc-copy .sub{margin-bottom:16px;color:var(--ink)}
.svc-copy p:not(.sub):not(.cat){color:var(--muted)}
.svc-copy .hero-btns{justify-content:flex-start}
.svc-img{position:relative;border-radius:30px;overflow:hidden;background:var(--cloud);box-shadow:0 30px 80px rgba(0,0,0,.12)}
.svc-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.svc-img figcaption{position:absolute;top:14px;inset-inline-start:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:12px;font-weight:600;padding:5px 11px;border-radius:980px}
.two{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}
.two h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:28px}
.getlist{display:grid;gap:14px}
.getlist li{display:flex;gap:14px;background:var(--paper);border-radius:18px;padding:20px 22px;font-size:17px;font-weight:500}
.getlist .ck{margin-top:3px}
.ideal{display:grid;gap:12px}
.ideal li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}

/* blog */
.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center;background:var(--cloud);border-radius:30px;padding:22px;transition:background .3s}
.feature:hover{background:#EFEFF3}
.feature figure{border-radius:20px;overflow:hidden}
.feature img{width:100%;aspect-ratio:16/10;object-fit:cover}
.feature small{color:var(--muted);font-size:13px;font-weight:600}
.feature h2{font-size:clamp(28px,3.4vw,42px);margin:10px 0 12px}
.feature p{color:var(--muted);margin-bottom:18px}
.two-up{grid-template-columns:1fr 1fr}
.article header{padding:40px 22px 0;text-align:center}
.article header small{color:var(--muted);font-weight:600;font-size:14px}
.article h1{font-size:clamp(38px,5.6vw,66px);margin:14px 0 18px}
.art-img{margin-top:44px}
.art-img img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:30px}
.prose{padding-top:56px;padding-bottom:100px;font-size:19px;line-height:1.7}
html[lang="ar"] .prose{font-size:19.5px;line-height:1.95}
.prose h2{font-size:clamp(26px,3vw,34px);margin:44px 0 14px}
.prose p{margin-bottom:18px;color:#333}
.prose ol,.prose ul{margin:0 0 22px;display:grid;gap:10px;counter-reset:n}
.prose li{position:relative;padding-inline-start:38px}
.prose ol li::before{counter-increment:n;content:counter(n);position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--cloud);font:600 14px/26px 'Geist',sans-serif;text-align:center}
.prose ul li::before{content:"";position:absolute;inset-inline-start:9px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--accent)}

/* quote page */
.quote-page{padding:40px 0 120px}
.qgrid{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.qintro{position:sticky;top:96px}
.qintro h1{font-size:clamp(42px,5.6vw,72px)}
.qintro>p{font-size:21px;color:var(--muted);margin-top:16px}
.qpoints{margin-top:30px;display:grid;gap:12px}
.qpoints li{display:flex;gap:10px;align-items:center;font-weight:500}
.qpoints li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:rgba(25,195,160,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.5l3 3 6-6' fill='none' stroke='%2319C3A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.qpay{margin-top:30px;font-size:14px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}
.qform{background:var(--cloud);border-radius:30px;padding:34px}
.qtop{display:flex;align-items:center;gap:16px;margin-bottom:26px;font-size:13px;font-weight:600;color:var(--muted)}
.qbar{flex:1;height:4px;border-radius:4px;background:#E3E3E8;overflow:hidden}
.qbar i{display:block;height:100%;width:33%;background:var(--grad);border-radius:4px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.qs{display:none;border:0}
.qs.on{display:block;animation:up .45s both}
.qs legend{font-size:clamp(24px,2.6vw,30px);font-weight:600;letter-spacing:-.025em;margin-bottom:20px}
html[lang="ar"] .qs legend{letter-spacing:0}
.dopts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dopt{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--paper);border-radius:18px;padding:18px;cursor:pointer;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,transform .2s}
.dopt:hover{transform:translateY(-2px)}
.dopt input{position:absolute;opacity:0;pointer-events:none}
.dopt:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent)}
.dopt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.dopt .ic{width:40px;height:40px;border-radius:12px;background:var(--cloud);display:grid;place-items:center;color:var(--accent);margin-bottom:6px}
.dopt .ic svg{width:22px;height:22px}
.dopt b{font-size:16px}
.dopt small{color:var(--muted);font-size:13.5px}
.dopt:last-child:nth-child(odd){grid-column:span 2}
.qq{margin-bottom:22px}
.qq p{font-weight:600;margin-bottom:10px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative}
.pill input{position:absolute;opacity:0;pointer-events:none}
.pill span{display:inline-block;padding:10px 16px;border-radius:980px;background:var(--paper);font-size:15px;cursor:pointer;box-shadow:inset 0 0 0 1.5px #E3E3E8;transition:all .2s}
.pill span:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pill input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.fld{display:grid;gap:7px;margin-bottom:18px}
.fld>span,.fld label span{font-size:14px;font-weight:600}
.fld input,.fld textarea{width:100%;height:52px;border:0;border-radius:14px;padding:0 16px;font:17px var(--font);background:var(--paper);box-shadow:inset 0 0 0 1.5px #E3E3E8;color:var(--ink)}
.fld textarea{height:auto;padding:14px 16px;resize:vertical;margin-top:10px}
.fld input:focus,.fld textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}
.phone{position:relative;display:flex;gap:8px}
.cc{flex:none;display:flex;align-items:center;gap:7px;height:52px;padding:0 14px;border:0;border-radius:14px;background:var(--paper);box-shadow:inset 0 0 0 1.5px #E3E3E8;font:600 16px 'Geist',sans-serif;cursor:pointer;color:var(--ink)}
.cc:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}
#ccf{font-size:20px;line-height:1}
.phone input[type=tel]{flex:1;font-family:'Geist',sans-serif;letter-spacing:.02em}
.ccl{position:absolute;top:58px;left:0;z-index:20;width:min(340px,100%);background:var(--paper);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:8px}
.ccl input{height:42px!important;margin-bottom:6px;font-size:15px!important}
.ccl ul{max-height:260px;overflow:auto}
.ccl li{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:15px}
.ccl li:hover,.ccl li[aria-selected="true"]{background:var(--cloud)}
.ccl li b{margin-inline-start:auto;color:var(--muted);font-weight:500;font-family:'Geist',sans-serif}
.hint{color:var(--muted);font-size:13px}
.hint b{color:var(--accent-2);font-weight:600}
.addmail{border:0;background:none;color:var(--accent);font:500 15px var(--font);cursor:pointer;padding:4px 0;margin-bottom:12px}
.addmail:hover{text-decoration:underline}
.err{color:#D70015;font-size:14px;min-height:22px;margin-top:4px}
.qnav{display:flex;justify-content:space-between;gap:12px;margin-top:10px}
.qnav .btn{height:52px;min-width:130px}
.done{text-align:center;padding:16px 0 6px}
.done .tick{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--grad);display:grid;place-items:center;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{transform:scale(.4);opacity:0}}
.done h2{font-size:32px}
.done p{color:var(--muted);margin-top:10px}
.sum{text-align:start;background:var(--paper);border-radius:18px;padding:20px 22px;margin-top:24px;display:grid;gap:10px;font-size:15px}
.sum div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #EDEDF0;padding-bottom:10px}
.sum div:last-child{border:0;padding:0}
.sum dt{color:var(--muted)}
.sum dd{font-weight:600;text-align:end}
.proto{font-size:13px;color:var(--muted);margin-top:16px}

/* footer */
.foot{background:var(--cloud);color:var(--muted);font-size:14px;padding:72px 0 30px;margin-top:12px}
.foot-top{display:flex;justify-content:space-between;align-items:start;gap:30px;flex-wrap:wrap;padding-bottom:44px;border-bottom:1px solid var(--line)}
.foot-brand{max-width:420px}
.foot-brand .brand{color:var(--ink)}
.slogan{font-size:28px;font-weight:600;letter-spacing:-.035em;color:var(--ink);margin:18px 0 10px;line-height:1.1}
html[lang="ar"] .slogan{letter-spacing:0}
.foot-brand p{margin-bottom:8px}
.foot-brand a:hover{color:var(--accent)}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 28px;padding:44px 0}
.foot h4{color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:12px}
html[lang="ar"] .foot h4{font-size:14.5px}
.foot ul{display:grid;gap:9px;font-size:13.5px}
.foot ul a:hover,.foot h4 a:hover{color:var(--accent)}
.foot-note{font-size:12.5px;padding:20px 0;border-top:1px solid var(--line)}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;padding-top:18px;border-top:1px solid var(--line)}

/* reveal: visible at rest, enhanced when JS runs */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}
@media (max-width:1060px){
  .burger{display:flex}
  .tiles{grid-template-columns:1fr}
  .tile.half{grid-column:span 2}
  .grid3{grid-template-columns:1fr 1fr}
  .why-grid,.steps{grid-template-columns:1fr 1fr}
  .dchips{grid-template-columns:1fr 1fr}
  .srow a,.srow:nth-child(even) a{grid-template-columns:1fr;gap:24px}
  .srow:nth-child(even) figure{order:0}
  .svc-hero .wrap,.two,.feature,.qgrid{grid-template-columns:1fr;gap:36px}
  .qintro{position:static}
  .foot-cols{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .nav .btn.sm{display:none}
  .hero{padding-top:58px}
  .media{border-radius:20px}
  .tiles{padding:8px;gap:8px}
  .tile{padding-top:52px;border-radius:24px}
  .sec{padding:84px 0}
  .grid3,.two-up,.why-grid,.steps,.dopts{grid-template-columns:1fr}
  .dopt:last-child:nth-child(odd){grid-column:auto}
  .filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px;scrollbar-width:none}
  .filters button{flex:none}
  .row-head{flex-direction:column;align-items:start}
  .qform{padding:24px 18px;border-radius:24px}
  .cta .wrap{padding:72px 20px;border-radius:24px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .dchips{grid-template-columns:1fr}
}

/* videos */
.vids{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vid{position:relative;border-radius:26px;overflow:hidden;background:var(--ink);aspect-ratio:16/10;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.vid video{width:100%;height:100%;object-fit:cover}
.vid figcaption{position:absolute;inset:auto 0 0 0;padding:60px 26px 22px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;display:grid;gap:2px;pointer-events:none}
.vid figcaption b{font-size:22px;letter-spacing:-.02em}
.vid figcaption span{color:rgba(255,255,255,.8);font-size:15px}
.play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);transition:transform .25s,opacity .25s}
.play svg{width:28px;height:28px;margin-left:4px}
.play:hover{transform:scale(1.08)}
.vid.on .play{opacity:0;pointer-events:none}
.vid.on:hover .play{opacity:.85;pointer-events:auto}
/* quote extras */
.dopt.help{grid-column:span 2;flex-direction:row;align-items:center;gap:14px;background:linear-gradient(135deg,#EEF3FF,#E9FAF5)}
.dopt.help .ic{margin:0;background:#fff;flex:none}
.dopt.help b{display:block}
.dopt.help small{display:block}
.dopt.help>b,.dopt.help>small{flex:none}
.skip-q{border:0;background:none;color:var(--accent);font:500 15px var(--font);cursor:pointer;margin-top:6px;padding:4px 0}
.skip-q:hover{text-decoration:underline}
/* article service box */
.svc-box{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;background:var(--cloud);border-radius:22px;padding:18px;margin-top:40px}
.svc-box img{border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.svc-box small{color:var(--muted);font-size:13px;font-weight:600}
.svc-box h3{font-size:22px;margin:4px 0 6px}
.svc-box p{font-size:16px;margin-bottom:14px!important}
.svc-box .btn{height:42px;font-size:15px}
@media (max-width:640px){.vids{grid-template-columns:1fr}.svc-box{grid-template-columns:1fr}.dopt.help{grid-column:auto}}

/* hero device showcase */
.show{margin-top:44px;animation:up 1.1s .34s both}
.show-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:980px;background:var(--cloud);margin-bottom:34px}
.show-tabs button{height:38px;padding:0 18px;border:0;border-radius:980px;background:transparent;font:500 15px var(--font);color:var(--muted);cursor:pointer;transition:all .25s}
.show-tabs button.on{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.devices{position:relative;max-width:940px;margin:0 auto;padding-bottom:20px}
.laptop{width:86%;margin-inline-end:auto}
html[dir="rtl"] .laptop{margin-inline-end:0;margin-inline-start:auto}
.lid{background:#1D1D1F;border-radius:18px 18px 6px 6px;padding:14px 14px 18px;box-shadow:0 40px 80px rgba(0,0,0,.18)}
.laptop .scr{aspect-ratio:16/10;border-radius:6px}
.base{height:16px;margin:0 -6%;background:linear-gradient(#E3E3E8,#C9C9CF);border-radius:0 0 18px 18px;position:relative}
.base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:6px;margin-left:-8%;background:#B8B8BE;border-radius:0 0 8px 8px}
.dphone{position:absolute;bottom:0;inset-inline-end:0;width:24%;min-width:150px;background:#1D1D1F;border-radius:38px;padding:10px;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.dphone::before{content:"";position:absolute;top:18px;left:50%;width:30%;height:20px;margin-left:-15%;background:#1D1D1F;border-radius:20px;z-index:2}
.dphone .scr{aspect-ratio:9/19.5;border-radius:29px}
.scr{position:relative;overflow:hidden;background:#fff}
.scr .shot{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;animation:scrollshot var(--dur,14s) ease-in-out infinite alternate;transition:opacity .5s}
.show.rot .scr .shot{animation:scrollonce 4s cubic-bezier(.45,0,.2,1) forwards}
@keyframes scrollonce{0%,15%{transform:translateY(0)}100%{transform:translateY(calc(var(--shift,0px) * .55))}}
.scr .shot.fade{opacity:0}
@keyframes scrollshot{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(var(--shift,0px))}}
.show-cap{margin-top:26px;color:var(--muted);font-size:16px}
.show-cap b{color:var(--ink);font-weight:600}
@media (max-width:640px){.show-tabs{display:flex;overflow-x:auto;max-width:100%}.show-tabs button{flex:none;padding:0 14px;font-size:14px}.laptop{width:92%}.lid{padding:8px 8px 10px;border-radius:12px 12px 4px 4px}.dphone{width:32%;min-width:0;border-radius:24px;padding:6px}.dphone .scr{border-radius:19px}.dphone::before{top:11px;height:12px}}

/* finder */
.finder .search{position:relative;max-width:640px;margin:36px auto 34px}
.search>svg{position:absolute;top:17px;inset-inline-start:20px;width:22px;height:22px;color:var(--muted)}
.search input{width:100%;height:58px;border:0;border-radius:980px;background:var(--cloud);padding-inline:56px 22px;font:17px var(--font);color:var(--ink);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
.search input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent);background:#fff}
.qres{position:absolute;top:66px;inset-inline:0;z-index:30;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.16);padding:8px;max-height:380px;overflow:auto;text-align:start}
.qres a{display:block;padding:12px 14px;border-radius:14px}
.qres a:hover,.qres a:focus{background:var(--cloud);outline:none}
.qres b{display:block;font-size:16px}
.qres small{color:var(--muted);font-size:13px}
.qres .none{padding:14px;color:var(--muted)}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dcard{background:var(--cloud);border-radius:24px;padding:22px;transition:background .25s,transform .25s}
.dcard:hover{background:#EEEEF2;transform:translateY(-3px)}
.dhead{display:flex;align-items:center;gap:14px}
.dhead .ic{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--accent);flex:none}
.dhead .ic svg{width:24px;height:24px}
.dhead span:nth-child(2){flex:1}
.dhead b{display:block;font-size:18px;letter-spacing:-.02em}
.dhead small{display:block;color:var(--muted);font-size:14px}
.dhead .chev{color:var(--muted)}
.dcard ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.dcard li a{display:inline-block;font-size:13.5px;padding:7px 12px;border-radius:980px;background:#fff;transition:color .2s}
.dcard li a:hover{color:var(--accent)}
.dcard li a.more{color:var(--accent);font-weight:600}
.center-link{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:34px;font-size:17px}
.show-cap .tag{display:inline-block;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:4px 11px;border-radius:980px;margin-inline-end:6px}
/* contact */
.btn svg{width:20px;height:20px;flex:none}
.btn.wa{background:#25D366;color:#fff}
.btn.wa:hover{background:#1EBE5A}
.fab{position:fixed;bottom:22px;inset-inline-end:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.45);transition:transform .2s}
.fab:hover{transform:scale(1.08)}
.fab svg{width:32px;height:32px}
.fphone a{font-size:18px;font-weight:600;color:var(--ink)}
.qcontact{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.qcontact:empty{display:none}
/* faq page */
.fgroups{max-width:840px;display:grid;gap:44px}
.fgroup h2{font-size:clamp(26px,3vw,34px)}
.fgroup .faq{margin-top:10px}
/* article inline image */
.inimg{margin:30px 0}
.inimg img{width:100%;border-radius:20px;aspect-ratio:4/3;object-fit:cover}
.inimg figcaption{font-size:14px;color:var(--muted);margin-top:8px}
@media (max-width:1060px){.dgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dgrid{grid-template-columns:1fr}.fab{width:54px;height:54px;bottom:16px;inset-inline-end:16px}}

/* showcase progress */
.show-prog{display:flex;justify-content:center;gap:6px;margin-top:14px}
.show-prog i{width:22px;height:3px;border-radius:2px;background:var(--line);overflow:hidden;position:relative}
.show-prog i.on::after{content:"";position:absolute;inset:0;background:var(--accent);animation:prog 4s linear forwards;transform-origin:left}
html[dir="rtl"] .show-prog i.on::after{transform-origin:right}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.show.paused .show-prog i.on::after{animation-play-state:paused}
/* faq 2-col */
.faq2{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}
.faq2 details{background:var(--paper);border:0;border-radius:20px;padding:4px 22px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .25s}
.faq2 details[open]{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.faq2 summary{font-size:17px;padding:20px 0}
.faq2 details p{padding-bottom:20px;font-size:15.5px}
/* blog */
.bmeta{font-size:14px!important;margin-top:8px!important;color:var(--muted)}
.bgrid{margin-top:28px}
.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:48px;flex-wrap:wrap}
.pager .nums{display:flex;gap:6px}
.pg{min-width:44px;height:44px;padding:0 14px;border-radius:980px;display:inline-grid;place-items:center;background:var(--cloud);font-weight:600;font-size:15px;transition:background .2s}
a.pg:hover{background:#E8E8ED}
.pg.on{background:var(--ink);color:#fff}
.pg.off{opacity:.4}
@media (max-width:900px){.faq2{grid-template-columns:1fr}}
@media (max-width:640px){.faq2 details:nth-child(n+6){display:none}}
.vid.feat{aspect-ratio:16/9;margin-bottom:22px;background:#fff;border:1px solid var(--line)}
.vid.feat figcaption{inset:auto 0 0 0;padding:14px 22px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);color:var(--ink);border-top:1px solid var(--line);opacity:1;transition:opacity .3s}
.vid.feat figcaption span{color:var(--muted)}
.vid.feat.on figcaption{opacity:0}
.vid.feat .play{background:var(--ink);color:#fff}
@media(max-width:640px){.vids{grid-template-columns:1fr}.vid.feat figcaption{padding:10px 14px}.vid.feat figcaption b{font-size:16px}.vid.feat figcaption span{display:none}}
/* ===== v3: nav, mega menu, progress, utilities ===== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
html{scroll-behavior:smooth}
.sprog{position:fixed;top:0;inset-inline:0;height:3px;z-index:70;pointer-events:none}
.sprog i{display:block;height:100%;width:0;background:var(--grad);transition:width .1s linear}
html[dir="rtl"] .sprog i{margin-inline-start:0}
.nav{height:64px;transition:box-shadow .3s,background .3s}
.nav.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.07);background:rgba(255,255,255,.92)}
.menu{gap:2px;font-size:14.5px;align-items:center;color:#2b2b2e}
html[lang="ar"] .menu{font-size:15.5px}
.menu>a,.mbtn{position:relative;padding:8px 14px;border-radius:999px;transition:background .2s,color .2s;font-weight:500}
.menu>a:hover,.mbtn:hover,.mm.open .mbtn{background:var(--cloud);color:var(--ink)}
.menu>a.on,.mm.on .mbtn{color:var(--accent);background:rgba(10,92,255,.08);font-weight:600}
.menu>a.on::after,.mm.on .mbtn::after{content:"";position:absolute;bottom:-12px;left:50%;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:var(--grad)}
.mbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.mbtn svg{transition:transform .25s}.mm.open .mbtn svg{transform:rotate(180deg)}
.btn.sm.cur{box-shadow:0 0 0 3px rgba(10,92,255,.25)}
.mq-quote{display:none!important}
.mega{position:fixed;top:64px;inset-inline:0;background:rgba(255,255,255,.97);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility .22s;z-index:49}
.mm.open .mega{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:1fr 280px;gap:34px;padding-top:30px;padding-bottom:34px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px}
.mh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mh .ic{width:34px;height:34px;border-radius:10px;background:var(--cloud);display:grid;place-items:center;color:var(--accent);flex:none}
.mh .ic svg{width:19px;height:19px}.mh b{font-size:15px}.mh:hover b{color:var(--accent)}
.mcol.on .mh .ic{background:var(--accent);color:#fff}
.mcol ul{display:grid;gap:2px;padding-inline-start:44px}
.mcol li a{display:block;font-size:14px;color:var(--muted);padding:3px 0;transition:color .15s,transform .15s}
.mcol li a:hover{color:var(--ink);transform:translateX(3px)}html[dir="rtl"] .mcol li a:hover{transform:translateX(-3px)}
.mcol li a[aria-current]{color:var(--accent);font-weight:600}
.mside{background:linear-gradient(150deg,#EEF3FF,#E8FAF5);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.mside b{font-size:19px;line-height:1.25}.mside p{color:var(--muted);font-size:14.5px}
.totop{position:fixed;bottom:24px;inset-inline-start:24px;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.totop.show{opacity:1;visibility:visible;transform:none}.totop svg{width:18px;height:18px}
.mbar{display:none}
@media (max-width:1060px){
  .menu{display:flex!important;position:fixed;top:64px;inset-inline:0;bottom:0;flex-direction:column;align-items:stretch;gap:4px;background:#fff;padding:18px 22px 30px;overflow:auto;font-size:20px!important;transform:translateX(100%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility .35s;z-index:48}
  html[dir="rtl"] .menu{transform:translateX(-100%)}
  .menu.open{transform:none!important;visibility:visible}
  .menu>a,.mbtn{padding:14px 16px;border-radius:14px;width:100%;justify-content:space-between;font-weight:600}
  .menu>a.on::after,.mm.on .mbtn::after{display:none}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;display:none;backdrop-filter:none}
  .mm.open .mega{display:block}
  .mega-in{grid-template-columns:1fr;padding:6px 0 10px;gap:14px}
  .mgrid{grid-template-columns:1fr 1fr;gap:8px}
  .mcol ul{display:none}
  .mh{background:var(--cloud);border-radius:14px;padding:12px;margin:0}.mh b{font-size:14.5px}.mh .ic{background:#fff}
  .mside{display:none}
  .mq-quote{display:flex!important;margin-top:14px;height:54px}
  body.lock{overflow:hidden}
}
@media (max-width:640px){
  .mbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s}
  .mbar.show{transform:none}
  .mbar a{flex:1;height:48px;font-size:16px}
  .totop{bottom:84px;inset-inline-start:14px;width:42px;height:42px}
  .fab{bottom:84px!important}
  .foot{padding-bottom:90px}
}
/* quote: 7th card */
.dopt.help{grid-column:1/-1!important;flex-direction:row;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(120deg,#0A5CFF,#3E7BFF 55%,#19C3A0);color:#fff;box-shadow:0 14px 34px rgba(10,92,255,.25)}
.dopt.help .ic{background:rgba(255,255,255,.18)!important;color:#fff!important;width:48px;height:48px}
.dopt.help .ht{flex:1;display:grid;gap:4px}
.dopt.help b{font-size:17px}.dopt.help small{color:rgba(255,255,255,.88)!important;font-size:14px;line-height:1.45}
.dopt.help em{font-style:normal;font-size:12px;font-weight:700;background:#fff;color:var(--accent);padding:5px 11px;border-radius:999px;flex:none}
.dopt.help:hover{transform:translateY(-2px)}
.dopt.help:has(input:checked){box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent)}
@media (max-width:640px){.dopt.help{flex-wrap:wrap}.dopt.help em{order:-1;margin-inline-start:auto}}
.watch{display:inline-flex;align-items:center;gap:12px;margin-top:22px;border:0;background:none;cursor:pointer;font:inherit;color:var(--ink);text-align:start;animation:up .9s .3s both}
.watch .wp{width:46px;height:46px;border-radius:50%;background:var(--paper);box-shadow:0 8px 24px rgba(10,92,255,.25),inset 0 0 0 1.5px rgba(10,92,255,.25);display:grid;place-items:center;color:var(--accent);position:relative}
.watch .wp::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(10,92,255,.25);animation:pulse 2s infinite}
.watch .wp svg{width:18px;height:18px;margin-inline-start:3px}
.watch b{display:block;font-size:15.5px}.watch small{color:var(--muted);font-size:13px}
.watch:hover .wp{transform:scale(1.06)}
@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.vdlg{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);width:100%;margin:auto;overflow:visible}
.vdlg::backdrop{background:rgba(10,10,14,.82);backdrop-filter:blur(8px)}
.vdlg video{width:100%;border-radius:20px;display:block;background:#000;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.vclose{position:absolute;top:-48px;inset-inline-end:0;width:40px;height:40px;border-radius:50%;border:0;background:#fff;font-size:24px;line-height:1;cursor:pointer}
/* blog slider */
.bslider{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;margin-bottom:70px}
.bs-stage{position:relative;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#0b0b0f;box-shadow:0 30px 70px -20px rgba(0,0,0,.35)}
.bs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s;color:#fff}
.bs.on{opacity:1;visibility:visible}
.bs img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s ease-out}
.bs.on img{transform:scale(1)}
.bs::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 45%,transparent 70%)}
.bs-t{position:absolute;inset:auto 0 0 0;padding:34px;z-index:2;display:grid;gap:8px;transform:translateY(14px);opacity:0;transition:.7s .2s}
.bs.on .bs-t{transform:none;opacity:1}
.bs-k{justify-self:start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--grad);padding:5px 11px;border-radius:999px}
.bs-t small{color:rgba(255,255,255,.75);font-size:13px}
.bs-t h2{font-size:clamp(24px,2.8vw,38px);line-height:1.12;letter-spacing:-.02em;max-width:22ch}html[lang="ar"] .bs-t h2{letter-spacing:0;line-height:1.35}
.bs-t p{color:rgba(255,255,255,.82);max-width:40em;font-size:16px}
.bs-go{display:inline-flex;gap:6px;align-items:center;font-weight:600;color:#fff}
.bs-ctl{position:absolute;top:18px;inset-inline-end:18px;z-index:3;display:flex;gap:8px}
.bs-ctl button{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .2s}
.bs-ctl button:hover{background:rgba(255,255,255,.35)}
html[dir="rtl"] .bs-ctl{flex-direction:row-reverse}
.bs-list{list-style:none;display:flex;flex-direction:column;gap:6px;counter-reset:x}
.bs-list button{position:relative;width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;text-align:start;border:0;background:var(--cloud);border-radius:16px;padding:12px 14px;font:inherit;color:var(--ink);cursor:pointer;overflow:hidden;transition:background .25s,transform .25s}
.bs-list button:hover{transform:translateX(3px)}html[dir="rtl"] .bs-list button:hover{transform:translateX(-3px)}
.bs-list b{font:600 13px 'Geist',sans-serif;color:var(--muted);padding-top:2px}
.bs-list span{font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bs-list button.on{background:var(--ink);color:#fff}.bs-list button.on b{color:#7FA6FF}
.bs-list i{position:absolute;bottom:0;inset-inline-start:0;height:3px;width:0;background:var(--grad)}
.bs-list button.on i{animation:prog 5s linear forwards}
.bslider.paused .bs-list button.on i{animation-play-state:paused}
.blog-rh{margin-bottom:18px}
.bgrid .card.hide{display:none}
@media (max-width:1060px){.bslider{grid-template-columns:1fr}.bs-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.bs-list li{flex:0 0 240px;scroll-snap-align:start}}
@media (max-width:640px){.bs-stage{aspect-ratio:4/5;border-radius:22px}.bs-t{padding:22px}.bs-t p{display:none}.bs-list li{flex-basis:210px}.bslider{margin-bottom:46px}}
.bs-list i{width:100%;transform:scaleX(0);transform-origin:left}html[dir="rtl"] .bs-list i{transform-origin:right}
.mega{background:#fff}
@media (max-width:1060px){.nav,.nav.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}}
@media (max-width:1060px){.mgrid{grid-template-columns:1fr}.mh{min-width:0}.mh b{font-size:15.5px}}
.vids{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.vids{grid-template-columns:1fr 1fr}.vids .vid:first-child{grid-column:1/-1}}
@media (max-width:640px){.vids{grid-template-columns:1fr}}
.stats{padding:56px 0 10px}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sgrid div{position:relative;border-radius:24px;padding:28px 26px;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,rgba(10,92,255,.35),rgba(25,195,160,.35)) border-box;border:1.5px solid transparent;overflow:hidden}
.sgrid div::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(rgba(10,92,255,.12),transparent 70%);top:-60px;inset-inline-end:-50px}
.sgrid b{display:block;font:700 clamp(40px,4.4vw,58px)/1 'Geist',sans-serif;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sgrid span{display:block;margin-top:10px;color:var(--muted);font-size:15.5px}
@media (max-width:900px){.sgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.stats{padding:34px 0 0}.sgrid{gap:10px}.sgrid div{padding:20px 18px;border-radius:20px}}
/* card spotlight hover */
.dcard,.card,.why-grid>div{position:relative}
.dcard::after,.why-grid>div::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(10,92,255,.10),transparent 45%)}
.dcard:hover::after,.why-grid>div:hover::after{opacity:1}
.dcard{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.dcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -18px rgba(10,92,255,.28)}
html,body{overflow-x:clip}.stack{overflow:hidden}
@media (max-width:1060px){
  .qintro h1{font-size:clamp(34px,8vw,48px)}
  .qintro .qpoints,.qintro .qpay{display:none}
  .quote-page{padding-top:10px}
}
@media (max-width:640px){
  .dopts{grid-template-columns:1fr 1fr;gap:10px}
  .dopt{padding:14px;gap:2px}.dopt .ic{width:36px;height:36px;margin-bottom:4px}
  .dopt b{font-size:14.5px;line-height:1.3}.dopt small{display:none}
  .dopt.help small{display:block}
  .qform{padding:20px 16px}
}
[hidden]{display:none!important}
.menu a.btn:hover,.menu a.btn:focus-visible{color:#fff}
.btn.ghost:hover{color:#fff}
/* ===== footer v2 ===== */
.foot2{background:#0B0C10;color:#A1A1AA;font-size:14.5px;padding:80px 0 30px;margin-top:0;position:relative;overflow:hidden}
.foot2::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(rgba(10,92,255,.22),transparent 65%);top:-380px;inset-inline-start:-200px;pointer-events:none}
.foot2::after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(rgba(25,195,160,.14),transparent 65%);bottom:-360px;inset-inline-end:-160px;pointer-events:none}
.foot2 .wrap{position:relative;z-index:1}
.foot2 a{transition:color .2s}.foot2 a:hover{color:#fff}
.f2-top{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}
.f2-brand .brand{color:#fff}.f2-brand .brand svg rect{fill:#fff}.f2-brand .brand svg path:first-of-type{stroke:#0B0C10}
.f2-slogan{font-size:clamp(30px,3.4vw,44px);font-weight:700;color:#fff;letter-spacing:-.03em;margin:18px 0 10px;line-height:1.1}
html[lang="ar"] .f2-slogan{letter-spacing:0;line-height:1.35}
.f2-brand>p{max-width:30em}
.f2-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fc{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#E4E4E7}
.fc svg{width:18px;height:18px}.fc:hover{background:rgba(255,255,255,.12)}
.f2-news{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(10px)}
.f2-news b{color:#fff;font-size:20px}.f2-news p{font-size:14px}
.nf{display:flex;gap:8px;margin-top:6px;background:#fff;border-radius:999px;padding:5px}
.nf input{flex:1;min-width:0;border:0;background:none;padding:0 14px;font:inherit;color:var(--ink);outline:none}
.nf .btn{height:42px;padding:0 20px;font-size:15px}
.nmsg{min-height:18px;color:#34D399;font-size:13px}.nmsg.err{color:#F87171}
.f2-q{align-self:flex-start;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25);height:44px;font-size:15px}.f2-q:hover{background:#fff;color:var(--ink)!important}
.f2-q svg{width:14px;height:14px}
.f2-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:46px 0 36px}
.fcol summary{list-style:none;color:#fff;font-weight:600;font-size:14.5px;margin-bottom:14px;cursor:default}
.fcol summary::-webkit-details-marker{display:none}
.fcol ul{display:grid;gap:10px;font-size:14px}
.f2-pay{display:flex;align-items:center;gap:10px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#D4D4D8}
.f2-pay svg{width:20px;height:20px;color:#7FA6FF;flex:none}
.f2-note{font-size:12.5px;color:#71717A;padding-bottom:18px}
.f2-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}
.f2-links{display:flex;gap:16px;align-items:center}
.foot2 .lang{color:#E4E4E7;border-color:rgba(255,255,255,.2)}
@media (max-width:900px){.f2-top{grid-template-columns:1fr;gap:30px}.f2-cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .foot2{padding:56px 0 100px}
  .f2-cols{grid-template-columns:1fr;gap:0;padding:20px 0}
  .fcol{border-bottom:1px solid rgba(255,255,255,.08)}
  .fcol summary{margin:0;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between}
  .fcol summary::after{content:"+";font-size:20px;line-height:1;color:#71717A}
  .fcol[open] summary::after{content:"−"}
  .fcol ul{padding-bottom:16px}
  .f2-news{padding:22px}
}
/* ===== client portal ===== */
.portal{padding:20px 0 80px}
.p-demo{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:#92400E;background:#FEF3C7;border-radius:999px;padding:8px 16px;margin:0 auto 26px;max-width:fit-content;text-align:center}
.papp{min-height:520px}
.p-auth{display:grid;place-items:center}
.p-card{width:100%;max-width:460px;background:var(--paper);border-radius:30px;padding:36px;box-shadow:0 30px 80px -30px rgba(10,30,80,.35),0 0 0 1px #EDEDF0}
.p-card h1{font-size:34px;letter-spacing:-.03em;line-height:1.1}html[lang="ar"] .p-card h1{letter-spacing:0}
.p-sub{color:var(--muted);margin:8px 0 22px;font-size:15.5px}
.p-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--cloud);border-radius:14px;padding:4px;margin-bottom:18px}
.p-tabs button{height:40px;border:0;background:none;border-radius:11px;font:600 14.5px var(--font);color:var(--muted);cursor:pointer}
.p-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.p-card .fld{display:grid;gap:6px;margin-bottom:14px}.p-card .fld span{font-size:14px;font-weight:600}
.p-card input,.p-prof input,.send input{height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;font-size:16px;background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}
.p-card input:focus,.p-prof input:focus,.send input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(10,92,255,.12)}
.ts{display:flex;align-items:center;gap:12px;border:1px solid #D9D9D9;background:#FAFAFA;border-radius:8px;padding:12px 14px;margin:4px 0 12px;cursor:pointer;font-size:14px;user-select:none}
.ts .tsb{width:24px;height:24px;border:2px solid #C4C4C4;border-radius:5px;background:#fff;flex:none;display:grid;place-items:center}
.ts.busy .tsb{border-color:#F38020;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.ts.ok .tsb{background:#16A34A;border-color:#16A34A}.ts.ok .tsb::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.ts em{margin-inline-start:auto;font-style:normal;font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.ts em svg{width:22px;height:14px}
@keyframes spin{to{transform:rotate(360deg)}}
.p-card .btn.lg{width:100%}
.otp{margin-top:18px;text-align:center}.otp p{font-size:14.5px;margin-bottom:12px}
.otp-i{display:flex;gap:8px;justify-content:center;direction:ltr}.otp-i input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;padding:0}
.otp small{display:block;margin-top:10px;color:var(--muted);font-size:12.5px}
.p-trust{display:grid;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid #EDEDF0;font-size:13px;color:var(--muted)}
.p-trust li{display:flex;gap:8px;align-items:center}.p-trust li::before{content:"";width:16px;height:16px;border-radius:50%;background:#DCFCE7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%2316A34A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain;flex:none}
.p-dash{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
.p-side{background:var(--cloud);border-radius:26px;padding:20px;position:sticky;top:84px}
.p-user{display:flex;gap:12px;align-items:center;margin-bottom:16px}.p-user small{display:block;color:var(--muted);font-size:12.5px;word-break:break-all}
.av{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}
.p-nav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.p-nav button{border:0;background:none;padding:7px 12px;border-radius:999px;font:500 13.5px var(--font);color:var(--muted);cursor:pointer}
.p-nav button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.p-nav button:hover{color:var(--ink)}
.p-new{width:100%;margin-bottom:14px}
.p-list{display:grid;gap:8px}
.rq{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:start;width:100%;border:0;background:#fff;border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
.rq b{display:block;font-size:14.5px;line-height:1.35}.rq small{color:var(--muted);font-size:12px}
.rq.on{box-shadow:inset 0 0 0 2px var(--accent)}
.dot{position:absolute;top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;border-radius:999px;background:#EF4444;color:#fff;font:700 11px/20px 'Geist',sans-serif;font-style:normal;text-align:center;padding:0 5px}
.st{flex:none;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.st0,.st1{background:#E0E7FF;color:#3730A3}.st2{background:#FEF3C7;color:#92400E}.st3,.st4{background:#DBEAFE;color:#1D4ED8}.st5{background:#DCFCE7;color:#166534}
.p-main{background:var(--paper);border-radius:26px;padding:28px;box-shadow:0 0 0 1px #EDEDF0,0 20px 50px -30px rgba(0,0,0,.25);min-width:0}
.p-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:22px}.p-head small{color:var(--muted);font-size:13px}.p-head h2{font-size:26px;line-height:1.25}
.tl{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:22px;counter-reset:s}
.tl li{position:relative;padding-top:22px;font-size:12.5px;color:var(--muted)}
.tl li i{position:absolute;top:0;inset-inline:0;height:6px;border-radius:6px;background:#E5E7EB}
.tl li.done i{background:var(--accent-2)}.tl li.now i{background:var(--grad)}
.tl li b{display:block;font-size:13px;color:var(--ink);font-weight:600}.tl li:not(.done):not(.now) b{color:#9CA3AF}
.tl li.now b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-inline-end:6px;animation:pulse 1.6s infinite}
.p-quote{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(120deg,#EEF3FF,#E9FAF5);border-radius:18px;padding:18px 20px;margin-bottom:22px}.p-quote p{color:var(--muted);font-size:14px}
.p-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.p-grid h3{font-size:16px;margin-bottom:12px}
.msgs{height:330px;overflow:auto;background:var(--cloud);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:82%;display:grid;gap:4px}.msg small{font-size:11.5px;color:var(--muted)}
.msg.me{align-self:flex-end;justify-items:end}.msg.them{align-self:flex-start}
.bub{padding:11px 14px;border-radius:18px;font-size:14.5px;line-height:1.5}
.me .bub{background:var(--accent);color:#fff;border-end-end-radius:6px}.them .bub{background:#fff;border-end-start-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.send{display:flex;gap:8px;margin-top:10px}.send .btn{height:50px}
.p-files ul{display:grid;gap:8px;margin-bottom:20px}.p-files li{display:flex;gap:10px;align-items:center;background:var(--cloud);border-radius:12px;padding:11px 12px;font-size:13.5px}.p-files li svg{width:18px;height:18px;color:var(--accent);flex:none}.p-files li.none{color:var(--muted)}
.p-files dl{display:grid;gap:10px}.p-files dt{font-size:12px;color:var(--muted)}.p-files dd{font-size:14.5px;font-weight:500}
.p-prof{display:grid;gap:14px;max-width:460px;margin-top:16px}.p-prof .fld{display:grid;gap:6px}.p-prof .fld span{font-size:14px;font-weight:600}.p-prof .btn{justify-self:start}
.smap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.smg h2{font-size:18px;margin-bottom:10px}.smg ul{display:grid;gap:7px;font-size:15px}.smg a:hover{color:var(--accent)}.smg.wide{grid-column:1/-1}.smg.wide ul{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.p-dash{grid-template-columns:1fr}.p-side{position:static}.p-grid{grid-template-columns:1fr}.tl{grid-template-columns:repeat(3,1fr);row-gap:14px}.smap,.smg.wide ul{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.p-card{padding:24px 20px;border-radius:24px}.p-main{padding:20px;border-radius:22px}.p-head{flex-direction:column}.p-quote{flex-direction:column;align-items:stretch}.otp-i input{width:42px;height:50px}.msgs{height:300px}.smap,.smg.wide ul{grid-template-columns:1fr}}
.plog{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);transition:.2s}
.plog svg{width:17px;height:17px}.plog:hover,.plog.on{border-color:var(--accent);color:var(--accent);background:rgba(10,92,255,.06)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.f2-top>*{min-width:0}.f2-news{width:100%;box-sizing:border-box}
@media (max-width:640px){.nf .btn{padding:0 16px}.nf input{padding:0 10px}}
/* FAQ page v2 */
.faq-hero .fsearch{max-width:620px;margin:28px auto 0}
.fnone{margin-top:14px;color:var(--muted)}
.flay{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.fnav{position:sticky;top:88px;display:flex;flex-direction:column;gap:4px}
.fnav a{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:14px;font-weight:500;color:var(--muted);transition:background .2s,color .2s}
.fnav a span{font:600 12px 'Geist',sans-serif;background:var(--cloud);border-radius:999px;padding:2px 9px}
.fnav a:hover{background:var(--cloud);color:var(--ink)}
.fnav a.on{background:var(--ink);color:#fff}.fnav a.on span{background:rgba(255,255,255,.18)}
.fnav .fask{margin-top:14px;align-self:flex-start;color:#fff;background:var(--accent);justify-content:center}
.fgroup2{margin-bottom:44px;scroll-margin-top:90px}
.fgroup2 h2{display:flex;align-items:center;gap:10px;font-size:24px;margin-bottom:16px}
.fgroup2 h2 span{font:600 12px 'Geist',sans-serif;color:var(--accent);background:rgba(10,92,255,.08);border-radius:999px;padding:3px 10px}
.fbody .faq2 details:nth-child(n+6){display:block}
.fbody details.hide{display:none!important}.fgroup2.hide{display:none}
mark{background:#FFF3B0;color:inherit;border-radius:3px;padding:0 2px}
@media (max-width:1060px){.flay{grid-template-columns:1fr;gap:20px}.fnav{position:sticky;top:64px;z-index:5;flex-direction:row;overflow-x:auto;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);padding:10px 0;margin:0 -22px;padding-inline:22px;scrollbar-width:none}.fnav a{flex:none;padding:8px 14px;font-size:14px;gap:8px}.fnav .fask{display:none}}
/* CTA flows into the dark footer as one block */
.cta{padding:0;background:#0B0C10;position:relative;overflow:hidden}
.cta .wrap,.cta .wrap{max-width:var(--max);background:transparent;border-radius:0;padding:120px 22px 40px;overflow:visible}
.cta .wrap::before{inset:-10% 10% auto;height:110%;background:radial-gradient(closest-side,rgba(10,92,255,.40),transparent),radial-gradient(closest-side at 70% 60%,rgba(25,195,160,.25),transparent);filter:blur(40px)}
.cta::after{content:"";position:absolute;left:50%;bottom:0;width:min(1180px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.cta h2{color:#fff}
.cta-btns{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}.cta .btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.foot2{padding-top:60px}.foot2::before{top:-500px}
@media (max-width:640px){.cta .wrap{padding:84px 20px 30px;border-radius:0}}
.consent{position:fixed;bottom:16px;inset-inline:16px;max-width:560px;margin-inline:auto;z-index:80;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 0 1px #EDEDF0;padding:18px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;transform:translateY(140%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.consent.show{transform:none}.consent p{font-size:14px;color:var(--muted);flex:1 1 240px}.consent div{display:flex;gap:8px}
.p-ch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;font-size:14px}.p-ch span{font-weight:600;margin-inline-end:4px}
.p-ch label{position:relative}.p-ch input{position:absolute;opacity:0}.p-ch b{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--cloud);font-weight:500;cursor:pointer}.p-ch input:checked+b{background:var(--ink);color:#fff}
.p-nr{display:grid;gap:16px;margin-top:18px}.p-nr .fld{display:grid;gap:8px}.p-nr .fld>span{font-size:14px;font-weight:600}
.p-nr input,.p-nr textarea{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;width:100%}.p-nr input:focus,.p-nr textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(10,92,255,.12)}
.p-as{display:flex;gap:12px;align-items:center;background:var(--cloud);border-radius:16px;padding:12px 14px}.p-as small{display:block;color:var(--muted);font-size:12.5px}
.p-nr-b{display:flex;gap:10px}
.qas{margin-bottom:18px}.qas>div{flex:1}.qas a{font-size:13px;color:var(--accent)}
/* floating contact button with pulse */
.fab2{position:fixed;bottom:84px;inset-inline-end:24px;z-index:62}
.fbtn{position:relative;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0A5CFF,#19C3A0);box-shadow:0 14px 34px rgba(10,92,255,.45);transition:transform .25s}
.fbtn:hover{transform:scale(1.07)}
.fbtn>svg{width:27px;height:27px;position:relative;z-index:1;transition:transform .25s,opacity .25s}
.fbtn .x{position:absolute;opacity:0;transform:rotate(-90deg)}
.fab2.open .fbtn>svg:not(.x){opacity:0;transform:rotate(90deg)}.fab2.open .fbtn .x{opacity:1;transform:none}
.ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(10,92,255,.55);animation:fring 2.2s ease-out infinite;pointer-events:none}
.ring.r2{animation-delay:1.1s}
.fab2.open .ring{display:none}
@keyframes fring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.ftip{position:absolute;inset-inline-end:68px;white-space:nowrap;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:10px;opacity:0;transform:translateX(6px);transition:.25s;pointer-events:none}
.fbtn:hover .ftip{opacity:1;transform:none}
.fmenu{position:absolute;bottom:72px;inset-inline-end:0;width:270px;background:#fff;border-radius:22px;padding:14px;box-shadow:0 30px 70px rgba(0,0,0,.22),0 0 0 1px #EDEDF0;display:grid;gap:6px;transform-origin:bottom right;animation:fpop .25s cubic-bezier(.2,.9,.3,1.2)}
html[dir="rtl"] .fmenu{transform-origin:bottom left}
.fmenu b{font-size:14px;padding:4px 6px 8px}
.fo{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;font-weight:600;font-size:15px;transition:background .2s}
.fo svg{width:22px;height:22px;flex:none}.fo:hover{background:var(--cloud)}
.fo.wa svg{color:#25D366}.fo.tel svg{color:var(--accent)}.fo.qt svg{color:#7C3AED}.fo.em svg{color:#EA580C}.fo.em span{font-weight:500;font-size:14px}
@keyframes fpop{from{opacity:0;transform:scale(.85) translateY(10px)}}
.totop{inset-inline-start:auto!important;inset-inline-end:31px!important;bottom:24px!important}
@media (max-width:640px){.fab2{bottom:150px;inset-inline-end:16px}.fbtn{width:52px;height:52px}.totop{bottom:90px!important;inset-inline-end:21px!important}.fmenu{width:250px}}
.qcontact{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.qcontact small{width:100%;color:var(--muted)}.btn.mail{gap:8px}
.f2-social{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}
.f2-social>span{color:#fff;font-weight:600;font-size:14.5px}
.f2-social>div{display:flex;flex-wrap:wrap;gap:8px}
.f2-social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#D4D4D8;transition:background .2s,color .2s,transform .2s}
.f2-social a:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
.f2-social svg{width:19px;height:19px}
.p-card .fld span i{color:#EF4444;font-style:normal}
.p-meth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-2px 0 14px}
.p-meth label{position:relative}.p-meth input{position:absolute;opacity:0}
.p-meth b{display:flex;align-items:center;justify-content:center;height:42px;border-radius:12px;border:1.5px solid var(--line);font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
.p-meth input:checked+b{border-color:var(--accent);background:rgba(10,92,255,.06);color:var(--accent)}
.pwi{position:relative;display:block}.pwi input{padding-inline-end:46px}
.eye{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.eye svg{width:20px;height:20px}
.pw small{color:var(--muted);font-size:12.5px}
.rem{display:flex;align-items:center;gap:10px;font-size:14px;margin:2px 0 12px;cursor:pointer}.rem input{width:18px;height:18px;accent-color:var(--accent)}
.lnk{display:block;margin:12px auto 0;border:0;background:none;color:var(--accent);font:500 14px var(--font);cursor:pointer}
.p-prof .hint{color:var(--muted);font-size:12.5px}
.f2-cols{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.f2-cols{grid-template-columns:1fr}}.f2-links a:not(.lang){color:#A1A1AA}
/* password field: eye toggle inside the input, never drops below */
.pwi{position:relative!important;display:block!important;line-height:0}
.pwi input{width:100%;padding-inline-end:48px!important}
.pwi input::-ms-reveal,.pwi input::-ms-clear{display:none}
.eye{position:absolute!important;top:0!important;bottom:0!important;margin:auto 0;transform:none!important;inset-inline-end:6px!important;width:38px!important;height:38px!important;border-radius:10px;border:0;background:transparent;color:#8A8A90;cursor:pointer;display:grid!important;place-items:center;transition:background .2s,color .2s}
.eye:hover{background:var(--cloud);color:var(--ink)}
.eye.on{color:var(--accent)}
.eye svg{grid-area:1/1;width:20px;height:20px;transition:opacity .2s,transform .25s}
.eye .e-off{opacity:0;transform:scale(.6) rotate(-20deg)}
.eye.on .e-on{opacity:0;transform:scale(.6) rotate(20deg)}
.eye.on .e-off{opacity:1;transform:none}
html[dir=rtl] .pwi input{padding-left:48px!important;padding-right:14px!important}
html[dir=ltr] .pwi input,html:not([dir=rtl]) .pwi input{padding-right:48px!important}