/* ═══════════════════ SYNQ — shared design system ═══════════════════ */
:root{
  --bg:#F2EFE9;--bg-subtle:#ECE8E0;--bg-deep:#E5E0D6;
  --ink:#16161A;--ink-2:#4F4B42;--ink-3:#6B665B;
  --petrol:#0E7490;--petrol-h:#0B5A70;--petrol-soft:#E3EEF1;--petrol-deep:#063340;
  --amber:#C57A3A;--amber-h:#A8651F;--amber-soft:#F4E7D6;
  --border:#D6D0C5;--border-soft:#E0DBD1;
  --dark:#0B111A;--dark-2:#141E28;--dark-3:#27323F;
  --card:#FFFFFF;--card-line:#EAE6DD;
  --green:#2E8B57;--green-soft:#E4F1E9;
  --s-xs:4px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-2xl:48px;--s-3xl:64px;--s-4xl:96px;--s-5xl:128px;
  --r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:20px;--r-full:9999px;
  --sh-sm:0 1px 3px rgba(40,30,15,0.05),0 1px 2px rgba(40,30,15,0.04);
  --sh-md:0 4px 14px rgba(40,30,15,0.07),0 2px 5px rgba(40,30,15,0.04);
  --sh-lg:0 14px 38px rgba(40,30,15,0.10),0 5px 12px rgba(40,30,15,0.05);
  --sh-xl:0 28px 70px rgba(20,15,8,0.16),0 10px 22px rgba(20,15,8,0.08);
  --t-fast:160ms cubic-bezier(.4,0,.2,1);--t-base:280ms cubic-bezier(.4,0,.2,1);--t-slow:600ms cubic-bezier(.16,1,.3,1);
  --maxw:1240px;--pad:clamp(20px,5vw,64px);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:var(--petrol);color:#fff}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}svg{display:block}

.ico{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:26px;height:26px}
/* RTL bidi guard: number ranges (60%-70%) render as a clean LTR unit */
.num{direction:ltr;unicode-bidi:isolate}

.display{font-size:clamp(36px,5.5vw,62px);font-weight:800;line-height:1.08;letter-spacing:-0.03em}
h1{font-size:clamp(33px,5vw,58px);font-weight:800;line-height:1.1;letter-spacing:-0.03em}
h2{font-size:clamp(27px,3.4vw,40px);font-weight:700;line-height:1.18;letter-spacing:-0.02em}
h3{font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.3;letter-spacing:-0.01em}
.body-lg{font-size:clamp(17px,1.4vw,19px);line-height:1.7}
.small{font-size:14px;line-height:1.6}
.label{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.section{padding-top:var(--s-5xl);padding-bottom:var(--s-5xl)}
.section-sm{padding-top:var(--s-4xl);padding-bottom:var(--s-4xl)}
.eyebrow{color:var(--amber);margin-bottom:var(--s-md);display:block}
.lede{color:var(--ink-2);max-width:680px;margin-top:var(--s-lg)}
.tint{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity var(--t-slow),transform var(--t-slow)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:160ms}.reveal-d3{transition-delay:240ms}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-sm);font-family:'Heebo',sans-serif;font-size:15px;font-weight:600;padding:0 var(--s-xl);height:52px;border:none;border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}
.btn .ico{width:18px;height:18px}
.btn-primary{background:var(--petrol);color:#fff;box-shadow:var(--sh-sm)}
.btn-primary:hover{background:var(--petrol-h);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-primary:active{transform:translateY(0)}
.btn-primary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.btn-amber{background:var(--amber);color:#fff;box-shadow:var(--sh-sm)}
.btn-amber:hover{background:var(--amber-h);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-amber:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn-ghost{background:transparent;color:var(--petrol);box-shadow:inset 0 0 0 1.5px var(--border)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--petrol);transform:translateY(-2px)}
.btn-sm{height:42px;font-size:14px;padding:0 var(--s-lg)}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(242,239,233,0.82);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t-base),box-shadow var(--t-base)}
nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--sh-sm)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:var(--s-md) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:var(--s-lg)}
.logo{display:flex;flex-direction:column;gap:2px}
.logo-name{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;letter-spacing:0.32em;color:var(--ink)}
.logo-sub{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--petrol);font-weight:600}
.nav-links{display:flex;align-items:center;gap:var(--s-xl)}
.nav-links a:not(.btn){font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color var(--t-fast)}
.nav-links a:not(.btn):hover{color:var(--petrol)}
@media(max-width:780px){.nav-links a:not(.btn){display:none}}

