@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap');

:root{
  --void:#080C14;--surface:#0D1F35;--navy:#0C1F3F;
  --teal:#38BA9D;--teal-dark:#0F6E56;
  --white:#FFFFFF;--bg-soft:#F8FAFC;
  --text-main:#0F172A;--text-muted:#64748B;--text-light:#94A3B8;
  --border:#E2E8F0;--border-med:#CBD5E1;
  --border-dark:rgba(255,255,255,.07);
  --crit:#E24B4A;--warn:#EF9F27;--info:#63BAFF;
  --font-en:'Sora',sans-serif;
  --font-ar:'Tajawal',sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap');

/* ── CSS Variables — defined here first so all rules below can use them ── */
:root {
  --void: #080C14;
  --surface: #0D1F35;
  --navy: #0C1F3F;
  --teal: #38BA9D;
  --teal-dark: #0F6E56;
  --white: #FFFFFF;
  --bg-soft: #F8FAFC;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-light: #94A3B8;
  --border: #E2E8F0;
  --border-med: #CBD5E1;
  --border-dark: rgba(255,255,255,.07);
  --crit: #E24B4A;
  --warn: #EF9F27;
  --info: #63BAFF;
  --font-en: 'Sora', sans-serif;
  --font-ar: 'Tajawal', sans-serif;
}

/* ═══════════════════════════════════════════════
   ONELOOK — MAIN STYLESHEET v1.0
   onelook365.net
═══════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-en);background:var(--void);color:var(--white);overflow-x:hidden}
body.lang-ar{font-family:var(--font-ar);direction:rtl}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ── NAVBAR ── */
.ol-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,12,20,.15);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);transition:background .4s,border-color .4s,box-shadow .4s}
.ol-nav.scrolled{background:rgba(255,255,255,.94);border-bottom-color:var(--border);box-shadow:0 4px 28px rgba(15,23,42,.09)}
.ol-nav__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;position:relative;height:52px;width:220px}
.ol-nav__logo img{height:52px;width:auto;position:absolute;top:0;left:0;transition:opacity .3s}
.logo-dark{opacity:1}.logo-light{opacity:0}
.ol-nav.scrolled .logo-dark{opacity:0}.ol-nav.scrolled .logo-light{opacity:1}
.ol-nav__links{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translateX(-50%)}
body.lang-ar .ol-nav__links{left:auto;right:50%;transform:translateX(50%)}
.ol-nav__item{position:relative}
.ol-nav__link{display:flex;align-items:center;gap:5px;padding:8px 15px;color:rgba(255,255,255,.7);font-size:14px;font-weight:500;border-radius:8px;border:none;background:transparent;font-family:inherit;cursor:pointer;transition:all .18s;text-decoration:none;white-space:nowrap;letter-spacing:-.01em}
.ol-nav.scrolled .ol-nav__link{color:var(--text-muted)}
.ol-nav__link:hover,.ol-nav__link:focus{color:#fff;background:rgba(255,255,255,.08)}
.ol-nav.scrolled .ol-nav__link:hover{color:var(--text-main);background:var(--bg-soft)}
.ol-nav__link--active{color:var(--teal)!important;font-weight:600}
.ol-nav__chevron{width:12px;height:12px;opacity:.45;transition:transform .25s;flex-shrink:0}
.ol-nav__item.open .ol-nav__chevron{transform:rotate(180deg)}

/* Dropdown */
.ol-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);width:460px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px;opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s;box-shadow:0 20px 64px rgba(15,23,42,.11)}
body.lang-ar .ol-dropdown{left:auto;right:50%;transform:translateX(50%) translateY(6px)}
.ol-nav__item.open .ol-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
body.lang-ar .ol-nav__item.open .ol-dropdown{transform:translateX(50%) translateY(0)}
.ol-dropdown::before{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:translateX(-50%) rotate(45deg)}
.dd-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);padding:8px 12px 6px}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .15s}
.dd-item:hover{background:var(--bg-soft)}
.dd-item__icon{width:40px;height:40px;border-radius:9px;object-fit:contain;flex-shrink:0;border:1px solid var(--border);padding:4px;background:#fff}
.dd-item__info{display:flex;flex-direction:column;gap:2px}
.dd-item__name{font-size:13px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:7px;line-height:1.3}
.dd-item__sub{font-size:11px;color:var(--text-muted);line-height:1.4}
.pill{font-size:9px;font-weight:700;padding:1px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0}
.pill--on{background:#ECFDF5;color:#065F46;border:1px solid #6EE7B7}
.pill--cs{background:var(--bg-soft);color:var(--text-light);border:1px solid var(--border-med)}
.dd-divider{height:1px;background:var(--border);margin:6px 4px}
.dd-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 5px}
.dd-foot-txt{font-size:11px;color:var(--text-light)}
.dd-foot-link{font-size:11px;color:var(--teal);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px;transition:gap .15s}
.dd-foot-link:hover{gap:7px}

/* Nav actions */
.ol-nav__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lang-toggle{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;height:36px;transition:border-color .3s}
.ol-nav.scrolled .lang-toggle{border-color:var(--border-med)}
.lang-btn{padding:0 11px;height:100%;font-size:12px;font-weight:600;color:rgba(255,255,255,.55);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .15s}
.ol-nav.scrolled .lang-btn{color:var(--text-muted)}
.lang-btn.active{background:var(--teal);color:#fff}
.lang-sep{width:1px;height:20px;background:rgba(255,255,255,.2);transition:background .3s}
.ol-nav.scrolled .lang-sep{background:var(--border-med)}
.btn-signin{padding:8px 18px;font-size:14px;font-weight:600;color:rgba(255,255,255,.7);background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer;font-family:inherit;transition:all .18s;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.ol-nav.scrolled .btn-signin{color:var(--text-muted);border-color:var(--border-med)}
.btn-signin:hover{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}
.ol-nav.scrolled .btn-signin:hover{color:var(--text-main);background:var(--bg-soft)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:transparent;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s}
.ol-nav.scrolled .hamburger span{background:var(--text-main)}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-drawer{display:none;position:fixed;top:68px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border);padding:14px 20px 18px;flex-direction:column;gap:3px;z-index:999;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.mobile-drawer.open{display:flex}
.m-link{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:var(--text-muted);font-size:15px;font-weight:500;border-radius:9px;text-decoration:none;transition:background .15s,color .15s}
.m-link:hover{background:var(--bg-soft);color:var(--text-main)}
.m-divider{height:1px;background:var(--border);margin:8px 0}
.m-actions{display:flex;gap:10px;margin-top:6px}

/* ── HERO ── */
.hero{min-height:100vh;padding-top:68px;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--void)}
.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(56,186,157,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}
.glow-1{position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(56,186,157,.12) 0%,transparent 65%)}
.glow-2{position:absolute;bottom:-20%;left:-10%;width:700px;height:500px;background:radial-gradient(circle,rgba(12,31,63,.8) 0%,transparent 70%)}
.scan-line{position:absolute;top:68px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);animation:scanDown 8s linear infinite;opacity:.4}
@keyframes scanDown{0%{top:68px}100%{top:100%}}
.hero-inner{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:60px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:calc(100vh - 68px)}
.hero-left{display:flex;flex-direction:column;gap:24px;animation:fadeUp .8s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);animation:fadeUp .8s ease .1s both}
.hero-eyebrow::before{content:'';display:block;width:24px;height:1px;background:var(--teal);opacity:.6}
.hero-headline{font-size:clamp(32px,4vw,58px);font-weight:800;line-height:1.08;letter-spacing:-2px;animation:fadeUp .8s ease .2s both}
.hero-headline .accent{color:var(--teal)}
.hero-subline{font-size:17px;font-weight:400;color:rgba(255,255,255,.7);line-height:1.75;max-width:520px;animation:fadeUp .8s ease .3s both}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;animation:fadeUp .8s ease .4s both}
.btn-primary{padding:14px 28px;font-size:15px;font-weight:700;color:#fff;background:var(--teal);border:none;border-radius:10px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px 24px rgba(56,186,157,.35);transition:background .2s,transform .15s,box-shadow .2s}
.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 32px rgba(56,186,157,.45)}
.btn-secondary{padding:14px 24px;font-size:15px;font-weight:600;color:rgba(255,255,255,.75);background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s}
.btn-secondary:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05)}
.hero-trust{display:flex;flex-direction:column;gap:8px;animation:fadeUp .8s ease .5s both}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.45);font-weight:500}
.trust-check{width:18px;height:18px;border-radius:50%;background:rgba(56,186,157,.15);border:1px solid rgba(56,186,157,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;color:var(--teal);font-weight:800}
.hero-right{display:flex;justify-content:center;align-items:center;animation:fadeUp .8s ease .3s both}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#fff);pointer-events:none}
.dashboard-mockup{width:100%;max-width:560px;background:rgba(13,31,53,.7);border:1px solid rgba(56,186,157,.15);border-radius:16px;box-shadow:0 0 0 1px rgba(56,186,157,.08),0 40px 80px rgba(0,0,0,.5);overflow:hidden;backdrop-filter:blur(20px);position:relative}
.db-scan-overlay{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,186,157,.6),transparent);animation:dbScan 4s ease-in-out infinite;pointer-events:none}
@keyframes dbScan{0%{top:0;opacity:.8}50%{top:100%;opacity:.4}100%{top:0;opacity:.8}}
.db-chrome{background:#0A1628;border-bottom:1px solid rgba(255,255,255,.06);padding:12px 16px;display:flex;align-items:center;gap:12px}
.db-dots{display:flex;gap:6px}
.db-dot{width:10px;height:10px;border-radius:50%}
.db-dot-r{background:#E24B4A;opacity:.8}.db-dot-y{background:#EF9F27;opacity:.8}.db-dot-g{background:#38BA9D;opacity:.8}
.db-address{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:4px 10px;font-size:10px;color:rgba(255,255,255,.35);font-family:monospace;display:flex;align-items:center;gap:6px}
.db-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.db-header{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px}
.db-domain-label{font-size:9px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em}
.db-domain-name{font-size:15px;font-weight:700;color:#fff}
.db-domain-sub{font-size:10px;color:rgba(255,255,255,.4)}
.db-score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}
.db-score-ring{width:56px;height:56px;position:relative}
.db-score-ring svg{transform:rotate(-90deg)}
.db-score-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:800;color:#EF9F27}
.db-score-lbl{font-size:9px;color:rgba(255,255,255,.4);text-align:center}
.db-sections-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);padding:0 2px}
.db-sections{display:flex;flex-direction:column;gap:6px}
.db-section-row{display:flex;align-items:center;gap:10px}
.db-sec-name{font-size:11px;color:rgba(255,255,255,.6);width:160px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-sec-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden}
.db-sec-bar{height:100%;border-radius:10px;transition:width 1.5s ease}
.bar-green{background:#38BA9D}.bar-amber{background:#EF9F27}.bar-red{background:#E24B4A}
.db-sec-score{font-size:10px;font-weight:700;width:30px;text-align:right;flex-shrink:0}
.score-green{color:#38BA9D}.score-amber{color:#EF9F27}.score-red{color:#E24B4A}
.db-findings-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);padding:0 2px}
.db-findings{display:flex;flex-direction:column;gap:5px}
.db-finding{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px;border-left-width:3px}
.db-finding-crit{border-left-color:#E24B4A}.db-finding-warn{border-left-color:#EF9F27}
.db-finding-badge{font-size:8px;font-weight:800;padding:2px 6px;border-radius:4px;flex-shrink:0;margin-top:1px;white-space:nowrap}
.badge-crit{background:rgba(226,75,74,.2);color:#E24B4A}
.badge-warn{background:rgba(239,159,39,.2);color:#EF9F27}
.db-finding-text{font-size:11px;color:rgba(255,255,255,.6);line-height:1.5}
.db-finding-section{font-size:9px;color:rgba(255,255,255,.25);margin-top:2px}
.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.db-stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px;text-align:center}
.db-stat-val{font-size:16px;font-weight:800;line-height:1}
.db-stat-lbl{font-size:9px;color:rgba(255,255,255,.3);margin-top:3px}
.stat-red{color:#E24B4A}.stat-amber{color:#EF9F27}.stat-blue{color:#63BAFF}.stat-green{color:#38BA9D}
.float-badge{position:absolute;background:rgba(13,31,53,.95);border:1px solid rgba(56,186,157,.25);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 32px rgba(0,0,0,.4);backdrop-filter:blur(12px);font-size:11px;animation:float 4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.float-badge-1{bottom:-18px;left:-30px;animation-delay:0s}
.float-badge-2{top:20px;right:-25px;animation-delay:2s}
.fb-val{font-weight:800;color:#fff;font-size:13px}
.fb-sub{color:rgba(255,255,255,.45);font-size:10px}

/* ── SHARED SECTION STYLES ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}
.sec-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin-bottom:20px}
.sec-label::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px}
.sec-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1}

/* ── SECTION 3 — PROBLEM ── */
.section-problem{background:#fff;color:var(--text-main);padding:96px 48px;position:relative;overflow:hidden}
.sec-header{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:60px}
.sec-headline{font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:var(--navy)}
.sec-headline em{font-style:normal;color:var(--teal)}
.sec-opening{font-size:17px;color:var(--text-muted);line-height:1.75;border-left:3px solid var(--teal);padding-left:20px}
body.lang-ar .sec-opening{border-left:none;border-right:3px solid var(--teal);padding-left:0;padding-right:20px}
.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}
.pain-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-dark));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.pain-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(15,23,42,.1);border-color:rgba(56,186,157,.3)}
.pain-card:hover::before{transform:scaleX(1)}
.card-icon-wrap{width:52px;height:52px;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}
.card-num{position:absolute;top:24px;right:24px;width:28px;height:28px;background:var(--bg-soft);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-light)}
body.lang-ar .card-num{right:auto;left:24px}
.card-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:12px;line-height:1.3;letter-spacing:-.3px}
.card-body{font-size:15px;color:var(--text-muted);line-height:1.75}
.product-tag{display:inline-block;background:#F0FDF4;border:1px solid #BBF7D0;color:#065F46;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;margin:0 1px;white-space:nowrap}
.closing-bridge{background:linear-gradient(135deg,var(--navy) 0%,#1A3A6E 100%);border-radius:16px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden}
.bridge-text{font-size:clamp(18px,2vw,24px);font-weight:700;color:#fff;line-height:1.4;letter-spacing:-.3px;max-width:580px}
.bridge-text span{color:var(--teal)}
.bridge-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;white-space:nowrap;flex-shrink:0;font-family:inherit;box-shadow:0 4px 20px rgba(56,186,157,.3);transition:all .2s}
.bridge-cta:hover{background:var(--teal-dark);transform:translateY(-2px)}

/* ── SECTION 4 — WHAT IS ── */
.section-what{background:var(--bg-soft);color:var(--text-main);padding:100px 48px;position:relative;overflow:hidden}
.section-what::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(56,186,157,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,186,157,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.platform-statement-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;margin-bottom:80px}
.ps-left{display:flex;flex-direction:column;gap:16px}
.ps-statement{font-size:17px;color:var(--text-muted);line-height:1.8}
.ps-statement strong{color:var(--text-main);font-weight:600}
.ps-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.ps-stat{flex:1;padding:16px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
.ps-stat:last-child{border-right:none}
.ps-stat-val{font-size:28px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-1px}
.ps-stat-val span{color:var(--teal)}
.ps-stat-lbl{font-size:11px;color:var(--text-muted);font-weight:500;line-height:1.4}
.platform-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 8px 40px rgba(15,23,42,.08);position:relative;overflow:hidden}
.platform-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-dark))}
.pc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.pc-label::after{content:'';flex:1;height:1px;background:rgba(56,186,157,.2)}
.pc-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}
.pc-step:last-child{border-bottom:none;padding-bottom:0}
.pc-step-num{width:32px;height:32px;border-radius:8px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--navy);flex-shrink:0;margin-top:1px}
.pc-step-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}
.pc-step-desc{font-size:12px;color:var(--text-muted);line-height:1.5}
.pillars-label{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-light);margin-bottom:40px;display:flex;align-items:center;gap:16px}
.pillars-label::before,.pillars-label::after{content:'';flex:1;height:1px;background:var(--border)}
.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:60px}
.pillar{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.pillar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--teal-dark));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.pillar:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.09);border-color:rgba(56,186,157,.2)}
.pillar:hover::after{transform:scaleX(1)}
.pillar-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}
.pillar-title{font-size:15px;font-weight:700;color:var(--navy);line-height:1.3;letter-spacing:-.2px}
.pillar-body{font-size:13px;color:var(--text-muted);line-height:1.65;flex:1}
.pillar-special{background:linear-gradient(135deg,var(--navy) 0%,#1A3A6E 100%);border-color:transparent}
.pillar-special .pillar-icon{background:rgba(56,186,157,.12);border-color:rgba(56,186,157,.2)}
.pillar-special .pillar-title{color:#fff}
.pillar-special .pillar-body{color:rgba(255,255,255,.65)}
.closing-strip{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.closing-text{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--navy);letter-spacing:-.5px}
.closing-text span{color:var(--teal)}
.closing-sub{font-size:15px;color:var(--text-muted);max-width:480px;line-height:1.7}

/* ── SECTION 5 — PRODUCTS ── */
.section-products{background:#fff;color:var(--text-main);padding:100px 48px 120px;position:relative;overflow:hidden}
.sec-sub{font-size:17px;color:var(--text-muted);line-height:1.7;max-width:580px}
.sec-header{margin-bottom:52px}
.featured-card{background:linear-gradient(135deg,var(--navy) 0%,#162E5C 60%,#0E2347 100%);border:1px solid rgba(56,186,157,.2);border-radius:20px;padding:40px 44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:24px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.featured-card:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(8,12,20,.4),0 0 0 1px rgba(56,186,157,.3)}
.fc-left{position:relative;z-index:1}
.fc-badges{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.badge-available{display:inline-flex;align-items:center;gap:6px;background:rgba(56,186,157,.15);border:1px solid rgba(56,186,157,.35);color:var(--teal);font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px}
.badge-live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);position:relative;flex-shrink:0}
.badge-live-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(56,186,157,.4);animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.2);opacity:0}100%{transform:scale(2.2);opacity:0}}
.fc-product-logo{height:50px;width:auto;object-fit:contain;margin-bottom:12px}
.fc-product-sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:20px}
.fc-desc{font-size:15px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:28px;max-width:440px}
.fc-areas-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(56,186,157,.7);margin-bottom:12px}
.fc-areas{display:flex;flex-direction:column;gap:7px;margin-bottom:32px}
.fc-area-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.65)}
.fc-area-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0;opacity:.7}
.fc-more{font-size:12px;color:rgba(56,186,157,.6);font-style:italic;padding-left:15px;margin-top:2px}
.fc-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--teal);color:#fff;font-size:14px;font-weight:700;border-radius:10px;text-decoration:none;font-family:inherit;box-shadow:0 4px 20px rgba(56,186,157,.3);transition:all .2s}
.fc-cta:hover{background:var(--teal-dark);transform:translateY(-2px)}
.fc-right{position:relative;z-index:1}
.fc-sections-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px}
.fc-sections-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.fc-sections-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}
.fc-section-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.fc-section-row:last-child{border-bottom:none;padding-bottom:0}
.fc-section-icon{font-size:16px;width:28px;text-align:center;flex-shrink:0}
.fc-section-name{font-size:12px;color:rgba(255,255,255,.65);flex:1;font-weight:500}
.coming-soon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:52px}
.cs-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.08)}
.cs-top{display:flex;align-items:flex-start;justify-content:space-between}
.cs-logo{height:44px;width:auto;object-fit:contain}
.badge-soon{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--bg-soft);color:var(--text-light);border:1px solid var(--border);white-space:nowrap}
.cs-name{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.4px;line-height:1.2}
.cs-sub{font-size:10px;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;display:block}
.cs-areas{display:flex;flex-direction:column;gap:5px}
.cs-area{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}
.cs-area::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--border-med);flex-shrink:0}
.cs-more{font-size:11px;color:var(--text-light);font-style:italic;padding-left:12px}
.cs-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--bg-soft);color:var(--text-muted);font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-family:inherit;margin-top:auto;transition:all .18s;width:fit-content}
.cs-cta:hover{color:var(--text-main);border-color:var(--border-med);background:#fff}
.platform-cta{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:36px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.pct-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--teal)}
.pct-headline{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.3px;line-height:1.3}
.pct-sub{font-size:14px;color:var(--text-muted);max-width:440px;line-height:1.6}
.pct-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;font-family:inherit;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 20px rgba(56,186,157,.28);transition:all .2s}
.pct-cta:hover{background:var(--teal-dark);transform:translateY(-2px)}

