/* ==========================================================================
   Blume Technologies — main-site
   Dark AI-native design system: cobalt on ink, Hanken Grotesk + IBM Plex.
   ========================================================================== */

/* ───────────────────────── Fonts (self-hosted) ───────────────────────── */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/hanken-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/hanken-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/plex-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/plex-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plex-mono-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plex-mono-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plex-mono-500-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plex-mono-500-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ───────────────────────── Reset & tokens ───────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-body);background:var(--ink-950);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img,svg{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;}
::selection{background:var(--cobalt-500);color:#fff;}

:root{
  /* Cobalt scale */
  --cobalt-50:#F4F6FE; --cobalt-100:#E0EAFD; --cobalt-200:#BFD0FB; --cobalt-300:#93B0F7;
  --cobalt-400:#5980F0; --cobalt-500:#1A57E4; --cobalt-600:#1440B8; --cobalt-700:#102F8A;
  /* Ink scale */
  --ink-50:#F7F8FB; --ink-100:#F0F2F7; --ink-200:#E1E4EE; --ink-300:#C3C9DB;
  --ink-400:#9BA3BD; --ink-500:#737C9A; --ink-600:#4F5878; --ink-700:#323A55;
  --ink-800:#1E2438; --ink-900:#121728; --ink-950:#0A0D18;
  --success:#16A373; --warn:#E89B1F; --danger:#E04545; --info:#4BB8F0;

  /* Tweakable */
  --accent:#1A57E4;          /* hero accent */
  --accent-soft:#5980F0;
  --font-head:'Hanken Grotesk',system-ui,sans-serif;
  --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;

  /* dark-surface text roles */
  --text-1:#F2F4FA;          /* primary on dark */
  --text-2:#A6AECB;          /* secondary on dark */
  --text-3:#6E7798;          /* tertiary / mono labels */

  --surface:#0A0D18;         /* page */
  --surface-1:#0E1322;       /* raised panel */
  --surface-2:#141A2C;       /* card */
  --line:rgba(255,255,255,0.08);
  --line-2:rgba(255,255,255,0.13);

  --gut:24px; --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --maxw:1180px;
}
@media(min-width:768px){:root{--gut:40px;}}
@media(min-width:1024px){:root{--gut:64px;}}
@media(min-width:1280px){:root{--gut:88px;}}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}
.wrap-narrow{max-width:760px;margin:0 auto;padding:0 var(--gut);}

/* sparkle mask glyph */
.sparkle{display:inline-block;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50,20 C51,34 64,46 80,50 C64,54 51,66 50,80 C49,66 36,54 20,50 C36,46 49,34 50,20 Z'/></svg>") no-repeat center/contain;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50,20 C51,34 64,46 80,50 C64,54 51,66 50,80 C49,66 36,54 20,50 C36,46 49,34 50,20 Z'/></svg>") no-repeat center/contain;}

/* ───────────────────────── Shared type ───────────────────────── */
.eyebrow{font:500 11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-soft);}
.mono{font-family:var(--font-mono);}
.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border-radius:var(--r-sm);
  font:600 13.5px/1 var(--font-body);letter-spacing:-.01em;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{filter:brightness(1.08);}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text-1);border:1px solid var(--line-2);}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);}
