/* ============================================================
   METHOD Technology — presentation site
   Self-contained, no build step, no runtime deps.
   ============================================================ */

:root{
  --bg:#090a0c;
  --bg-2:#0c0e11;
  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.055);
  --border:rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.17);
  --text:#f3f5f6;
  --muted:#9aa1a8;
  --muted-2:#828a93;
  --lime:#c9f73d;
  --lime-bright:#dcff52;
  --lime-dim:rgba(201,247,61,.14);
  --ink:#090a0c;
  --teal:#34d3b6;
  --blue:#5b8cff;
  --rose:#e08aa6;
  --red:#ff6f6f;
  --amber:#f3b53f;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display:'Space Grotesk',var(--font);
  --maxw:1180px;
  --radius:18px;
  --radius-lg:26px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"cv11","ss01","calt";
  letter-spacing:-.01em;
}
a{color:inherit;text-decoration:none}
/* keyboard focus visibility */
:focus{outline:none}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.btn:focus-visible,.nav__cta:focus-visible{outline-offset:4px}
.deck-dots button:focus-visible{outline-offset:4px}
.nav__burger:focus-visible{outline-offset:2px}
img,svg,canvas{display:block;max-width:100%}
::selection{background:var(--lime);color:var(--ink)}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#23262b;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#33373d}

/* ---------- background ---------- */
.bg-canvas{position:fixed;inset:0;z-index:0;opacity:.55;pointer-events:none}
.bg-glow{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60vw 60vw at 78% -8%, rgba(201,247,61,.10), transparent 60%),
    radial-gradient(55vw 55vw at 8% 12%, rgba(91,140,255,.07), transparent 60%),
    radial-gradient(70vw 50vw at 50% 115%, rgba(52,211,182,.06), transparent 60%);
}
main,.nav,.deck-dots,.progress{position:relative;z-index:2}

/* ---------- progress ---------- */
.progress{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--lime),var(--teal));
  box-shadow:0 0 14px rgba(201,247,61,.6);
  transition:width .1s linear;
}

/* ---------- nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  transition:background .35s var(--ease),border-color .35s,backdrop-filter .35s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(10,11,13,.72);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--border);
}
.nav__inner{
  max-width:var(--maxw);margin:0 auto;padding:16px 24px;
  display:flex;align-items:center;gap:24px;
}
.nav__logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.3px}
.logo-mark{
  width:34px;height:34px;display:grid;place-items:center;
  background:#0d0f12;border:1px solid var(--border-strong);border-radius:10px;color:var(--lime);
  box-shadow:0 0 0 4px rgba(201,247,61,.05);
}
.logo-mark svg{width:22px;height:22px}
.nav__brand{font-size:17px;line-height:1;display:flex;flex-direction:column}
.nav__brand-sub{font-size:9.5px;font-weight:600;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.nav__links{display:flex;gap:28px;margin-left:auto;font-size:14.5px;font-weight:500}
.nav__links a{color:var(--muted);position:relative;padding:4px 0;transition:color .25s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--lime);transition:width .3s var(--ease)}
.nav__links a:hover,.nav__links a.active{color:var(--text)}
.nav__links a.active::after,.nav__links a:hover::after{width:100%}
.nav__cta{margin-left:8px}
.nav__burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;padding:8px;min-width:44px;min-height:44px;margin-left:auto}
.nav__burger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s var(--ease)}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- buttons / pills ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 24px;border-radius:100px;font-weight:600;font-size:14.5px;
  cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .3s,background .3s,color .3s;
  will-change:transform;
}
.btn--primary{background:var(--lime);color:var(--ink);box-shadow:0 8px 30px rgba(201,247,61,.22)}
.btn--primary:hover{transform:translateY(-2px);background:var(--lime-bright);box-shadow:0 14px 40px rgba(201,247,61,.36)}
.btn--ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--border-strong)}
.btn--ghost:hover{transform:translateY(-2px);border-color:var(--lime);color:var(--lime)}
.pill{
  display:inline-block;padding:7px 15px;border-radius:100px;font-size:12.5px;font-weight:600;
  background:var(--lime-dim);color:var(--lime);border:1px solid rgba(201,247,61,.3);
}
.pill--ghost{background:rgba(255,255,255,.04);color:var(--muted);border-color:var(--border)}

/* ---------- section primitives ---------- */
.section{padding:120px 0;position:relative}
.section--alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,.032) 10%,rgba(255,255,255,.032) 90%,transparent);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;
  color:var(--lime);margin-bottom:20px;
}
.eyebrow--inline{display:inline;margin:0 10px 0 0;color:var(--lime)}
.h2{
  font-family:var(--display);font-weight:700;font-size:clamp(28px,4.4vw,52px);
  line-height:1.08;letter-spacing:-.5px;margin-bottom:22px;max-width:18ch;
}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:48ch;line-height:1.6;margin-bottom:18px}
.lead--wide{max-width:62ch;margin-bottom:28px}
.mini-h{font-family:var(--display);font-weight:600;font-size:22px;margin-bottom:28px;color:var(--text)}
.grad{
  background:linear-gradient(100deg,var(--lime),var(--teal) 45%,var(--lime) 90%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gradShift 9s ease-in-out infinite;
}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0)*70ms)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .bg-canvas{display:none}
  .float-chip,.scroll-hint span,.ai-node--core::before,.pin::after,.grad,.bg-glow{animation:none!important}
  .spark polyline{animation:none!important;stroke-dashoffset:0!important}
}

