/* ==========================================================
   IIQ.CO.IL — Global Stylesheet
   Cyber-Corporate Brutalism | Dark Premium | RTL
   ========================================================== */

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#07090F;color:rgba(255,255,255,.68);line-height:1.65;direction:rtl;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;border:none;background:none;outline:none}

/* ── Design Tokens ── */
:root{
  /* surfaces */
  --obs:#07090F;--obs-2:#0C0F1A;--obs-3:#111525;--obs-4:#161B2E;
  --glass:rgba(255,255,255,.03);--glass-2:rgba(255,255,255,.06);
  /* accents */
  --indigo:#4338CA;--indigo-2:#5B50D6;--indigo-bright:#6366F1;
  --cyan:#22D3EE;--cyan-dark:#0891B2;--violet:#A855F7;
  /* text */
  --w100:rgba(255,255,255,1);--w80:rgba(255,255,255,.8);--w60:rgba(255,255,255,.6);
  --w40:rgba(255,255,255,.4);--w20:rgba(255,255,255,.2);--w10:rgba(255,255,255,.1);
  --w06:rgba(255,255,255,.06);--w04:rgba(255,255,255,.04);--w02:rgba(255,255,255,.02);
  /* borders */
  --border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.13);
  --border-accent:rgba(99,102,241,.4);--border-cyan:rgba(34,211,238,.3);
  /* glows */
  --glow-indigo:0 0 0 1px rgba(99,102,241,.28),0 8px 56px rgba(67,56,202,.38);
  --glow-cyan:0 0 0 1px rgba(34,211,238,.2),0 4px 36px rgba(34,211,238,.25);
  --glow-card:0 2px 40px rgba(0,0,0,.55),0 0 80px rgba(67,56,202,.1);
  /* compat aliases — keeps all existing inline styles working */
  --blue:#6366F1;--blue-dark:#4338CA;--blue-light:rgba(99,102,241,.12);
  --blue-muted:rgba(99,102,241,.25);--blue-mid:#6366F1;
  --ink:rgba(255,255,255,.92);--ink-2:rgba(255,255,255,.82);--ink-3:rgba(255,255,255,.72);
  --muted:rgba(255,255,255,.42);--muted-2:rgba(255,255,255,.28);
  --surface:#07090F;--surface-2:#0C0F1A;--surface-3:#111525;
  --shadow-sm:0 1px 4px rgba(0,0,0,.3);
  --shadow:0 4px 20px rgba(0,0,0,.4);
  --shadow-lg:0 24px 64px rgba(0,0,0,.5);
  --shadow-glow:0 0 0 1px rgba(99,102,241,.25),0 8px 48px rgba(67,56,202,.35);
  /* layout */
  --max:1280px;--radius:6px;--radius-lg:12px;--radius-xl:20px;
}

/* ── Layout ── */
.container{max-width:var(--max);margin-inline:auto;padding-inline:32px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}

/* ── Typography ── */
.label{font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--indigo-bright)}
h1,h2,h3,h4{color:var(--w100);font-weight:900;line-height:1.1;letter-spacing:-.04em}
.h1{font-size:clamp(2.2rem,6vw,4.6rem)}
.h2{font-size:clamp(1.85rem,4.5vw,3.4rem)}
.h3{font-size:1.2rem}
.lead{font-size:1.1rem;color:var(--w60);line-height:1.88}
.text-muted{color:var(--w40)}
.text-accent{color:var(--indigo-bright)}
.text-cyan{color:var(--cyan)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;font-weight:700;padding:13px 26px;border-radius:var(--radius);cursor:pointer;transition:all .28s cubic-bezier(.25,.8,.25,1);white-space:nowrap;text-decoration:none;letter-spacing:-.01em;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .28s;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 55%)}
.btn:hover::after{opacity:1}
.btn-primary{background:var(--indigo);color:#fff;box-shadow:0 2px 24px rgba(67,56,202,.5),inset 0 1px 0 rgba(255,255,255,.15)}
.btn-primary:hover{background:var(--indigo-bright);box-shadow:0 8px 48px rgba(99,102,241,.55),0 0 0 1px rgba(99,102,241,.4);transform:translateY(-2px)}
.btn-outline{background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);border:1px solid var(--border)}
.btn-outline:hover{background:rgba(255,255,255,.07);color:var(--w100);border-color:rgba(255,255,255,.2)}
.btn-ghost{background:transparent;color:var(--w60);padding-inline:12px}
.btn-ghost:hover{color:var(--w100)}
.btn-lg{font-size:.95rem;padding:16px 38px;border-radius:8px}
.btn-sm{font-size:.78rem;padding:8px 16px}