/* HERO */
.hero{padding-top:clamp(56px,7vw,92px);padding-bottom:clamp(56px,7vw,88px)}
.hero-grid{display:grid;grid-template-columns:1.02fr 0.98fr;gap:clamp(40px,5vw,72px);align-items:center}
.hero h1{margin-bottom:var(--s-lg)}
.hero h1 .accent{color:var(--petrol)}
.hero-sub{color:var(--ink-2);margin-bottom:var(--s-md)}
.hero-sub strong{color:var(--ink);font-weight:700;display:block;margin-top:var(--s-md)}
.hero-actions{display:flex;align-items:center;gap:var(--s-lg);flex-wrap:wrap;margin-top:var(--s-xl)}
.hero-note{color:var(--ink-3)}
.hero-media{position:relative}
.hero-photo{border-radius:var(--r-xl);box-shadow:var(--sh-xl);width:100%;aspect-ratio:7/5;object-fit:cover}
.hero-media .opp-card{position:absolute;bottom:-28px;inset-inline-start:-28px;width:min(290px,72%)}

/* OPP CARD */
.opp-card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-lg);box-shadow:var(--sh-xl);overflow:hidden}
.opp-card-top{display:flex;align-items:center;justify-content:space-between;padding:12px var(--s-md);border-bottom:1px solid var(--card-line);background:#FCFBF8}
.opp-card-logo{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.22em;color:var(--petrol)}
.demo-tag{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-deep);border:1px solid var(--border);padding:3px 8px;border-radius:var(--r-full)}
.opp-card-body{padding:var(--s-md)}
.opp-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s-md)}
.opp-row{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:var(--bg);border:1px solid var(--card-line);border-radius:var(--r-md)}
.opp-row-l{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)}
.opp-row-l .ico{width:16px;height:16px;color:var(--amber)}
.opp-row-v{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:var(--amber)}
.opp-total{background:var(--petrol);border-radius:var(--r-md);padding:12px var(--s-md);display:flex;align-items:center;justify-content:space-between;color:#fff}
.opp-total-l{display:flex;flex-direction:column;gap:1px}
.opp-total-l .t1{font-size:11.5px;color:rgba(255,255,255,0.8)}
.opp-total-l .t2{font-size:9.5px;color:rgba(255,255,255,0.55)}
.opp-total-v{font-size:24px;font-weight:700;letter-spacing:-0.02em;direction:ltr;unicode-bidi:isolate}

/* TRUST BAR */
.trustbar{background:var(--bg-deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--s-lg) 0}
.trustbar .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);flex-wrap:wrap}
.trustbar-label{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-3)}
.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--petrol-deep)}
.trust-item .ico{width:18px;height:18px;color:var(--petrol);opacity:.85}
.trust-sep{width:1px;height:18px;background:var(--border)}
@media(max-width:680px){.trust-sep{display:none}.trustbar .wrap{gap:var(--s-md)}}

/* TAGLINE */
.tagline{background:var(--ink);padding:clamp(48px,7vw,84px) 0}
.tagline .wrap{text-align:center}
.tagline p{color:var(--bg);font-size:clamp(26px,4vw,46px);font-weight:800;letter-spacing:-0.025em;line-height:1.15;max-width:900px;margin:0 auto}
.tagline .em{color:var(--amber)}