/* ---------- split layout ---------- */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.split__right--center{display:flex;flex-direction:column;justify-content:center;gap:26px}

/* ---------- boxes / callouts ---------- */
.box{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:26px 28px;margin-top:28px;backdrop-filter:blur(6px);
}
.box p{color:var(--muted);font-size:15.5px}
.box b{color:var(--text)}
.box--dark{background:#070809;border-color:var(--border-strong)}
.box--wide{margin-top:48px;max-width:none}
.callout{font-family:var(--display);font-weight:600;font-size:clamp(20px,2.5vw,30px);line-height:1.3;letter-spacing:-.3px}
.callout--sm{font-size:clamp(15px,1.6vw,18px);font-weight:500;font-family:var(--font);color:var(--muted)}

/* ---------- hero ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;width:100%}
.hero__badges{display:flex;gap:10px;margin-bottom:26px}
.hero__title{font-family:var(--display);font-weight:700;font-size:clamp(48px,8vw,104px);line-height:.92;letter-spacing:-2px}
.hero__tagline{font-size:clamp(17px,2vw,24px);color:var(--lime);font-weight:600;margin:18px 0 22px;letter-spacing:.2px}
.hero__lead{font-size:clamp(15px,1.7vw,19px);color:var(--muted);max-width:46ch;line-height:1.65}
.hero__lead b{color:var(--text);font-weight:600}
.hero__stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;font-size:13.5px;font-weight:600;color:var(--muted)}
.hero__stack span{color:var(--text)}
.hero__stack i{color:var(--lime);font-style:normal;opacity:.6}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}
.hero__metrics{display:flex;gap:38px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--border)}
.metric b{font-family:var(--display);font-size:clamp(26px,3.4vw,40px);font-weight:700;color:var(--lime);display:block;line-height:1}
.metric span{font-size:13px;color:var(--muted);display:block;margin-top:6px;max-width:14ch}

/* hero visual */
.hero__visual{position:relative;perspective:1400px}
.tilt{transform-style:preserve-3d;transition:transform .25s var(--ease);will-change:transform}
.mini-dash{
  background:linear-gradient(160deg,#101317,#0a0c0f);
  border:1px solid var(--border-strong);border-radius:var(--radius-lg);
  padding:18px;box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
}
.mini-dash__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.mini-dash__brand{font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}
.mini-dash__brand small{color:var(--muted);font-weight:600;font-size:9px;letter-spacing:1px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.mini-dash__chip{font-size:11px;padding:5px 11px;border-radius:8px;background:var(--lime);color:var(--ink);font-weight:700}
.mini-dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.mini-kpi{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:11px 12px}
.mini-kpi small{display:block;font-size:9px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.mini-kpi b{font-family:var(--display);font-size:19px;font-weight:700}
.mini-kpi b.lime{color:var(--lime);font-size:15px}
.mini-dash__row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}
.mini-globe{position:relative;aspect-ratio:1;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.mini-globe canvas{width:100%;height:100%}
.mini-globe .live{position:absolute;top:8px;right:8px;font-size:8px;letter-spacing:1px;font-weight:700;color:var(--lime);background:rgba(201,247,61,.12);padding:3px 7px;border-radius:6px}
.mini-chart{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.spark{width:100%;height:54px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(201,247,61,.4))}
.spark polyline{stroke-dasharray:1000;stroke-dashoffset:1000}
.in .spark polyline,.mini-chart .spark polyline{animation:draw 2s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.bars{display:flex;align-items:flex-end;gap:3px;height:30px}
.bars i{flex:1;background:linear-gradient(180deg,rgba(201,247,61,.5),rgba(201,247,61,.12));border-radius:2px 2px 0 0;height:30%}

/* floating chips */
.hero__floats{position:absolute;inset:0;pointer-events:none}
.float-chip{
  position:absolute;font-size:12px;font-weight:600;padding:8px 13px;border-radius:10px;
  background:rgba(13,15,18,.9);border:1px solid var(--border-strong);backdrop-filter:blur(8px);
  box-shadow:0 12px 30px rgba(0,0,0,.4);white-space:nowrap;
}
.float-chip--1{top:-14px;left:-22px;color:var(--lime);animation:floaty 5s ease-in-out infinite}
.float-chip--2{bottom:30px;right:-26px;color:var(--text);animation:floaty 6s ease-in-out infinite .8s}
.float-chip--3{bottom:-18px;left:30px;color:var(--muted);animation:floaty 5.5s ease-in-out infinite .4s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* scroll hint */
.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:24px;height:40px;border:2px solid var(--border-strong);border-radius:14px}
.scroll-hint span{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--lime);border-radius:3px;animation:scrolldot 1.6s var(--ease) infinite}
@keyframes scrolldot{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,12px)}}

/* ---------- principles / pipeline ---------- */
.principles{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.principle{flex:1;min-width:150px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}
.principle b{font-family:var(--display);font-size:22px;color:var(--lime);display:block;margin-bottom:8px}
.principle p{font-size:13.5px;color:var(--muted)}
.pipeline{position:relative;display:flex;flex-direction:column;gap:14px}
.pipeline__line{position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--lime),var(--teal));opacity:.4}
.pipeline__node{
  position:relative;padding:18px 22px 18px 56px;border-radius:14px;
  background:var(--panel);border:1px solid var(--border);font-weight:600;font-size:16px;
  transition:border-color .3s,transform .3s;
}
.pipeline__node::before{content:"";position:absolute;left:17px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#0a0b0d;border:2px solid var(--lime);box-shadow:0 0 0 4px rgba(201,247,61,.08)}
.pipeline__node.in{border-color:rgba(201,247,61,.35)}
/* dots walk lime -> teal to echo .pipeline__line; nodes are nth-child 2..7 */
.pipeline__node:nth-child(4)::before,
.pipeline__node:nth-child(5)::before{border-color:#7fe57e}
.pipeline__node:nth-child(6)::before,
.pipeline__node:nth-child(7)::before{border-color:var(--teal)}
/* sequential light-up driven by JS (.lit) */
.pipeline__node.lit{border-color:rgba(201,247,61,.5);box-shadow:0 0 22px rgba(201,247,61,.12)}
.pipeline__node.lit::before{box-shadow:0 0 0 4px rgba(201,247,61,.18),0 0 12px rgba(201,247,61,.5)}

/* ---------- pains ---------- */
.pains{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.pain{
  background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;
  font-weight:600;font-size:14.5px;position:relative;padding-left:42px;transition:border-color .3s,transform .3s;
}
.pain::before{content:"!";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:rgba(255,111,111,.14);color:var(--red);font-size:12px;font-weight:800;display:grid;place-items:center}
.pain:hover{border-color:rgba(255,111,111,.4);transform:translateX(4px)}

/* ---------- cards ---------- */
.cards{display:grid;gap:14px}
.cards--2{grid-template-columns:1fr 1fr;margin-top:30px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;transition:transform .3s var(--ease),border-color .3s,background .3s;position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;opacity:0;transition:opacity .35s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.card--lime::after{background:linear-gradient(135deg,var(--lime),transparent)}
.card--teal::after{background:linear-gradient(135deg,var(--teal),transparent)}
.card:hover{transform:translateY(-4px);background:var(--panel-2)}
.card:hover::after{opacity:.8}
.card h3{font-size:16px;font-weight:700;margin-bottom:6px}
.card p{font-size:13px;color:var(--muted)}

/* cto box */
.cto-box{background:#070809;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:38px 34px;height:100%}
.cto-box h3{font-family:var(--display);font-size:24px;font-weight:600;margin-bottom:24px}
.cto-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.cto-list li{padding-left:26px;position:relative;color:var(--muted);font-size:15.5px}
.cto-list li::before{content:"—";position:absolute;left:0;color:var(--lime)}
.cto-box__accent{margin-top:30px;color:var(--lime);font-weight:600;font-size:15px;line-height:1.5}

/* ---------- engineering depth ---------- */
.banner{
  margin:36px 0 44px;padding:28px 32px;border-radius:var(--radius-lg);text-align:center;
  background:linear-gradient(135deg,rgba(201,247,61,.06),rgba(52,211,182,.05));
  border:1px solid rgba(201,247,61,.22);font-family:var(--display);font-weight:600;
  font-size:clamp(16px,2vw,23px);line-height:1.4;
}
.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stack{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;transition:transform .3s,border-color .3s}
.stack:hover{transform:translateY(-5px)}
.stack--lime{border-top:2px solid var(--lime)}
.stack--teal{border-top:2px solid var(--teal)}
.stack h3{font-size:18px;font-weight:700;margin-bottom:12px}
.stack__tech{color:var(--lime);font-weight:600;font-size:14px;margin-bottom:14px}
.stack--teal .stack__tech{color:var(--teal)}
.stack__desc{color:var(--muted);font-size:14px;line-height:1.6}
.depth__foot{margin-top:40px;font-size:clamp(15px,1.8vw,19px);font-weight:600;line-height:1.55;max-width:80ch}
.depth__foot .eyebrow{display:inline-block}

/* ---------- stepper ---------- */
.stepper{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:46px 0}
.step{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px 14px;position:relative;transition:transform .3s,border-color .3s,background .3s}
.step b{font-family:var(--display);font-size:13px;color:var(--lime);display:block;margin-bottom:14px}
.step span{font-weight:600;font-size:14px}
.step:hover{transform:translateY(-5px);border-color:rgba(201,247,61,.4);background:var(--panel-2)}
.step:not(:last-child)::after{content:"";position:absolute;right:-8px;top:50%;width:8px;height:1px;background:var(--border-strong);z-index:1}

/* ---------- capabilities ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.cap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 22px;transition:transform .3s var(--ease),border-color .3s,background .3s}
.cap:hover{transform:translateY(-6px);border-color:rgba(201,247,61,.35);background:var(--panel-2)}
.cap__ico{font-size:22px;color:var(--lime);display:block;margin-bottom:16px}
.cap h3{font-size:15.5px;font-weight:700;margin-bottom:6px}
.cap p{font-size:12.5px;color:var(--muted)}

/* ============================================================
   CASES
   ============================================================ */
.cases .h2{max-width:24ch}
.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-top:96px}
.case--reverse{direction:rtl}
.case--reverse>*{direction:ltr}
.case__no{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--lime);margin-bottom:18px}
.case__no--dev{color:var(--amber)}
.case__title{font-family:var(--display);font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.5px;margin-bottom:12px}
.case__sub{color:var(--muted);font-size:17px;max-width:42ch;margin-bottom:24px}
.case__pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.cpill{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:14px 18px;min-width:140px}
.cpill b{display:block;font-family:var(--display);font-size:17px;color:var(--lime);margin-bottom:4px}
.cpill span{font-size:12px;color:var(--muted)}
.case__list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:6px}
.case__list li{padding-left:24px;position:relative;color:var(--text);font-size:15.5px}
.case__list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--lime);box-shadow:0 0 8px rgba(201,247,61,.5)}
.case__media{position:relative}

/* ---- AILOGIX / generic dashboard recreation ---- */
.dash{
  display:grid;grid-template-columns:150px 1fr;
  background:linear-gradient(160deg,#0f1216,#0a0c0f);
  border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
  font-size:11px;transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);
  transition:transform .6s var(--ease);
}
.case--reverse .dash{transform:perspective(1600px) rotateY(7deg) rotateX(2deg)}
.dash:hover{transform:perspective(1600px) rotateY(0) rotateX(0)}
.dash__side{background:rgba(0,0,0,.35);border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:4px}
.dash__logo{font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px;margin-bottom:10px;letter-spacing:.5px}
.dash__cat{color:var(--muted-2);font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;margin:10px 0 4px}
.dash__cat--m{display:block;padding:0 0 0 2px}
.dash__side ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.dash__side li{padding:6px 9px;border-radius:7px;color:var(--muted);font-size:11px;cursor:default;display:flex;align-items:center;gap:6px;justify-content:flex-start}
.dash__side li.active{background:var(--lime-dim);color:var(--lime);font-weight:600}
.dash__side--light li.active{background:rgba(243,181,63,.16);color:var(--amber)}
.dash__side--rose li.active{background:rgba(224,138,166,.16);color:var(--rose)}
.dash__user{margin-top:auto;padding-top:10px;font-size:11px;font-weight:600}
.dash__user span{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:3px}
.dash__main{padding:16px;display:flex;flex-direction:column;gap:12px}
.dash__top{display:flex;justify-content:space-between;align-items:center}
.dash__crumb{font-weight:700;font-size:13px}
.dash__new{font-size:10px;font-weight:700;background:var(--lime);color:var(--ink);padding:6px 11px;border-radius:8px}
.dash__new--rose{background:var(--rose)}
.dash__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.kpi{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:11px;padding:11px}
.kpi small{display:block;font-size:8px;letter-spacing:.4px;color:var(--muted);text-transform:uppercase;margin-bottom:7px}
.kpi b{font-family:var(--display);font-size:21px;font-weight:700;line-height:1}
.kpi i{display:block;font-style:normal;font-size:8.5px;color:var(--muted-2);margin-top:6px}
.dash__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:11px}
.dash__panel{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:9px}
.dash__panel header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}
.dash__panel header .lime{color:var(--lime);font-family:var(--display);font-size:13px}
.dash__globe{position:relative;aspect-ratio:1.15;min-height:0}
.dash__globe canvas{width:100%;height:100%}
.dash__panel footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
.spark--lg{height:74px}
.bars--lg{height:34px;margin-top:2px}
.dash__bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:11px}
.dash__panel--sm{gap:7px}
.finrow{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.finrow b{font-family:var(--display);font-weight:600}
.finrow .lime{color:var(--lime)}.finrow .red{color:var(--red)}
.finrow--total{border-top:1px solid var(--border);padding-top:7px;margin-top:2px;color:var(--text);font-weight:600}
.toprow{display:flex;justify-content:space-between;font-size:10.5px}
.toprow b{font-family:var(--display);color:var(--lime)}
.topbar{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin:-2px 0 4px}
.topbar i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--teal));border-radius:3px}
.dash__panel header .live{position:static;font-style:normal;font-size:8px;letter-spacing:1px;font-weight:700;color:var(--lime);background:rgba(201,247,61,.12);padding:2px 6px;border-radius:6px}