/* ── Nav ── */
.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;background:rgba(7,9,15,.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--border);height:72px}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin-inline:auto;padding-inline:32px}
.nav-logo{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:-.04em}
.nav-logo-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--indigo),var(--indigo-bright));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:900;flex-shrink:0;box-shadow:0 0 22px rgba(99,102,241,.5)}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.48);padding:8px 12px;border-radius:5px;transition:color .15s,background .15s}
.nav-links a:hover{color:var(--w100);background:var(--glass-2)}
.nav-cta{margin-inline-start:10px}
.nav-links .btn-outline{color:rgba(255,255,255,.52);border-color:rgba(255,255,255,.14)}
.nav-links .btn-outline:hover{color:var(--w100);border-color:rgba(255,255,255,.32);background:var(--glass-2);box-shadow:none}
/* Burger */
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border-radius:5px}
.burger span{display:block;width:22px;height:1.5px;background:rgba(255,255,255,.68);border-radius:2px;transition:all .25s}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-nav{display:none;position:absolute;top:72px;inset-inline:0;background:rgba(7,9,15,.97);backdrop-filter:blur(28px);border-bottom:1px solid var(--border);padding:16px 24px 28px;flex-direction:column;gap:4px;box-shadow:0 32px 64px rgba(0,0,0,.6)}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:.92rem;font-weight:600;color:rgba(255,255,255,.48);padding:11px 14px;border-radius:6px;transition:background .15s,color .15s}
.mobile-nav a:hover{background:var(--glass-2);color:var(--w100)}
.mobile-nav .btn{margin-top:10px;justify-content:center}

/* ── Hero ── */
.hero{padding-block:168px 136px;background:var(--obs);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 78% -8%,rgba(67,56,202,.3) 0%,transparent 58%),radial-gradient(ellipse 48% 55% at -8% 92%,rgba(34,211,238,.09) 0%,transparent 52%),radial-gradient(ellipse 90% 45% at 50% 115%,rgba(67,56,202,.05) 0%,transparent 60%);pointer-events:none}
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:88px 88px;pointer-events:none;mask-image:radial-gradient(ellipse 90% 90% at 50% 40%,black 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 40%,black 20%,transparent 72%)}
.hero-body{position:relative;z-index:2;max-width:960px}
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.28);color:rgba(165,180,252,.9);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:8px 18px;border-radius:4px;margin-block-end:36px}
.hero-badge-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse-dot 2.2s ease-in-out infinite;box-shadow:0 0 10px rgba(34,211,238,.8)}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.7)}}
.hero h1{margin-block-end:28px;letter-spacing:-.055em;line-height:1.04}
.hero .lead{max-width:760px;margin-block-end:48px;color:rgba(255,255,255,.52);font-size:1.1rem;line-height:1.9}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-block-end:52px}
.hero .btn-outline{color:rgba(255,255,255,.7);border-color:var(--border);background:var(--glass)}
.hero .btn-outline:hover{color:var(--w100);border-color:rgba(255,255,255,.2);background:var(--glass-2)}
.hero-trust{padding-block-start:48px;border-block-start:1px solid var(--border);display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.hero-trust-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:rgba(255,255,255,.38);font-weight:600}
.hero-trust-icon{width:30px;height:30px;background:var(--glass);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--indigo-bright);flex-shrink:0}
.tech-badges{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:36px}
.tech-badge{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.38);background:var(--glass);border:1px solid var(--border);padding:7px 14px;border-radius:4px;letter-spacing:.02em}
.tech-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0;box-shadow:0 0 8px rgba(34,211,238,.7)}