/* PROOF STATS (real, cited) */
.proof{background:var(--petrol);padding:var(--s-4xl) 0;position:relative;overflow:hidden}
.proof::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(190,110,26,0.16),transparent 55%);pointer-events:none}
.proof-head{text-align:center;margin-bottom:var(--s-2xl);position:relative}
.proof-head .label{color:rgba(255,255,255,0.55)}
.proof-head h2{color:#fff;margin-top:var(--s-sm)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md);position:relative}
.pstat{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.13);border-radius:var(--r-md);padding:var(--s-lg) var(--s-lg) var(--s-md)}
.pstat-v{font-size:clamp(30px,3.6vw,42px);font-weight:800;color:#fff;line-height:1;letter-spacing:-0.02em;direction:ltr;unicode-bidi:isolate;display:inline-block}
.pstat-v .u{font-size:.5em;font-weight:600;color:var(--amber);margin-inline-start:2px}
.pstat-t{font-size:13.5px;color:rgba(255,255,255,0.82);margin-top:var(--s-sm);line-height:1.5}
.pstat-src{font-size:10.5px;color:rgba(255,255,255,0.45);margin-top:8px;font-family:'Inter',sans-serif;letter-spacing:.04em}
@media(max-width:880px){.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.proof-grid{grid-template-columns:1fr}}

/* COHORT */
.cohort{background:var(--dark);padding:var(--s-4xl) 0;position:relative;overflow:hidden}
.cohort::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 88%,rgba(28,79,96,0.5),transparent 55%);pointer-events:none}
.cohort .wrap{position:relative}
.cohort .label{color:var(--amber)}
.cohort h2{color:#fff;max-width:680px;margin-top:var(--s-md)}
.cohort-lede{color:rgba(242,239,233,0.78);max-width:640px;margin-top:var(--s-md);font-size:clamp(16px,1.4vw,18px);line-height:1.7}
.cohort-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md);margin-top:var(--s-2xl)}
.cohort-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:var(--r-md);padding:var(--s-lg)}
.cohort-card .ico{width:26px;height:26px;color:var(--amber);margin-bottom:var(--s-md)}
.cohort-card h3{color:#fff;font-size:16px;margin-bottom:6px}
.cohort-card p{color:rgba(242,239,233,0.7);font-size:13.5px;line-height:1.6}

/* MECH */
.mech-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:var(--s-3xl)}
.mech{padding:var(--s-2xl);border-inline-start:1px solid var(--border)}
.mech:first-child{border-inline-start:none}
.mech-n{font-family:'Inter',sans-serif;font-size:12px;color:var(--amber);letter-spacing:0.16em;font-weight:500;display:block;margin-bottom:var(--s-md)}
.mech h3{margin-bottom:var(--s-sm)}
.mech p{color:var(--ink-2);font-size:14.5px;line-height:1.65}

/* FEATURE CARDS */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:var(--s-3xl)}
.fcard{background:var(--bg);padding:var(--s-2xl);transition:background var(--t-base)}
.fcard:hover{background:var(--bg-subtle)}
.fcard-ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--petrol-soft);color:var(--petrol);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-lg)}
.fcard h3{margin-bottom:var(--s-sm)}
.fcard p{color:var(--ink-2);font-size:15px;line-height:1.65}