/* ── SECTION 6 — HOW IT WORKS ── */
.section-how{background:var(--void);padding:100px 48px 120px;position:relative;overflow:hidden}
.section-how::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(56,186,157,.08) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.how-glow-left{position:absolute;top:0;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(56,186,157,.06) 0%,transparent 65%);pointer-events:none}
.how-glow-right{position:absolute;bottom:0;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(12,31,63,.6) 0%,transparent 65%);pointer-events:none}
.sec-header-dark{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:80px}
.sec-headline-white{font-size:clamp(30px,3.2vw,46px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#fff}
.sec-headline-white em{font-style:normal;color:var(--teal)}
.sec-opening-dark{font-size:17px;color:rgba(255,255,255,.55);line-height:1.75;border-left:3px solid rgba(56,186,157,.4);padding-left:20px}
body.lang-ar .sec-opening-dark{border-left:none;border-right:3px solid rgba(56,186,157,.4);padding-left:0;padding-right:20px}
.steps-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:80px;position:relative}
.steps-wrap::before{content:'';position:absolute;top:44px;left:calc(33.33% - 1px);right:calc(33.33% - 1px);height:1px;background:linear-gradient(90deg,rgba(56,186,157,.3),rgba(56,186,157,.6),rgba(56,186,157,.3));pointer-events:none;z-index:0}
.step{display:flex;flex-direction:column;align-items:flex-start;padding:0 36px;position:relative;z-index:1}
.step:first-child{padding-left:0}
.step:last-child{padding-right:0}
.step-num{width:88px;height:88px;border-radius:50%;background:rgba(56,186,157,.08);border:1px solid rgba(56,186,157,.2);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .35s;margin-bottom:28px}
.step:hover .step-num{background:rgba(56,186,157,.15);border-color:rgba(56,186,157,.4);box-shadow:0 0 32px rgba(56,186,157,.15)}
.step-digit{font-size:28px;font-weight:800;color:var(--teal);letter-spacing:-1px;line-height:1}
.step-icon{font-size:32px;margin-bottom:14px}
.step-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.3px;line-height:1.2}
.step-body{font-size:15px;color:rgba(255,255,255,.55);line-height:1.75}
.step-detail{margin-top:16px;display:flex;flex-direction:column;gap:7px}
.step-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:rgba(56,186,157,.7);font-weight:500}
.step-tag::before{content:'';width:4px;height:4px;border-radius:50%;background:rgba(56,186,157,.5);flex-shrink:0}
.timing-wrap{background:rgba(13,31,53,.6);border:1px solid rgba(56,186,157,.12);border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}
.timeline{display:flex;flex-direction:column;gap:0}
.tl-item{display:flex;align-items:stretch;gap:0;position:relative}
.tl-left{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0}
.tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px}
.tl-dot-teal{background:var(--teal);box-shadow:0 0 8px rgba(56,186,157,.4)}
.tl-dot-amber{background:#EF9F27;box-shadow:0 0 8px rgba(239,159,39,.3)}
.tl-dot-blue{background:#63BAFF}
.tl-dot-green{background:#38BA9D}
.tl-line{flex:1;width:1px;background:rgba(255,255,255,.08);margin:4px 0;min-height:32px}
.tl-item:last-child .tl-line{display:none}
.tl-content{padding:2px 0 28px 16px;flex:1}
.tl-time{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-bottom:4px}
.tl-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:3px}
.tl-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.5}
.timing-statement{display:flex;flex-direction:column;gap:20px}
.ts-val{font-size:clamp(48px,5vw,72px);font-weight:800;color:#fff;line-height:1;letter-spacing:-3px}
.ts-val span{color:var(--teal)}
.ts-lbl{font-size:16px;font-weight:500;color:rgba(255,255,255,.55)}
.ts-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--teal),transparent);border-radius:2px}
.ts-promise{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;max-width:340px}
.ts-promise strong{color:rgba(255,255,255,.75);font-weight:600}