/* ── Sections ── */
section{padding-block:120px}
.section-head{text-align:center;max-width:700px;margin-inline:auto;margin-block-end:72px}
.section-head .label{margin-block-end:16px}
.section-head h2{margin-block-end:20px;color:var(--w100)}
.section-head p{color:var(--w40);font-size:1rem;line-height:1.88}

/* ── Stats Bar ── */
.stats-bar{background:var(--obs-2);padding-block:80px;border-block:1px solid var(--border);position:relative;overflow:hidden}
.stats-bar::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 100% at 50% 50%,rgba(67,56,202,.07) 0%,transparent 68%);pointer-events:none}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin-inline:auto;padding-inline:32px;position:relative;z-index:1}
.stat-item{text-align:center;padding:24px 32px;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;inset-inline-end:0;inset-block:20%;width:1px;background:var(--border)}
.stat-item .num{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:900;color:var(--w100);letter-spacing:-.065em;line-height:1}
.stat-item .num span{color:var(--indigo-bright)}
.stat-item .desc{font-size:.62rem;color:rgba(255,255,255,.28);margin-block-start:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* ── Client Fit ── */
.fit-section{background:var(--obs-2);padding-block:100px;position:relative;overflow:hidden;border-block:1px solid var(--border)}
.fit-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(99,102,241,.06) 0%,transparent 65%);pointer-events:none}
.fit-box{max-width:820px;margin-inline:auto;text-align:center;position:relative;z-index:1}
.fit-box .label{color:var(--indigo-bright);margin-block-end:20px}
.fit-box p{color:rgba(255,255,255,.6);font-size:1.25rem;font-weight:500;line-height:1.78}
.fit-box strong{color:var(--w100)}
.fit-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:36px}
.fit-tag{font-size:.68rem;font-weight:700;color:rgba(165,180,252,.8);background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);padding:9px 20px;border-radius:4px;letter-spacing:.06em;transition:background .22s,border-color .22s}
.fit-tag:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.42)}

/* ── Services — Bento-style dark grid ── */
.services{background:var(--obs);position:relative}
.services::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 90% 50% at 50% 100%,rgba(67,56,202,.06) 0%,transparent 60%);pointer-events:none}
.grid-services{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border)}
.service-card{background:var(--obs-2);padding:48px 44px;position:relative;overflow:hidden;transition:background .32s}
.service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 75% at 50% 130%,rgba(99,102,241,.12) 0%,transparent 60%);opacity:0;transition:opacity .42s}
.service-card::after{content:'';position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--indigo-bright) 50%,transparent 100%);opacity:0;transition:opacity .38s}
.service-card:hover{background:var(--obs-3)}
.service-card:hover::before,.service-card:hover::after{opacity:1}
.service-icon{width:48px;height:48px;background:rgba(67,56,202,.1);border:1px solid rgba(99,102,241,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--indigo-bright);margin-block-end:28px;flex-shrink:0;transition:background .3s,box-shadow .3s}
.service-card:hover .service-icon{background:rgba(67,56,202,.2);box-shadow:0 0 24px rgba(99,102,241,.3)}
.service-card h3{font-size:1.15rem;margin-block-end:12px;color:rgba(255,255,255,.9);letter-spacing:-.03em}
.service-card p{font-size:.875rem;color:rgba(255,255,255,.4);line-height:1.82}
.service-card ul{margin-block-start:24px;display:flex;flex-direction:column;gap:10px}
.service-card li{font-size:.82rem;color:rgba(255,255,255,.48);display:flex;align-items:flex-start;gap:10px}
.service-card li::before{content:'→';color:var(--indigo-bright);font-weight:700;flex-shrink:0;font-size:.78rem;margin-block-start:1px}