/* ---- Alcor specifics ---- */
.dash--alcor .dash__side--light{background:#fbfbf9;border-right:1px solid #ececec}
.dash__side--light .dash__logo{color:#1a1a1a}
.dash__side--light li{color:#6b6b6b}
.dash--alcor .dash__main{background:#fcfcfa;color:#1a1a1a}
.dash--alcor .dash__crumb{color:#1a1a1a}
.dash--alcor .dash__user{color:#1a1a1a}
.dash--alcor .dash__user span{color:#6b6b6b}
.dash--alcor .dash__panel{background:#fff;border-color:#ececec}
.dash--alcor .dash__panel header{color:#444}
.dash--alcor .dash__cat{color:#6b6b6b}
.ach-row{display:flex;gap:7px;flex-wrap:wrap}
.ach{font-size:10px;padding:7px 11px;border-radius:8px;background:#f1f1ee;color:#5f5f5f;font-weight:600}
.ach.on{background:#fff6e0;color:#8a6508;border:1px solid #f3d98a}
.spark--amber{stroke:var(--amber);filter:drop-shadow(0 0 5px rgba(243,181,63,.4))}
.funnels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.funnel{background:#fff;border:1px solid #ececec;border-radius:9px;padding:11px 13px}
.funnel b{display:block;font-size:11px;color:#1a1a1a;margin-bottom:3px}
.funnel span{font-size:9.5px;color:#6b6b6b}

/* ---- Decor Idea specifics ---- */
.dash--decor .dash__side--rose{background:#1a1416;border-right:1px solid rgba(224,138,166,.18)}
.dash__side--rose .dash__logo{color:var(--rose)}
.dash__side--rose li{color:#b89aa3}
.badge{background:var(--rose);color:#1a1416;font-style:normal;font-size:8px;font-weight:800;border-radius:6px;padding:1px 6px;margin-left:auto}
.dash__main--light{background:#fbf7f8;color:#2a2226}
.dash--decor .dash__crumb{color:#2a2226}
.dash__new--rose{background:var(--rose);color:#fff}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters span{font-size:10px;padding:5px 11px;border-radius:7px;background:#f0e6ea;color:#6a565f}
.filters .on{background:#2a2226;color:#fff}
.ctable{width:100%;border-collapse:collapse;font-size:10.5px}
.ctable th{text-align:left;color:#7a6a72;font-weight:600;font-size:9px;letter-spacing:.6px;text-transform:uppercase;padding:8px 6px;border-bottom:1px solid #efe4e8}
.ctable td{padding:9px 6px;border-bottom:1px solid #f3ecef;color:#3a3236}
.tg{font-style:normal;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px}
.tg-horeca{background:#fde8d6;color:#b5641a}
.tg-priv{background:#e3ecfb;color:#3a63b0}
.tg-firm{background:#e6e0f5;color:#6a4fb0}
.tg-des{background:#fbe0ee;color:#b03a78}

/* ---- SOHO phones ---- */
.phones{display:flex;justify-content:center;align-items:flex-end;position:relative;height:520px}
.phone{
  width:200px;height:420px;background:linear-gradient(165deg,#13161b,#0a0c0f);
  border:6px solid #1c2025;border-radius:34px;position:relative;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.55);flex-shrink:0;transition:transform .5s var(--ease);
}
.phone--a{transform:translateY(30px) rotate(-6deg);z-index:2;margin-right:-44px}
.phone--b{transform:translateY(0) scale(1.04);z-index:3}
.phone--c{transform:translateY(30px) rotate(6deg);z-index:2;margin-left:-44px}
.phones:hover .phone--a{transform:translateY(20px) rotate(-9deg) translateX(-12px)}
.phones:hover .phone--c{transform:translateY(20px) rotate(9deg) translateX(12px)}
.phone__notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:54px;height:5px;background:#000;border-radius:4px;z-index:5}
.phone__screen{padding:22px 14px 12px;height:100%;display:flex;flex-direction:column;gap:9px;font-size:10px}
.phone__status{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
.phone__hi{font-weight:700;font-size:14px}
.phone__hi--sm{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.phone__hi--sm i{font-style:normal;font-size:9px;color:var(--lime)}
.phone__hero{background:linear-gradient(135deg,rgba(52,211,182,.22),rgba(201,247,61,.12));border:1px solid rgba(52,211,182,.3);border-radius:14px;padding:14px;position:relative}
.phone__hero small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.phone__flat{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}
.phone__flat b{font-family:var(--display);font-size:24px}
.phone__flat span{font-size:11px;color:var(--lime);font-weight:700}
.phone__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.phone__tiles div{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:9px;padding:7px 4px;text-align:center}
.phone__tiles b{display:block;font-size:8.5px}
.phone__tiles small{font-size:8px;color:var(--lime)}
.phone__btns{display:flex;gap:6px}
.phone__btns span{flex:1;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:9px;padding:9px 6px;font-size:9px;text-align:center;font-weight:600}
.phone__pay{background:linear-gradient(135deg,rgba(201,247,61,.16),rgba(52,211,182,.1));border:1px solid rgba(201,247,61,.3);border-radius:14px;padding:13px;position:relative}
.phone__pay small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.phone__pay b{display:block;font-family:var(--display);font-size:22px;margin-top:4px}
.phone__pay b span{font-size:11px;color:var(--muted)}
.phone__pay a{position:absolute;top:13px;right:13px;background:var(--lime);color:var(--ink);font-size:9px;font-weight:700;padding:6px 12px;border-radius:8px}
.phone__lines div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:5px 0;border-bottom:1px solid var(--border)}
.phone__lines i{font-style:normal;color:var(--text);font-weight:600}
.phone__act{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:9px 11px}
.phone__act b{display:block;font-size:10px}
.phone__act small{font-size:8.5px;color:var(--muted)}
.phone__profile{display:flex;align-items:center;gap:9px;margin-top:4px}
.ava{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:12px}
.phone__profile b{font-size:12px}
.phone__profile small{font-size:8.5px;color:var(--lime)}
.phone__menu{list-style:none;display:flex;flex-direction:column;gap:1px;overflow:hidden;flex:1}
.phone__menu li{padding:7px 9px;border-radius:8px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;background:rgba(255,255,255,.02)}
.phone--c .phone__menu li{padding:5px 9px}
.phone__menu li i{font-style:normal;font-size:8px;color:var(--lime)}
.phone__menu li.lime{color:var(--lime)}
.phone__tabbar{margin-top:auto;display:flex;justify-content:space-between;padding:9px 6px 2px;border-top:1px solid var(--border)}
.phone__tabbar i{font-style:normal;font-size:8px;color:var(--muted-2)}
.phone__tabbar i.on{color:var(--lime);font-weight:700}

/* ---- AI diagram ---- */
.ai-diagram{display:flex;flex-direction:column;align-items:center;gap:0;padding:20px}
.ai-node{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);padding:18px 28px;font-weight:700;text-align:center}
.ai-node--top{background:#070809}
.ai-node--core{position:relative;background:var(--lime);color:var(--ink);font-size:20px;padding:24px 40px;box-shadow:0 0 45px rgba(201,247,61,.3)}
.ai-node--core::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 70px rgba(201,247,61,.6);opacity:.35;animation:pulse 3s ease-in-out infinite;z-index:-1;will-change:opacity}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
.ai-link--v{width:2px;height:34px;background:linear-gradient(180deg,var(--border-strong),var(--lime))}
.ai-fan{width:70%;height:34px;border-left:2px solid var(--border);border-right:2px solid var(--border);border-bottom:2px solid var(--border);border-radius:0 0 16px 16px;margin-top:0}
.ai-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-top:-2px}
.ai-row .ai-node{padding:16px 14px;font-size:13px}

/* ---- spark.kg card ---- */
.spark-card{background:linear-gradient(160deg,#0f1216,#0a0c0f);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.spark-card__brand{font-family:var(--display);font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--lime);letter-spacing:-1px}
.spark-card__brand span{color:var(--text)}
.spark-card__sub{color:var(--muted);font-weight:600;letter-spacing:1px;margin-bottom:26px}
.spark-card__map{position:relative;height:160px;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(52,211,182,.08),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 26px);border:1px solid var(--border);margin-bottom:24px;overflow:hidden}
.pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,247,61,.18)}
.pin::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px rgba(201,247,61,.5);animation:ping 2.4s ease-out infinite;will-change:transform,opacity}
.pin--1{top:30%;left:24%}
.pin--2{top:60%;left:46%;background:var(--teal);box-shadow:0 0 0 4px rgba(52,211,182,.18)}
.pin--3{top:38%;left:72%}
.pin--4{top:72%;left:80%;background:var(--teal)}
.pin--2::after,.pin--4::after{box-shadow:0 0 0 2px rgba(52,211,182,.5)}
.pin--2::after{animation-delay:.6s}.pin--3::after{animation-delay:1.2s}.pin--4::after{animation-delay:1.8s}
@keyframes ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.route{position:absolute;top:30%;left:24%;width:48%;height:30%;border-top:2px dashed rgba(201,247,61,.4);border-right:2px dashed rgba(52,211,182,.4);border-radius:0 40px 0 0}
.spark-card__tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.spark-card__tags span{font-size:12px;font-weight:600;padding:8px 14px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid var(--border)}

/* ---- web & commerce browser ---- */
.weblist{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.webitem{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 22px;transition:border-color .3s,transform .3s,background .3s}
.webitem--link:hover{border-color:rgba(201,247,61,.4);transform:translateX(4px);background:var(--panel-2)}
.webitem__main{display:block}
.webitem__main b{display:block;font-size:16px;font-weight:700;margin-bottom:4px}
.webitem__main>span{font-size:13.5px;color:var(--muted)}
.webitem__url{flex-shrink:0;font-size:12.5px;font-weight:600;color:var(--lime);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;opacity:.85;transition:opacity .25s}
.webitem__url i{font-style:normal;transition:transform .25s}
.webitem--link:hover .webitem__url{opacity:1}
.webitem--link:hover .webitem__url i{transform:translate(2px,-2px)}
.case__link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:12px 22px;border-radius:100px;font-weight:600;font-size:14px;color:var(--lime);border:1px solid rgba(201,247,61,.4);background:rgba(201,247,61,.06);transition:transform .25s var(--ease),background .3s,box-shadow .3s}
.case__link:hover{transform:translateY(-2px);background:rgba(201,247,61,.12);box-shadow:0 12px 34px rgba(201,247,61,.2)}
.case__link i{font-style:normal;transition:transform .25s}
.case__link:hover i{transform:translate(2px,-2px)}
.browser{background:#0f1216;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.browser__bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:rgba(0,0,0,.4);border-bottom:1px solid var(--border)}
.browser__bar i{width:10px;height:10px;border-radius:50%;background:#34373c}
.browser__bar span{margin-left:12px;font-size:11px;color:var(--muted);background:rgba(255,255,255,.05);padding:4px 12px;border-radius:7px}
.browser__view{background:#15171c}
.browser__nav{display:flex;align-items:center;gap:14px;padding:12px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap}
.browser__nav b{color:var(--lime);font-size:14px;font-weight:800}
.browser__nav .sale{background:var(--red);color:#fff;padding:3px 9px;border-radius:6px;font-weight:700;margin-left:auto}
.browser__hero{height:90px;background:linear-gradient(100deg,#1a2630,#0e1418);display:flex;flex-direction:column;justify-content:center;padding:0 24px;border-bottom:1px solid var(--border)}
.browser__hero--2{background:linear-gradient(100deg,#101a14,#0e1418)}
.browser__hero span{font-size:9px;letter-spacing:3px;color:var(--muted)}
.browser__hero b{font-family:var(--display);font-size:24px}
.browser__chat{margin:14px;padding:11px 14px;background:rgba(201,247,61,.08);border:1px solid rgba(201,247,61,.25);border-radius:10px;font-size:11px;color:var(--lime)}

/* ---- portfolio map ---- */
.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
.map-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:transform .3s,border-color .3s}
.map-card:hover{transform:translateY(-5px);border-color:rgba(201,247,61,.3)}
.map-card h3{font-family:var(--display);font-size:21px;font-weight:600;margin-bottom:12px}
.map-card__items{color:var(--lime);font-weight:600;font-size:15px;margin-bottom:8px}
.map-card span{color:var(--muted);font-size:13.5px}

/* ---- result ---- */
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}
.result-item{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:18px 20px 18px 44px;font-weight:600;font-size:14.5px;position:relative;transition:border-color .3s,transform .3s}
.result-item::before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--lime-dim);color:var(--lime);font-size:11px;font-weight:800;display:grid;place-items:center}
.result-item:hover{border-color:rgba(201,247,61,.4);transform:translateX(4px)}
.big-badge{
  font-family:var(--display);font-weight:700;font-size:clamp(18px,2.4vw,28px);text-align:center;
  padding:30px;border-radius:var(--radius-lg);background:#070809;border:1px solid var(--border-strong);color:var(--lime);
}

/* ---- why ---- */
.why-list{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:30px}
.why-list li{padding-left:30px;position:relative;font-size:16px;color:var(--text)}
.why-list li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
.why-box{background:linear-gradient(160deg,#0d0f12,#070809);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:44px 38px}
.why-box h3{font-family:var(--display);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.5px}
.why-box__accent{margin-top:22px;color:var(--lime);font-weight:600}

/* ---- contact / footer ---- */
.contact{text-align:center;padding-top:130px}
.contact__inner{display:flex;flex-direction:column;align-items:center}
.logo-mark--xl{width:84px;height:84px;border-radius:24px;margin-bottom:32px}
.logo-mark--xl svg{width:52px;height:52px}
.contact__title{font-family:var(--display);font-size:clamp(30px,5vw,58px);font-weight:700;letter-spacing:-1px;max-width:18ch;line-height:1.05}
.contact__tag{color:var(--lime);font-weight:600;font-size:clamp(16px,2vw,22px);margin:20px 0 10px}
.contact__stack{color:var(--muted);font-size:14px;letter-spacing:.5px}
.contact__phone{display:inline-block;margin-top:30px;font-family:var(--display);font-weight:700;font-size:clamp(26px,4vw,42px);letter-spacing:.5px;color:var(--text);transition:color .25s,text-shadow .25s}
.contact__phone:hover{color:var(--lime);text-shadow:0 0 26px rgba(201,247,61,.45)}
.contact__actions{display:flex;gap:14px;margin:38px 0 24px;flex-wrap:wrap;justify-content:center}
.contact__loc{color:var(--muted-2);font-size:13px;letter-spacing:2px;text-transform:uppercase}
.footer{max-width:var(--maxw);margin:90px auto 0;padding:26px 24px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:13px;color:var(--muted-2);flex-wrap:wrap;gap:10px}

/* ---------- deck dots ---------- */
.deck-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px}
.deck-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.2);cursor:pointer;padding:0;transition:.3s var(--ease);position:relative}
.deck-dots button:hover{background:rgba(255,255,255,.5)}
.deck-dots button.active{background:var(--lime);box-shadow:0 0 10px var(--lime);transform:scale(1.3)}
.deck-dots button::after{content:attr(data-label);position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;color:var(--text);background:rgba(13,15,18,.9);border:1px solid var(--border);padding:4px 10px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .25s}
.deck-dots button:hover::after{opacity:1}

/* ============================================================
   PREMIUM LAYER — texture, depth, micro-interactions
   ============================================================ */

/* vignette (behind content) + film grain (over content, very subtle) */
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(125% 125% at 50% -10%,transparent 60%,rgba(0,0,0,.3) 100%)}
body::after{content:"";position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* slow drifting gradient mesh */
.bg-glow{animation:glowDrift 28s ease-in-out infinite alternate;will-change:transform}
@keyframes glowDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3%,2%,0) scale(1.08)}}

/* section eyebrow accent line (sits above the label, flush-left with H2) */
.eyebrow:not(.eyebrow--inline)::before{content:"";display:block;width:28px;height:2px;margin-bottom:14px;background:linear-gradient(90deg,var(--lime),transparent);border-radius:2px}

/* balanced headline wrapping */
.h2,.hero__title,.contact__title,.callout,.case__title{text-wrap:balance}

/* primary button glossy sheen sweep */
.btn--primary{position:relative;overflow:hidden}
.btn--primary::after{content:"";position:absolute;top:0;left:-70%;width:35%;height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);
  transition:left .8s var(--ease);pointer-events:none}
.btn--primary:hover::after{left:135%}

/* cursor spotlight on glass cards (JS sets --mx/--my in px) */
.cap,.stack,.map-card{position:relative}
.card::before,.cap::before,.stack::before,.map-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  transition:opacity .4s var(--ease);
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(201,247,61,.13),transparent 62%)}
.card:hover::before,.cap:hover::before,.stack:hover::before,.map-card:hover::before{opacity:1}
/* keep card content above the spotlight wash so text isn't tinted */
.card>*,.cap>*,.stack>*,.map-card>*{position:relative;z-index:1}

/* soft glow beneath hero dashboard */
.hero__visual::after{content:"";position:absolute;inset:-12% -8% -22% -8%;z-index:-1;
  background:radial-gradient(62% 55% at 50% 60%,rgba(201,247,61,.12),transparent 70%);filter:blur(26px);pointer-events:none}

/* refined scrollbar thumb */
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2b2f36,#191c21)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a3f47,#23272d)}

/* desktop floating pill nav on scroll */
@media (min-width:901px){
  .nav.scrolled{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav__inner{transition:margin .4s var(--ease),max-width .4s var(--ease),padding .4s var(--ease),background .4s,border-color .4s,box-shadow .4s,border-radius .4s}
  .nav.scrolled .nav__inner{margin:13px auto;max-width:900px;padding:9px 14px 9px 22px;
    background:rgba(12,14,17,.74);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
    border:1px solid var(--border);border-radius:100px;box-shadow:0 16px 48px rgba(0,0,0,.5)}
}

/* honor reduced-motion for premium animations */
@media (prefers-reduced-motion:reduce){
  .bg-glow{animation:none!important}
  .btn--primary::after{display:none}
  body::after{display:none}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .cap-grid{grid-template-columns:repeat(2,1fr)}
  .stepper{grid-template-columns:repeat(4,1fr)}
  .step:nth-child(4)::after{display:none}
}
@media (max-width:900px){
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:flex}
  .nav.menu-open .nav__links{
    display:flex;position:fixed;inset:62px 0 auto;flex-direction:column;gap:0;
    background:rgba(10,11,13,.97);backdrop-filter:blur(16px);padding:10px 0;border-bottom:1px solid var(--border);
  }
  .nav.menu-open .nav__links a{padding:16px 28px;font-size:17px;color:var(--text)}
  .nav.menu-open .nav__cta{display:inline-flex;justify-content:center;position:fixed;left:18px;right:18px;bottom:24px;top:auto;width:auto;margin:0}
  .deck-dots{display:none}
  .split,.hero__grid,.case,.case--reverse{grid-template-columns:1fr;gap:40px;direction:ltr}
  .case--reverse>*{direction:ltr}
  .case__media{order:2}
  .hero__visual{order:-1;margin-bottom:10px}
  .stack-grid{grid-template-columns:1fr}
  .map-grid{grid-template-columns:1fr}
  .section{padding:84px 0}
  .hero{padding-top:110px;min-height:auto}
  .dash{transform:none!important;font-size:10px}
  .dash:hover{transform:none!important}
}
@media (max-width:600px){
  .nav__inner{padding:14px 18px}
  .container{padding:0 18px}
  .pains,.result-grid,.cards--2,.funnels{grid-template-columns:1fr}
  .cap-grid{grid-template-columns:1fr 1fr}
  .stepper{grid-template-columns:repeat(2,1fr)}
  .step::after{display:none}
  .hero__metrics{gap:24px}
  .hero__title{font-size:clamp(44px,16vw,72px)}
  .phones{height:auto;margin:0;padding:10px 0}
  .phone{width:150px;height:320px;border-width:5px;border-radius:26px}
  .phone--a{margin-right:-34px}
  .phone--c{margin-left:-34px}
  .dash{grid-template-columns:120px 1fr}
  .dash__kpis{grid-template-columns:1fr 1fr}
  .dash__grid,.dash__bottom{grid-template-columns:1fr}
  .ctable{font-size:9.5px}
  .ctable th,.ctable td{padding:7px 4px}
  .ctable th:nth-child(4),.ctable td:nth-child(4){display:none}
  .tg{padding:2px 6px;font-size:8.5px}
  .case__pills{flex-direction:column}
  .ai-row{grid-template-columns:1fr}
  .footer{justify-content:center;text-align:center}
}
@media (max-width:480px){
  .dash{grid-template-columns:1fr}
  .dash__side{display:none}
  .webitem{flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start;padding:16px 18px}
  .webitem__url{align-self:flex-start}
}
@media (max-width:380px){
  .cap-grid{grid-template-columns:1fr}
  .phone--a,.phone--c{display:none}
  .phone--b{transform:none;width:170px;height:360px}
}