.btn-white{background:#fff;color:var(--cobalt-700);}
.btn-white:hover{background:var(--cobalt-50);}
.btn-outline-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn-outline-w:hover{border-color:rgba(255,255,255,.75);}

/* ───────────────────────── Nav ───────────────────────── */
.nav{position:sticky;top:0;z-index:120;background:rgba(10,13,24,.72);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}
.logo{display:flex;align-items:flex-start;gap:3px;font:700 22px/1 var(--font-head);letter-spacing:-.05em;color:#fff;}
.logo .sparkle{width:9px;height:9px;color:var(--accent);margin-top:2px;flex-shrink:0;}
.nav-links{display:none;gap:30px;}
@media(min-width:900px){.nav-links{display:flex;}}
.nav-links a{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);transition:color .12s;}
.nav-links a:hover{color:#fff;}
.nav-cta{display:flex;align-items:center;gap:10px;}
.nav-cta .btn-ghost{display:none;}
@media(min-width:560px){.nav-cta .btn-ghost{display:inline-flex;}}

/* ───────────────────────── Grid backdrop ───────────────────────── */
.grid-bg{position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask:radial-gradient(120% 90% at 50% 0%,#000 35%,transparent 78%);
  mask:radial-gradient(120% 90% at 50% 0%,#000 35%,transparent 78%);}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5;}

/* ───────────────────────── Hero ───────────────────────── */
.hero{position:relative;overflow:hidden;padding:84px 0 0;}
.hero .glow{width:680px;height:520px;left:50%;top:-180px;transform:translateX(-50%);
  background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.22;}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:880px;margin:0 auto;padding:0 var(--gut);}
.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 8px 6px 14px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.04);border:1px solid var(--line-2);margin-bottom:30px;}
.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(22,163,115,.18);}
.pill span{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);}
.pill b{font:500 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--accent-soft);padding:3px 8px;border-radius:var(--r-pill);background:rgba(89,128,240,.12);}
.hero h1{font:700 clamp(40px,7.2vw,82px)/0.98 var(--font-head);letter-spacing:-.045em;color:#fff;margin:0 0 24px;}
.hero h1 em{font-style:normal;color:var(--accent);}
.hero-sub{font:400 clamp(16px,1.5vw,20px)/1.55 var(--font-body);color:var(--text-2);max-width:560px;margin:0 auto 34px;}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hero-actions .btn{padding:13px 22px;font-size:14.5px;}

/* logo cloud */
.cloud{position:relative;z-index:2;margin-top:70px;padding-bottom:0;}
.cloud-label{text-align:center;font:500 10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:26px;}
.cloud-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 46px;}
.cloud-row span{font:600 17px/1 var(--font-head);letter-spacing:-.02em;color:var(--text-2);opacity:.62;transition:opacity .15s;}
.cloud-row span:hover{opacity:1;}

/* ───────────────────────── Console mock (hero) ───────────────────────── */
.console-wrap{position:relative;z-index:2;max-width:1080px;margin:64px auto 0;padding:0 var(--gut);}
.console{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;
  background:linear-gradient(180deg,#0F1525,#0B0F1C);
  box-shadow:0 -1px 0 rgba(255,255,255,.05) inset,0 40px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4);}
.console-bar{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);}
.win-dots{display:flex;gap:7px;}
.win-dots i{width:11px;height:11px;border-radius:50%;background:var(--ink-700);display:block;}
.console-url{font:500 11px/1 var(--font-mono);color:var(--text-3);letter-spacing:.04em;display:flex;align-items:center;gap:7px;}
.console-url .sparkle{width:9px;height:9px;color:var(--accent);}
.console-tag{margin-left:auto;font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--success);
  padding:4px 9px;border-radius:var(--r-pill);background:rgba(22,163,115,.1);border:1px solid rgba(22,163,115,.22);white-space:nowrap;}