/* ── Methodology ── */
.methodology{background:var(--obs-2);border-block:1px solid var(--border)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--border);border:1px solid var(--border)}
.step-card{background:var(--obs-2);padding:56px 44px;position:relative;overflow:hidden;transition:background .32s}
.step-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 120%,rgba(99,102,241,.08) 0%,transparent 60%);opacity:0;transition:opacity .42s}
.step-card:hover{background:var(--obs-3)}
.step-card:hover::before{opacity:1}
.step-num{font-size:clamp(4rem,7vw,6rem);font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.07);line-height:1;margin-block-end:32px;font-variant-numeric:tabular-nums;transition:color .32s}
.step-card:hover .step-num{color:rgba(99,102,241,.2)}
.step-card h3{font-size:1.05rem;margin-block-end:14px;color:rgba(255,255,255,.88);letter-spacing:-.025em}
.step-card p{font-size:.875rem;color:rgba(255,255,255,.4);line-height:1.88}
.step-card p strong{color:rgba(255,255,255,.68)}
.step-arrow{display:none}


/* ── Platform ── */
.platform{background:var(--obs);border-block:1px solid var(--border)}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.platform-copy .label{margin-block-end:16px}
.platform-copy h2{margin-block-end:20px}
.platform-copy p{color:rgba(255,255,255,.4);line-height:1.9;margin-block-end:36px;font-size:.95rem}
.platform-features{display:flex;flex-direction:column;gap:2px;background:var(--border)}
.pf-item{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:var(--obs-2);transition:background .28s}
.pf-item:hover{background:var(--obs-3)}
.pf-icon{width:38px;height:38px;background:rgba(67,56,202,.1);border:1px solid rgba(99,102,241,.18);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--indigo-bright);flex-shrink:0;transition:background .28s,box-shadow .28s}
.pf-item:hover .pf-icon{background:rgba(67,56,202,.2);box-shadow:0 0 20px rgba(99,102,241,.25)}
.pf-text strong{display:block;font-size:.875rem;color:rgba(255,255,255,.88);margin-block-end:4px;font-weight:700;letter-spacing:-.01em}
.pf-text span{font-size:.8rem;color:rgba(255,255,255,.4);line-height:1.68}
/* Dashboard ── */
.dash-card{background:var(--obs-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--glow-card)}
.dash-bar{height:44px;background:var(--obs-3);display:flex;align-items:center;gap:7px;padding-inline:16px;border-bottom:1px solid var(--border)}
.dash-dot{width:10px;height:10px;border-radius:50%}
.dash-body{padding:20px}
.dash-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block-end:16px}
.kpi-box{background:var(--obs-3);border:1px solid var(--border);border-radius:6px;padding:12px 14px}
.kpi-box .kpi-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.28);letter-spacing:.12em;margin-block-end:5px}
.kpi-box .kpi-val{font-size:1.3rem;font-weight:900;color:var(--w100);letter-spacing:-.045em}
.kpi-box .kpi-delta{font-size:.68rem;font-weight:700;margin-block-start:3px}
.kpi-box .kpi-delta.up{color:#4ade80}
.kpi-box .kpi-delta.down{color:#f87171}
.dash-chart-area{background:var(--obs-3);border:1px solid var(--border);border-radius:6px;padding:14px}
.dash-chart-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.28);letter-spacing:.12em;margin-block-end:12px}
.bar-chart{display:flex;align-items:flex-end;gap:4px;height:64px}
.bar-chart span{flex:1;border-radius:2px 2px 0 0;background:rgba(99,102,241,.22);transition:background .2s}
.bar-chart span.hi{background:var(--indigo-bright)}
.dash-anomaly{margin-block-start:12px;display:flex;align-items:center;gap:10px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.18);border-radius:6px;padding:10px 14px}
.da-dot{width:7px;height:7px;background:#f87171;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(248,113,113,.65)}
.da-text{font-size:.75rem;color:rgba(252,165,165,.78)}

/* ── Contact ── */
.contact-section{background:var(--obs-2);border-block:1px solid var(--border)}
.contact-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}
.contact-copy .label{margin-block-end:16px}
.contact-copy h2{margin-block-end:20px}
.contact-copy > p{color:rgba(255,255,255,.4);line-height:1.9}
.trust-list{display:flex;flex-direction:column;gap:12px}
.trust-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:rgba(255,255,255,.48)}
.trust-check{width:22px;height:22px;background:rgba(67,56,202,.1);border:1px solid rgba(99,102,241,.22);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--indigo-bright);font-size:.7rem;font-weight:700;flex-shrink:0}
.form-card{background:var(--obs-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:44px;box-shadow:var(--glow-card)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase}
.form-group input,.form-group textarea{width:100%;background:var(--obs-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:.9rem;color:var(--w100);transition:border-color .2s,box-shadow .2s}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.2)}
.form-group input:focus,.form-group textarea:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1),0 0 20px rgba(99,102,241,.07);outline:none}
.form-group textarea{resize:vertical;min-height:90px}
.form-submit{margin-block-start:8px}
.form-note{font-size:.72rem;color:rgba(255,255,255,.28);margin-block-start:12px;text-align:center}
.form-success{text-align:center;padding:36px 0}
.form-success .success-icon{width:60px;height:60px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-block-end:20px;color:#4ade80;font-size:1.4rem}
.form-success h3{color:var(--w100);font-size:1.2rem;margin-block-end:10px;letter-spacing:-.03em}
.form-success p{color:rgba(255,255,255,.4);font-size:.9rem}
.form-error{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.18);color:rgba(252,165,165,.88);font-size:.85rem;padding:12px 16px;border-radius:var(--radius);margin-block-end:20px;display:flex;align-items:center;gap:8px}

