:root{
  --paper:#fff;--mist:#f2f6f9;--line:#dde5ec;--line-strong:#c3d2de;--ink:#0f1d2b;--slate:#51677c;
  --brand:#0e6ba8;--brand-deep:#084b78;--brand-tint:#e7f1f8;--wa:#1faa53;--accent:#91bf16;
  --r-s:8px;--r-m:14px;--r-l:22px;--shadow:0 1px 2px rgba(15,29,43,.05),0 8px 24px -12px rgba(15,29,43,.18);
  --wrap:1180px;--font-body:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;--font-head:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;padding-bottom:0}img,svg{max-width:100%;height:auto;display:block}a{color:var(--brand-deep);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.35;margin:0;font-family:var(--font-head);letter-spacing:-.01em}h1{font-size:clamp(1.9rem,4.2vw,3rem)}h2{font-size:clamp(1.45rem,3vw,2.1rem)}h3{font-size:1.06rem}p{margin:0}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}.skip{position:absolute;right:-9999px;top:0}.skip:focus{right:12px;top:12px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:999}.eyebrow,.kicker{display:block;font-size:.8rem;font-weight:800;color:var(--brand);margin-bottom:8px}.lede{color:var(--slate);max-width:64ch;font-size:1.03rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;border:1.5px solid transparent;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}.btn:hover{text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#188443}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-deep)}
.topbar{background:var(--ink);color:#c6d5e2;font-size:.83rem}.topbar .wrap{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.topbar a{color:#fff}.topbar-links{display:flex;gap:16px;align-items:center}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:18px;min-height:74px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand:hover{text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain}.brand-ar{font-weight:700;font-size:.98rem;color:var(--ink);display:block;line-height:1.3}.brand-en{font-size:.66rem;color:var(--slate);letter-spacing:.06em;display:block}.nav{margin-inline-start:auto;display:flex;align-items:center;gap:2px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:11px 13px;border-radius:8px;font-size:.92rem;font-weight:650;color:var(--ink);background:none;border:0;cursor:pointer}.nav-link:hover,.nav-link.active{background:var(--mist);text-decoration:none;color:var(--brand-deep)}.nav-link .chev{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .2s}.nav-item[data-open="true"] .chev{transform:rotate(180deg)}.dropdown{position:absolute;inset-inline-start:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;min-width:350px;display:none;z-index:70}.nav-item[data-open="true"] .dropdown{display:block}.dropdown-grid{display:grid;gap:2px}.dd-link{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:8px}.dd-link:hover,.dd-link.active{background:var(--brand-tint);text-decoration:none}.dd-link svg{width:21px;height:21px;flex:none;margin-top:2px;stroke:var(--brand);fill:none;stroke-width:1.6}.dd-title{font-weight:700;font-size:.9rem;color:var(--ink);display:block;line-height:1.4}.dd-desc{font-size:.76rem;color:var(--slate);display:block;line-height:1.5}.dd-all{margin-top:6px;border-top:1px solid var(--line);padding:9px 0 4px;display:block;text-align:center;font-size:.86rem;font-weight:700;color:var(--brand-deep)}.header-cta{display:flex;gap:8px;flex:none;margin-inline-start:6px}.header-cta .btn{padding:10px 14px;font-size:.86rem}.burger{display:none;background:none;border:1.5px solid var(--line-strong);border-radius:8px;padding:9px 11px;cursor:pointer;margin-inline-start:auto}.burger svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2}
.blk{padding-block:clamp(50px,7vw,82px)}.blk--mist{background:var(--mist)}.blk--hero{padding-block:clamp(42px,6vw,70px);background:linear-gradient(180deg,var(--brand-tint) 0%,#fff 92%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center}.hero-copy h1{margin-block:10px 16px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-media{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.hero-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chips span{padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--slate)}
.site-footer{background:#08131e;color:#93aabf;padding-block:46px 0;font-size:.9rem}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.foot-brand img{width:52px;margin-bottom:12px}.foot-brand h3,.site-footer h4{color:#fff}.foot-brand p{max-width:38ch}.site-footer h4{font-size:.92rem;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:8px}.site-footer a{color:#93aabf}.site-footer a:hover{color:#fff}.foot-bottom{margin-top:36px;border-top:1px solid #16283a;padding-block:18px 24px;font-size:.8rem;line-height:1.7}.cloudex-link{margin-top:11px;display:inline-block}
.mobile-bar{display:none;position:fixed;bottom:0;inset-inline:0;z-index:80;background:#fff;border-top:1px solid var(--line);padding:9px 12px;gap:9px;box-shadow:0 -4px 18px rgba(15,29,43,.09)}.mobile-bar .btn{flex:1;padding:13px}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-media{order:-1}.foot-grid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:900px){.burger{display:block}.nav{display:none;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 18px;max-height:78vh;overflow:auto;box-shadow:var(--shadow)}.site-header[data-menu="open"] .nav{display:flex}.nav-link{width:100%;justify-content:space-between;padding:13px 6px;border-bottom:1px solid var(--line)}.dropdown{position:static;border:0;box-shadow:none;padding:4px 0 10px;min-width:0;background:var(--mist);border-radius:8px;margin-block:6px}.header-cta{display:none}.topbar-links{display:none}.mobile-bar{display:flex}body{padding-bottom:72px}}
@media(max-width:620px){.brand-en{display:none}.foot-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2.15rem}.wrap{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}