/* Pharma World — Arabic (RTL) design system */
:root{
  --night:#08202f; --night-2:#0c2b40; --ink:#15354b; --muted:#587084; --line:#e2ebf1;
  --paper:#fff; --mist:#f5f9fb; --ice:#eaf6fb;
  --brand:#0aa3df; --brand-d:#0a6f9c; --mint:#2fbfa8; --mint-d:#0f7f6d; --gold:#c8a66a;
  --grad:linear-gradient(110deg,#0aa3df 0%,#21b6d4 50%,#2fbfa8 100%);
  --grad-btn:linear-gradient(110deg,#0a77a8 0%,#0b8296 55%,#0c8474 100%);
  --r-s:12px; --r:20px; --r-l:32px;
  --shadow:0 30px 60px -32px rgba(8,32,47,.35);
  --shadow-s:0 10px 30px -18px rgba(8,32,47,.3);
  --wrap:1240px;
  --f-head:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
  --f-body:"IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M40 6l10 24 24 10-24 10-10 24-10-24L6 40l24-10z'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3C/g%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:17px;line-height:1.85;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--night);line-height:1.3;margin:0;font-weight:600;letter-spacing:0}
p{margin:0}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;top:-60px;right:16px;background:var(--night);color:#fff;padding:10px 18px;border-radius:10px;z-index:100}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:500;font-size:16px;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn svg{width:18px;height:18px;transform:scaleX(-1)}
.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 14px 30px -14px rgba(10,111,156,.8)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(10,111,156,.9)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}
.btn-ghost:hover{background:rgba(255,255,255,.16)}
.btn-line{background:#fff;color:var(--night);border:1px solid var(--line)}
.btn-line:hover{border-color:var(--brand);color:var(--brand-d)}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.hdr.scrolled{border-color:var(--line);box-shadow:0 8px 30px -24px rgba(8,32,47,.5)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:78px}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.brand img{height:44px;width:auto}
.brand .grp{font-family:var(--f-head);font-size:11.5px;line-height:1.45;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:14px}
.brand .grp b{display:block;color:var(--night);font-weight:600}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav>a,.nav .dd>button{font-family:var(--f-head);font-size:15.5px;font-weight:400;color:var(--ink);padding:10px 14px;border-radius:10px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav>a:hover,.nav .dd>button:hover,.nav a[aria-current]{color:var(--brand-d);background:var(--ice)}
.dd{position:relative}
.dd svg{width:14px;height:14px;transition:transform .2s}
.dd-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:340px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}
.dd:hover svg,.dd.open svg{transform:rotate(180deg)}
.dd-menu a{display:block;padding:12px 14px;border-radius:12px}
.dd-menu a:hover{background:var(--mist)}
.dd-menu b{display:block;font-family:var(--f-head);font-weight:500;color:var(--night);font-size:15.5px}
.dd-menu span{font-size:13.5px;color:var(--muted)}
.hdr-end{display:flex;align-items:center;gap:10px}
.lang{font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--brand-d);border:1px solid var(--line);border-radius:999px;padding:9px 16px}
.lang:hover{border-color:var(--brand)}
.hdr .btn{padding:11px 22px;font-size:15px}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:var(--night);position:relative;transition:.25s;content:""}
.burger span::before{position:absolute;top:-6px}.burger span::after{position:absolute;top:6px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{top:0;transform:rotate(45deg)}
.menu-open .burger span::after{top:0;transform:rotate(-45deg)}

/* Sections */
section{position:relative}
.sec{padding:120px 0}
.sec-tight{padding:88px 0}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-head);font-size:14px;font-weight:500;color:var(--brand-d);margin-bottom:18px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--grad);border-radius:2px}
.h-xl{font-size:clamp(40px,6vw,76px);font-weight:700;line-height:1.2}
.h-l{font-size:clamp(32px,4.2vw,52px);font-weight:600}
.h-m{font-size:clamp(24px,2.4vw,30px);font-weight:600}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:640px}
.grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;flex-wrap:wrap}
.sec-head .lead{margin-top:16px}
.dark{background:var(--night);color:#cfe0ea}
.dark::before{content:"";position:absolute;inset:0;background:var(--pattern);pointer-events:none}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark .lead{color:#a9c2d1}
.dark .eyebrow{color:var(--mint)}
.mist{background:var(--mist)}

/* Hero */
.hero{background:radial-gradient(1200px 600px at 15% 0%,rgba(10,163,223,.28),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(47,191,168,.18),transparent 60%),var(--night);color:#cfe0ea;padding:96px 0 120px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:var(--pattern);mask-image:linear-gradient(to bottom,#000 30%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 6px 6px 16px;font-size:14px;color:#d9e8f0;margin-bottom:28px}
.badge b{background:var(--grad);color:#062030;font-family:var(--f-head);font-weight:600;border-radius:999px;padding:3px 12px;font-size:13px}
.hero h1{color:#fff}
.rot{display:inline-grid;vertical-align:bottom}
.rot span{grid-area:1/1;opacity:0;transform:translateY(40%);transition:opacity .6s,transform .6s;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.rot span.on{opacity:1;transform:none}
.rot span.out{opacity:0;transform:translateY(-40%)}
.hero .lead{color:#a9c2d1;margin:28px 0 40px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:24px;backdrop-filter:blur(8px)}
.glass.wide{grid-column:1/-1}
.glass small{display:flex;justify-content:space-between;font-family:var(--f-head);font-size:13px;color:#8fb0c3}
.live{color:var(--mint);display:inline-flex;align-items:center;gap:6px}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(47,191,168,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(47,191,168,0)}100%{box-shadow:0 0 0 0 rgba(47,191,168,0)}}
.glass .big{font-family:var(--f-head);font-size:44px;font-weight:600;color:#fff;line-height:1.1;margin:12px 0 6px}
.glass .big sub{font-size:16px;font-weight:400;color:#8fb0c3;vertical-align:baseline;margin-inline-start:6px}
.glass p{font-size:14px;color:#a9c2d1}
.temp{height:6px;border-radius:6px;background:rgba(255,255,255,.1);margin-top:16px;position:relative;overflow:hidden}
.temp i{position:absolute;inset-block:0;inset-inline-start:22%;width:30%;border-radius:6px;background:var(--grad);animation:drift 5s ease-in-out infinite alternate}
@keyframes drift{to{inset-inline-start:40%}}
.dots{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-top:14px}
.dots i{aspect-ratio:1;border-radius:3px;background:rgba(47,191,168,.75)}
.dots i:nth-child(3n){background:rgba(10,163,223,.55)}

/* Logo marquee */
.marquee{padding:44px 0;border-bottom:1px solid var(--line);overflow:hidden}
.marquee p{text-align:center;font-family:var(--f-head);font-size:14px;color:var(--muted);margin-bottom:24px}
.track{display:flex;gap:56px;width:max-content;animation:scroll 40s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track img{height:40px;width:auto;filter:grayscale(1);opacity:.6;transition:.3s}
.track img:hover{filter:none;opacity:1}
@keyframes scroll{to{transform:translateX(50%)}}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.stat{padding:40px 32px;border-inline-start:1px solid var(--line)}
.stat:first-child{border-inline-start:0;padding-inline-start:0}
.stat b{display:block;font-family:var(--f-head);font-size:clamp(40px,4.4vw,60px);font-weight:600;color:var(--night);line-height:1.1;direction:ltr;text-align:right}
.stat b em{font-style:normal;color:var(--brand)}
.stat span{color:var(--muted);font-size:15.5px}

/* Bento expertise */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.card{background:linear-gradient(160deg,#fff 0%,var(--mist) 100%);border:1px solid var(--line);border-radius:var(--r-l);padding:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.c-7{grid-column:span 7}.c-5{grid-column:span 5}.c-4{grid-column:span 4}.c-8{grid-column:span 8}.c-6{grid-column:span 6}
.ico{width:56px;height:56px;border-radius:16px;background:var(--grad);display:grid;place-items:center;margin-bottom:28px;box-shadow:0 12px 24px -12px rgba(10,163,223,.8)}
.ico svg{width:26px;height:26px;stroke:#fff}
.card h3{font-size:26px;margin-bottom:14px}
.card p{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chip{font-size:14px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink)}
.chip.k{font-family:"Inter",var(--f-head);font-weight:600;color:var(--brand-d);border-color:#cfe6f2;background:var(--ice)}
.card.feature{background:var(--night);border-color:var(--night);color:#a9c2d1}
.card.feature::before{content:"";position:absolute;inset:0;background:var(--pattern)}
.card.feature>*{position:relative}
.card.feature h3{color:#fff}.card.feature p{color:#a9c2d1}
.card.feature .chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#d9e8f0}
.card.feature .chip.k{color:#7fdcef}

/* Reach */
.reach{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ring{position:relative;width:min(420px,100%);aspect-ratio:1;margin-inline:auto}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring .c b{font-family:var(--f-head);font-size:64px;font-weight:600;color:#fff;line-height:1;direction:ltr}
.ring .c span{color:#a9c2d1}
.bars{margin-top:40px;display:grid;gap:22px}
.bar header{display:flex;justify-content:space-between;font-family:var(--f-head);color:#fff;margin-bottom:10px}
.bar header b{font-weight:600}
.bar .t{height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.bar .t i{display:block;height:100%;border-radius:8px;background:var(--grad);width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.in .bar .t i{width:var(--w)}

/* Principals */
.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.3s}
.pcard:hover{border-color:#bfe2f1;box-shadow:var(--shadow-s);transform:translateY(-3px)}
.pcard .lg{height:72px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}
.pcard .lg img{max-height:52px;max-width:150px;width:auto;object-fit:contain}
.pcard small{font-family:var(--f-head);font-size:12.5px;color:var(--brand-d);background:var(--ice);border-radius:999px;padding:2px 10px;align-self:flex-start}
.pcard h3{font-family:"Inter",var(--f-head);font-size:19px;margin:12px 0 4px}
.pcard p{font-size:14.5px;color:var(--muted);flex:1}
.pcard .go{margin-top:18px;font-family:var(--f-head);font-size:14px;color:var(--brand-d);display:inline-flex;gap:6px;align-items:center}
.pcard .go svg{width:14px;height:14px;transform:scaleX(-1)}

/* CTA */
.cta{border-radius:var(--r-l);padding:72px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;overflow:hidden}
.cta .actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.cta .phone{font-family:"Inter",sans-serif;font-size:22px;font-weight:600;color:#fff;direction:ltr}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.duo a{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:var(--r);padding:32px;background:#fff;transition:.3s}
.duo a:hover{border-color:var(--brand);box-shadow:var(--shadow-s)}
.duo small{font-family:var(--f-head);color:var(--brand-d);font-size:13.5px}
.duo h3{font-size:24px;margin:6px 0}
.duo p{color:var(--muted);font-size:15.5px}
.arrow{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--ice);display:grid;place-items:center;transition:.3s}
.arrow svg{width:20px;height:20px;stroke:var(--brand-d);transform:scaleX(-1)}
.duo a:hover .arrow{background:var(--grad)}.duo a:hover .arrow svg{stroke:#fff}

/* Page hero */
.phero{padding:80px 0 96px;overflow:hidden}
.crumbs{font-size:14px;color:#8fb0c3;margin-bottom:24px;display:flex;gap:8px}
.crumbs a:hover{color:#fff}
.phero h1{max-width:900px}
.phero .lead{margin-top:24px}

/* Split / media */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.media{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow);background:var(--ice);aspect-ratio:4/3}
.media img{width:100%;height:100%;object-fit:cover}
.tag-year{display:inline-flex;align-items:baseline;gap:12px;margin-top:32px;padding:18px 24px;border-radius:var(--r);background:var(--mist);border:1px solid var(--line)}
.tag-year b{font-family:var(--f-head);font-size:40px;color:var(--brand-d);line-height:1}
.mv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.mv .card h3{font-size:22px}

/* People */
.leader{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.leader img{width:200px;height:240px;object-fit:cover;border-radius:var(--r);background:var(--ice)}
.leader small{font-family:var(--f-head);color:var(--brand-d)}
.leader h3{font-size:26px;margin:4px 0 10px}
.leader p{color:var(--muted)}
.leader blockquote{margin:16px 0 0;padding-inline-start:16px;border-inline-start:3px solid var(--mint);font-family:var(--f-head);color:var(--night);font-size:17px}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:var(--r-l);overflow:hidden}
.val{background:var(--night);padding:40px;position:relative}
.val i{font-style:normal;font-family:"Inter",sans-serif;font-size:14px;font-weight:600;color:var(--mint)}
.val h3{font-size:22px;margin:14px 0 10px}
.val p{color:#a9c2d1;font-size:16px}

/* Journey */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px}
.step::after{content:"";position:absolute;top:44px;inset-inline-end:-17px;width:18px;height:2px;background:var(--grad)}
.step:last-child::after{display:none}
.step i{font-style:normal;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;font-family:"Inter";font-weight:700;font-size:15px;margin-bottom:18px}
.step h3{font-size:21px;margin-bottom:8px}
.step p{font-size:15px;color:var(--muted)}

/* Infra */
.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.site{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff}
.site small{font-family:var(--f-head);color:var(--brand-d);font-size:14px}
.site b{display:block;font-family:var(--f-head);font-size:44px;color:var(--night);line-height:1.1;margin:10px 0 2px}
.site ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:15px;color:var(--muted)}
.site li{display:flex;gap:10px;align-items:center}
.site li::before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--ice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a6f9c' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.iso{display:flex;gap:28px;align-items:center;margin-top:20px;padding:32px;border-radius:var(--r);background:var(--grad);color:#062030}
.iso b{font-family:"Inter";font-size:44px;font-weight:800;line-height:1;color:#fff}
.iso b small{display:block;font-size:13px;font-weight:600;letter-spacing:.2em}
.iso h3{color:#062030;font-size:22px}

/* Delivery mock */
.phone-mock{width:min(340px,100%);margin-inline:auto;background:#fff;border-radius:40px;padding:26px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:8px solid #0f3247;color:var(--ink)}
.phone-mock small{color:var(--muted);font-size:13px}
.phone-mock h4{font-family:var(--f-head);font-size:19px;color:var(--night);margin:4px 0 18px}
.order{background:var(--mist);border-radius:16px;padding:16px;display:flex;justify-content:space-between;font-size:14px;margin-bottom:18px}
.order b{font-family:"Inter"}
.tl{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.tl li{display:flex;gap:12px;align-items:center;font-size:14.5px}
.tl li i{width:26px;height:26px;border-radius:50%;background:var(--grad);flex-shrink:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px}
.tl li.p i{background:var(--line);color:var(--muted)}
.mock-note{text-align:center;font-size:12.5px;color:#8fb0c3;margin-top:14px}
.checks{list-style:none;padding:0;margin:28px 0 36px;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:center;font-family:var(--f-head);font-weight:500;color:var(--night)}
.checks li::before{content:"";width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--ice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a6f9c' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}

/* Contact */
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.tabs button{font-family:var(--f-head);font-size:15px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;cursor:pointer;color:var(--ink)}
.tabs button.on{background:var(--night);color:#fff;border-color:var(--night)}
.loc{display:none;border:1px solid var(--line);border-radius:var(--r);padding:32px;background:#fff}
.loc.on{display:block}
.loc h3{font-size:22px;margin-bottom:10px}
.loc address{font-style:normal;color:var(--muted);margin-bottom:18px}
.loc .lines{display:grid;gap:6px;margin-bottom:20px;font-family:"Inter",var(--f-body);font-weight:500;color:var(--night)}
.loc .lines a:hover{color:var(--brand-d)}
.help{display:grid;gap:10px;margin-top:28px}
.help a{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}
.help a:hover{border-color:var(--brand);background:var(--mist)}
.help b{font-family:var(--f-head);font-weight:500;color:var(--night)}
.help span{font-size:13.5px;color:var(--brand-d);background:var(--ice);padding:2px 10px;border-radius:999px}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:40px;box-shadow:var(--shadow)}
.form h2{font-size:30px;margin-bottom:8px}
.form>p{color:var(--muted);margin-bottom:28px}
.topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border:0;padding:0}
.topics legend{font-family:var(--f-head);font-size:14px;color:var(--muted);margin-bottom:10px}
.topics label{cursor:pointer}
.topics input{position:absolute;opacity:0}
.topics span{display:block;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14.5px;transition:.2s}
.topics input:checked+span{background:var(--ice);border-color:var(--brand);color:var(--brand-d);font-weight:500}
.topics input:focus-visible+span{outline:3px solid var(--brand);outline-offset:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.f label{font-family:var(--f-head);font-size:14.5px;color:var(--night)}
.f input,.f textarea{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--mist);color:var(--night);transition:.2s;width:100%}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(10,163,223,.12)}
.f input[type=email],.f input[type=tel]{direction:ltr;text-align:right}
.f .e{display:none;font-size:13px;color:#c2334f}
.f.err input,.f.err textarea{border-color:#e5486a}
.f.err .e{display:block}
.hp{position:absolute;inset-inline-start:-9999px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--muted);margin:8px 0 24px}
.consent input{width:20px;height:20px;margin-top:4px;accent-color:var(--brand-d);flex-shrink:0}
.consent.err{color:#c2334f}
.ok{display:none;margin-top:20px;padding:18px 20px;border-radius:14px;background:#e8f8f4;color:var(--mint-d);font-weight:500}
.ok.show{display:block}

/* Footer */
.ftr{background:var(--night);color:#93afc0;padding:88px 0 32px;position:relative}
.ftr::before{content:"";position:absolute;inset:0;background:var(--pattern);opacity:.6}
.ftr .wrap{position:relative}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.1)}
.ftr .logo-w{background:#fff;border-radius:16px;padding:12px 16px;display:inline-block}
.ftr .logo-w img{height:40px;width:auto}
.ftr p.tag{margin:22px 0;max-width:320px;font-size:15.5px}
.ftr h4{font-family:var(--f-head);color:#fff;font-size:16px;font-weight:500;margin-bottom:18px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15.5px}
.ftr a:hover{color:#fff}
.soc{display:flex;gap:10px}
.soc a{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;transition:.2s}
.soc a:hover{background:rgba(255,255,255,.1)}
.soc svg{width:18px;height:18px;fill:#cfe0ea}
.ftr-bot{display:flex;justify-content:space-between;gap:20px;padding-top:28px;font-size:14px;flex-wrap:wrap}
.ftr-bot nav{display:flex;gap:20px}

/* Floating call */
.fab{position:fixed;bottom:24px;left:24px;z-index:40;width:60px;height:60px;border-radius:50%;background:var(--grad-btn);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(10,111,156,.8);transition:transform .2s}
.fab:hover{transform:scale(1.06)}
.fab svg{width:24px;height:24px;stroke:#fff}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.rot span{transition:none}}

/* Responsive */
@media (max-width:1100px){
  .nav,.hdr-end .btn{display:none}
  .burger{display:inline-flex}
  .hdr-end{margin-inline-start:auto}
  .menu-open .nav{display:flex;position:fixed;top:78px;inset-inline:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 24px;gap:4px;overflow:auto}
  .menu-open .nav>a,.menu-open .nav .dd>button{font-size:19px;padding:14px 8px;justify-content:space-between;width:100%}
  .menu-open .dd-menu{position:static;width:auto;box-shadow:none;border:0;padding:0 8px;opacity:1;visibility:visible;transform:none;display:none}
  .menu-open .dd.open .dd-menu{display:block}
  .hero .wrap,.reach,.split,.cta{grid-template-columns:1fr}
  .partners{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step::after{display:none}
  .ftr-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .sec{padding:80px 0}.sec-tight{padding:64px 0}
  .hero{padding:64px 0 80px}
  .brand .grp{display:none}
  .brand img{height:38px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:28px 16px}
  .stat:nth-child(3){border-inline-start:0;padding-inline-start:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .stat:nth-child(odd){padding-inline-start:0}
  .bento>*{grid-column:1/-1}
  .card{padding:28px}
  .partners{grid-template-columns:1fr 1fr}
  .pcard{padding:18px}
  .mv,.values,.sites,.duo,.grid2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .leader{grid-template-columns:1fr}
  .leader img{width:100%;height:280px}
  .cta{padding:40px 24px}
  .form{padding:24px}
  .ftr-grid{grid-template-columns:1fr}
  .glass .big{font-size:36px}
  .fab{width:54px;height:54px;bottom:16px;left:16px}
}

/* fixes */
.partners{grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard{min-width:0}.pcard h3{overflow-wrap:anywhere}
.stat>span{color:var(--muted);font-size:15.5px}
.stat b span{color:inherit;font-size:inherit}
.ring .c b span{color:#fff}
.badge b{white-space:nowrap}
.sec-tight+.sec{padding-top:64px}
@media (max-width:1100px){.partners{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.partners{grid-template-columns:repeat(2,minmax(0,1fr))}.badge{font-size:13px}}
.loc .lines a{justify-self:start}