/* SIGNALS */
.signals{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-lg);margin-top:var(--s-3xl)}
.signal{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-2xl);position:relative;overflow:hidden}
.signal::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--petrol)}
.signal.products::before{background:var(--amber)}
.signal-ico{width:46px;height:46px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-lg);background:var(--petrol-soft);color:var(--petrol)}
.signal.products .signal-ico{background:var(--amber-soft);color:var(--amber-h)}
.signal h3{margin-bottom:var(--s-sm)}
.signal p{color:var(--ink-2);font-size:15px;line-height:1.65;margin-bottom:var(--s-md)}
.signal-eg{font-size:13px;color:var(--ink-3);border-top:1px solid var(--border-soft);padding-top:var(--s-md);line-height:1.6}
.signal-eg strong{color:var(--petrol);font-weight:600}
.signal.products .signal-eg strong{color:var(--amber-h)}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:center}
.split.wide-left{grid-template-columns:1.05fr 0.95fr}
.split-text h2{margin-bottom:var(--s-md)}
.split-text>p{color:var(--ink-2);font-size:16px;line-height:1.7;margin-bottom:var(--s-xl)}
.feat-row{display:flex;align-items:flex-start;gap:var(--s-md);padding:var(--s-md) 0;border-top:1px solid var(--border-soft)}
.feat-icon{width:34px;height:34px;border-radius:var(--r-sm);background:var(--petrol-soft);color:var(--petrol);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-icon .ico{width:18px;height:18px}
.feat-txt{font-size:14px;color:var(--ink-2);line-height:1.5}
.feat-txt strong{color:var(--ink);font-weight:600;display:block;margin-bottom:2px}
.media-frame{border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;aspect-ratio:7/5;object-fit:cover}

/* DASHBOARD */
.dashboard{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}
.db-top{padding:var(--s-lg) var(--s-xl);border-bottom:1px solid var(--card-line);display:flex;align-items:center;justify-content:space-between;background:#FCFBF8}
.db-brand{display:flex;align-items:center;gap:10px}
.db-logo{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:0.24em;color:var(--petrol)}
.db-date{font-size:12px;color:var(--ink-3)}
.db-body{padding:var(--s-xl)}
.db-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-md);margin-bottom:var(--s-lg)}
.db-kpi{background:var(--bg);border:1px solid var(--card-line);border-radius:var(--r-md);padding:var(--s-lg)}
.db-kpi-l{font-size:12px;color:var(--ink-3);margin-bottom:var(--s-sm);font-weight:500}
.db-kpi-v{font-size:30px;font-weight:700;line-height:1;letter-spacing:-0.02em}
.db-kpi-v.amber{color:var(--amber)}.db-kpi-v.green{color:var(--green)}.db-kpi-v.ink{color:var(--ink)}
.db-kpi-sub{font-size:11px;color:var(--ink-3);margin-top:6px}
.db-revcard{background:var(--petrol);border-radius:var(--r-md);padding:var(--s-lg) var(--s-xl);margin-bottom:var(--s-lg);display:flex;justify-content:space-between;align-items:center;color:#fff}
.db-revcard-l{font-size:13px;color:rgba(255,255,255,0.78);font-weight:500}
.db-revcard-v{font-size:30px;font-weight:700;letter-spacing:-0.02em;direction:ltr;unicode-bidi:isolate}
.db-chart-card{background:var(--bg);border:1px solid var(--card-line);border-radius:var(--r-md);padding:var(--s-lg)}
.db-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-md)}
.db-chart-title{font-size:13px;font-weight:600;color:var(--ink)}
.db-chart-legend{font-size:11px;color:var(--ink-3)}
.db-chart{display:flex;align-items:flex-end;gap:8px;height:72px}
.db-bar{flex:1;border-radius:4px 4px 0 0;min-height:8px;background:#C9DDE3;transition:height var(--t-slow)}
.db-bar.hi{background:var(--petrol)}
.db-chart-x{display:flex;gap:8px;margin-top:8px}
.db-chart-x span{flex:1;text-align:center;font-size:9px;color:var(--ink-3)}

/* WHATSAPP */
.wa-wrap{display:flex;justify-content:center}
.wa{background:#ECE5DD;overflow:hidden;width:322px;box-shadow:var(--sh-xl);border:8px solid var(--dark);border-radius:32px}
.wa-bar{background:var(--petrol);padding:14px var(--s-md);display:flex;align-items:center;gap:10px;direction:ltr}
.wa-av{width:38px;height:38px;border-radius:50%;background:#2A7A8C;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wa-av .ico{width:20px;height:20px}
.wa-nm{font-size:13px;font-weight:600;color:#fff}
.wa-st{font-size:11px;color:rgba(255,255,255,0.65)}
.wa-chat{padding:var(--s-md);display:flex;flex-direction:column;gap:var(--s-sm);min-height:300px;background:#ECE5DD}
.wa-bbl{max-width:90%;padding:10px 13px;border-radius:12px;font-size:12.5px;line-height:1.6}
.wa-bbl.s{background:#DCF8C6;border-radius:12px 12px 2px 12px;align-self:flex-end;color:#16161A}
.wa-bbl.r{background:#fff;border-radius:12px 12px 12px 2px;align-self:flex-start;color:#16161A;box-shadow:var(--sh-sm)}
.wa-hl{color:var(--petrol);font-weight:600}
.wa-ts{font-size:10px;color:#7E7468;align-self:flex-end}

/* CADENCE */
.cadence{background:var(--petrol-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cadence .wrap{display:flex;align-items:center;gap:var(--s-2xl);padding-top:var(--s-2xl);padding-bottom:var(--s-2xl);flex-wrap:wrap}
.cadence-ico{width:64px;height:64px;border-radius:var(--r-lg);background:#fff;color:var(--petrol);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-sm)}
.cadence-ico .ico{width:30px;height:30px}
.cadence-txt h3{font-size:clamp(19px,2vw,24px);margin-bottom:6px;color:var(--ink)}
.cadence-txt p{color:var(--ink-2);font-size:15px;line-height:1.6;max-width:640px}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:var(--s-3xl)}
.step{background:var(--bg);padding:var(--s-2xl)}
.step-n{font-family:'Inter',sans-serif;font-size:12px;color:var(--amber);letter-spacing:0.18em;font-weight:500;margin-bottom:var(--s-lg);display:block}
.step h3{margin-bottom:var(--s-sm)}.step p{color:var(--ink-2);font-size:14px;line-height:1.65}

/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-lg);margin-top:var(--s-3xl)}
.tst{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-lg);padding:var(--s-2xl);box-shadow:var(--sh-sm);display:flex;flex-direction:column}
.tst-stars{display:flex;gap:2px;margin-bottom:var(--s-md);color:var(--amber)}
.tst-stars .ico{width:16px;height:16px;fill:var(--amber);stroke:var(--amber)}
.tst-q{font-size:15.5px;line-height:1.7;color:var(--ink);flex:1}
.tst-who{display:flex;align-items:center;gap:12px;margin-top:var(--s-lg);padding-top:var(--s-lg);border-top:1px solid var(--border-soft)}
.tst-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.tst-nm{font-size:14px;font-weight:700;color:var(--ink)}
.tst-role{font-size:12.5px;color:var(--ink-3)}

/* TEAM */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-xl);margin-top:var(--s-3xl)}
.tm{text-align:center}
.tm-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-md);margin-bottom:var(--s-md)}
.tm-nm{font-size:17px;font-weight:700;color:var(--ink)}
.tm-role{font-size:13.5px;color:var(--amber);font-weight:600;margin-top:2px}
.tm-bio{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-top:var(--s-sm)}
.team-note{text-align:center;margin-top:var(--s-2xl);font-size:14px;color:var(--ink-3)}

/* FAQ */
.faq-list{margin-top:var(--s-3xl);border-top:1px solid var(--border);max-width:900px;margin-inline:auto}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{list-style:none;cursor:pointer;padding:var(--s-lg) var(--s-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--s-md);font-size:clamp(16px,1.6vw,19px);font-weight:600;color:var(--ink);transition:color var(--t-fast)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--petrol)}
.faq-item summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-sm)}
.faq-q-ico{width:26px;height:26px;border-radius:var(--r-full);border:1.5px solid var(--border);color:var(--petrol);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--t-base),background var(--t-base)}
.faq-q-ico .ico{width:16px;height:16px}
.faq-item[open] .faq-q-ico{transform:rotate(45deg);background:var(--petrol);border-color:var(--petrol);color:#fff}
.faq-a{padding:0 calc(var(--s-sm)) var(--s-lg);color:var(--ink-2);font-size:15px;line-height:1.7;max-width:780px}
.faq-a strong{color:var(--ink);font-weight:600}

/* FINAL */
.final{padding-top:var(--s-3xl);padding-bottom:var(--s-3xl)}
.final-block{background:var(--petrol);border-radius:var(--r-xl);padding:clamp(40px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:var(--s-2xl);position:relative;overflow:hidden}
.final-block::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(190,110,26,0.20),transparent 55%);pointer-events:none}
.final-eyebrow{color:rgba(255,255,255,0.6);margin-bottom:var(--s-md)}
.final-block h2{color:#fff;max-width:460px;position:relative}
.final-act{flex-shrink:0;text-align:center;position:relative}
.final-act .small{color:rgba(255,255,255,0.72);margin-top:var(--s-md)}

/* FOOTER */
footer{background:var(--ink);color:var(--bg);padding-top:var(--s-3xl);padding-bottom:var(--s-xl)}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--s-2xl);padding-bottom:var(--s-2xl);border-bottom:1px solid rgba(255,255,255,0.1)}
.foot-brand .logo-name{color:#fff}.foot-brand .logo-sub{color:rgba(255,255,255,0.6)}
.foot-brand p{color:rgba(242,239,233,0.6);font-size:14px;line-height:1.6;margin-top:var(--s-md);max-width:320px}
.foot-col h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:var(--s-md);font-family:'Inter',sans-serif}
.foot-col a{display:block;color:rgba(242,239,233,0.78);font-size:14px;padding:5px 0;transition:color var(--t-fast)}
.foot-col a:hover{color:#fff}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--s-lg);flex-wrap:wrap;gap:var(--s-sm)}
.foot-note{font-size:13px;color:rgba(242,239,233,0.5)}

/* ARTICLE */
.article-hero{padding-top:var(--s-2xl);padding-bottom:var(--s-xl)}
.crumbs{font-size:13px;color:var(--ink-3);margin-bottom:var(--s-lg)}
.crumbs a:hover{color:var(--petrol)}
.article-cat{color:var(--amber)}
.article-hero h1{margin:var(--s-md) 0;max-width:900px}
.article-meta{display:flex;align-items:center;gap:var(--s-md);font-size:13.5px;color:var(--ink-3);flex-wrap:wrap}
.article-body{max-width:760px;margin:0 auto;padding-bottom:var(--s-3xl)}
.article-body .lead{font-size:clamp(18px,1.7vw,21px);line-height:1.7;color:var(--ink);background:var(--petrol-soft);border-inline-start:4px solid var(--petrol);padding:var(--s-lg) var(--s-xl);border-radius:0 var(--r-md) var(--r-md) 0;margin-bottom:var(--s-xl)}
.article-body h2{margin:var(--s-2xl) 0 var(--s-md)}
.article-body h3{margin:var(--s-xl) 0 var(--s-sm);font-size:clamp(17px,1.6vw,20px)}
.article-body p{margin-bottom:var(--s-md);color:var(--ink-2);font-size:16.5px;line-height:1.8}
.article-body strong{color:var(--ink);font-weight:600}
.article-body ul,.article-body ol{margin:0 var(--s-lg) var(--s-lg);color:var(--ink-2);font-size:16.5px;line-height:1.8}
.article-body li{margin-bottom:var(--s-sm)}
.article-body blockquote{border-inline-start:4px solid var(--amber);background:var(--amber-soft);padding:var(--s-lg) var(--s-xl);border-radius:0 var(--r-md) var(--r-md) 0;margin:var(--s-xl) 0;font-size:18px;font-weight:600;color:var(--ink);line-height:1.6}
.article-body table{width:100%;border-collapse:collapse;margin:var(--s-xl) 0;font-size:14.5px;box-shadow:var(--sh-sm);border-radius:var(--r-md);overflow:hidden}
.article-body thead{background:var(--petrol);color:#fff}
.article-body th{padding:12px var(--s-md);text-align:start;font-weight:600;font-size:14px}
.article-body td{padding:11px var(--s-md);border-bottom:1px solid var(--border-soft);background:var(--card);color:var(--ink-2)}
.article-body tbody tr:nth-child(even) td{background:var(--bg)}
.article-cta{background:var(--petrol);border-radius:var(--r-lg);padding:var(--s-2xl);margin-top:var(--s-2xl);text-align:center;color:#fff}
.article-cta h3{color:#fff;font-size:clamp(19px,2vw,24px);margin-bottom:var(--s-sm)}
.article-cta p{color:rgba(255,255,255,0.8);font-size:15px;margin-bottom:var(--s-lg);max-width:520px;margin-inline:auto}
.article-sources{max-width:760px;margin:0 auto;padding-top:var(--s-xl);border-top:1px solid var(--border)}
.article-sources h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-md);font-family:'Inter',sans-serif}
.article-sources li{font-size:13px;color:var(--ink-3);margin-bottom:6px;line-height:1.5;list-style:none}
.article-sources a{color:var(--petrol);word-break:break-word}
.article-faq{max-width:760px;margin:var(--s-2xl) auto 0}

/* BLOG HUB */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-lg);margin-top:var(--s-3xl)}
.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:transform var(--t-base),box-shadow var(--t-base)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.post-card-top{padding:var(--s-xl) var(--s-xl) 0}
.post-cat{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:500}
.post-card h3{margin:var(--s-sm) 0;font-size:19px;line-height:1.3}
.post-card p{color:var(--ink-2);font-size:14px;line-height:1.6;padding:0 var(--s-xl);flex:1}
.post-card-foot{display:flex;align-items:center;justify-content:space-between;padding:var(--s-lg) var(--s-xl);margin-top:var(--s-md)}
.post-read{font-size:12.5px;color:var(--ink-3)}
.post-arrow{color:var(--petrol);font-weight:700}