/* ── Footer ── */
.site-footer{background:var(--obs);color:rgba(255,255,255,.3);padding-block:72px 40px;border-block-start:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-block-end:56px}
.footer-brand .nav-logo-mark{width:38px;height:38px;font-size:.85rem;margin-block-end:18px}
.footer-brand .logo-text{font-size:1.1rem;font-weight:900;color:var(--w100);letter-spacing:-.04em;margin-block-end:12px}
.footer-brand p{font-size:.8rem;line-height:1.8;max-width:220px;color:rgb(255, 255, 255)}
.footer-col h4{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.38);margin-block-end:18px}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col li a{font-size:.8rem;color:rgb(255, 255, 255);transition:color .15s}
.footer-col li a:hover{color:var(--w100)}
.footer-bottom{border-block-start:1px solid var(--border);padding-block-start:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.footer-bottom p{font-size:.75rem;color:rgba(255,255,255,.2)}
.footer-bottom a{color:rgba(255,255,255,.2);font-size:.75rem;transition:color .15s}
.footer-bottom a:hover{color:var(--w100)}

/* ── Blog ── */
.blog-hero{padding-block:120px 64px;background:var(--obs);border-bottom:1px solid var(--border)}
.blog-hero h1{margin-block:.8rem 14px}
.blog-hero p{color:rgba(255,255,255,.4);font-size:1rem;max-width:500px}
.post-card{background:var(--obs-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 30px;display:flex;flex-direction:column;gap:12px;transition:background .28s,border-color .28s}
.post-card:hover{background:var(--obs-3);border-color:rgba(99,102,241,.3)}
.post-card .post-date{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.post-card h2{font-size:1.15rem;color:rgba(255,255,255,.88);font-weight:800;line-height:1.38;transition:color .15s;letter-spacing:-.025em}
.post-card:hover h2{color:var(--indigo-bright)}
.post-card .excerpt{font-size:.875rem;color:rgba(255,255,255,.4);line-height:1.82;flex:1}
.post-card .read-more{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--indigo-bright);margin-block-start:4px}
.post-card .read-more svg{transition:transform .15s}
.post-card:hover .read-more svg{transform:translateX(-3px)}
.blog-empty{text-align:center;padding:80px 0;color:rgba(255,255,255,.3)}
.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

/* ── Single Post ── */
.post-header{padding-block:120px 56px;background:var(--obs);border-bottom:1px solid var(--border)}
.post-header .back-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.4);margin-block-end:28px;transition:color .15s}
.post-header .back-link:hover{color:var(--indigo-bright)}
.post-header .post-meta{display:flex;align-items:center;gap:16px;font-size:.78rem;color:rgba(255,255,255,.3);margin-block-end:18px;flex-wrap:wrap}
.post-header h1{max-width:860px;line-height:1.2;margin-block-end:0}
.post-body-wrap{max-width:780px;margin-inline:auto;padding:64px 24px 96px}
.post-content h2{font-size:1.5rem;font-weight:800;color:var(--w100);margin-block:2.2rem .8rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);letter-spacing:-.035em}
.post-content h3{font-size:1.15rem;font-weight:700;color:rgba(255,255,255,.88);margin-block:1.6rem .6rem;letter-spacing:-.025em}
.post-content p{color:rgb(255, 255, 255);line-height:1.98;margin-block:.9rem 0;font-size:1rem}
.post-content a{color:var(--indigo-bright);text-decoration:underline}
.post-content a:hover{color:var(--cyan)}
.post-content ul,.post-content ol{color:#fff;padding-inline-start:1.5rem;margin-block:.9rem 0}
.post-content ul li{list-style:disc;margin-block:.4rem 0;line-height:1.82}
.post-content ol li{list-style:decimal;margin-block:.4rem 0;line-height:1.82}
.post-content blockquote{border-inline-start:3px solid var(--indigo-bright);padding-block:.8rem;padding-inline:1.2rem;margin-block:1.6rem 0;background:rgba(99,102,241,.06);border-radius:0 6px 6px 0;color:rgba(255,255,255,.6);font-style:italic}
.post-content code{background:rgba(99,102,241,.1);color:var(--indigo-bright);font-size:.85em;padding:.1em .4em;border-radius:3px;font-family:ui-monospace,"Fira Code",monospace}
.post-content pre{background:var(--obs-2);border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.5rem;overflow-x:auto;margin-block:1.5rem 0}
.post-content pre code{background:none;color:rgba(255,255,255,.78);font-size:.88em;padding:0}
.post-content strong{color:rgba(255,255,255,.9);font-weight:700}
.post-content hr{border:none;border-block-start:1px solid var(--border);margin-block:2.2rem}
.post-content img{max-width:100%;border-radius:8px;margin-block:1.2rem 0}
.post-content table{width:100%;border-collapse:collapse;margin-block:1.5rem 0;font-size:.9rem}
.post-content th{background:var(--obs-3);color:rgba(255,255,255,.78);font-weight:700;padding:10px 16px;border:1px solid var(--border);text-align:right}
.post-content td{padding:9px 16px;border:1px solid var(--border);color:rgba(255,255,255,.45)}
.post-cta-box{background:rgba(67,56,202,.08);border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-lg);padding:36px;text-align:center;margin-block-start:56px}
.post-cta-box h3{font-size:1.2rem;margin-block-end:10px}
.post-cta-box p{color:rgba(255,255,255,.4);font-size:.9rem;margin-block-end:24px}