/* ── SECTION 7 — WHY ── */
.section-why{background:#fff;color:var(--text-main);padding:100px 48px 120px;position:relative;overflow:hidden}
.opening-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:72px}
.opening-statement{font-size:16px;color:var(--text-muted);line-height:1.8;border-left:3px solid rgba(56,186,157,.4);padding-left:20px;margin-top:20px}
body.lang-ar .opening-statement{border-left:none;border-right:3px solid rgba(56,186,157,.4);padding-left:0;padding-right:20px}
.alternatives-strip{display:flex;flex-direction:column;gap:12px}
.alt-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:4px}
.alt-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px}
.alt-cross{width:22px;height:22px;border-radius:50%;background:#FEF2F2;border:1px solid #FECACA;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;color:#DC2626;font-weight:800}
.alt-text{flex:1}
.alt-name{font-size:13px;font-weight:600;color:var(--text-main)}
.alt-problem{font-size:12px;color:var(--text-muted);margin-top:2px}
.alt-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:#FEF2F2;color:#DC2626;border:1px solid #FECACA;white-space:nowrap;flex-shrink:0}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:72px}
.diff-card{border-radius:18px;padding:36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.diff-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(15,23,42,.1)}
.diff-card-1{background:var(--navy);border:1px solid rgba(56,186,157,.15)}
.diff-card-2,.diff-card-3{background:#fff;border:1px solid var(--border)}
.diff-card-4{background:linear-gradient(135deg,#F0FDF9 0%,#E6FAF5 100%);border:1px solid rgba(56,186,157,.2)}
.dc-icon{font-size:32px;margin-bottom:20px;display:block}
.dc-metric{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}
.dc-metric-val{font-size:42px;font-weight:800;line-height:1;letter-spacing:-2px}
.diff-card-1 .dc-metric-val{color:var(--teal)}
.diff-card-2 .dc-metric-val,.diff-card-3 .dc-metric-val{color:var(--navy)}
.diff-card-4 .dc-metric-val{color:var(--teal-dark)}
.dc-metric-label{font-size:13px;font-weight:600;line-height:1.3}
.diff-card-1 .dc-metric-label{color:rgba(255,255,255,.6)}
.diff-card-2 .dc-metric-label,.diff-card-3 .dc-metric-label{color:var(--text-muted)}
.diff-card-4 .dc-metric-label{color:var(--teal-dark)}
.dc-title{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.3px;margin-bottom:12px}
.diff-card-1 .dc-title{color:#fff}
.diff-card-2 .dc-title,.diff-card-3 .dc-title{color:var(--navy)}
.diff-card-4 .dc-title{color:var(--teal-dark)}
.dc-body{font-size:15px;line-height:1.75}
.diff-card-1 .dc-body{color:rgba(255,255,255,.6)}
.diff-card-2 .dc-body,.diff-card-3 .dc-body{color:var(--text-muted)}
.diff-card-4 .dc-body{color:#065F46}
.dc-vs{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px}
.diff-card-1 .dc-vs{background:rgba(56,186,157,.1);color:var(--teal);border:1px solid rgba(56,186,157,.2)}
.diff-card-2 .dc-vs,.diff-card-3 .dc-vs{background:var(--bg-soft);color:var(--text-muted);border:1px solid var(--border)}
.diff-card-4 .dc-vs{background:rgba(56,186,157,.1);color:var(--teal-dark);border:1px solid rgba(56,186,157,.2)}
.dc-vs span{opacity:.6;text-decoration:line-through}
.why-closing{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:52px 64px;text-align:center;position:relative;overflow:hidden}
.why-closing-quote{font-size:clamp(20px,2.5vw,32px);font-weight:700;color:var(--navy);line-height:1.4;letter-spacing:-.5px;max-width:720px;margin:0 auto 24px}
.why-closing-quote em{font-style:normal;color:var(--teal)}
.why-closing-sub{font-size:16px;color:var(--text-muted);max-width:480px;margin:0 auto 32px;line-height:1.7}
.why-closing-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;font-family:inherit;box-shadow:0 4px 20px rgba(56,186,157,.28);transition:all .2s}
.why-closing-cta:hover{background:var(--teal-dark);transform:translateY(-2px)}

/* ── SECTION 8 — WHO ── */
.section-who{background:var(--bg-soft);color:var(--text-main);padding:100px 48px 120px;position:relative;overflow:hidden}
.section-who::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(56,186,157,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,186,157,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.personas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:64px}
.persona-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}
.persona-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(15,23,42,.11);border-color:rgba(56,186,157,.25)}
.persona-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.pc-1::before{background:linear-gradient(90deg,#38BA9D,#0F6E56)}
.pc-2::before{background:linear-gradient(90deg,#3B82F6,#1D4ED8)}
.pc-3::before{background:linear-gradient(90deg,#8B5CF6,#6D28D9)}
.pc-4::before{background:linear-gradient(90deg,#F59E0B,#D97706)}
.persona-card:hover::before{transform:scaleX(1)}
.persona-hero{padding:28px 28px 20px;display:flex;flex-direction:column;gap:14px;flex:1}
.persona-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;border:1px solid;flex-shrink:0}
.pa-1{background:#ECFDF5;border-color:#A7F3D0}
.pa-2{background:#EFF6FF;border-color:#BFDBFE}
.pa-3{background:#F5F3FF;border-color:#DDD6FE}
.pa-4{background:#FFFBEB;border-color:#FDE68A}
.persona-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.pr-1{color:#0F6E56}.pr-2{color:#1D4ED8}.pr-3{color:#6D28D9}.pr-4{color:#D97706}
.persona-title{font-size:18px;font-weight:800;color:var(--navy);line-height:1.2;letter-spacing:-.3px}
.persona-who{font-size:13px;color:var(--text-muted);line-height:1.6;padding-bottom:16px;border-bottom:1px solid var(--border)}
.persona-value{padding:20px 28px 28px;display:flex;flex-direction:column;gap:10px;background:var(--bg-soft)}
.pv-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}
.pv-point{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-muted);line-height:1.5}
.pv-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}
.pvd-1{background:#38BA9D}.pvd-2{background:#3B82F6}.pvd-3{background:#8B5CF6}.pvd-4{background:#F59E0B}
.who-closing{background:linear-gradient(135deg,var(--navy) 0%,#1A3A6E 100%);border-radius:20px;padding:52px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.who-closing::before{content:'';position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(56,186,157,.08) 0%,transparent 65%);pointer-events:none}
.wc-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.wc-eyebrow::before{content:'';width:20px;height:1px;background:var(--teal)}
.wc-headline{font-size:clamp(20px,2.5vw,30px);font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px}
.wc-headline span{color:var(--teal)}
.wc-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.7}
.wc-cta{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:center}
.cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;font-family:inherit;white-space:nowrap;box-shadow:0 4px 20px rgba(56,186,157,.3);transition:all .2s}
.cta-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}
.cta-note{font-size:11px;color:rgba(255,255,255,.35);text-align:center}

/* ── SECTION 9 — DEMO ── */
.section-demo{background:var(--teal);padding:80px 48px;position:relative;overflow:hidden}
.section-demo::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.demo-inner{max-width:1000px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.demo-eyebrow{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);flex-shrink:0}
.demo-headline{font-size:clamp(32px,4.5vw,60px);font-weight:800;line-height:1.05;letter-spacing:-2px;color:#fff;max-width:760px}
.demo-subtext{font-size:18px;color:rgba(255,255,255,.75);line-height:1.7;max-width:600px}
.demo-products-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:900px;margin:0 auto}
.dps-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s;text-decoration:none}
.dps-card.available{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);cursor:pointer}
.dps-card.available:hover{background:rgba(255,255,255,.25);transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,110,86,.3)}
.dps-logo{height:44px;width:auto;object-fit:contain}
.dps-name{font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:1.3}
.dps-sub{font-size:10px;color:rgba(255,255,255,.6);text-align:center;line-height:1.4}
.dps-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}
.dps-badge-live{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)}
.dps-badge-soon{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.15)}
.dps-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:var(--teal-dark);font-size:12px;font-weight:700;border-radius:8px;text-decoration:none;font-family:inherit;transition:all .2s;width:100%;justify-content:center}
.dps-cta:hover{background:rgba(255,255,255,.9)}
.dps-soon-label{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}
.demo-note{font-size:12px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px}
.demo-note::before,.demo-note::after{content:'';width:30px;height:1px;background:rgba(255,255,255,.2)}

/* ── SECTION 10 — TECHNOLOGY ── */
.section-trust{background:#fff;color:var(--text-main);padding:80px 48px;position:relative;overflow:hidden}
.trust-inner{max-width:1080px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:48px}
.trust-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal)}
.trust-label::before,.trust-label::after{content:'';width:40px;height:2px;background:rgba(56,186,157,.3);border-radius:2px}
.trust-headline{font-size:clamp(26px,2.8vw,38px);font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--navy);max-width:560px}
.trust-sub{font-size:16px;color:var(--text-muted);line-height:1.7;max-width:560px}
.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%}
.tech-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.tech-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.tech-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.08);border-color:rgba(56,186,157,.2)}
.tech-card:hover::before{transform:scaleX(1)}
.tc-windows::before{background:linear-gradient(90deg,#0078D4,#50E6FF)}
.tc-ad::before{background:linear-gradient(90deg,#0078D4,#00B7C3)}
.tc-entra::before{background:linear-gradient(90deg,#0F6CBD,#8661C5)}
.tc-exchange::before{background:linear-gradient(90deg,#0078D4,#28A8E0)}
.tc-m365::before{background:linear-gradient(90deg,#D83B01,#EA4300)}
.tc-sql::before{background:linear-gradient(90deg,#CC2936,#FF4B4B)}
.tech-icon-box{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:0;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.5px;flex-shrink:0}
.tech-name{font-size:12px;font-weight:700;color:var(--navy);line-height:1.3;text-align:center}
.tech-sub-lbl{font-size:10px;color:var(--text-light);text-align:center;line-height:1.4}
.marquee-wrap{width:100%;overflow:hidden;position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--bg-soft)}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--bg-soft),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--bg-soft),transparent)}
.marquee-track{display:flex;align-items:center;gap:48px;animation:marquee 24s linear infinite;white-space:nowrap;width:max-content}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-item{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-light)}
.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--border-med)}
.trust-closing{display:flex;flex-direction:column;align-items:center;gap:10px}
.trust-closing-text{font-size:15px;color:var(--text-muted);line-height:1.7;max-width:480px}
.trust-closing-text strong{color:var(--navy);font-weight:600}
.expanding-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(56,186,157,.08);border:1px solid rgba(56,186,157,.2);border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;color:var(--teal-dark)}
.eb-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse2 2s ease-in-out infinite}
@keyframes pulse2{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}

/* ── SECTION 11 — BLOG ── */
.section-blog{background:var(--bg-soft);color:var(--text-main);padding:96px 48px 100px;position:relative;overflow:hidden}
.sec-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:32px}
.sec-header-left{display:flex;flex-direction:column;gap:12px}
.sec-header-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1.5px solid var(--border-med);border-radius:8px;color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;font-family:inherit;transition:all .2s;white-space:nowrap;align-self:flex-end}
.sec-header-cta:hover{color:var(--teal);border-color:var(--teal);background:rgba(56,186,157,.05)}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:52px}
.article-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none;color:inherit}
.article-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(15,23,42,.1);border-color:rgba(56,186,157,.2)}
.article-img{height:180px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ai-1{background:linear-gradient(135deg,#E0F2FE 0%,#BAE6FD 100%)}
.ai-2{background:linear-gradient(135deg,#FEF3C7 0%,#FDE68A 100%)}
.ai-3{background:linear-gradient(135deg,#F0FDF4 0%,#DCFCE7 100%)}
.article-img-icon{font-size:56px;position:relative;z-index:1}
.article-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.article-meta{display:flex;align-items:center;gap:10px}
.article-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 10px;border-radius:20px}
.cat-ad{background:#E0F2FE;color:#0369A1}
.cat-sec{background:#FEF3C7;color:#92400E}
.cat-mgmt{background:#F0FDF4;color:#065F46}
.article-read-time{font-size:11px;color:var(--text-light);font-weight:500}
.article-title{font-size:17px;font-weight:700;color:var(--navy);line-height:1.35;letter-spacing:-.2px}
.article-desc{font-size:14px;color:var(--text-muted);line-height:1.7;flex:1}
.article-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-soft)}
.article-author{display:flex;align-items:center;gap:8px}
.author-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.aa-1{background:linear-gradient(135deg,#0EA5E9,#0284C7)}
.aa-2{background:linear-gradient(135deg,#F59E0B,#D97706)}
.aa-3{background:linear-gradient(135deg,#10B981,#059669)}
.author-name{font-size:12px;font-weight:600;color:var(--text-main)}
.author-role{font-size:10px;color:var(--text-light)}
.read-link{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--teal);transition:gap .2s}
.article-card:hover .read-link{gap:9px}
.blog-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:#fff;border:1px solid var(--border);border-radius:16px;text-align:center}
.blog-bottom-text{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.3px}
.blog-bottom-sub{font-size:15px;color:var(--text-muted);max-width:460px;line-height:1.6}
.blog-bottom-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--teal);color:#fff;font-size:14px;font-weight:700;border-radius:9px;text-decoration:none;font-family:inherit;box-shadow:0 4px 16px rgba(56,186,157,.25);transition:all .2s}
.blog-bottom-cta:hover{background:var(--teal-dark);transform:translateY(-2px)}

/* ── SECTION 12 — CONTACT ── */
.section-contact{background:var(--void);padding:100px 48px 120px;position:relative;overflow:hidden}
.section-contact::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(56,186,157,.06) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.contact-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:32px;position:sticky;top:100px}
.contact-headline{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#fff}
.contact-headline em{font-style:normal;color:var(--teal)}
.contact-opening{font-size:16px;color:rgba(255,255,255,.55);line-height:1.75}
.direct-contact{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}
.dc-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3)}
.dc-item{display:flex;align-items:center;gap:12px}
.dc-icon{width:36px;height:36px;border-radius:9px;background:rgba(56,186,157,.1);border:1px solid rgba(56,186,157,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.dc-title{font-size:13px;font-weight:600;color:#fff}
.dc-value{font-size:12px;color:rgba(255,255,255,.45)}
.response-promise{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(56,186,157,.06);border:1px solid rgba(56,186,157,.15);border-radius:10px}
.rp-icon{font-size:20px}
.rp-text{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5}
.rp-text strong{color:rgba(255,255,255,.85);font-weight:600}
.contact-form-wrap{background:rgba(13,31,53,.6);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:40px;backdrop-filter:blur(20px)}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-group:last-of-type{margin-bottom:0}
.form-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.6)}
.form-label .req{color:var(--teal);margin-left:2px}
.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:9px;font-size:14px;color:#fff;font-family:var(--font-en);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.2)}
.form-select{color:rgba(255,255,255,.6);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.form-select option{background:#0D1F35;color:#fff}
.form-textarea{resize:vertical;min-height:120px;line-height:1.6}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(56,186,157,.5);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(56,186,157,.08)}
.form-divider{height:1px;background:rgba(255,255,255,.06);margin:8px 0 16px}
.form-submit{width:100%;padding:15px;background:var(--teal);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px rgba(56,186,157,.3);transition:all .2s;margin-top:4px}
.form-submit:hover{background:var(--teal-dark);transform:translateY(-2px)}
.form-note{font-size:12px;color:rgba(255,255,255,.3);text-align:center;margin-top:14px;line-height:1.5}

/* ── FOOTER ── */
.site-footer{background:var(--void);position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:200px;background:radial-gradient(ellipse at top,rgba(56,186,157,.05) 0%,transparent 70%);pointer-events:none}
.footer-cta-band{border-bottom:1px solid var(--border-dark);padding:52px 48px;position:relative;z-index:1}
.fcta-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.fcta-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);display:flex;align-items:center;gap:8px}
.fcta-eyebrow::before{content:'';width:18px;height:1px;background:var(--teal)}
.fcta-headline{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.2}
.fcta-sub{font-size:14px;color:rgba(255,255,255,.45);line-height:1.6;max-width:440px}
.fcta-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.fcta-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;background:var(--teal);color:#fff;font-size:14px;font-weight:700;border-radius:9px;text-decoration:none;font-family:inherit;white-space:nowrap;box-shadow:0 4px 16px rgba(56,186,157,.28);transition:all .2s}
.fcta-btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}
.fcta-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.65);font-size:14px;font-weight:600;border-radius:9px;text-decoration:none;font-family:inherit;white-space:nowrap;transition:all .2s}
.fcta-btn-secondary:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05)}
.footer-body{padding:64px 48px 48px;position:relative;z-index:1}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.2fr;gap:48px}
.footer-brand{display:flex;flex-direction:column;gap:20px}
.footer-logo-img{height:36px;width:auto;mix-blend-mode:screen}
.footer-tagline{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;max-width:280px}
.footer-social{display:flex;gap:8px;margin-top:4px}
.social-btn{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.45);font-size:14px;transition:all .2s}
.social-btn:hover{background:rgba(56,186,157,.1);border-color:rgba(56,186,157,.2);color:var(--teal)}
.footer-col{display:flex;flex-direction:column;gap:16px}
.footer-col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:4px}
.footer-link{font-size:14px;color:rgba(255,255,255,.55);text-decoration:none;font-weight:500;transition:color .18s;display:flex;align-items:center;gap:6px;line-height:1}
.footer-link:hover{color:var(--teal)}
.fl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.fl-dot-live{background:var(--teal)}.fl-dot-soon{background:rgba(255,255,255,.2)}
.footer-link-muted{font-size:14px;color:rgba(255,255,255,.3);font-weight:500;cursor:default;display:flex;align-items:center;gap:6px}
.footer-contact{display:flex;flex-direction:column;gap:16px}
.ci-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.25)}
.ci-value{font-size:14px;color:rgba(255,255,255,.55);font-weight:500;text-decoration:none;transition:color .18s}
a.ci-value:hover{color:var(--teal)}
.ci-note{font-size:12px;color:rgba(255,255,255,.3);margin-top:2px}
.footer-newsletter{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.fn-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.45)}
.fn-form{display:flex;gap:0;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.fn-input{flex:1;padding:10px 14px;background:rgba(255,255,255,.05);border:none;outline:none;font-size:13px;color:#fff;font-family:var(--font-en)}
.fn-input::placeholder{color:rgba(255,255,255,.25)}
.fn-btn{padding:10px 16px;background:var(--teal);color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-en);white-space:nowrap;transition:background .2s}
.fn-btn:hover{background:var(--teal-dark)}
.footer-divider{border:none;border-top:1px solid var(--border-dark);margin:0 48px;position:relative;z-index:1}
.footer-legal{padding:20px 48px 32px;position:relative;z-index:1}
.legal-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.legal-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.legal-copyright{font-size:13px;color:rgba(255,255,255,.3);font-weight:500}
.legal-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}
.legal-link{font-size:13px;color:rgba(255,255,255,.3);text-decoration:none;font-weight:500;transition:color .18s}
.legal-link:hover{color:rgba(255,255,255,.65)}
.legal-right{display:flex;align-items:center;gap:12px}
.legal-lang{display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;height:30px}
.ll-btn{padding:0 10px;height:100%;font-size:11px;font-weight:600;color:rgba(255,255,255,.35);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .15s}
.ll-btn.active{background:rgba(56,186,157,.2);color:var(--teal)}
.ll-sep{width:1px;height:16px;background:rgba(255,255,255,.1)}
.back-to-top{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .18s;cursor:pointer;border:none;background:transparent;font-family:inherit}
.back-to-top:hover{color:var(--teal)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;padding:80px 24px 60px}
  .hero-right{display:none}
  .featured-card{grid-template-columns:1fr}
  .fc-right{display:none}
  .coming-soon-grid{grid-template-columns:1fr 1fr}
  .pillars-grid{grid-template-columns:1fr 1fr}
  .personas-grid{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
  .tech-grid{grid-template-columns:repeat(3,1fr)}
  .demo-products-selector{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .ol-nav{padding:0 20px}
  .ol-nav__links{display:none}
  .hamburger{display:flex}
  .sec-header,.platform-statement-wrap,.opening-wrap,.who-closing,.fcta-inner,.closing-bridge,.platform-cta{grid-template-columns:1fr!important;flex-direction:column}
  .diff-grid,.cards-grid,.articles-grid{grid-template-columns:1fr}
  .steps-wrap{grid-template-columns:1fr;gap:48px}
  .steps-wrap::before{display:none}
  .step{padding:0}
  .timing-wrap{grid-template-columns:1fr}
  .contact-inner{grid-template-columns:1fr}
  .contact-info{position:static}
  .form-row-2{grid-template-columns:1fr}
  .section-problem,.section-what,.section-products,.section-how,.section-why,.section-who,.section-demo,.section-trust,.section-blog,.section-contact{padding-left:24px;padding-right:24px}
  .footer-body,.footer-cta-band,.footer-legal,.footer-divider{padding-left:24px;padding-right:24px}
  .who-closing{padding:36px 24px;text-align:center}
  .wc-eyebrow{justify-content:center}
  .wc-cta{align-items:center}
  .sec-header-row{flex-direction:column;align-items:flex-start}
}

/* ── DARK MODE TOGGLE ── */
.dark-mode-btn{
  width:36px;height:36px;border-radius:8px;
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  cursor:pointer;font-family:inherit;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;transition:all .2s;color:rgba(255,255,255,.7);
}
.ol-nav.scrolled .dark-mode-btn{border-color:var(--border-med);color:var(--text-muted)}
.dark-mode-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.ol-nav.scrolled .dark-mode-btn:hover{background:var(--bg-soft);color:var(--text-main)}

/* ── DARK MODE OVERRIDES ── */
body.dark-mode{background:var(--void)!important;color:#fff!important}
body.dark-mode .section-problem,
body.dark-mode .section-products,
body.dark-mode .section-why,
body.dark-mode .section-trust{
  background:#0D1F35!important;color:#fff!important;
}
body.dark-mode .section-what,
body.dark-mode .section-who,
body.dark-mode .section-blog{
  background:#080C14!important;color:#fff!important;
}
body.dark-mode .pain-card,
body.dark-mode .pillar,
body.dark-mode .cs-card,
body.dark-mode .platform-card,
body.dark-mode .article-card,
body.dark-mode .ps-stats,
body.dark-mode .ps-stat,
body.dark-mode .alt-item,
body.dark-mode .tech-card,
body.dark-mode .blog-bottom{
  background:#0D1F35!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
body.dark-mode .sec-headline,
body.dark-mode .card-title,
body.dark-mode .pillar-title,
body.dark-mode .cs-name,
body.dark-mode .closing-text,
body.dark-mode .dc-title,
body.dark-mode .persona-title,
body.dark-mode .wc-headline,
body.dark-mode .article-title,
body.dark-mode .blog-bottom-text,
body.dark-mode .tech-name,
body.dark-mode .pct-headline,
body.dark-mode .trust-headline,
body.dark-mode .ps-stat-val{
  color:#fff!important;
}
body.dark-mode .card-body,
body.dark-mode .pillar-body,
body.dark-mode .cs-areas .cs-area,
body.dark-mode .sec-opening,
body.dark-mode .opening-statement,
body.dark-mode .dc-body,
body.dark-mode .persona-who,
body.dark-mode .pv-point span,
body.dark-mode .article-desc,
body.dark-mode .blog-bottom-sub,
body.dark-mode .tech-sub-lbl,
body.dark-mode .trust-sub,
body.dark-mode .ps-statement,
body.dark-mode .ps-stat-lbl,
body.dark-mode .sec-sub,
body.dark-mode .closing-sub,
body.dark-mode .alt-problem,
body.dark-mode .alt-name{
  color:rgba(255,255,255,.6)!important;
}
body.dark-mode .platform-cta{
  background:#0D1F35!important;border-color:rgba(255,255,255,.08)!important;
}
body.dark-mode .pct-sub{color:rgba(255,255,255,.5)!important}
body.dark-mode .persona-value{background:rgba(0,0,0,.2)!important}
body.dark-mode .persona-who{border-bottom-color:rgba(255,255,255,.08)!important}
body.dark-mode .marquee-wrap{background:#0D1F35!important;border-color:rgba(255,255,255,.08)!important}
body.dark-mode .marquee-wrap::before{background:linear-gradient(90deg,#0D1F35,transparent)!important}
body.dark-mode .marquee-wrap::after{background:linear-gradient(-90deg,#0D1F35,transparent)!important}
body.dark-mode .closing-bridge{background:linear-gradient(135deg,#0D1F35,#162E5C)!important}
body.dark-mode .why-closing{background:#0D1F35!important;border-color:rgba(255,255,255,.08)!important}
body.dark-mode .who-closing{background:linear-gradient(135deg,#060F1E,#0D1F35)!important}
body.dark-mode .article-footer{background:rgba(0,0,0,.2)!important;border-top-color:rgba(255,255,255,.08)!important}
body.dark-mode .card-num{background:#0D1F35!important;border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.4)!important}
body.dark-mode .pc-step{border-bottom-color:rgba(255,255,255,.08)!important}
body.dark-mode .pc-step-num{background:#0D1F35!important;border-color:rgba(255,255,255,.1)!important}
body.dark-mode .diff-card-2,.dark-mode .diff-card-3{background:#0D1F35!important;border-color:rgba(255,255,255,.08)!important}
body.dark-mode .diff-card-4{background:rgba(56,186,157,.08)!important;border-color:rgba(56,186,157,.15)!important}
body.dark-mode .diff-card-4 .dc-title,body.dark-mode .diff-card-4 .dc-body{color:rgba(255,255,255,.8)!important}
body.dark-mode .wc-sub{color:rgba(255,255,255,.55)!important}
body.dark-mode .why-closing-quote{color:#fff!important}
body.dark-mode .why-closing-sub{color:rgba(255,255,255,.55)!important}
body.dark-mode .trust-closing-text{color:rgba(255,255,255,.6)!important}
body.dark-mode .trust-closing-text strong{color:rgba(255,255,255,.85)!important}
body.dark-mode .hero::after{background:linear-gradient(transparent,#0D1F35)!important}
body.dark-mode .ol-nav.scrolled{background:rgba(13,31,53,.96)!important;border-bottom-color:rgba(255,255,255,.08)!important}
body.dark-mode .ol-nav.scrolled .ol-nav__link{color:rgba(255,255,255,.7)!important}
body.dark-mode .ol-nav.scrolled .ol-nav__link:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
body.dark-mode .ol-nav.scrolled .logo-dark{opacity:1!important}
body.dark-mode .ol-nav.scrolled .logo-light{opacity:0!important}
body.dark-mode .ol-nav.scrolled .btn-signin{color:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.18)!important}
body.dark-mode .ol-nav.scrolled .lang-toggle{border-color:rgba(255,255,255,.2)!important}
body.dark-mode .ol-nav.scrolled .lang-btn{color:rgba(255,255,255,.55)!important}
body.dark-mode .ol-nav.scrolled .lang-sep{background:rgba(255,255,255,.2)!important}
body.dark-mode .ol-nav.scrolled .dark-mode-btn{border-color:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.7)!important}