/* RESPONSIVE */
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:var(--s-2xl)}
  .hero-media .opp-card{position:static;width:100%;margin-top:var(--s-md)}
  .split,.split.wide-left{grid-template-columns:1fr;gap:var(--s-2xl)}
  .cohort-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.mech-grid,.steps,.signals,.tst-grid,.team-grid,.post-grid{grid-template-columns:1fr}
  .mech{border-inline-start:none;border-top:1px solid var(--border)}.mech:first-child{border-top:none}
  .foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  :root{--s-5xl:80px;--s-4xl:64px}
  .section{padding-top:var(--s-4xl);padding-bottom:var(--s-4xl)}
  .hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-note{text-align:center}
  .cohort-grid{grid-template-columns:1fr}
  .db-kpis{grid-template-columns:1fr}
  .wa-wrap{order:-1}
  .final-block{flex-direction:column;align-items:flex-start;text-align:right}.final-act{width:100%}
  .foot-top{grid-template-columns:1fr;gap:var(--s-lg)}
}

/* ───────── blog imagery (added 2026-06-29) ───────── */
.post-hero{margin:var(--s-xl) 0 0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--card-line);box-shadow:var(--sh-md);background:var(--card)}
.post-hero img{display:block;width:100%;height:auto}
.post-card-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-subtle)}