@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/cairo-latin-ext.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/cairo-latin.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/cairo-arabic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#f3f6fb;--sf:#fff;--ink:#0b1730;--mut:#55627a;--ln:#e1e7f0;--nv:#0a1733;--nv2:#13285a;--cy:#16c4ef;--cy2:#0b9fcc;--gd:#f5b42a;--gd2:#e09a0b;--gn:#16a34a;--r:18px;--sh:0 12px 34px rgba(10,23,51,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Cairo",system-ui,"Segoe UI",Tahoma,Arial,sans-serif;font-size:17px;line-height:1.95;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
a{color:var(--cy2)}img{max-width:100%;height:auto}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.skip{position:absolute;right:-999px;top:0;background:var(--gd);color:var(--nv);padding:8px 12px;z-index:99}.skip:focus{right:8px}
.hd{position:sticky;top:0;z-index:50;background:var(--nv);border-bottom:3px solid var(--gd);box-shadow:0 6px 20px rgba(0,0,0,.18)}
.hdin{display:flex;align-items:center;gap:14px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;font-size:1.05rem;flex-shrink:0;white-space:nowrap}
.logo img{width:44px;height:44px;border-radius:12px;display:block}
.logo span{color:#fff}
.nav{display:flex;gap:2px;margin-inline-start:auto;flex-wrap:nowrap}
.nav a{color:#dbe6ff;text-decoration:none;padding:8px 11px;border-radius:10px;font-weight:600;font-size:.95rem;white-space:nowrap;transition:background .2s,color .2s}
.nav a:hover,.nav a[aria-current]{background:rgba(22,196,239,.14);color:var(--cy)}
.hdbtn{display:flex;align-items:center;gap:8px}
.ib{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:1.05rem;cursor:pointer;display:grid;place-items:center}
.hcall{background:linear-gradient(135deg,var(--gd),var(--gd2));color:var(--nv);font-weight:800;text-decoration:none;padding:9px 16px;border-radius:999px;letter-spacing:.5px;white-space:nowrap}
.hcall:before{content:"📞 "}
.mb{display:none}
@media (max-width:980px){.mb{display:grid}.nav{display:none;position:absolute;top:71px;inset-inline:0;background:var(--nv);flex-direction:column;padding:10px 16px 16px;border-bottom:3px solid var(--gd)}.nav.open{display:flex}.nav a{padding:12px;font-size:1rem}.hdbtn{margin-inline-start:auto}}
@media (max-width:560px){.hdin{gap:8px}.logo span{display:none}.hcall{padding:8px 12px;font-size:.95rem}.ib{width:40px;height:40px}}@media (max-width:360px){.hcall:before{content:""}}html,body{overflow-x:hidden}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 420px at 15% 20%,rgba(22,196,239,.22),transparent 60%),radial-gradient(700px 360px at 90% 90%,rgba(245,180,42,.18),transparent 60%),linear-gradient(160deg,#081430 0%,#10275a 60%,#0a1a3c 100%);padding:38px 0 46px}
.hero:before{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;border:2px solid rgba(245,180,42,.25)}
.hero h1{font-size:clamp(1.65rem,4.2vw,2.6rem);line-height:1.45;margin:0 0 12px;font-weight:800}
.hero .lead{font-size:1.08rem;color:#d7e3ff;margin:0 0 18px;max-width:720px}
.hero b{color:var(--gd)}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:170px;padding:13px 22px;border-radius:14px;text-decoration:none;font-weight:800;font-size:1.05rem;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.call{background:linear-gradient(135deg,var(--gd),var(--gd2));color:var(--nv);box-shadow:0 8px 22px rgba(245,180,42,.35)}
.btn.wa{background:var(--gn);color:#fff;box-shadow:0 8px 22px rgba(22,163,74,.3)}
.ihg{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}
.ihimg{margin:0}.ihimg img{width:100%;height:auto;border-radius:20px;display:block;border:2px solid rgba(245,180,42,.5);box-shadow:0 16px 40px rgba(0,0,0,.35)}
@media (max-width:820px){.ihg{grid-template-columns:1fr}.ihimg{order:2}.btn{flex:1;min-width:0}}
.bc{font-size:.9rem;color:#a9bbe0;margin-bottom:6px}.bc a{color:#a9bbe0}
.art{padding-top:26px;padding-bottom:20px}
.sum{background:var(--sf);border-radius:var(--r);padding:16px 20px;border-inline-start:6px solid var(--gd);box-shadow:var(--sh);margin-bottom:18px}
.sum h2{margin:0 0 6px;font-size:1.2rem;color:var(--nv)}
.sum h2:before{content:"✦ ";color:var(--gd)}
.sum ul{margin:0;padding-inline-start:20px}
.toc{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);margin-bottom:22px;overflow:hidden}
.toc summary{cursor:pointer;padding:13px 18px;font-weight:800;background:var(--nv);color:#fff;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc summary:after{content:"▾";float:left;color:var(--gd)}
.toc[open] summary:after{content:"▴"}
.toc ol{margin:0;padding:12px 38px 14px 18px;columns:2;column-gap:28px}
.toc li{margin:3px 0;break-inside:avoid}.toc a{text-decoration:none;color:var(--nv2);font-weight:600}.toc a:hover{color:var(--cy2)}
.toc li.s{font-size:.93rem;opacity:.85}
@media (max-width:700px){.toc ol{columns:1}}
.prose{background:var(--sf);border-radius:var(--r);padding:8px 24px 18px;box-shadow:var(--sh)}
@media (max-width:600px){.prose{padding:6px 16px 14px}}
.prose h2{font-size:1.45rem;color:var(--nv);margin:30px 0 10px;padding-bottom:8px;position:relative;line-height:1.5}
.prose h2:after{content:"";position:absolute;bottom:0;right:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gd),var(--cy))}
.prose h3,.prose h4{font-size:1.15rem;color:var(--nv2);margin:20px 0 6px}
.prose h3:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cy);margin-inline-end:8px;vertical-align:middle}
.prose p{margin:0 0 12px}
.prose ul,.prose ol{padding-inline-start:22px}
.prose li{margin:4px 0}
.prose figure{margin:16px 0}.prose figure img{border-radius:16px;display:block}
.prose figcaption{font-size:.85rem;color:var(--mut);margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chips span{background:#eaf7fd;color:var(--cy2);padding:4px 12px;border-radius:999px;font-size:.9rem;font-weight:600}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:12px 0}td,th{border:1px solid var(--ln);padding:9px 10px;text-align:right}th{background:var(--nv);color:#fff}
.isvc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}
.icard{background:linear-gradient(180deg,#fbfdff,#fff);border:1px solid var(--ln);border-top:4px solid var(--cy);border-radius:16px;padding:14px 16px}
.icard h3{margin:0 0 6px!important;font-size:1.06rem}.icard h3:before{display:none}.icard p{margin:0}
.ifig{max-width:520px}.ifig img{width:100%}
.igal{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.igal figure{margin:0}.igal img{width:100%;border-radius:14px}
.isteps{counter-reset:s;list-style:none;padding:0!important}.isteps li{counter-increment:s;position:relative;padding:12px 58px 12px 14px;background:#f7faff;border:1px solid var(--ln);border-radius:14px;margin:10px 0}
.isteps li:before{content:counter(s);position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--gd);color:var(--nv);font-weight:800;display:grid;place-items:center}
.isteps h3{margin:0 0 4px!important}.isteps h3:before{display:none}
.iareas{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.iareas li{background:#f7faff;border:1px solid var(--ln);border-radius:12px;padding:10px 14px;margin:0}
.faq details{border:1px solid var(--ln);border-radius:14px;margin:10px 0;background:#fbfdff;overflow:hidden}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:700;list-style:none;position:relative;padding-inline-start:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"+";position:absolute;right:14px;top:10px;width:22px;height:22px;border-radius:50%;background:var(--nv);color:var(--gd);display:grid;place-items:center;font-weight:800}
.faq details[open] summary:before{content:"−"}
.faq summary h3{display:inline;font-size:1rem;margin:0}.faq summary h3:before{display:none}
.faq .fa{padding:0 16px 14px;color:#33415c}
.endcta{margin:22px 0 10px;background:linear-gradient(135deg,var(--nv),var(--nv2));color:#fff;border-radius:var(--r);padding:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;border-bottom:4px solid var(--gd)}
.endcta h2{width:100%;text-align:center;margin:0 0 4px;color:#fff;font-size:1.3rem}
.endcta .cta{justify-content:center}
.ft{background:var(--nv);color:#c9d6f3;margin-top:30px;border-top:4px solid var(--gd);padding-top:24px}
.ftg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.ft h3{color:#fff;margin:0 0 8px;font-size:1.1rem}
.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:4px 0}
.ft a{color:#c9d6f3;text-decoration:none}.ft a:hover{color:var(--gd)}
.copy{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin:18px 0 0;padding:14px;font-size:.9rem;color:#93a6cf}
@media (max-width:760px){.ftg{grid-template-columns:1fr}}
.fwa{position:fixed;left:14px;bottom:calc(18px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;background:var(--gn);display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.25);z-index:60}
.fwa svg{width:26px;height:26px;fill:#fff}
.sov{position:fixed;inset:0;background:rgba(5,12,30,.7);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:76px 12px 12px}.sov[hidden]{display:none}
.sbox{width:min(640px,100%);background:#fff;border-radius:18px;padding:14px;max-height:80vh;display:flex;flex-direction:column;border-top:4px solid var(--gd)}
.srow{display:flex;gap:8px}.srow input{flex:1;padding:12px;border-radius:12px;border:1px solid var(--ln);font:inherit}
.srow button{border:0;border-radius:12px;padding:0 14px;background:var(--nv);color:#fff;font:inherit;cursor:pointer}
.sres{list-style:none;padding:0;margin:10px 0 0;overflow:auto}.sres a{display:block;padding:10px;border-radius:10px;text-decoration:none;color:var(--ink)}.sres a:hover{background:#eef6fd}.sres small{display:block;color:var(--mut)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (max-width:600px){.hero{padding:22px 0 30px}.hero h1{font-size:1.5rem;line-height:1.5}.hero .lead{font-size:.98rem;line-height:1.85;margin-bottom:14px}.btn{padding:12px 10px;font-size:.98rem;white-space:nowrap}.fwa{width:48px;height:48px;bottom:calc(84px + env(safe-area-inset-bottom))}}
/* stlayait service pages v1 — themes + hero variants */
.pg{--a:#f5b42a;--a2:#e09a0b;--d1:#0a1733;--d2:#13285a;--t:#fff8e8;--glow:rgba(245,180,42,.35)}
.t-gold{--a:#e6b04a;--a2:#c8892a;--d1:#0d1a33;--d2:#2a1f12;--t:#fbf5ea;--glow:rgba(230,176,74,.35)}
.t-cyan{--a:#22d3ee;--a2:#0891b2;--d1:#071a33;--d2:#0c2f5c;--t:#ecfbff;--glow:rgba(34,211,238,.35)}
.t-amber{--a:#fbbf24;--a2:#d97706;--d1:#0b1530;--d2:#1d2c55;--t:#fff8e6;--glow:rgba(251,191,36,.38)}
.t-neon{--a:#60a5fa;--a2:#7c3aed;--d1:#060b24;--d2:#16124a;--t:#eef2ff;--glow:rgba(96,165,250,.40)}
.t-royal{--a:#3b82f6;--a2:#1d4ed8;--d1:#08142e;--d2:#0f2a63;--t:#eef4ff;--glow:rgba(59,130,246,.38)}
.t-steel{--a:#2dd4bf;--a2:#0f766e;--d1:#0a1622;--d2:#12303a;--t:#ecfdf8;--glow:rgba(45,212,191,.35)}
.t-sky{--a:#38bdf8;--a2:#0369a1;--d1:#0b2140;--d2:#0e4a7a;--t:#eaf7ff;--glow:rgba(56,189,248,.38)}
.t-purple{--a:#a855f7;--a2:#22d3ee;--d1:#1a0b3d;--d2:#3b1b7a;--t:#f5efff;--glow:rgba(168,85,247,.40)}
/* hero base */
.phero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--d1),var(--d2));padding:34px 0 40px}
.phero:before{content:"";position:absolute;inset:auto -10% -40% auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.phg{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}
.ptxt h1{font-size:clamp(1.55rem,3.4vw,2.35rem);line-height:1.45;margin:10px 0 12px;font-weight:800}
.ptxt .lead{font-size:1.08rem;color:#e6ecff;margin:0 0 16px}
.kick{display:inline-block;background:color-mix(in srgb,var(--a) 18%,transparent);border:1px solid color-mix(in srgb,var(--a) 55%,transparent);color:var(--a);font-weight:700;font-size:.92rem;padding:4px 14px;border-radius:999px}
.ticks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ticks li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:5px 12px;font-size:.92rem}
.ticks li:before{content:"✓";color:var(--a);font-weight:800;margin-inline-end:6px}
.pimg{margin:0}.pimg img{display:block;width:100%;border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.45);border:3px solid color-mix(in srgb,var(--a) 70%,transparent)}
.phero .btn.call{background:linear-gradient(135deg,var(--a),var(--a2));color:#0b1730}
.t-neon .phero .btn.call,.t-royal .phero .btn.call,.t-purple .phero .btn.call,.t-sky .phero .btn.call{color:#fff}
/* v2: image on the right (RTL first), text in glass card */
.pg-v2 .phg{grid-template-columns:1.1fr 1fr}
.pg-v2 .pimg{order:-1}
.pg-v2 .pimg img{border-radius:26px;border:0;outline:3px solid var(--a);outline-offset:6px}
.pg-v2 .ptxt{background:rgba(255,255,255,.06);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px 24px}
/* v3: image as background with overlay */
.pg-v3 .phero{padding:0;background:var(--d1)}
.pg-v3 .phg{grid-template-columns:1fr;min-height:520px}
.pg-v3 .pimg{position:absolute;inset:0;z-index:0}
.pg-v3 .pimg img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;opacity:.55}
.pg-v3 .phero .wrap{position:relative}
.pg-v3 .ptxt{position:relative;z-index:1;max-width:640px;padding:46px 0;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.pg-v3 .phero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--d1) 15%,color-mix(in srgb,var(--d1) 70%,transparent) 55%,transparent);z-index:0;pointer-events:none}
.pg-v3 .phg{position:static}
.pg-v3 .ptxt{z-index:2}
/* article accents */
.pg .sum{border-top:4px solid var(--a);background:var(--t)}
.pg .prose h2{border-inline-start:6px solid var(--a);padding-inline-start:12px}
.pg .prose h2:after{background:linear-gradient(90deg,var(--a),transparent)}
.pg .prose h3:before{background:var(--a)}
.pg .isteps li:before{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff}
.pg .faq summary:before{background:var(--a);color:#fff}
.pg .endcta{background:linear-gradient(135deg,var(--d1),var(--d2));border-top:4px solid var(--a)}
.pg .endcta .btn.call{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff}
.pg .prose figure img{border-radius:18px;border:3px solid color-mix(in srgb,var(--a) 50%,transparent)}
/* feature grid */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.fcard{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(10,23,51,.06);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.fcard:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--a),var(--a2))}
.fcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,23,51,.12)}
.fcard .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--t);font-size:1.4rem;margin-bottom:8px}
.fcard h3{margin:0 0 6px!important;font-size:1.06rem}.fcard h3:before{display:none!important}
.fcard p{margin:0;font-size:.97rem;color:var(--mut)}
/* table */
.tblw{overflow-x:auto;margin:16px 0;border-radius:16px;border:1px solid var(--ln);-webkit-overflow-scrolling:touch}
.ptable{width:100%;border-collapse:collapse;min-width:520px;background:#fff;font-size:.96rem}
.ptable th{background:linear-gradient(135deg,var(--d1),var(--d2));color:#fff;padding:10px 12px;text-align:start;font-weight:700}
.ptable td{padding:10px 12px;border-top:1px solid var(--ln);vertical-align:top}
.ptable tr:nth-child(even) td{background:var(--t)}
/* notes + mid cta */
.note{background:var(--t);border:1px solid color-mix(in srgb,var(--a) 40%,transparent);border-inline-start:5px solid var(--a);border-radius:14px;padding:12px 16px;margin:16px 0}
.note.warn{background:#fff6f2;border-color:#f3b49a;border-inline-start-color:#ea580c}
.midcta{background:linear-gradient(135deg,var(--d1),var(--d2));color:#fff;border-radius:20px;padding:20px;margin:24px 0;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.midcta p{margin:0 0 12px;font-weight:700;font-size:1.08rem}
.midcta .cta{justify-content:center}
.midcta .btn.call{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff}
/* other services strip */
.svcl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.svcl a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:10px 12px;text-decoration:none;color:var(--ink);font-weight:700}
.svcl a:hover{border-color:var(--cy)}
.ftsvc{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none}
@media (max-width:820px){.phg,.pg-v2 .phg{grid-template-columns:1fr}.pimg,.pg-v2 .pimg{order:1}.pg-v2 .pimg img{border-radius:18px;outline-offset:3px}.phero{padding:20px 0 28px}.pg-v3 .phg{min-height:0}.pg-v3 .ptxt{padding:28px 0}.pg-v3 .pimg{position:static}.pg-v3 .pimg img{opacity:1;height:auto}.pg-v3 .phero:after{display:none}.pg-v3 .ptxt{text-shadow:none;padding:18px 0 4px}.pg-v2 .ptxt{margin-top:0;padding:16px}}
@media (max-width:560px){.ptxt h1{font-size:1.4rem}.ticks li{font-size:.85rem}.fgrid{grid-template-columns:1fr}}
/* beIN widget wrap */
.pkx-sec{background:linear-gradient(180deg,#140832,#1a0b3d);padding:14px 0 6px}
.phero .cta .btn{white-space:nowrap}
@media (max-width:420px){.phero .cta .btn{padding-inline:14px;font-size:.98rem}.kick{font-size:.82rem}}


/* NAVDD */
.nav{align-items:center}
.nav .dd{position:relative}
.nav .ddb{background:none;border:0;color:#dbe6ff;font:inherit;font-weight:600;font-size:.95rem;padding:8px 11px;border-radius:10px;cursor:pointer;white-space:nowrap}
.nav .ddb:after{content:" ▾";font-size:.8em}
.nav .ddb:hover,.nav .dd.open .ddb{background:rgba(22,196,239,.14);color:var(--cy)}
.nav .ddm{display:none;position:absolute;top:100%;inset-inline-start:0;background:var(--nv);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--gd);border-radius:0 0 14px 14px;padding:8px;min-width:260px;box-shadow:0 16px 34px rgba(0,0,0,.35);z-index:60}
.nav .ddm a{display:block;padding:7px 10px;font-size:.93rem}
.nav .ddm.mega{position:fixed;top:71px;left:50%;right:auto;transform:translateX(-50%);width:min(1120px,96vw);max-height:76vh;overflow:auto;grid-template-columns:repeat(6,1fr);gap:4px 10px;border-radius:0 0 18px 18px}
.nav .ddm.mega h4{margin:6px 0 4px;font-size:.95rem}.nav .ddm.mega h4 a{color:var(--gd);padding:4px 8px;font-weight:800}
.nav .ddm.mega a{padding:3px 8px;font-size:.86rem}
.nav .ddm.mega a.all{grid-column:1/-1;color:var(--gd);font-weight:800}
@media (hover:hover) and (min-width:981px){.nav .dd:hover .ddm{display:block}.nav .dd:hover .ddm.mega{display:grid}}
.nav .dd.open .ddm{display:block}.nav .dd.open .ddm.mega{display:grid}
@media (max-width:980px){.nav.open{max-height:calc(100vh - 80px);overflow:auto}.nav .dd{width:100%}.nav .ddb{width:100%;text-align:center;padding:12px;font-size:1rem}.nav .ddm,.nav .ddm.mega{position:static;transform:none;text-align:center;width:auto;max-height:none;box-shadow:none;border:0;border-radius:12px;background:rgba(255,255,255,.05);min-width:0}.nav .ddm.mega{grid-template-columns:1fr 1fr}}