@media(max-width:560px){.console-tag{display:none;}}
.console-body{display:grid;grid-template-columns:200px 1fr;min-height:430px;}
@media(max-width:760px){.console-body{grid-template-columns:1fr;}}
.console-rail{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:5px;}
@media(max-width:760px){.console-rail{display:none;}}
.rail-group{font:500 9.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:14px 8px 6px;}
.rail-group:first-child{margin-top:0;}
.rail-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;font:500 12.5px/1 var(--font-body);color:var(--text-2);}
.rail-item .ic{width:14px;height:14px;color:var(--text-3);}
.rail-item.on{background:rgba(89,128,240,.12);color:#fff;}
.rail-item.on .ic{color:var(--accent-soft);}
.rail-item .badge{margin-left:auto;font:500 9px/1 var(--font-mono);padding:2px 6px;border-radius:var(--r-pill);background:var(--accent);color:#fff;}
.console-main{padding:20px 22px;}
.cm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.cm-title{font:600 15px/1.2 var(--font-head);letter-spacing:-.01em;color:#fff;}
.cm-title small{display:block;font:500 10px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:5px;}
.cm-filter{display:flex;gap:6px;}
.chip{font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--text-2);padding:6px 11px;border:1px solid var(--line-2);border-radius:var(--r-pill);}
.chip.on{background:#fff;color:var(--ink-950);border-color:#fff;}
.feed{display:flex;flex-direction:column;gap:9px;}
.feed-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 15px;
  border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015);transition:border-color .12s,background .12s;}
.feed-row:hover{border-color:var(--line-2);background:rgba(255,255,255,.03);}
.feed-id{font:500 10px/1 var(--font-mono);letter-spacing:.06em;color:var(--text-3);}
.feed-mid{min-width:0;}
.feed-name{font:500 13px/1.3 var(--font-body);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feed-meta{font:500 10px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:3px;}
.sig{display:inline-flex;align-items:center;gap:6px;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-pill);}
.sig.act{color:var(--success);background:rgba(22,163,115,.12);}
.sig.track{color:var(--info);background:rgba(75,184,240,.12);}
.sig.hold{color:var(--text-2);background:rgba(255,255,255,.05);}
.spark-cell{display:flex;align-items:flex-end;gap:2.5px;height:26px;}
.spark-cell i{width:4px;border-radius:1px;background:var(--accent-soft);opacity:.85;display:block;}

/* ───────────────────────── Section scaffolding ───────────────────────── */
section{position:relative;}
.section{padding:96px 0;}
.section-head{max-width:680px;}
.section-head.center{margin:0 auto;text-align:center;}
.section-head .eyebrow{margin-bottom:16px;display:block;}
.section-head h2{font:700 clamp(28px,3.8vw,48px)/1.05 var(--font-head);letter-spacing:-.035em;color:#fff;margin:0 0 18px;}
.section-head p{font:400 clamp(15px,1.3vw,18px)/1.6 var(--font-body);color:var(--text-2);margin:0;}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--font-body);color:var(--accent-soft);}
.link-arrow:hover{gap:11px;}

