@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ---------- Tokens ---------- */
:root{
  --void:#08080c;
  --surface:#111118;
  --surface2:#161620;
  --border:#22222e;
  --cyan:#00e5ff;
  --green:#39ff88;
  --purple:#a855f7;
  --text:#e6e6f0;
  --muted:#8a8a9c;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--void);
  color:var(--text);
  font-family:'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:none;}
input, textarea{font-family:inherit;}
.mono{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', monospace;}
.container{max-width:1200px; margin:0 auto; padding:0 20px;}
@media(min-width:768px){ .container{padding:0 32px;} }

::selection{ background:var(--cyan); color:#000; }

/* ---------- Animations ---------- */
@keyframes pulse-glow{ 0%,100%{opacity:.5} 50%{opacity:1} }
.glow-dot{ animation:pulse-glow 2s ease-in-out infinite; }

@keyframes scan{ 0%{stroke-dashoffset:1000;} 100%{stroke-dashoffset:0;} }
.pulse-path{ stroke-dasharray:1000; animation:scan 3.2s linear infinite; }

@keyframes rise{ 0%{opacity:0; transform:translateY(14px);} 100%{opacity:1; transform:translateY(0);} }
.rise{ animation:rise .6s cubic-bezier(.16,1,.3,1) both; }

@media (prefers-reduced-motion: reduce){
  .glow-dot, .pulse-path, .rise{ animation:none !important; }
}

/* ---------- Grid background ---------- */
.grid-fade{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(var(--border) 1px, transparent 1px),
    linear-gradient(90deg, var(--border) 1px, transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 0%, #000 30%, transparent 75%);
  mask-image:radial-gradient(ellipse 60% 60% at 50% 0%, #000 30%, transparent 75%);
}

/* ---------- Nav ---------- */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(8,8,12,.75);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  height:64px; display:flex; align-items:center; justify-content:space-between;
}
.brand{ display:flex; align-items:center; gap:8px; }
.brand-mark{
  width:32px; height:32px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; color:#000;
  background:linear-gradient(135deg, var(--cyan), var(--purple));
}
.brand-name{ font-weight:600; letter-spacing:-.02em; }
.brand-name span{ color:var(--cyan); }

.nav-links{ display:none; align-items:center; gap:28px; }
@media(min-width:900px){ .nav-links{ display:flex; } }

.nav-item{ position:relative; }
.nav-trigger{
  display:flex; align-items:center; gap:4px; background:none; color:var(--text);
  font-size:14px; font-weight:500; padding:8px 2px;
}
.nav-trigger svg{ transition:transform .2s; }
.nav-item.open .nav-trigger{ color:var(--cyan); }
.nav-item.open .nav-trigger svg{ transform:rotate(180deg); }

.nav-link{ font-size:14px; font-weight:500; }
.nav-link:hover{ opacity:.8; }

.dropdown{
  position:absolute; top:100%; left:0; margin-top:8px; width:280px;
  background:var(--surface2); border:1px solid var(--border); border-radius:12px;
  padding:8px; box-shadow:0 20px 60px rgba(0,0,0,.5);
  display:none;
}
.nav-item.open .dropdown{ display:block; }
.dropdown-item{
  display:flex; align-items:flex-start; gap:12px; border-radius:8px;
  padding:10px 12px; transition:background .2s;
}
.dropdown-item:hover{ background:rgba(255,255,255,.05); }
.dropdown-item svg{ color:var(--cyan); flex-shrink:0; margin-top:2px; }
.dropdown-item .t{ font-size:14px; font-weight:500; }
.dropdown-item .s{ font-size:12px; color:var(--muted); margin-top:2px; }

.nav-cta{
  display:none;
  background:var(--cyan); color:#000; font-weight:600; font-size:14px;
  padding:9px 18px; border-radius:8px; transition:transform .2s;
}
.nav-cta:hover{ transform:scale(1.05); }
@media(min-width:900px){ .nav-cta{ display:inline-block; } }

.nav-burger{ background:none; color:var(--text); display:flex; }
@media(min-width:900px){ .nav-burger{ display:none; } }

.mobile-menu{
  display:none; border-top:1px solid var(--border); background:var(--void);
  padding:16px 20px 20px;
}
.mobile-menu.open{ display:block; }
.mobile-menu .row{ display:flex; align-items:center; gap:10px; padding:8px 0; font-size:14px; }
.mobile-menu .row svg{ color:var(--cyan); }
.mobile-menu .row.green svg{ color:var(--green); }
.mobile-divider{ height:1px; background:var(--border); margin:8px 0; }
.mobile-cta{
  display:block; text-align:center; background:var(--cyan); color:#000;
  font-weight:600; font-size:14px; padding:11px; border-radius:8px; margin-top:10px;
}

/* ---------- Hero ---------- */
.hero{ position:relative; overflow:hidden; }
.hero-inner{
  position:relative; padding:64px 0 80px;
  display:grid; gap:48px; align-items:center;
}
@media(min-width:900px){
  .hero-inner{ grid-template-columns:1fr 1fr; padding:96px 0 112px; }
}
.badge{
  display:inline-flex; align-items:center; gap:8px; padding:5px 12px;
  border:1px solid var(--border); border-radius:999px; font-size:12px; color:var(--muted);
  margin-bottom:24px;
}
.badge .dot{ width:6px; height:6px; border-radius:50%; background:var(--cyan); }
h1{
  font-size:38px; font-weight:700; line-height:1.05; letter-spacing:-.02em;
}
@media(min-width:768px){ h1{ font-size:52px; } }
@media(min-width:1100px){ h1{ font-size:60px; } }
.grad-text{
  background:linear-gradient(90deg, var(--cyan), var(--green));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.hero-sub{ margin-top:24px; max-width:520px; color:var(--muted); font-size:16px; }
@media(min-width:768px){ .hero-sub{ font-size:18px; } }

.cta-row{ margin-top:32px; display:flex; flex-direction:column; gap:12px; }
@media(min-width:560px){ .cta-row{ flex-direction:row; } }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-weight:600; font-size:14px; padding:14px 20px; border-radius:12px;
  transition:transform .2s;
}
.btn:hover{ transform:scale(1.02); }
.btn-solid-green{ background:var(--green); color:#000; }
.btn-outline-cyan{ background:transparent; border:1px solid var(--cyan); color:var(--cyan); }
.btn-outline-cyan:hover{ background:rgba(255,255,255,.05); }

/* ---------- Live pulse card ---------- */
.pulse-card{
  border-radius:16px; border:1px solid var(--border);
  background:linear-gradient(180deg, var(--surface) 0%, var(--void) 100%);
}
.pulse-head{
  display:flex; align-items:center; justify-content:between; justify-content:space-between;
  padding:20px 20px 0;
}
.pulse-live{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.pulse-live .dot{ width:10px; height:10px; border-radius:50%; background:var(--green); }
.pulse-tag{ font-size:12px; color:var(--cyan); }
.pulse-svg{ width:100%; height:160px; padding:0 8px; margin-top:8px; }
.pulse-metrics{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  margin:0 20px 20px; border-radius:8px; overflow:hidden; background:var(--border);
}
.pulse-metrics > div{ padding:16px; background:var(--surface); }
.pulse-metrics .l{ font-size:11px; color:var(--muted); margin-bottom:4px; }
.pulse-metrics .v{ font-size:18px; font-weight:700; }

/* ---------- Section headers ---------- */
section{ padding:80px 0; }
.eyebrow{ font-size:12px; letter-spacing:.04em; }
h2{ font-size:30px; font-weight:700; margin-top:12px; letter-spacing:-.01em; }
@media(min-width:768px){ h2{ font-size:36px; } }
.section-sub{ margin-top:12px; color:var(--muted); max-width:640px; }

/* ---------- Services grid ---------- */
.services-grid{ display:grid; gap:20px; margin-top:48px; }
@media(min-width:768px){ .services-grid{ grid-template-columns:1fr 1fr; } }
.service-card{
  position:relative; padding:24px; border-radius:16px; border:1px solid var(--border);
  background:var(--surface); transition:transform .3s;
}
.service-card:hover{ transform:translateY(-4px); }
.service-icon{
  width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  margin-bottom:20px;
}
.service-card h3{ font-size:18px; font-weight:600; margin-bottom:8px; }
.service-card p{ font-size:14px; line-height:1.6; color:var(--muted); margin-bottom:16px; }
.tag-row{ display:flex; flex-wrap:wrap; gap:8px; }
.tag{ font-size:11px; padding:4px 8px; border-radius:6px; background:var(--surface2); }

/* ---------- Audience hub ---------- */
.audience-grid{ display:grid; gap:20px; margin-top:48px; }
@media(min-width:768px){ .audience-grid{ grid-template-columns:1fr 1fr; } }
.audience-card{ border-radius:16px; border:1px solid; padding:32px; }
.audience-card h3{ font-size:24px; font-weight:600; margin-top:16px; }
.audience-card p{ font-size:14px; color:var(--muted); margin-top:8px; margin-bottom:24px; }
.audience-points{ display:flex; flex-direction:column; gap:16px; }
.audience-points .pt{ display:flex; align-items:flex-start; gap:12px; font-size:14px; }
.audience-points .pt svg{ margin-top:2px; flex-shrink:0; }

/* ---------- Dashboard ---------- */
.dash-head{
  display:flex; flex-direction:column; gap:24px; justify-content:space-between; margin-bottom:32px;
}
@media(min-width:768px){ .dash-head{ flex-direction:row; align-items:flex-end; } }
.range-toggle{ display:flex; border:1px solid var(--border); border-radius:12px; padding:4px; background:var(--surface); align-self:flex-start; }
.range-btn{
  background:transparent; color:var(--muted); font-size:14px; font-weight:500;
  padding:8px 16px; border-radius:8px; transition:background .2s, color .2s;
}
.range-btn.active{ background:var(--cyan); color:#000; }

.dash-panel{ border-radius:16px; border:1px solid var(--border); background:var(--surface); padding:24px; }
@media(min-width:768px){ .dash-panel{ padding:32px; } }
.metric-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-bottom:32px; }
@media(min-width:768px){ .metric-grid{ grid-template-columns:repeat(4,1fr); } }
.metric-tile{ border-radius:12px; border:1px solid var(--border); background:var(--surface2); padding:16px; }
.metric-tile .l{ display:flex; align-items:center; gap:8px; font-size:11px; color:var(--muted); margin-bottom:8px; }
.metric-tile .v{ font-size:20px; font-weight:700; }
@media(min-width:768px){ .metric-tile .v{ font-size:24px; } }

.chart-wrap{ height:280px; position:relative; }
@media(min-width:768px){ .chart-wrap{ height:320px; } }
.chart-legend{ display:flex; align-items:center; gap:24px; margin-top:16px; font-size:12px; color:var(--muted); }
.chart-legend .item{ display:flex; align-items:center; gap:6px; }
.legend-line{ width:10px; height:2px; background:var(--cyan); }
.legend-box{ width:10px; height:10px; border-radius:2px; background:var(--green); }

/* ---------- Quiz ---------- */
.quiz-head{ max-width:640px; margin:0 auto 40px; text-align:center; }
.quiz-card{ max-width:640px; margin:0 auto; border-radius:16px; border:1px solid var(--border); background:var(--surface); padding:24px; }
@media(min-width:768px){ .quiz-card{ padding:40px; } }
.progress-track{ width:100%; height:6px; border-radius:999px; background:var(--surface2); overflow:hidden; margin-bottom:40px; }
.progress-fill{ height:100%; border-radius:999px; background:linear-gradient(90deg, var(--cyan), var(--green)); transition:width .5s; width:0%; }

.quiz-step{ display:none; }
.quiz-step.active{ display:block; }
.step-tag{ font-size:12px; color:var(--muted); margin-bottom:4px; }
.step-title{ font-size:20px; font-weight:600; margin-bottom:24px; }

.option-grid{ display:grid; gap:16px; }
.option-grid.two{ grid-template-columns:1fr; }
@media(min-width:560px){ .option-grid.two{ grid-template-columns:1fr 1fr; } }
.option-grid.three{ grid-template-columns:1fr; }
@media(min-width:560px){ .option-grid.three{ grid-template-columns:repeat(3,1fr); } }

.option-card{
  text-align:left; background:var(--surface2); border:1px solid var(--border); border-radius:12px;
  padding:20px; transition:border-color .2s, background .2s;
}
.option-card .t{ font-weight:500; margin-top:12px; }
.option-card .s{ font-size:12px; color:var(--muted); margin-top:4px; }
.option-card.selected-green{ border-color:var(--green); background:rgba(57,255,136,.08); }
.option-card.selected-cyan{ border-color:var(--cyan); background:rgba(0,229,255,.08); }

.form-field{ margin-bottom:16px; }
.form-field label{ display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.form-field input, .form-field textarea{
  width:100%; background:var(--surface2); border:1px solid var(--border); border-radius:8px;
  padding:12px 16px; font-size:14px; color:var(--text); outline:none;
}
.form-field input:focus, .form-field textarea:focus{ border-color:var(--cyan); }
.form-field textarea{ resize:none; }

.step-nav{ display:flex; align-items:center; justify-content:space-between; margin-top:32px; }
.step-back{ background:none; color:var(--muted); font-size:14px; font-weight:500; padding:10px 16px; border-radius:8px; }
.step-back.hidden{ visibility:hidden; }
.step-next{
  display:flex; align-items:center; gap:8px; background:var(--cyan); color:#000;
  font-size:14px; font-weight:600; padding:10px 20px; border-radius:8px; transition:opacity .2s;
}
.step-next:disabled{ opacity:.3; cursor:not-allowed; }

.submit-btn{
  width:100%; margin-top:24px; padding:14px; border-radius:12px; font-weight:600; font-size:14px;
  background:var(--green); color:#000; transition:transform .2s;
}
.submit-btn:disabled{ opacity:.4; cursor:not-allowed; }
.submit-btn:not(:disabled):hover{ transform:scale(1.01); }

.success-box{ text-align:center; padding:32px 0; }
.success-icon{
  width:56px; height:56px; border-radius:50%; margin:0 auto 20px; display:flex; align-items:center; justify-content:center;
  background:rgba(57,255,136,.1); border:1px solid rgba(57,255,136,.35);
}
.success-box h3{ font-size:24px; font-weight:600; margin-bottom:8px; }
.success-box p{ font-size:14px; color:var(--muted); max-width:380px; margin:0 auto 24px; }
.reset-btn{ background:var(--surface2); border:1px solid var(--border); color:var(--text); font-size:14px; font-weight:600; padding:10px 20px; border-radius:8px; }
.form-error{ color:#ff6b6b; font-size:13px; margin-top:12px; display:none; }

/* ---------- Footer ---------- */
footer{ border-top:1px solid var(--border); }
.footer-grid{ display:grid; gap:40px; padding-bottom:40px; border-bottom:1px solid var(--border); }
@media(min-width:768px){ .footer-grid{ grid-template-columns:repeat(3,1fr); } }
.footer-desc{ font-size:14px; color:var(--muted); max-width:280px; margin-top:16px; line-height:1.6; }
.footer-label{ font-size:12px; color:var(--cyan); margin-bottom:16px; }
.footer-mail{ display:flex; align-items:center; gap:8px; font-size:14px; margin-bottom:16px; }
.footer-mail svg{ color:var(--green); }
.social-row{ display:flex; align-items:center; gap:12px; }
.social-btn{
  width:36px; height:36px; border-radius:8px; border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; color:var(--muted); transition:background .2s;
}
.social-btn:hover{ background:rgba(255,255,255,.05); }
.legal-text{ font-size:14px; color:var(--muted); line-height:1.6; margin-bottom:12px; }
.legal-links{ display:flex; gap:16px; font-size:12px; }
.footer-bottom{ padding-top:24px; display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:space-between; font-size:12px; color:var(--muted); }
@media(min-width:768px){ .footer-bottom{ flex-direction:row; } }

/* ===== 2026 refinement: trust, calculator, platform dashboard, team ===== */
.trust-section,.calculator-section,.team-section{border-top:1px solid var(--border)}
.trust-top,.team-head,.calc-layout{display:grid;gap:28px;align-items:end}.trust-top .section-sub,.team-head .section-sub{margin:0}
@media(min-width:900px){.trust-top,.team-head{grid-template-columns:1.1fr .9fr}.calc-layout{grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}}
.trust-grid{display:grid;gap:14px;margin-top:40px}@media(min-width:760px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
.trust-card{padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.trust-kicker{font-size:10px;color:var(--cyan);letter-spacing:.08em}.trust-card strong{display:block;font-size:18px;margin:14px 0 8px}.trust-card p{font-size:14px;color:var(--muted);line-height:1.6}
.trust-badges{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:20px;background:var(--surface)}@media(min-width:760px){.trust-badges{grid-template-columns:repeat(5,1fr)}}.trust-badge{padding:18px;border-right:1px solid var(--border);text-align:center}.trust-badge:last-child{border-right:0}.trust-badge span{display:block;font-size:22px;font-weight:700}.trust-badge small{color:var(--muted);font-size:11px}
.calc-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.calc-proof div{padding:14px;border-top:1px solid var(--border)}.calc-proof strong,.calc-proof span{display:block}.calc-proof strong{font-size:13px}.calc-proof span{font-size:11px;color:var(--muted);margin-top:4px}
.calc-card{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.calc-field+.calc-field{margin-top:22px}.calc-label{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.calc-label output{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--cyan)}.calc-card input[type=range]{width:100%;margin-top:12px;accent-color:var(--cyan)}.calc-results{margin-top:28px;border-top:1px solid var(--border);padding-top:24px;display:grid;gap:20px}@media(min-width:620px){.calc-results{grid-template-columns:1.35fr .65fr;align-items:end}}.calc-primary span,.calc-primary small{display:block}.calc-primary span{font-size:10px;color:var(--muted)}.calc-primary strong{display:block;font-size:38px;letter-spacing:-.04em;color:var(--green);margin:6px 0}.calc-primary small{color:var(--muted);font-size:10px}.calc-secondary{display:grid;gap:8px}.calc-secondary span{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:8px;font-size:12px;color:var(--muted)}.calc-secondary b{color:var(--text);font-family:'JetBrains Mono',monospace}
.dashboard-section{background:linear-gradient(180deg,transparent,rgba(0,229,255,.015),transparent)}.platform-shell{display:grid;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#0d0d13;box-shadow:0 32px 80px rgba(0,0,0,.22)}@media(min-width:960px){.platform-shell{grid-template-columns:190px 1fr}}.platform-sidebar{display:none;background:#0a0a0f;border-right:1px solid var(--border);padding:18px}@media(min-width:960px){.platform-sidebar{display:flex;flex-direction:column}}.mini-brand{display:flex;gap:9px;align-items:center;font-size:11px}.mini-brand span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--cyan);color:#000;font-weight:800}.platform-sidebar nav{display:grid;gap:4px;margin-top:34px}.platform-sidebar nav a{font-size:12px;color:var(--muted);padding:9px 10px;border-radius:7px}.platform-sidebar nav a.active{background:rgba(0,229,255,.09);color:var(--cyan)}.system-health{margin-top:auto;font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.system-health i,.sync-status i,.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green)}
.platform-main{min-width:0;padding:18px}@media(min-width:760px){.platform-main{padding:24px}}.platform-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.platform-toolbar small{display:block;font-size:9px;color:var(--muted)}.platform-toolbar strong{font-size:18px}.toolbar-actions{display:flex;gap:10px;align-items:center}.sync-status{font-size:10px;color:var(--muted);display:none;align-items:center;gap:6px}@media(min-width:620px){.sync-status{display:flex}}.toolbar-actions button{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:8px 12px;font-size:11px}
.modern-metrics{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.modern-metrics .metric-tile{border:1px solid var(--border);border-radius:10px;background:#111118!important;padding:16px!important}.modern-metrics .metric-tile .v{font-size:22px;color:var(--text)!important}.modern-metrics small{font-size:9px;color:var(--muted)}.trend{font-size:9px;margin-left:4px}.trend.up{color:var(--green)}@media(min-width:900px){.modern-metrics{grid-template-columns:repeat(4,1fr)!important}}
.dash-content-grid{display:grid;gap:12px;margin-top:12px}@media(min-width:900px){.dash-content-grid{grid-template-columns:1.7fr .7fr}}.performance-card,.funnel-card,.campaign-table-wrap{border:1px solid var(--border);border-radius:12px;background:#111118;padding:16px;min-width:0}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.card-head span.mono{display:block;color:var(--muted);font-size:9px}.card-head strong{display:block;font-size:13px;margin-top:3px}.pill{font-size:9px;border:1px solid var(--border);padding:5px 7px;border-radius:999px;color:var(--muted)}.pill.green{color:var(--green);border-color:rgba(57,255,136,.25)}.revenue-chart{width:100%;height:220px;margin-top:8px}.grid-lines line{stroke:#23232e;stroke-width:1}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.funnel-step{margin-top:18px}.funnel-step>div:first-child{display:flex;justify-content:space-between;font-size:11px}.funnel-bar{height:5px;background:#20202a;border-radius:99px;margin-top:7px;overflow:hidden}.funnel-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:99px}.funnel-summary{margin-top:22px;padding:14px;border-radius:9px;background:#0b0b10}.funnel-summary span,.funnel-summary small{display:block;color:var(--muted);font-size:9px}.funnel-summary strong{display:block;font-size:24px;color:var(--green);margin:3px 0}
.campaign-table-wrap{margin-top:12px}.campaign-table{margin-top:14px;overflow-x:auto}.tr{display:grid;grid-template-columns:minmax(180px,2fr) 50px 70px 80px 60px 60px 90px;gap:12px;align-items:center;min-width:700px;border-top:1px solid var(--border);padding:11px 4px;font-size:10px}.tr.th{color:var(--muted);font-size:9px;border-top:0}.tr span:nth-last-child(-n+4){font-family:'JetBrains Mono',monospace}.tr b,.tr small{display:block}.tr small{color:var(--muted);margin-top:2px}.status-dot{margin-right:5px}.status-dot.warn{background:#f5b942}
.team-grid{display:grid;gap:14px;margin-top:40px}@media(min-width:680px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1020px){.team-grid{grid-template-columns:repeat(4,1fr)}}.team-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.team-card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) contrast(1.04)}.team-card>div{padding:18px}.team-card span{font-size:9px;color:var(--cyan)}.team-card h3{font-size:15px;margin:7px 0}.team-card p{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:560px){.calc-proof{grid-template-columns:1fr}.trust-badges{grid-template-columns:1fr 1fr}.trust-badge{border-bottom:1px solid var(--border)}.calc-primary strong{font-size:31px}.modern-metrics .metric-tile .v{font-size:19px}}


/* ===== Revision Sep 2026: block-based redesign per latest feedback ===== */
:root{ --amber:var(--cyan); --amber-strong:#00cfe6; --amber-soft:#79f4ff; }
::selection{ background:var(--amber); color:#0b0b10; }
body{ background:#07090f; }
section{ padding:92px 0; }
.section-sub{ font-size:18px; line-height:1.55; }
.nav{ background:rgba(4,8,16,.92); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.04); }
.nav-inner{ height:68px; gap:20px; }
.brand-mght{ gap:12px; }
.brand-mark-amber{ background:linear-gradient(135deg, var(--cyan), var(--purple)); color:#081018; border-radius:12px; width:44px; height:44px; font-size:20px; font-weight:800; box-shadow:0 10px 26px rgba(0,229,255,.18); }
.brand-name-agency{ font-size:18px; font-weight:700; letter-spacing:-.03em; }
.brand-name-agency span{ color:var(--cyan); }
.nav-links-simple{ gap:38px; margin-left:auto; }
.nav-links-simple .nav-link{ color:var(--muted); font-size:14px; font-weight:600; }
.nav-links-simple .nav-link:hover,.nav-links-simple .nav-link.is-active{ color:var(--text); }
.nav-actions{ display:none; gap:16px; align-items:center; }
@media(min-width:1100px){ .nav-actions.desktop-only{ display:flex; } }
.nav-btn{ display:inline-flex; align-items:center; justify-content:center; padding:16px 24px; border-radius:14px; font-weight:700; font-size:14px; transition:transform .2s, background .2s, border-color .2s; }
.nav-btn:hover{ transform:translateY(-1px); }
.nav-btn-outline{ border:1px solid rgba(255,255,255,.1); background:#0a0f18; color:var(--text); }
.nav-btn-solid{ background:var(--cyan); color:#081018; box-shadow:0 10px 24px rgba(0,229,255,.16); }
.mobile-menu{ background:#090e17; }
.mobile-menu .row{ display:block; padding:14px 0; color:var(--text); }
.mobile-cta{ display:block; text-align:center; margin-top:12px; padding:14px 16px; border-radius:12px; background:#0a0f18; border:1px solid rgba(255,255,255,.08); }
.mobile-cta.alt{ background:var(--cyan); color:#081018; border-color:transparent; }
.hero-reworked{ position:relative; overflow:hidden; padding-top:48px; padding-bottom:18px; }
.hero-reworked:before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 18%, rgba(0,229,255,.08), transparent 34%); pointer-events:none; }
.hero-layout-reference{ display:grid; gap:56px; align-items:end; }
@media(min-width:980px){ .hero-layout-reference{ grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr); min-height:calc(100vh - 108px); } }
.hero-copy h1{ font-size:60px; line-height:.98; letter-spacing:-.05em; max-width:700px; }
@media(min-width:1200px){ .hero-copy h1{ font-size:74px; } }
.hero-copy .hero-sub{ margin-top:28px; max-width:760px; font-size:22px; line-height:1.45; color:#9da3b3; }
.cta-row{ gap:16px; margin-top:34px; flex-wrap:wrap; }
.btn-solid-amber{ background:var(--cyan); color:#081018; border:1px solid transparent; box-shadow:0 12px 26px rgba(0,229,255,.14); }
.btn-outline-light{ background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.12); }
.btn-outline-light:hover{ background:rgba(255,255,255,.03); }
.hero-stats-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:54px; border:1px solid rgba(255,255,255,.08); border-radius:20px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)); }
.hero-stat-card{ padding:22px 20px; border-right:1px solid rgba(255,255,255,.08); }
.hero-stat-card:last-child{ border-right:0; }
.hero-stat-card strong{ display:block; font-size:34px; color:var(--cyan); letter-spacing:-.03em; }
.hero-stat-card span{ display:block; margin-top:6px; color:var(--muted); font-size:15px; }
.hero-side-card{ display:flex; align-items:flex-end; }
.hero-calc-card{ width:100%; padding:22px 22px 18px; background:linear-gradient(180deg, rgba(17,17,24,.95), rgba(10,12,18,.96)); border:1px solid rgba(255,255,255,.08); border-radius:22px; box-shadow:0 30px 60px rgba(0,0,0,.28); }
.hero-calc-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.pulse-live .dot{ background:var(--cyan); box-shadow:0 0 10px rgba(0,229,255,.55); }
.pulse-tag{ color:var(--amber-soft); }
.calc-label{ color:var(--text); }
.calc-label output{ color:var(--cyan); font-size:15px; }
.calc-card input[type=range]{ accent-color:var(--cyan); }
.hero-calc-results{ margin-top:24px; }
.calc-primary strong{ color:var(--green); }
.about-expertise-section{ padding-top:86px; }
.about-expertise-grid{ display:grid; gap:48px; }
@media(min-width:980px){ .about-expertise-grid{ grid-template-columns:1.05fr .95fr; align-items:start; } }
.about-kicker{ color:var(--cyan); font-weight:700; font-size:16px; margin-bottom:24px; }
.about-copy h2{ font-size:48px; line-height:1.1; letter-spacing:-.04em; max-width:620px; }
.about-dot{ color:var(--cyan); }
.about-sub{ margin-top:26px; max-width:700px; color:#99a0b0; }
.about-metrics{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:44px; }
.about-metrics strong{ display:block; font-size:42px; line-height:1; color:var(--cyan); letter-spacing:-.05em; }
.about-metrics span{ display:block; margin-top:12px; font-size:15px; color:var(--muted); line-height:1.4; }
.about-points-wrap{ border-top:1px solid rgba(255,255,255,.08); }
.about-point{ display:grid; grid-template-columns:24px 1fr; gap:14px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.about-point span{ color:var(--cyan); font-size:18px; line-height:1; transform:translateY(3px); }
.about-point p{ font-size:18px; line-height:1.45; color:#fbfbff; }
.services-section-ref{ padding-top:58px; }
.services-text-link{ display:inline-block; margin-top:18px; color:var(--cyan); text-transform:uppercase; letter-spacing:.04em; font-size:13px; }
.services-grid-reference{ margin-top:32px; }
.service-card-link{ display:block; min-height:262px; }
.service-card{ background:linear-gradient(180deg, rgba(17,17,24,.9), rgba(13,15,22,.98)); border:1px solid rgba(255,255,255,.08); border-radius:18px; }
.service-card:hover{ transform:translateY(-6px); border-color:rgba(255,255,255,.16); box-shadow:0 20px 40px rgba(0,0,0,.18); }
.service-price{ margin:8px 0 16px; font-size:14px; font-weight:700; }
.service-card .tag{ background:rgba(255,255,255,.04); }
.case-studies-section{ padding-top:52px; }
.case-grid{ display:grid; gap:18px; margin-top:32px; }
@media(min-width:900px){ .case-grid{ grid-template-columns:repeat(2,1fr); } }
.case-card{ padding:28px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(17,17,24,.92), rgba(10,11,17,.98)); }
.case-card-top{ display:flex; justify-content:space-between; gap:16px; align-items:center; }
.case-label{ color:var(--cyan); font-size:11px; letter-spacing:.08em; }
.case-card h3{ font-size:28px; margin-top:18px; letter-spacing:-.03em; }
.case-card p{ margin-top:12px; font-size:16px; color:var(--muted); line-height:1.55; }
.case-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:22px; }
.case-metrics div{ border-top:1px solid rgba(255,255,255,.08); padding-top:14px; }
.case-metrics strong{ display:block; color:var(--cyan); font-size:26px; }
.case-metrics span{ display:block; margin-top:6px; color:var(--muted); font-size:12px; line-height:1.4; }
.dashboard-section{ padding-top:56px; }
.team-head .section-sub{ color:#99a0b0; }
.team-grid-refined .team-card img{ aspect-ratio:4/3; object-fit:cover; object-position:center 14%; }
.team-grid-refined .team-card:nth-child(2) img,
.team-grid-refined .team-card:nth-child(3) img{ object-position:center 16%; }
#quiz .section-sub{ color:#99a0b0; }
.quiz-card{ background:linear-gradient(180deg, rgba(17,17,24,.96), rgba(10,11,16,.98)); border:1px solid rgba(255,255,255,.08); border-radius:24px; }
.option-card{ background:#11131d; border:1px solid rgba(255,255,255,.08); color:#fff; }
.option-card .t, .option-card .s, .option-card svg{ color:inherit; }
.option-card .s{ color:#c6c9d4; }
.option-card:hover{ background:#141826; }
.option-card.selected-green, .option-card.selected-cyan{ color:#fff; }
.option-card.selected-green .s, .option-card.selected-cyan .s{ color:#e9edf6; }
.form-field label{ color:#cbd0dd; }
.form-field input,.form-field textarea{ color:#fff; background:#10131c; border-color:rgba(255,255,255,.1); }
.form-field input::placeholder,.form-field textarea::placeholder{ color:#81879a; }
.step-title,.step-tag,.success-box p,.success-box h3{ color:#fff; }
.range-btn.active{ background:var(--cyan); color:#081018; border-color:transparent; }
.footer-label{ color:var(--cyan); }
@media(max-width:1099px){ .nav-links-simple{ display:none; } }
@media(max-width:979px){ .hero-copy h1{ font-size:48px; } .hero-copy .hero-sub{ font-size:20px; } .hero-side-card{ align-items:stretch; } }
@media(max-width:767px){ section{ padding:72px 0; } .brand-mark-amber{ width:40px; height:40px; } .hero-stats-grid{ grid-template-columns:1fr; } .hero-stat-card{ border-right:0; border-bottom:1px solid rgba(255,255,255,.08); } .hero-stat-card:last-child{ border-bottom:0; } .about-copy h2{ font-size:40px; } .about-metrics{ grid-template-columns:1fr; gap:18px; } .about-point p{ font-size:16px; } .case-metrics{ grid-template-columns:1fr; } }


/* ===== Form workflow + validation hardening ===== */
.step-nav{ align-items:center; justify-content:space-between; gap:16px; }
.step-back{ display:inline-flex; align-items:center; gap:6px; color:#d9deea; border:1px solid rgba(255,255,255,.10); background:#10131c; min-height:44px; }
.step-back:hover{ color:#fff; border-color:rgba(0,229,255,.35); }
.step-back.hidden{ visibility:hidden; pointer-events:none; }
.step-next{ min-height:44px; }
.field-error{ min-height:18px; margin-top:7px; color:#ff8585; font-size:12px; line-height:1.35; }
.option-grid + .field-error{ margin-top:10px; }
.form-field input.invalid,.form-field textarea.invalid{ border-color:#ff6b6b; box-shadow:0 0 0 2px rgba(255,107,107,.08); }
.form-field input:valid:not(:placeholder-shown){ border-color:rgba(57,255,136,.35); }
.optional-label{ color:var(--muted); font-weight:400; }
.form-error{ padding:0; margin-top:12px; line-height:1.45; }
.form-error[style*="display: block"]{ padding:10px 12px; border:1px solid rgba(255,107,107,.25); border-radius:8px; background:rgba(255,107,107,.06); }


/* ===== Sep 2026: six Core Directions + full MGHT team carousel ===== */
.services-grid-reference{grid-template-columns:1fr;}
@media(min-width:760px){.services-grid-reference{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1120px){.services-grid-reference{grid-template-columns:repeat(3,minmax(0,1fr));}}
.service-card-link{min-height:286px;display:flex;flex-direction:column;}
.service-card-link .tag-row{margin-top:auto;}
.option-grid.three{grid-template-columns:1fr;}
@media(min-width:720px){.option-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1080px){.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}}

.team-carousel{position:relative;margin-top:40px;padding:0 48px;}
.team-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 10px;}
.team-track::-webkit-scrollbar{display:none;}
.team-slide{flex:0 0 min(82vw,300px);scroll-snap-align:start;}
@media(min-width:720px){.team-slide{flex-basis:calc((100% - 16px)/2);}}
@media(min-width:1040px){.team-slide{flex-basis:calc((100% - 32px)/3);}}
.team-photo-wrap{position:relative;aspect-ratio:4/3;background:linear-gradient(145deg,#101724,#0a0d14);overflow:hidden;}
.team-live-photo{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.88) contrast(1.03);}
.team-photo-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:72px;font-weight:700;color:rgba(0,229,255,.78);background:radial-gradient(circle at 50% 36%,rgba(0,229,255,.12),transparent 38%),linear-gradient(145deg,#111824,#0a0d14);}
.team-card-copy{padding:18px;}
.team-card-copy span{font-size:9px;color:var(--cyan);}
.team-card-copy h3{font-size:19px;margin:7px 0 5px;}
.team-card-copy p{font-size:13px;color:var(--muted);line-height:1.45;min-height:38px;}
.team-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#0d111a;color:var(--text);font-size:26px;display:grid;place-items:center;transition:.2s ease;}
.team-arrow:hover{background:var(--cyan);color:#071018;border-color:var(--cyan);}
.team-prev{left:0}.team-next{right:0}
.team-carousel-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;}
.team-dots{display:flex;gap:7px;align-items:center;}
.team-dots button{width:7px;height:7px;border-radius:50%;background:#353947;border:0;padding:0;}
.team-dots button.active{width:22px;border-radius:99px;background:var(--cyan);}
.team-source-link{font-size:10px;color:var(--muted);}
.team-source-link:hover{color:var(--cyan);}
@media(max-width:620px){.team-carousel{padding:0 38px}.team-carousel-foot{align-items:flex-start;flex-direction:column}.team-arrow{width:36px;height:36px}.team-slide{flex-basis:82vw;}}

/* ===== Local legal pages ===== */
.legal-page-body{background:#07090f;color:var(--text);min-height:100vh;}
.legal-nav{border-bottom:1px solid var(--border);background:rgba(7,9,15,.96);}
.legal-nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.legal-back{font-size:14px;color:var(--muted);transition:color .2s ease;}
.legal-back:hover{color:var(--cyan);}
.legal-page-main{padding:72px 0 96px;}
.legal-container{max-width:920px;}
.legal-page-head{padding-bottom:34px;border-bottom:1px solid var(--border);margin-bottom:40px;}
.legal-page-head .eyebrow{color:var(--cyan);}
.legal-page-head h1{font-size:clamp(40px,7vw,72px);line-height:1;letter-spacing:-.045em;margin-top:14px;}
.legal-page-head p{margin-top:14px;color:var(--muted);}
.legal-document{font-size:16px;line-height:1.75;color:#c8cbd6;}
.legal-document h2{font-size:24px;line-height:1.25;color:var(--text);margin:42px 0 14px;letter-spacing:-.02em;}
.legal-document p{margin:0 0 16px;}
.legal-document ul{padding-left:24px;margin:8px 0 18px;}
.legal-document li{margin:9px 0;}
.legal-document strong{color:#f5f6fb;}
.legal-document a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(0,229,255,.35);text-underline-offset:3px;}
.legal-effective{display:inline-flex;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);}
.legal-contact-list{list-style:none;padding-left:0!important;}
.legal-contact-list li{padding:12px 0;border-bottom:1px solid var(--border);}
.legal-mini-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:12px;}
.legal-mini-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.legal-mini-footer-inner div{display:flex;gap:18px;}
.legal-mini-footer a:hover{color:var(--cyan);}
@media(max-width:640px){.legal-page-main{padding-top:48px}.legal-nav-inner{min-height:64px}.legal-back{font-size:12px}.legal-document{font-size:15px}.legal-document h2{font-size:21px;margin-top:34px}}