:root{
    --bg:#FFFFFF;
    --bg-soft:#EFF1FA;
    --surface:#FFFFFF;
    --ink:#0A0A11;
    --ink-soft:#5B6272;
    --ink-faint:#9498A6;
    --line:#E7E9F1;
    --line-soft:#EFF1F7;
    --brand:#5B4FE9;
    --brand2:#17B8CE;
    --brand-ink:#4438C7;
    --gradient: linear-gradient(120deg,#6D5DFB 0%, #4F8CF7 52%, #17B8CE 100%);
    --gradient-soft: linear-gradient(120deg, rgba(109,93,251,0.12), rgba(23,184,206,0.12));
    --amber:#DB9313;
    --amber-tint:#FBF0DA;
    --rust:#E6432E;
    --rust-tint:#FCE5E1;
    --brand-tint:#EFEDFD;
    --dark:#07070C;
    --dark-2:#0E0E17;
    --glass-line: rgba(255,255,255,0.10);
    --glass-fill: rgba(255,255,255,0.05);
    --shadow-s: 0 8px 28px rgba(10, 10, 20, 0.06);
    --shadow-m: 0 12px 40px rgba(10, 10, 20, 0.08);
    --shadow-l: 0 18px 50px rgba(10, 10, 20, 0.10);
    --shadow-glow: 0 18px 40px -14px rgba(91,79,233,0.45);
    --radius-s: 12px;
    --radius-m: 18px;
    --radius-l: 28px;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; scroll-padding-top:96px;}
  body{
    margin:0; background:var(--bg); color:var(--ink);
    font-family:'Inter', -apple-system, sans-serif;
    font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
    overflow-x:hidden; -webkit-tap-highlight-color:transparent;
  }
  @supports (overflow-x:clip){ html, body{ overflow-x:clip; } }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
  }
  h1,h2,h3,h4{ font-family:'Space Grotesk', sans-serif; font-weight:700; letter-spacing:-0.015em; margin:0; color:var(--ink);}
  p{margin:0;}
  a{color:inherit; text-decoration:none;}
  ul{margin:0; padding:0; list-style:none;}
  button{font-family:inherit; cursor:pointer;}
  .mono{font-family:'JetBrains Mono', monospace;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  section{position:relative;}
  .grad-text{ background:var(--gradient); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px; font-family:'JetBrains Mono', monospace;
    font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; color:var(--brand-ink);
  }
  .eyebrow::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--gradient); display:inline-block;}
  .eyebrow.on-dark{ color:#C9CBFF;}
  .section-head{max-width:640px; margin-bottom:44px;}
  .section-head h2{ font-size:clamp(28px,3.6vw,40px); line-height:1.1; margin-top:12px;}
  .nowrap{ white-space:nowrap;}
  #cta .section-head h2{ font-size:clamp(22px,3.2vw,40px);}
  .section-head p{ margin-top:14px; color:var(--ink-soft); font-size:16.5px;}

  .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 26px; border-radius:100px; font-weight:600; font-size:15px; border:1px solid transparent; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; white-space:nowrap;}
  .btn-primary{
    border:0;
    background-image:var(--gradient);
    background-color:#6D5DFB;
    background-size:100% 100%;
    color:#fff;
    box-shadow:0 10px 28px -10px rgba(91,79,233,0.55);
  }
  .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 36px -12px rgba(91,79,233,0.6);}
  .nav-pill .btn-primary{ box-shadow:0 6px 18px -8px rgba(91,79,233,0.55);}
  .nav-pill .btn-primary:hover{ box-shadow:0 10px 24px -8px rgba(91,79,233,0.65);}
  .btn-ghost{ background:var(--surface); color:var(--ink); border-color:var(--line);}
  .btn-ghost:hover{ border-color:var(--brand); color:var(--brand-ink);}
  .btn-glass{ background:var(--glass-fill); color:#fff; border-color:var(--glass-line); backdrop-filter:blur(10px);}
  .btn-glass:hover{ background:rgba(255,255,255,0.1); transform:translateY(-2px);}
  .btn-sm{ padding:11px 20px; font-size:13.5px;}
  .btn:active{ transform:scale(0.97);}
  .lang-switch{ display:flex; gap:2px; padding:3px; background:rgba(255,255,255,0.08); border-radius:100px; flex:none;}
  .lang-switch button{
    border:0; background:transparent; color:rgba(255,255,255,0.55); cursor:pointer;
    font-size:11px; font-weight:700; letter-spacing:0.04em; padding:6px 8px; border-radius:100px;
  }
  .lang-switch button.is-on{ background:rgba(255,255,255,0.18); color:#fff;}
  .mobile-menu .lang-switch{ margin-top:22px; width:fit-content;}
  @media (max-width:1280px){
    .nav-links{ gap:14px; font-size:13px;}
  }
  a:focus-visible, button:focus-visible{ outline:2px solid #8B7CFF; outline-offset:2px;}

  /* ===== floating nav ===== */
  .nav-outer{ position:fixed; top:16px; left:0; right:0; z-index:200; display:flex; justify-content:center; padding:0 16px; pointer-events:none;}
  .nav-pill{
    pointer-events:auto; display:flex; align-items:center; justify-content:space-between; gap:16px;
    width:100%; max-width:1240px; background:rgba(7,7,12,0.72); backdrop-filter:blur(18px) saturate(160%);
    border:1px solid rgba(255,255,255,0.09); border-radius:100px; padding:9px 10px 9px 20px; box-shadow:0 16px 40px -18px rgba(0,0,0,0.5);
  }
  .nav-pill-actions{ display:flex; align-items:center; gap:10px; flex:none;}
  .logo{ display:flex; align-items:center; gap:9px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17.5px; color:#fff; flex-shrink:0;}
  .logo-mark{ width:24px; height:24px; flex:none;}
  .nav-links{ display:flex; flex-wrap:nowrap; align-items:center; gap:18px; font-size:14px; font-weight:500; color:rgba(255,255,255,0.68); min-width:0;}
  .nav-links a{ transition:color .15s ease; white-space:nowrap; flex:none;}
  .nav-links a:hover{ color:#fff;}
  .burger{ display:none; width:36px; height:36px; border:1px solid rgba(255,255,255,0.14); border-radius:10px; background:rgba(255,255,255,0.06); align-items:center; justify-content:center;}
  .burger span, .burger span::before, .burger span::after{ content:""; display:block; width:15px; height:1.6px; background:#fff; position:relative;}
  .burger span::before{ position:absolute; top:-5px;}
  .burger span::after{ position:absolute; top:5px;}
  .mobile-menu{
    position:fixed; inset:0; background:var(--dark); z-index:199;
    display:none; flex-direction:column; padding:100px 28px 40px; gap:2px;
    opacity:0; transform:translateY(-8px); pointer-events:none; visibility:hidden;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
  }
  .mobile-menu.open{ display:flex; opacity:1; transform:none; pointer-events:auto; visibility:visible; transition:opacity .22s ease, transform .22s ease;}
  .mobile-menu a{ padding:16px 4px; font-size:22px; font-family:'Space Grotesk',sans-serif; color:#fff; border-bottom:1px solid rgba(255,255,255,0.08);}
  .mobile-menu .btn{ margin-top:26px;}

  /* ===== hero (dark, mesh) ===== */
  .hero{ background:var(--dark); position:relative; overflow:hidden; padding:96px 0 28px; color:#fff;}
  .mesh{ position:absolute; inset:0; z-index:0; overflow:hidden;}
  .mesh .blob{ position:absolute; border-radius:50%; filter:blur(90px); opacity:0.55; will-change:transform;}
  .mesh .b1{ width:560px; height:560px; left:-160px; top:-180px; background:radial-gradient(circle,#6D5DFB,transparent 70%); animation:drift1 22s ease-in-out infinite;}
  .mesh .b2{ width:480px; height:480px; right:-140px; top:20px; background:radial-gradient(circle,#17B8CE,transparent 70%); animation:drift2 26s ease-in-out infinite;}
  .mesh .b3{ width:420px; height:420px; left:30%; bottom:-220px; background:radial-gradient(circle,#4F8CF7,transparent 70%); animation:drift3 20s ease-in-out infinite;}
  .mesh .grid{ position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 80% 60% at 50% 20%, #000 40%, transparent 100%);}
  @keyframes drift1{ 0%,100%{transform:translate(0,0);} 50%{transform:translate(60px,40px);} }
  @keyframes drift2{ 0%,100%{transform:translate(0,0);} 50%{transform:translate(-50px,60px);} }
  @keyframes drift3{ 0%,100%{transform:translate(0,0);} 50%{transform:translate(40px,-40px);} }

  .hero-inner{ position:relative; z-index:2;}
  .hero-grid{ display:grid; grid-template-columns:1.05fr 0.95fr; gap:36px; align-items:center;}
  .badge{ display:inline-flex; align-items:center; gap:9px; padding:8px 16px 8px 8px; border-radius:100px; background:var(--glass-fill); border:1px solid var(--glass-line); font-size:13px; color:rgba(255,255,255,0.85); backdrop-filter:blur(8px);}
  .badge .dot-live{ width:8px; height:8px; border-radius:50%; background:#3ED598; box-shadow:0 0 0 4px rgba(62,213,152,0.18);}
  .hero h1{ font-size:clamp(28px,4.4vw,52px); line-height:1.05; margin-top:14px; letter-spacing:-0.02em; color:#fff;}
  .hero-lead{ font-size:16px; color:rgba(255,255,255,0.66); margin-top:12px; max-width:480px;}
  .hero-ctas{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap;}
  .hero-contact{
    margin-top:12px; max-width:none;
    background:rgba(255,255,255,0.045); border:1px solid var(--glass-line);
    border-radius:var(--radius-m); padding:12px 14px 10px; backdrop-filter:blur(16px);
  }
  .hero-contact h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:16px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
    margin-bottom:8px;
    background:var(--gradient); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero-contact > p{ font-size:13px; color:rgba(255,255,255,0.58); margin-bottom:14px;}
  .hero-contact .field{ margin-bottom:8px;}
  .hero-contact .field label{ color:rgba(255,255,255,0.68);}
  .hero-contact .field input{
    width:100%; padding:10px 12px; border-radius:11px; border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.05); font-family:inherit; font-size:14px; color:#fff;
  }
  .hero-contact .field input::placeholder{ color:rgba(255,255,255,0.35);}
  .hero-contact .field input:focus{
    outline:none; border-color:#8B7CFF; background:rgba(255,255,255,0.08);
    box-shadow:0 0 0 3px rgba(109,93,251,0.25);
  }
  .hero-contact .btn{ width:100%; margin-top:2px; padding:11px 20px;}
  .hero-contact-note{ font-size:11px; color:rgba(255,255,255,0.4); margin-top:6px; text-align:center;}
  .hero-contact-success{ display:none; text-align:center; padding:16px 8px 8px;}
  .hero-contact-success.show{ display:block;}
  .hero-contact-success h3{ color:#fff; margin-bottom:6px;}
  .hero-contact-success p{ color:rgba(255,255,255,0.6); margin:0;}
  .hero-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
  .hero-tag{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,0.7); font-weight:500; background:var(--glass-fill); border:1px solid var(--glass-line); padding:6px 11px; border-radius:100px;}
  .hero-tag svg{ flex:none; color:#3ED598;}

  .glass-card{ background:rgba(255,255,255,0.045); border:1px solid var(--glass-line); border-radius:var(--radius-l); box-shadow:0 30px 70px -30px rgba(0,0,0,0.65); backdrop-filter:blur(20px); padding:16px 16px 12px; position:relative;}
  .glass-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 40%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;}
  .wave-card-label{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:rgba(255,255,255,0.45); letter-spacing:.04em;}
  .wave-svg{ width:100%; height:auto; display:block; margin-top:14px;}
  .wave-eq{
    display:flex; align-items:center; justify-content:space-between;
    gap:3.5px; height:52px; margin-top:8px; width:100%;
  }
  .wave-eq span{
    flex:1; min-width:0; max-width:5px; height:20%;
    border-radius:99px;
    background:#6D5DFB;
  }
  .wave-eq span:nth-child(3n){ background:#17B8CE; }
  .wave-eq span:nth-child(n+38){ background:#DB9313; }
  .wave-result{
    display:grid; grid-template-columns:52px minmax(0,1fr); gap:10px 12px;
    align-items:start; margin-top:10px; padding-top:10px;
    border-top:1px dashed rgba(255,255,255,0.14);
  }
  .wave-check{ width:36px; height:36px; border-radius:50%; background:var(--gradient); color:#fff; display:flex; align-items:center; justify-content:center; flex:none; box-shadow:0 8px 20px -6px rgba(91,79,233,0.7);}
  .wave-result-text{ flex:1; min-width:0;}
  .wave-result-text b{ display:block; font-size:14.5px; color:#fff;}
  .wave-result-text span{ font-size:12.5px; color:rgba(255,255,255,0.5);}
  .demo-ring{
    width:52px; height:52px; flex:none; position:relative; grid-row:1;
  }
  .demo-ring svg{ width:52px; height:52px; transform:rotate(-90deg); display:block;}
  .demo-ring-label{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; color:#fff;
  }
  .demo-ring.is-done .demo-ring-label{ font-size:16px;}
  .demo-log{ min-width:0; display:flex; flex-direction:column; gap:7px; grid-column:2; }
  .demo-log-item{
    display:flex; gap:8px; align-items:flex-start;
    font-size:12.5px; line-height:1.35; color:rgba(255,255,255,0.38);
    transition:color .2s ease, opacity .2s ease;
  }
  .demo-log-item .ico{ flex:none; width:1.5em; font-size:15px; line-height:1.25; text-align:center;}
  .demo-log-item div{ min-width:0; flex:1;}
  .demo-log-item b{ display:block; font-weight:600; color:inherit;}
  .demo-log-item span{ display:block; margin-top:2px; font-size:12px; color:rgba(255,255,255,0.32);}
  .demo-player{ display:flex; align-items:center; gap:10px; margin-top:8px;}
  .demo-log-item.is-current{ color:#fff;}
  .demo-log-item.is-current span{ color:rgba(255,255,255,0.58);}
  .demo-log-item.is-done{ color:rgba(255,255,255,0.62);}
  .demo-log-item.is-done span{ color:rgba(255,255,255,0.4);}
  .demo-status-actions{ display:flex; flex-wrap:wrap; gap:8px; grid-column:1 / -1; margin-top:0;}
  .demo-status-actions .btn{ padding:10px 18px; font-size:13px;}
  .demo-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
  .demo-tabs{ display:flex; gap:3px; padding:3px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:100px;}
  .demo-tab{
    border:0; background:transparent; color:rgba(255,255,255,0.5); cursor:pointer;
    font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600;
    padding:6px 12px; border-radius:100px; transition:background .15s ease, color .15s ease;
  }
  .demo-tab:hover{ color:#fff;}
  .demo-tab.is-active{ background:linear-gradient(135deg,#6D5DFB,#17B8CE); color:#fff;}
  .demo-play{
    width:32px; height:32px; border:0; border-radius:50%; flex:none; cursor:pointer;
    background:var(--gradient); color:#fff; display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 20px -6px rgba(91,79,233,0.7);
  }
  .demo-progress{
    flex:1; min-width:0; height:7px; border-radius:99px; cursor:pointer;
    background:rgba(255,255,255,0.1); overflow:hidden;
  }
  .demo-progress-bar{ height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#6D5DFB,#17B8CE); transition:width .08s linear;}
  .demo-time{ font-size:11.5px; color:rgba(255,255,255,0.5); flex:none; white-space:nowrap;}
  .demo-status-detail{ display:block; margin-top:5px; font-size:12.5px; line-height:1.45; color:rgba(255,255,255,0.52);}
  .demo-disclaimer{
    margin-top:8px; font-size:11px; line-height:1.35; color:rgba(255,255,255,0.38);
  }
  body.report-open{ overflow:hidden;}
  .report-overlay{
    position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center;
    padding:22px; background:rgba(4,5,12,0.72); backdrop-filter:blur(10px);
  }
  .report-overlay[hidden]{ display:none !important;}
  .report-modal{
    width:min(820px,100%); max-height:90vh; overflow:auto; color:#fff;
    background:#12141C; border:1px solid rgba(255,255,255,0.1); border-radius:20px;
    box-shadow:0 40px 80px -28px rgba(0,0,0,0.7);
  }
  .report-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:22px 24px 8px;}
  .report-head h3{ font-size:22px; line-height:1.2; margin:0; color:#fff;}
  .report-head .ok{ color:#3ED598;}
  .report-mango{ margin-top:6px; font-size:13px; color:rgba(255,255,255,0.45);}
  .report-close{
    width:36px; height:36px; border:0; border-radius:10px; flex:none; cursor:pointer;
    background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.7);
    display:flex; align-items:center; justify-content:center;
  }
  .report-close:hover{ background:rgba(255,255,255,0.1); color:#fff;}
  .report-tabs{
    display:flex; gap:4px; margin:8px 24px 0; border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .report-tab{
    border:0; background:transparent; color:rgba(255,255,255,0.48); cursor:pointer;
    display:inline-flex; align-items:center; gap:8px; padding:12px 14px 11px;
    font-size:14px; font-weight:600; border-bottom:2px solid transparent; margin-bottom:-1px;
  }
  .report-tab.is-active{ color:#fff; border-bottom-color:#4F8CF7;}
  .report-tab svg{ flex:none; opacity:.8;}
  .report-panel{ display:none; padding:20px 24px 8px;}
  .report-panel.is-active{ display:block;}
  .report-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:10px;}
  .report-kpi, .report-row{
    border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:14px 14px 12px;
    background:rgba(255,255,255,0.03);
  }
  .report-kpi .label, .report-row .label{
    display:flex; align-items:center; gap:7px;
    font-size:11px; letter-spacing:.04em; text-transform:uppercase;
    color:rgba(255,255,255,0.42); font-family:'JetBrains Mono',monospace;
  }
  .report-kpi .val, .report-row .val{ font-size:16px; font-weight:700; margin-top:6px;}
  .report-row{ margin-bottom:10px;}
  .report-block{ margin:16px 0; }
  .report-block h4{ font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,0.5); margin-bottom:8px;}
  .report-block p, .report-block li{ font-size:14px; line-height:1.5; color:rgba(255,255,255,0.78);}
  .report-block ul{ padding-left:18px; display:flex; flex-direction:column; gap:6px;}
  .report-insight{
    margin:16px 0; padding:16px 16px 14px; border-radius:16px;
    border:1px solid rgba(255,255,255,0.1);
  }
  .report-insight--summary{
    background:linear-gradient(180deg, rgba(109,93,251,0.16), rgba(255,255,255,0.03));
    border-color:rgba(109,93,251,0.35);
    box-shadow:inset 3px 0 0 #6D5DFB;
  }
  .report-insight--recs{
    background:linear-gradient(180deg, rgba(23,184,206,0.14), rgba(255,255,255,0.03));
    border-color:rgba(23,184,206,0.32);
    box-shadow:inset 3px 0 0 #17B8CE;
  }
  .report-insight-head{
    display:flex; align-items:center; gap:10px; margin-bottom:12px;
  }
  .report-insight-ico{
    width:32px; height:32px; border-radius:10px; flex:none;
    display:flex; align-items:center; justify-content:center; color:#fff;
  }
  .report-insight--summary .report-insight-ico{ background:linear-gradient(135deg,#6D5DFB,#4F8CF7);}
  .report-insight--recs .report-insight-ico{ background:linear-gradient(135deg,#17B8CE,#3ED598);}
  .report-insight h4{
    margin:0; font-size:12px; letter-spacing:.05em; text-transform:uppercase;
    color:rgba(255,255,255,0.72); font-family:'JetBrains Mono',monospace;
  }
  .report-insight p{ font-size:14.5px; line-height:1.55; color:rgba(255,255,255,0.9); margin:0;}
  .report-recs{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px;}
  .report-recs li{
    display:flex; gap:10px; align-items:flex-start;
    padding:10px 12px; border-radius:12px;
    background:rgba(8,12,20,0.35); color:rgba(255,255,255,0.9); font-size:14px; line-height:1.45;
  }
  .report-recs b{
    flex:none; width:22px; height:22px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:11px; font-family:'JetBrains Mono',monospace;
    background:rgba(62,213,152,0.18); color:#3ED598;
  }
  .report-table-wrap{ overflow-x:auto;}
  .report-table{ width:100%; border-collapse:collapse; font-size:13.5px;}
  .report-table th{
    text-align:left; font-size:11px; letter-spacing:.04em; text-transform:uppercase;
    color:rgba(255,255,255,0.42); font-weight:600; padding:0 10px 10px;
  }
  .report-table td{ padding:12px 10px; border-top:1px solid rgba(255,255,255,0.08); vertical-align:top; color:rgba(255,255,255,0.82);}
  .report-table .crit{ font-weight:600; color:#fff; min-width:160px;}
  .report-table .desc{ color:rgba(255,255,255,0.55); font-size:12.5px; line-height:1.4;}
  .report-total{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    margin-top:14px; padding:16px 16px 14px;
    border:1px solid rgba(255,255,255,0.1); border-radius:14px;
    background:rgba(255,255,255,0.03);
  }
  .report-total .label{
    font-size:11px; letter-spacing:.04em; text-transform:uppercase;
    color:rgba(255,255,255,0.42); font-family:'JetBrains Mono',monospace;
  }
  .report-total .val{ font-size:16px; font-weight:700; margin-top:5px;}
  .report-total .score{
    font-family:'Space Grotesk',sans-serif; font-size:28px; font-weight:700;
    background:var(--gradient); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .report-pass, .report-fail{
    width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  }
  .report-pass{ background:rgba(62,213,152,0.18); color:#3ED598;}
  .report-fail{ background:rgba(230,67,46,0.18); color:#FF7D68;}
  .report-transcript{
    border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:16px 16px 8px;
    background:rgba(255,255,255,0.03);
  }
  .report-transcript p{ font-size:14.5px; line-height:1.55; color:rgba(255,255,255,0.86); margin-bottom:12px;}
  .report-transcript b{ color:#8B7CFF; font-family:'JetBrains Mono',monospace; font-size:12.5px; margin-right:8px;}
  .report-foot{
    padding:8px 24px 20px; font-size:12px; line-height:1.45; color:rgba(255,255,255,0.38);
  }
  @media (max-width:640px){
    .report-kpis{ grid-template-columns:1fr;}
    .report-head{ padding:18px 16px 6px;}
    .report-tabs, .report-panel, .report-foot{ margin-left:0; margin-right:0; padding-left:16px; padding-right:16px;}
  }

  .stat-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; position:relative; z-index:2;}
  .stat-card{ background:rgba(255,255,255,0.045); border:1px solid var(--glass-line); border-radius:var(--radius-m); padding:12px 14px 10px; backdrop-filter:blur(16px); color:#fff;}
  .stat-card h4{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.03em; color:rgba(255,255,255,0.5); font-weight:600; text-transform:uppercase; margin-bottom:8px;}
  .donut-row{ display:flex; align-items:center; gap:16px;}
  .donut{
    width:58px; height:58px; border-radius:50%; flex:none; position:relative;
    background:conic-gradient(
      var(--d1, #8A8A96) 0 var(--p1, 0%),
      var(--d2, #8A8A96) var(--p1, 0%) var(--p2, 0%),
      var(--d3, #8A8A96) var(--p2, 0%) var(--p3, 0%),
      rgba(255,255,255,0.12) var(--p3, 0%) 100%
    );
  }
  .donut::after{ content:""; position:absolute; inset:10px; border-radius:50%; background:var(--dark-2);}
  .donut-legend{ display:flex; flex-direction:column; gap:4px; font-size:12px; color:rgba(255,255,255,0.75);}
  .donut-legend li{ display:flex; align-items:center; gap:7px;}
  .donut-legend .dot{ background:#8A8A96;}
  .flag-badge.is-muted{ background:rgba(255,255,255,0.08) !important; color:#A0A0AA !important;}
  .dot{ width:8px; height:8px; border-radius:50%; flex:none;}
  .kpi-row{ display:flex; align-items:baseline; gap:8px;}
  .kpi-row .big{ font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:700;}
  .kpi-row .delta{ font-family:'JetBrains Mono',monospace; color:#3ED598; font-size:12.5px; font-weight:600;}
  .mini-metrics{ display:flex; flex-direction:column; gap:5px; margin-top:4px;}
  .mini-metrics li{ display:flex; justify-content:space-between; font-size:12.5px; color:rgba(255,255,255,0.6);}
  .mini-metrics b{ font-family:'JetBrains Mono',monospace; color:#fff;}
  .flag-list{ display:flex; flex-direction:column; gap:6px; margin-top:2px;}
  .flag-item{ display:flex; justify-content:space-between; align-items:center; font-size:13px; color:rgba(255,255,255,0.65);}
  .flag-badge{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:12px; padding:3px 9px; border-radius:100px;}
  .flag-badge.warn{ background:rgba(230,67,46,0.18); color:#FF7D68;}
  .flag-badge.amber{ background:rgba(219,147,19,0.2); color:#F3B94E;}
  .flag-badge.ok{ background:rgba(23,184,206,0.18); color:#4FD8EA;}

  /* ===== sections ===== */
  .section{ padding:96px 0; border-top:1px solid var(--line-soft);}
  .hero + .section{ border-top:none;}
  .section.alt{ background:var(--bg-soft);}
  .section.dots{ background-image:radial-gradient(rgba(91,79,233,0.16) 1.4px, transparent 1.4px); background-size:24px 24px;}

  .reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{ opacity:1; transform:none;}

  /* ===== process steps ===== */
  .steps-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .step-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:26px 22px; box-shadow:var(--shadow-m); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .step-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-l); border-color:#D9D5FA;}
  .step-num{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:9px; background:var(--gradient-soft); color:var(--brand-ink); font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;}
  .step-card h3{ font-size:19px; margin-top:14px;}
  .step-card p{ font-size:14px; color:var(--ink-soft); margin-top:8px;}
  .step-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px;}
  .chip{ font-size:11.5px; font-family:'JetBrains Mono',monospace; padding:4px 9px; border-radius:100px; background:var(--brand-tint); color:var(--brand-ink); font-weight:600;}

  .onboard-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px;}
  .onboard-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:26px 22px; box-shadow:var(--shadow-m); transition:transform .2s ease, box-shadow .2s ease;}
  .onboard-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-l);}
  .onboard-tag{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--brand-ink); font-weight:700; letter-spacing:.02em; text-transform:uppercase;}
  .onboard-card h3{ font-size:18px; margin-top:10px;}
  .onboard-card > p.desc{ font-size:14px; color:var(--ink-soft); margin-top:8px;}
  .onboard-list{ margin-top:16px; display:flex; flex-direction:column; gap:12px;}
  .onboard-list li{ font-size:13.5px; color:var(--ink-soft); padding-left:16px; position:relative;}
  .onboard-list li::before{ content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:var(--gradient);}
  .onboard-list b{ color:var(--ink); font-weight:600;}

  /* ===== tabs ===== */
  .tabs-nav{ position:relative; display:flex; gap:4px; overflow-x:auto; padding:5px; margin-bottom:30px; -webkit-overflow-scrolling:touch; scrollbar-width:none; background:var(--bg-soft); border:1px solid var(--line); border-radius:100px; width:fit-content; max-width:100%;}
  .tabs-nav::-webkit-scrollbar{display:none;}
  .tab-indicator{ position:absolute; top:5px; left:5px; height:calc(100% - 10px); border-radius:100px; background:var(--gradient); box-shadow:var(--shadow-glow); transition:transform .28s cubic-bezier(.2,.7,.2,1), width .28s cubic-bezier(.2,.7,.2,1); z-index:0;}
  .tab-btn{ position:relative; z-index:1; flex:none; padding:11px 18px; border-radius:100px; border:none; background:transparent; font-size:13.5px; font-weight:600; color:var(--ink-soft); transition:color .2s ease;}
  .tab-btn.active{ color:#fff;}
  .tab-panel{ display:none;}
  .tab-panel.active{ display:block; animation:fadein .3s ease;}
  @keyframes fadein{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }

  .dash-shell{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-l); padding:26px;}
  .dash-topline{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; align-items:flex-end; margin-bottom:22px;}
  .dash-topline h4{ font-size:19px;}
  .dash-topline span.mono{ color:var(--ink-faint); font-size:12.5px;}
  .kpi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px;}
  .kpi-box{ border:1px solid var(--line); border-radius:var(--radius-s); padding:14px 16px; background:var(--bg-soft);}
  .kpi-box .label{ font-size:11.5px; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.03em; font-family:'JetBrains Mono',monospace;}
  .kpi-box .val{ font-family:'Space Grotesk',sans-serif; font-size:22px; margin-top:6px; display:flex; align-items:baseline; gap:6px;}
  .kpi-box .val .delta{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--brand-ink);}
  .bars-chart{ display:flex; align-items:flex-end; gap:8px; height:110px; padding:0 4px;}
  .bars-chart .bar{ flex:1; background:var(--gradient); border-radius:6px 6px 0 0; position:relative; opacity:.9; height:0%; transform-origin:bottom center;}
  .bars-chart .bar.low{ background:var(--amber);}
  .table-mini{ width:100%; border-collapse:collapse; font-size:13px; margin-top:6px;}
  .table-mini th{ text-align:left; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; color:var(--ink-faint); padding:8px 10px; border-bottom:1px solid var(--line);}
  .table-mini td{ padding:11px 10px; border-bottom:1px solid var(--line-soft); color:var(--ink-soft); vertical-align:middle;}
  .table-mini tr:last-child td{ border-bottom:none;}
  .table-mini b{ color:var(--ink); font-weight:600;}
  .score-pill{ font-family:'JetBrains Mono',monospace; font-weight:700; padding:3px 9px; border-radius:100px; font-size:12px; display:inline-block;}
  .two-col{ display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center;}
  .two-col.reverse{ grid-template-columns:1fr 1.3fr;}
  .two-col.reverse .dash-shell{ order:-1;}
  .side-copy h3{ font-size:23px; margin-bottom:14px;}
  .side-copy ul{ display:flex; flex-direction:column; gap:11px; margin-top:16px;}
  .side-copy li{ font-size:14.5px; color:var(--ink-soft); padding-left:22px; position:relative;}
  .side-copy li::before{ content:"→"; position:absolute; left:0; color:var(--brand-ink); font-weight:700;}

  .folder-row{ display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap;}
  .folder-chip{ font-size:12.5px; padding:7px 12px; border-radius:9px; border:1px solid var(--line); color:var(--ink-soft); font-weight:500;}
  .folder-chip.active{ background:var(--brand-tint); border-color:#D9D5FA; color:var(--brand-ink);}
  .criteria-list{ display:flex; flex-direction:column; gap:10px; margin-top:14px;}
  .criteria-row{ display:flex; justify-content:space-between; align-items:center; font-size:13.5px; padding:11px 13px; border:1px solid var(--line); border-radius:10px; background:var(--bg-soft);}
  .criteria-row .w{ font-family:'JetBrains Mono',monospace; color:var(--ink-faint); font-size:12px;}

  .call-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-l); overflow:hidden;}
  .call-card-head{ display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--line); flex-wrap:wrap; gap:10px;}
  .call-card-body{ padding:22px 24px;}
  .call-meta{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:20px;}
  .call-meta div .label{ font-size:11.5px; text-transform:uppercase; color:var(--ink-faint); font-family:'JetBrains Mono',monospace; letter-spacing:.03em;}
  .call-meta div .val{ font-size:14.5px; margin-top:5px; font-weight:600;}
  .call-summary{ background:var(--bg-soft); border-radius:var(--radius-s); padding:16px 18px; font-size:14px; color:var(--ink-soft); border:1px solid var(--line);}
  .flag-inline{ display:inline-flex; gap:8px; margin-top:12px; flex-wrap:wrap;}
  .flag-inline span{ font-family:'JetBrains Mono',monospace; font-size:11.5px; background:var(--rust-tint); color:var(--rust); padding:4px 10px; border-radius:100px; font-weight:700;}

  /* settings */
  .settings-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:52px;}
  .settings-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:26px 24px; box-shadow:var(--shadow-m);}
  .settings-card h3{ font-size:19px; margin-bottom:14px;}
  .settings-card ul{ display:flex; flex-direction:column; gap:11px;}
  .settings-card li{ font-size:14.5px; color:var(--ink-soft); padding-left:24px; position:relative;}
  .settings-card li::before{ content:"✓"; position:absolute; left:0; color:var(--brand-ink); font-weight:800; font-size:13px;}
  .req-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
  .req-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s); padding:16px 14px; box-shadow:var(--shadow-m); transition:box-shadow .2s ease, transform .2s ease;}
  .req-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-l);}
  .req-card .ico{ width:32px; height:32px; border-radius:9px; background:var(--gradient); color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
  .req-card b{ display:block; font-size:13.5px;}
  .req-card span{ font-size:12px; color:var(--ink-faint); display:block; margin-top:4px;}

  /* integrations */
  .integr-cols{ display:grid; grid-template-columns:1fr 1fr; gap:32px;}
  .integr-label{ font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:16px; display:flex; align-items:center; gap:8px; font-weight:700;}
  .integr-label.now{ color:var(--brand-ink);}
  .integr-label.next{ color:var(--amber);}
  .integr-label::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor;}
  .integr-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:20px 20px; margin-bottom:14px; box-shadow:var(--shadow-m); transition:box-shadow .2s ease, transform .2s ease;}
  .integr-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-l);}
  .integr-card h4{ font-size:16px; margin-bottom:6px;}
  .integr-card p{ font-size:13.5px; color:var(--ink-soft);}
  .integr-card.dashed{ border-style:dashed; background:transparent; box-shadow:none;}
  .integr-card.dashed:hover{ transform:none; box-shadow:none;}

  /* audiences */
  .aud-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  a.aud-card{
    display:flex; flex-direction:column; height:100%;
    text-decoration:none; color:inherit; cursor:pointer;
  }
  .aud-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:24px 20px; box-shadow:var(--shadow-m); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .aud-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-l); border-color:rgba(91,79,233,0.22);}
  .aud-card h3{ font-size:18px; margin-bottom:10px;}
  .aud-card p.desc{ font-size:13.5px; color:var(--ink-soft); margin-bottom:14px;}
  .aud-card ul{ display:flex; flex-direction:column; gap:9px;}
  .aud-card li{ font-size:13px; color:var(--ink-soft); padding-left:18px; position:relative;}
  .aud-card li::before{ content:"—"; position:absolute; left:0; color:var(--amber);}
  .aud-more{
    display:block; margin-top:auto; padding-top:16px;
    font-size:13px; font-weight:600;
    color:var(--brand-ink); transition:color .2s ease;
  }
  .aud-card:hover .aud-more{ color:var(--brand);}

  .sol-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  }
  .sol-grid .sol-card:last-child:nth-child(3n+1){ grid-column:1 / -1; max-width:420px; }
  .sol-card{
    display:flex; flex-direction:column; gap:10px;
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    padding:24px 22px; box-shadow:var(--shadow-s);
    text-decoration:none; color:inherit; cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .sol-card:hover{
    transform:translateY(-3px); box-shadow:var(--shadow-m);
    border-color:rgba(91,79,233,0.25);
  }
  .sol-card h3{ font-size:18px; margin:0; }
  .sol-card p{ font-size:14px; line-height:1.55; color:var(--ink-soft); margin:0; flex:1; }
  .sol-link{ font-size:13px; font-weight:600; color:var(--brand-ink); margin-top:auto; padding-top:8px; }
  .sol-card:hover .sol-link{ color:var(--brand);}


  /* effects */
  .fx-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px;}
  .fx-big{ grid-column:span 2; background:var(--dark); color:#fff; border-radius:var(--radius-m); padding:28px 22px; display:flex; flex-direction:column; justify-content:space-between; min-height:160px; position:relative; overflow:hidden;}
  .fx-big::after{ content:""; position:absolute; inset:0; background:var(--gradient); opacity:.22;}
  .fx-big > *{ position:relative; z-index:1;}
  .fx-big .num{ font-family:'Space Grotesk',sans-serif; font-size:46px;}
  .fx-big p{ font-size:13.5px; opacity:.82; margin-top:10px;}
  .fx-card{ grid-column:span 2; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:22px 20px; box-shadow:var(--shadow-m); transition:transform .2s ease, box-shadow .2s ease;}
  .fx-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-l);}
  .fx-card h4{ font-size:15.5px; margin-bottom:8px;}
  .fx-card p{ font-size:13.5px; color:var(--ink-soft);}

  /* contact */
  .contact-grid{ display:grid; grid-template-columns:1.05fr 0.95fr; gap:24px; align-items:stretch;}
  .audit-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    padding:28px 26px; box-shadow:var(--shadow-l);
  }
  .audit-card-lead{ font-weight:700; font-size:15px; margin-bottom:6px; color:var(--ink);}
  .audit-card-sub{ font-size:13.5px; color:var(--ink-soft); margin-bottom:8px;}
  .audit-steps{ display:flex; flex-direction:column;}
  .audit-step{ display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--line);}
  .audit-step:first-child{ padding-top:4px;}
  .audit-step:last-child{ border-bottom:none; padding-bottom:0;}
  .audit-step .step-num{
    background:var(--brand-tint); border:1px solid rgba(91,79,233,0.18); color:var(--brand-ink);
    flex:none; width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600;
  }
  .audit-step h4{ font-size:15.5px; margin-bottom:4px; color:var(--ink);}
  .audit-step p{ font-size:13.5px; color:var(--ink-soft);}
  .form-card{
    position:relative; overflow:hidden;
    background: linear-gradient(160deg, #0B0B14 0%, #121225 55%, #0E1520 100%);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:var(--radius-m); padding:28px 26px;
    box-shadow: var(--shadow-m), 0 24px 48px -28px rgba(91,79,233,0.5);
  }
  .form-card::before{
    content:""; position:absolute; inset:-40% auto auto -20%; width:220px; height:220px;
    background:radial-gradient(circle, rgba(109,93,251,0.4), transparent 68%);
    pointer-events:none;
  }
  .form-card::after{
    content:""; position:absolute; inset:auto -25% -40% auto; width:200px; height:200px;
    background:radial-gradient(circle, rgba(23,184,206,0.3), transparent 68%);
    pointer-events:none;
  }
  .form-card > *{ position:relative; z-index:1; }
  .form-card h3{ font-size:20px; margin-bottom:6px; color:#fff;}
  .form-card > #formDefault > p,
  .form-card > p{ font-size:13.5px; color:rgba(255,255,255,0.58); margin-bottom:22px;}
  .field{ margin-bottom:14px;}
  .field label{ display:block; font-size:12.5px; font-weight:600; color:rgba(255,255,255,0.68); margin-bottom:6px;}
  .field input{
    width:100%; padding:13px 15px; border-radius:11px; border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.05); font-family:inherit; font-size:14.5px; color:#fff; transition:.15s ease;
  }
  .field input::placeholder{ color:rgba(255,255,255,0.35);}
  .field input:focus{
    outline:none; border-color:#8B7CFF; background:rgba(255,255,255,0.08);
    box-shadow:0 0 0 3px rgba(109,93,251,0.25);
  }
  .contact-combo{
    display:flex; align-items:stretch; gap:8px;
  }
  .contact-toggle{
    display:flex; flex:none; padding:3px; gap:2px;
    background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
    border-radius:12px;
  }
  .contact-toggle-btn{
    width:42px; display:flex; align-items:center; justify-content:center;
    border:0; background:transparent; color:rgba(255,255,255,0.45);
    border-radius:9px; cursor:pointer; transition:background .15s ease, color .15s ease;
  }
  .contact-toggle-btn:hover{ color:rgba(255,255,255,0.82);}
  .contact-toggle-btn.is-active{
    background:linear-gradient(135deg,#6D5DFB,#17B8CE);
    color:#fff; box-shadow:0 6px 16px -8px rgba(109,93,251,0.8);
  }
  .contact-combo .js-contact{
    flex:1; min-width:0; margin:0;
  }
  .form-card .btn{ width:100%; margin-top:8px;}
  .form-note{ font-size:12px; color:rgba(255,255,255,0.4); margin-top:14px; text-align:center;}
  .form-success{ display:none; text-align:center; padding:30px 10px;}
  .form-success.show{ display:block;}
  .form-success .wave-check{ margin:0 auto 14px;}
  .form-success h3{ color:#fff;}
  .form-success p{ color:rgba(255,255,255,0.6);}

  /* case study */
  .case-stats{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  }
  .case-stat{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    box-shadow:var(--shadow-l); padding:28px 24px; text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .case-stat:hover{ transform:translateY(-3px); box-shadow:var(--shadow-l); }
  .case-stat b{
    font-family:'Space Grotesk',sans-serif; font-size:clamp(32px,4vw,40px);
    display:block; line-height:1.05;
  }
  .case-stat span{ font-size:13.5px; color:var(--ink-soft); display:block; margin-top:10px; line-height:1.35;}
  @media (max-width:640px){
    .case-stats{ grid-template-columns:1fr; }
  }

  /* footer */
  footer{ border-top:1px solid var(--line); padding:48px 0 40px; background:var(--bg-soft);}
  .foot-grid{
    display:grid;
    grid-template-columns:1.1fr 0.9fr 1.1fr 1.4fr;
    gap:32px 40px;
    align-items:start;
  }
  .foot-col{ display:flex; flex-direction:column; gap:14px; min-width:0;}
  .foot-col-title{
    font-size:11.5px; font-weight:700; letter-spacing:0.07em; text-transform:uppercase;
    color:var(--ink-faint); margin:0;
  }
  .foot-grid .logo{ color:var(--ink); align-self:flex-start;}
  .foot-brand-note{ font-size:13.5px; line-height:1.45; color:var(--ink-soft); max-width:220px;}
  .foot-links{ display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--ink-soft);}
  .foot-links a{ transition:color .15s ease;}
  .foot-links a:hover{ color:var(--ink);}
  .foot-contact{ font-size:14px; color:var(--ink-soft); display:flex; flex-direction:column; gap:10px;}
  .foot-contact a{ transition:color .15s ease;}
  .foot-contact a:hover{ color:var(--ink);}
  .foot-partners{ display:flex; flex-direction:column; gap:14px; margin:0; padding:0; border:0;}
  .foot-partners-logos{ display:flex; flex-wrap:wrap; align-items:stretch; gap:14px; }
  .foot-partner{
    margin:0; display:flex; flex-direction:column; align-items:center; gap:8px;
    width:calc(50% - 7px); min-width:120px; flex:1 1 120px;
  }
  .foot-partner-mark{
    width:100%; height:88px; padding:12px 14px;
    display:flex; align-items:center; justify-content:center;
    background:#fff; border:1px solid var(--line); border-radius:12px;
    box-shadow:var(--shadow-s);
  }
  .foot-partner-mark img{ height:100%; width:auto; max-width:100%; object-fit:contain; }
  .foot-partner--dark .foot-partner-mark{ background:#0A0A0A; border-color:#0A0A0A; }
  .foot-partner figcaption{
    font-size:12.5px; line-height:1.3; color:var(--ink-soft); text-align:center;
  }
  .foot-bottom{ margin-top:32px; padding-top:20px; border-top:1px solid var(--line); font-size:12.5px; color:var(--ink-faint); text-align:center;}
  @media (max-width:960px){
    .foot-grid{ grid-template-columns:1fr 1fr; gap:28px 24px;}
  }
  @media (max-width:640px){
    .foot-grid{ grid-template-columns:1fr; }
  }

  /* ================= responsive ================= */
  @media (min-width:961px){
    .hero{
      min-height:100svh;
      box-sizing:border-box;
      display:flex;
      flex-direction:column;
    }
    .hero-inner{
      flex:1;
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:0;
    }
  }
  @media (max-width:1180px){
    .section{ padding:72px 0;}
    .nav-links{ display:none;}
    .burger{ display:flex;}
    .hero-grid{ grid-template-columns:1fr; gap:40px;}
    .stat-strip{ grid-template-columns:1fr;}
    .steps-flow{ grid-template-columns:1fr 1fr;}
    .onboard-grid{ grid-template-columns:1fr;}
    .two-col, .two-col.reverse{ grid-template-columns:1fr; gap:28px;}
    .two-col.reverse .dash-shell{ order:0;}
    .kpi-grid{ grid-template-columns:1fr 1fr;}
    .settings-grid{ grid-template-columns:1fr;}
    .req-grid{ grid-template-columns:repeat(2,1fr);}
    .integr-cols{ grid-template-columns:1fr;}
    .aud-grid{ grid-template-columns:1fr 1fr;}
    .fx-grid{ grid-template-columns:1fr 1fr;}
    .fx-card{ grid-column:span 1;}
    .contact-grid{ grid-template-columns:1fr; gap:20px;}
    .case-stats{ grid-template-columns:repeat(3,1fr);}
    .call-meta{ grid-template-columns:repeat(2,1fr);}
    .fx-big{ grid-column:span 1;}
  }
  @media (max-width:640px){
    .wrap{ padding:0 18px;}
    .section{ padding:48px 0;}
    .section-head{ margin-bottom:32px;}
    .onboard-grid{ margin-top:32px;}
    .settings-grid{ margin-bottom:32px;}
    .steps-flow{ margin-bottom:8px;}
    .hero{ padding:120px 0 20px;}
    .hero-ctas .btn{ width:100%;}
    .hero-ctas{ flex-direction:column;}
    .steps-flow{ grid-template-columns:1fr;}
    .kpi-grid{ grid-template-columns:1fr 1fr;}
    .call-meta{ grid-template-columns:1fr 1fr;}
    .req-grid{ grid-template-columns:1fr 1fr;}
    .aud-grid{ grid-template-columns:1fr;}
    .sol-grid{ grid-template-columns:1fr; }
    .sol-grid .sol-card:last-child:nth-child(3n+1){ grid-column:auto; max-width:none; }
    .fx-grid{ grid-template-columns:1fr 1fr;}
    .fx-big{ grid-column:span 2;}
    .case-stats{ grid-template-columns:1fr; text-align:center;}
    .bars-chart{ height:90px;}
    .tabs-nav{ margin-left:-18px; margin-right:-18px; padding-left:5px; padding-right:5px; max-width:none; width:calc(100% + 36px); border-radius:0; border-left:none; border-right:none;}
    .mesh .blob{ filter:blur(55px);}
    .mesh .b1{ width:340px; height:340px; left:-120px; top:-120px;}
    .mesh .b2{ width:300px; height:300px; right:-100px;}
    .mesh .b3{ width:280px; height:280px;}
    .dash-shell{ padding:16px;}
  }
  @media (max-width:480px){
    .nav-outer{ top:10px; padding:0 12px;}
    .nav-pill{ padding:8px 8px 8px 14px; gap:10px;}
    .logo{ font-size:15px; gap:7px;}
    .nav-pill .btn-sm{ padding:9px 14px; font-size:12.5px;}
    .mobile-menu{ padding:88px 22px 32px;}
    .glass-card{ padding:20px 18px 18px;}
    .badge{ font-size:12px;}
    .form-card{ padding:24px 18px;}
    .settings-card{ padding:22px 18px;}
    .section-head p{ font-size:15.5px;}
  }
  @media (max-width:380px){
    .nav-pill .btn-sm{ display:none;}
  }

  /* Pricing */
  .pricing-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:18px; }
  .price-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    padding:28px 28px 30px; box-shadow:var(--shadow-l);
  }
  .price-card--main{
    background: linear-gradient(160deg, #0E0E17 0%, #151528 100%);
    border:1px solid rgba(255,255,255,0.08); color:#fff;
    position:relative; overflow:hidden;
  }
  .price-card--main::before{
    content:""; position:absolute; inset:-40% auto auto -20%; width:280px; height:280px;
    background:radial-gradient(circle, rgba(109,93,251,0.45), transparent 65%);
    pointer-events:none;
  }
  .price-card--main::after{
    content:""; position:absolute; inset:auto -20% -40% auto; width:240px; height:240px;
    background:radial-gradient(circle, rgba(23,184,206,0.35), transparent 65%);
    pointer-events:none;
  }
  .price-card--main > *{ position:relative; z-index:1; }
  .price-label{ font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.55); font-weight:600; }
  .price-value{ display:flex; align-items:flex-end; gap:14px; margin:18px 0 14px; }
  .price-value strong{
    font-family:'Space Grotesk', sans-serif; font-size:clamp(64px,8vw,84px);
    font-weight:700; line-height:0.9; letter-spacing:-0.04em;
    background:var(--gradient); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .price-unit{ padding-bottom:8px; font-size:17px; line-height:1.25; color:rgba(255,255,255,0.72); }
  .price-card--main p{ color:rgba(255,255,255,0.58); font-size:14.5px; line-height:1.55; }
  .price-card h3{ font-size:22px; margin:8px 0 10px; }
  .price-card > p{ color:var(--ink-soft); font-size:14.5px; line-height:1.55; }
  .price-list{ margin-top:16px; display:flex; flex-direction:column; gap:10px; }
  .price-list li{
    position:relative; padding-left:18px; font-size:14px; color:var(--ink-soft); line-height:1.4;
  }
  .price-list li::before{
    content:""; position:absolute; left:0; top:7px; width:7px; height:7px; border-radius:50%;
    background:var(--gradient);
  }
  .pricing-cta{ display:flex; justify-content:center; margin-top:28px; }

  @media (max-width:900px){
    .pricing-grid{ grid-template-columns:1fr; }
  }

  /* FAQ */
  .faq-list{ display:flex; flex-direction:column; gap:12px; max-width:820px; }

  .cmp-table-wrap{ overflow-x:auto; margin-top:8px; }
  .cmp-table{
    width:100%; border-collapse:collapse; font-size:14px;
    background:rgba(255,255,255,0.03); border-radius:var(--radius-cards); overflow:hidden;
  }
  .cmp-table th,.cmp-table td{
    padding:14px 16px; text-align:left; border-bottom:1px solid rgba(186,215,247,0.1);
    color:var(--color-moon-mist);
  }
  .cmp-table th{
    font-size:11px; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--color-fog-veil); background:rgba(5,6,15,0.55);
  }
  .cmp-table tr.is-highlight td{
    background:rgba(109,93,251,0.12); color:var(--color-frost-glow); font-weight:500;
  }
  .cmp-table tr:last-child td{ border-bottom:none; }
  .faq-item{
    border:1px solid var(--line); border-radius:var(--radius-m);
    background:var(--surface); overflow:hidden; box-shadow:var(--shadow-s);
  }
  .faq-q{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:18px 22px; background:none; border:none; text-align:left;
    font-family:'Space Grotesk', sans-serif; font-size:17px; font-weight:600;
    color:var(--ink); cursor:pointer;
  }
  .faq-q svg{ flex:none; transition:transform .25s ease; color:var(--brand); }
  .faq-item.is-open .faq-q svg{ transform:rotate(180deg); }
  .faq-a{
    display:none; padding:0 22px 20px; color:var(--ink-soft); line-height:1.7; font-size:15px;
  }
  .faq-item.is-open .faq-a{ display:block; }
  .faq-a p + p{ margin-top:12px; }