/* ───────────────────────── Big stat band ───────────────────────── */
.statband{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-1);}
.statband-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
@media(min-width:900px){.statband-grid{grid-template-columns:0.9fr 1.1fr;gap:72px;}}
.bignum{font:700 clamp(72px,12vw,150px)/0.9 var(--font-head);letter-spacing:-.05em;color:var(--accent);}
.bignum span{color:var(--text-2);font-size:.42em;letter-spacing:-.03em;}
.statband-copy h2{font:700 clamp(24px,2.8vw,34px)/1.12 var(--font-head);letter-spacing:-.025em;color:#fff;margin:0 0 16px;}
.statband-copy p{font:400 15.5px/1.6 var(--font-body);color:var(--text-2);margin:0 0 18px;max-width:440px;}

/* ───────────────────────── Services grid ───────────────────────── */
.services{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:54px;}
@media(min-width:640px){.services{grid-template-columns:1fr 1fr;}}
@media(min-width:1000px){.services{grid-template-columns:repeat(3,1fr);}}
.svc{background:var(--surface);padding:32px 30px;transition:background .14s;}
.svc:hover{background:var(--surface-2);}
.svc-ic{width:38px;height:38px;border-radius:10px;background:rgba(89,128,240,.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent-soft);}
.svc-ic .ic{width:19px;height:19px;}
.svc-tag{font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:9px;}
.svc h3{font:600 18px/1.2 var(--font-head);letter-spacing:-.015em;color:#fff;margin:0 0 9px;}
.svc p{font:400 14px/1.55 var(--font-body);color:var(--text-2);margin:0;}

/* ───────────────────────── CTA band ───────────────────────── */
.cta{background:var(--accent);color:#fff;position:relative;overflow:hidden;}
.cta .grid-bg{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask:radial-gradient(120% 120% at 50% 50%,#000 30%,transparent 75%);mask:radial-gradient(120% 120% at 50% 50%,#000 30%,transparent 75%);}
.cta-inner{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto;padding:96px var(--gut);}
.cta h2{font:700 clamp(32px,4.6vw,58px)/1.02 var(--font-head);letter-spacing:-.04em;margin:0 0 18px;color:#fff;}
.cta p{font:400 17px/1.55 var(--font-body);color:rgba(255,255,255,.82);max-width:480px;margin:0 auto 34px;}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ───────────────────────── Footer ───────────────────────── */
.footer{border-top:1px solid var(--line);padding:64px 0 40px;}
.footer-top{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:52px;}
@media(min-width:760px){.footer-top{grid-template-columns:1.6fr 1fr 1fr 1fr;}}
.footer-brand .logo{margin-bottom:14px;}
.footer-brand p{font:400 13.5px/1.55 var(--font-body);color:var(--text-2);max-width:260px;margin:0 0 20px;}
.footer-brand .dom{font:500 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--text-3);}
.fcol h4{font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:0 0 18px;}
.fcol a{display:block;font:400 14px/1 var(--font-body);color:var(--text-2);margin-bottom:13px;transition:color .12s;}
.fcol a:hover{color:#fff;}
.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;}
.footer-bottom .cp{font:400 11px/1 var(--font-mono);color:var(--text-3);}
.footer-bottom .id{font:500 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--ink-700);}

/* ───────────────────────── Versus (legacy vs blume) ───────────────────────── */
.versus{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.versus-grid{display:grid;grid-template-columns:1fr;}
@media(min-width:860px){.versus-grid{grid-template-columns:1fr 1fr;}}
.vpanel{padding:54px var(--gut);}
.vpanel.legacy{border-bottom:1px solid var(--line);}
@media(min-width:860px){.vpanel.legacy{border-bottom:none;border-right:1px solid var(--line);}}
.vpanel.blume{background:rgba(26,87,228,.05);}
.vpanel .vlabel{font:500 10.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px;}
.vpanel.blume .vlabel{color:var(--accent-soft);}
.vpanel .vlede{font:600 clamp(20px,2.4vw,27px)/1.18 var(--font-head);letter-spacing:-.025em;color:var(--text-2);margin:0 0 30px;max-width:340px;}
.vpanel.blume .vlede{color:#fff;}
.vstats{display:flex;flex-direction:column;gap:0;}
.vstat{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--line);}
.vstat:last-child{border-bottom:1px solid var(--line);}
.vstat .vn{font:700 clamp(26px,3vw,34px)/1 var(--font-head);letter-spacing:-.03em;color:var(--text-2);min-width:120px;}
.vpanel.blume .vstat .vn{color:var(--accent);}
.vstat .vn em{font-style:normal;font-size:.55em;color:var(--text-3);margin-left:2px;}
.vpanel.blume .vstat .vn em{color:var(--accent-soft);}
.vstat .vd{font:400 13.5px/1.4 var(--font-body);color:var(--text-2);}
.vpanel .vfoot{font:500 9.5px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:22px;}

/* ───────────────────────── Operating model ───────────────────────── */
.opmodel{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:48px;}
@media(min-width:760px){.opmodel{grid-template-columns:repeat(3,1fr);}}
.opstep{background:var(--surface);padding:30px 28px;}
.opstep .opn{font:500 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--accent-soft);margin-bottom:16px;}
.opstep h4{font:600 17px/1.25 var(--font-head);letter-spacing:-.015em;color:#fff;margin:0 0 9px;}
.opstep p{font:400 13.5px/1.55 var(--font-body);color:var(--text-2);margin:0;}

/* ───────────────────────── Dilemma (numbered reasons) ───────────────────────── */
.dilemma{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:48px;}
@media(min-width:900px){.dilemma{grid-template-columns:repeat(3,1fr);}}
.dcell{background:var(--surface);padding:34px 30px;}
.dcell .dnum{font:700 30px/1 var(--font-head);letter-spacing:-.03em;color:var(--accent);margin-bottom:18px;}
.dcell h4{font:600 17px/1.25 var(--font-head);letter-spacing:-.015em;color:#fff;margin:0 0 12px;}
.dcell p{font:400 14px/1.6 var(--font-body);color:var(--text-2);margin:0;}

/* ───────────────────────── Comparison table ───────────────────────── */
.ctable-wrap{margin-top:50px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.ctable{width:100%;border-collapse:collapse;font-family:var(--font-body);}
.ctable th,.ctable td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;}
.ctable thead th{font:500 10px/1.3 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);background:rgba(255,255,255,.015);}
.ctable thead th.bcol{color:#fff;}
.ctable thead th .sub{display:block;font-size:9px;color:var(--text-3);margin-top:5px;letter-spacing:.1em;}
.ctable tbody th{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:500;white-space:nowrap;}
.ctable td{font:500 14px/1.35 var(--font-body);color:var(--text-2);white-space:nowrap;}
.ctable .bcol{background:rgba(26,87,228,.07);color:#fff;border-left:1px solid rgba(89,128,240,.25);border-right:1px solid rgba(89,128,240,.25);}
.ctable tbody tr:last-child td,.ctable tbody tr:last-child th{border-bottom:none;}
.ctable .bcol-head{display:inline-flex;align-items:center;gap:7px;}
.ctable .bcol-head .sparkle{width:11px;height:11px;color:var(--accent-soft);}
@media(max-width:760px){.ctable-wrap{overflow-x:auto;}.ctable{min-width:640px;}}

/* ───────────────────────── Advantage trio ───────────────────────── */
.adv{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:50px;}
@media(min-width:760px){.adv{grid-template-columns:repeat(3,1fr);}}
.advcell{background:var(--surface);padding:42px 34px;}
.advcell .atag{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px;}
.advcell .anum{font:700 clamp(56px,7vw,82px)/0.9 var(--font-head);letter-spacing:-.05em;color:var(--accent);margin-bottom:18px;}
.advcell .anum em{font-style:normal;font-size:.42em;color:var(--accent-soft);letter-spacing:-.02em;}
.advcell p{font:400 14px/1.6 var(--font-body);color:var(--text-2);margin:0;max-width:240px;}

/* ───────────────────────── Engagement / pricing ───────────────────────── */
.engage{display:grid;grid-template-columns:1fr;gap:20px;margin-top:50px;}
@media(min-width:860px){.engage{grid-template-columns:repeat(3,1fr);}}
.ecard{display:flex;flex-direction:column;padding:32px 30px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);transition:border-color .14s,background .14s;}
.ecard:hover{border-color:var(--line-2);background:var(--surface-2);}
.ecard.feature{border-color:rgba(89,128,240,.35);background:linear-gradient(180deg,rgba(26,87,228,.08),var(--surface-1));}
.ecard .enum{font:500 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--accent-soft);margin-bottom:18px;}
.ecard h3{font:600 19px/1.2 var(--font-head);letter-spacing:-.015em;color:#fff;margin:0 0 12px;}
.ecard .edesc{font:400 14px/1.6 var(--font-body);color:var(--text-2);margin:0 0 26px;flex:1;}
.ecard .eprice{display:flex;align-items:baseline;gap:8px;padding-top:22px;border-top:1px solid var(--line);}
.ecard .eprice .pp{font:700 26px/1 var(--font-head);letter-spacing:-.03em;color:#fff;}
.ecard .eprice .pu{font:500 10px/1.3 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);}

/* reveal */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}
}