/* ── Utilities ── */
.divider{border:none;border-block-start:1px solid var(--border);margin-block:16px}
.mt-0{margin-block-start:0!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Responsive ── */
@media(max-width:1024px){
  .platform-grid{gap:52px}
  .contact-wrap{gap:52px}
}
@media(max-width:900px){
  .grid-2,.platform-grid,.contact-wrap{grid-template-columns:1fr;gap:36px}
  .grid-3,.steps-grid{grid-template-columns:1fr 1fr;gap:2px}
  .grid-services{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .posts-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:1/-1}
  .stats-inner{grid-template-columns:1fr 1fr}
  .stat-item:nth-child(2)::after,.stat-item:nth-child(4)::after{display:none}
}
@media(max-width:640px){
  .container{padding-inline:20px}
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  section{padding-block:80px}
  .hero{padding-block:120px 80px;min-height:auto}
  .grid-3,.grid-4,.steps-grid{grid-template-columns:1fr;gap:2px}
  .stats-inner{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .form-row{grid-template-columns:1fr}
  .dash-kpi-row{grid-template-columns:1fr 1fr}
  .hero-trust{gap:24px}
}
@media(max-width:400px){
  .h1{font-size:2.2rem}
  .h2{font-size:1.65rem}
  .btn-lg{font-size:.88rem;padding:14px 24px}
}