:root{
    --bg:#000000;
    --bg2:#04110F;
    --card:#04110F;
    --card2:#071411;
    --line:rgba(255,255,255,0.10);
    --line2:rgba(255,255,255,0.16);
    --text:rgba(255,255,255,0.85);
    --muted:rgba(255,255,255,0.70);
    --white:#FFFFFF;
    --teal:#5EEAD4;
    --teal-ink:#0A1520;
    --teal-dim:rgba(94,234,212,.10);
    --teal-line:rgba(94,234,212,.30);
    --danger:#FE7754;
    --danger-dim:rgba(254,119,84,.12);
    --amber:#F5B841;
    --font-disp:'Inter',system-ui,sans-serif;
    --font-body:'Inter',system-ui,sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,monospace;
    --maxw:1200px;
    --radius:14px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;background:linear-gradient(93deg, #000000 2%, #071411 104%);background-attachment:fixed;color:var(--text);
    font-family:var(--font-body);font-size:16px;line-height:1.6;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  }
  h1,h2,h3{font-family:var(--font-disp);font-weight:700;color:var(--white);line-height:1.12;letter-spacing:-0.02em;margin:0}
  h1{font-weight:800}
  a{color:inherit;text-decoration:none}
  p{margin:0}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .teal{color:var(--teal)}
  .danger{color:var(--danger)}
  .mono{font-family:var(--font-mono)}

  /* section rhythm - 80px top/bottom padding everywhere (160px between sections),
     36/48 headings, 20/32 subtext with 20px gap under the heading, matching
     the partners page's global spacing/type conventions. */
  section{padding:80px 0;border-top:1px solid var(--line)}
  .seclabel{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
  .sec-head{font-size:36px;line-height:48px;max-width:1100px;margin-bottom:0}
  .sec-sub{color:var(--muted);max-width:1100px;font-size:20px;line-height:32px;margin-top:20px}


  /* Buttons: fully rounded pill, orange gradient primary, matching the
  /* Buttons — fully rounded pill, orange gradient primary, matching the
     partners page's CTA style instead of a flat teal fill. */
.btn {
  padding: 10px 20px;
  border-radius: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.25s ease, outline-color 0.25s ease,
    box-shadow 0.25s ease;
  display: inline-block;
}
.btn-outline {
  border-color: #ffd7cd;
  color: #fff;
  background: transparent;
}
.btn-outline:hover {
  background: rgba(255, 215, 205, 0.1);
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
}
.btn-solid {
  background: linear-gradient(180deg, #fe7754 0%, #bd4020 100%);
  color: #fff;
  outline: none !important;
  outline-offset: 0 !important;
  border: none !important;
}
.btn-solid:hover {
  background: linear-gradient(360deg, #fe7754 0%, #bd4020 100%);
  outline: 1px solid rgba(254, 164, 43, 0.6);
  outline-offset: -1px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
}
.btn-outline:focus,
.btn-solid:focus {
  outline: none;
  text-decoration: none;
  color: #fff !important;
  font-weight: 600 !important;
}

  /* ---------- HERO ---------- */
  .hero{padding:74px 0 66px;border-top:none;position:relative;z-index:0;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size:22px 22px;
    -webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 35%, #000 30%, transparent 85%);
    mask-image:radial-gradient(ellipse 65% 55% at 50% 35%, #000 30%, transparent 85%);}
  .hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
  .hero h1{font-size:3.5rem;letter-spacing:-.025em;margin-bottom:22px}
  .hero-lede{font-size:1.18rem;color:var(--text);max-width:46ch;margin-bottom:14px}
  .h1-type{color:var(--teal)}
  .caret{display:none;width:3px;height:.95em;margin-left:4px;background:var(--teal);vertical-align:-.1em;animation:blink 1s step-end infinite}
  @keyframes blink{50%{opacity:0}}
  html.js-type .caret{display:inline-block}
  html.js-type h1{min-height:2.35em}
  .hero-def{font-size:1rem;color:var(--muted);max-width:52ch;margin-bottom:30px}
  .hero-actions{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}

  .hero-fine{font-size:.86rem;color:var(--muted)}
  .hero-fine a{color:var(--teal);border-bottom:1px solid var(--teal-line)}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
  .chip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted);padding:6px 11px;border:1px solid var(--line2);border-radius:999px;background:var(--card2)}
  .chip b{color:var(--teal);font-weight:500}
  .clogo{height:26px;width:auto;opacity:.62;filter:grayscale(1)}
  .clogo:hover{opacity:.9}
  .chips.clients{margin-top:14px;margin-bottom:28px;align-items:center}
  /* ---------- SECURITY STRIP ----------
     The five guarantees, moved out of the hero into their own scannable
     band: icon + short label + one line of plain-English explanation,
     so it reads as five facts rather than one long mono sentence. */
  .secstrip{border-top:1px solid var(--line);background:var(--bg2);padding:34px 0}
  .secstrip-lbl{text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:26px}
  .secstrip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
  .sec-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:16px 16px;
    background:linear-gradient(160deg, rgba(255,255,255,0.04), rgba(255,255,255,0.008))}
  .sec-ico{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--teal-dim);border:1px solid var(--teal-line);color:var(--teal);display:flex;align-items:center;justify-content:center}
  .sec-ico svg{width:17px;height:17px}
  .sec-item h4{font-family:var(--font-disp);font-weight:600;font-size:.88rem;color:var(--white);margin:2px 0 5px;letter-spacing:-.01em;line-height:1.25}
  .sec-item p{font-size:.78rem;color:var(--muted);line-height:1.45}
  @media(max-width:1080px){.secstrip-grid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:760px){.secstrip-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:480px){.secstrip-grid{grid-template-columns:1fr}}
  .clabel{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}

  /* chat mockup */
  .chat{background:linear-gradient(180deg,#0F1621,#0C121B);border:1px solid var(--line2);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
  .chat-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#0C1119}
  .dot{width:11px;height:11px;border-radius:50%}
  .chat-bar .mono{margin-left:8px;font-size:.74rem;color:var(--muted)}
  .chat-body{padding:20px 18px;display:flex;flex-direction:column;gap:14px}
  .msg{max-width:88%;font-size:.9rem;line-height:1.5}
  .msg.user{align-self:flex-end;background:var(--teal-dim);border:1px solid var(--teal-line);color:var(--white);padding:11px 14px;border-radius:12px 12px 3px 12px}
  .msg.bot{align-self:flex-start;color:var(--text)}
  .msg.bot .who{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
  .runcard{border:1px solid var(--line);background:var(--card2);border-radius:11px;padding:12px 13px}
  .runrow{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted);margin-bottom:9px}
  .runrow .mono{color:var(--text)}
  .bar{height:6px;border-radius:4px;background:#1A2331;overflow:hidden}
  .bar>i{display:block;height:100%;width:12%;background:var(--teal);border-radius:4px}
  .find{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}
  .find:first-child{border-top:none}
  .sev{font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:5px;flex-shrink:0;margin-top:1px}
  .sev.crit{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(249,115,22,.35)}
  .sev.med{background:rgba(245,184,65,.12);color:var(--amber);border:1px solid rgba(245,184,65,.3)}
  .sev.low{background:#161E29;color:var(--muted);border:1px solid var(--line2)}
  .find .ftxt{font-size:.82rem;line-height:1.4}
  .find .ftxt b{color:var(--white);font-weight:500}
  .find .ftxt span{color:var(--muted)}
  .chain{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.72rem;color:var(--muted);flex-wrap:wrap;margin-top:2px}
  .chain .st{padding:4px 8px;border:1px solid var(--line2);border-radius:6px;color:var(--text);background:var(--card2)}
  .chain .arrow{color:var(--teal)}

  /* ---------- PROOF STRIP ---------- */
  .proof{border-top:1px solid var(--line);background:var(--bg2);}
  .proof .lbl{text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
  .logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:26px}
  /* Bordered badge cards (title + small teal caption) instead of a plain
     text ticker, matching the certification-badge treatment used elsewhere
     on siemba.io. */
  .badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
  .badge-card{border:1px solid var(--line2);background:var(--card2);border-radius:12px;padding:14px 20px;text-align:left;transition:border-color .16s}
  .badge-card:hover{border-color:var(--teal-line)}
  .bc-title{font-family:var(--font-disp);font-weight:700;font-size:1.1rem;color:var(--white);white-space:nowrap}
  .bc-title sup{color:var(--teal);font-size:.6em;margin-left:1px}
  .bc-title .g2{color:var(--danger);font-weight:800;margin-right:2px}
  .bc-title .stars{color:var(--teal);font-size:.85em;letter-spacing:1px;margin-left:4px}
  .bc-sub{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);margin-top:6px;white-space:nowrap}
  .bc-sub .stars{color:var(--teal);letter-spacing:2px}


  .badges-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;
  font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:rgba(255,255,255,0.6);    
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 40px;
  text-transform:uppercase;margin:0 auto 0px;    }
.badges-row span{white-space:nowrap;}
.badges-row .sep{color:rgba(255,255,255,0.25);}
.cert-logo-img {
    height: 57px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
}
.cred-badges{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.cred-chip{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:0.03em;color:var(--mint);
  border:1px solid rgba(94,234,212,0.35);background:rgba(94,234,212,0.07);border-radius:5px;padding:2px 7px;line-height:1.5;text-transform:none;}
.cred-lbl{margin-left:4px;text-transform:none;letter-spacing:normal;white-space:nowrap;}
  .cred-badges{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
  .cred-chip{font-family:'JetBrains Mono';font-size:10.5px;font-weight:700;letter-spacing:0.03em;color:var(--mint);
    border:1px solid rgba(94,234,212,0.35);background:rgba(94,234,212,0.07);border-radius:5px;padding:2px 7px;line-height:1.5;}
  .cred-lbl{margin-left:3px;}
  .trust-badge-img{height:30px;width:auto;display:inline-block;vertical-align:middle;border-radius:4px;}

  .partner-bar{
    max-width:1040px;margin:0 auto 30px;box-sizing:border-box;
    background:rgba(16,99,95,0.2);border:1px solid rgba(179,236,236,0.16);
    border-radius:12px;height:auto;min-height:56px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
    padding:16px 32px;text-align:left;
  }
  .partner-bar p{font-size:14.5px;color:rgba(255,255,255,0.9);margin:0;line-height:1.5;white-space:normal;flex:1 1 auto;min-width:0;}
  .partner-bar p b{color:#fff;font-weight:700;}
  .partner-bar .join{font-size:14.5px;color:#fff;font-weight:500;text-decoration:underline;white-space:nowrap;flex-shrink:0;transition:color .2s ease;}
  .partner-bar .join:hover{color:var(--tertiary);}
  @media (max-width:760px){
    .partner-bar{flex-wrap:wrap;}
    .partner-bar p{white-space:normal;}
  }


.trust-marquee-row{display:flex;align-items:center;gap:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,0.08);}
  .trust-marquee-lbl{flex-shrink:0;font-family:'JetBrains Mono';font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.42);font-weight:600;white-space:nowrap;}
  .trust-marquee{flex:1;min-width:0;overflow:hidden;position:relative;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);}
  .trust-marquee-track{display:flex;align-items:center;gap:72px;width:max-content;animation:trustScroll 28s linear infinite;}
  .trust-marquee:hover .trust-marquee-track{animation-play-state:paused;}
  .logo-mark{font-weight:800;font-size:23px;color:rgba(255,255,255,0.8);letter-spacing:-0.4px;white-space:nowrap;opacity:.82;transition:opacity .25s ease, color .25s ease;}
.logo-mark img{width:100%;height:50px;}
  .logo-mark:hover{opacity:1;color:#fff;}
  @keyframes trustScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }


  .logos .logo{white-space:nowrap;font-family:'Inter',sans-serif;font-weight:700;font-size:19px;color:rgba(255,255,255,0.8);opacity:.85;transition:opacity .2s ease,color .2s ease;}
  .logos .logo:hover{opacity:1;color:#fff;}

  /* ---------- PROBLEM ---------- */
  .problem-body{max-width:1100px;margin-top:20px}
  .problem-body p+p{margin-top:20px}
  .problem-body p{font-size:1.1rem;color:var(--text)}
  .problem-body .stake{color:var(--muted);font-size:1.06rem}
  .problem-body .stake b{color:var(--white);font-weight:500}
  /* Stat graphic - a horizontal "timeline" band under the copy, each dot
     marking a researched industry number about the fix-it gap. */
  .gap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px;position:relative;padding-top:30px;max-width:1100px}
  .gap-stats::before{content:'';position:absolute;top:0;left:2px;right:2px;height:1px;background:linear-gradient(90deg, var(--teal-line), var(--teal-line) 85%, transparent)}
  .gstat{position:relative}
  .gstat::before{content:'';position:absolute;top:-34px;left:0;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(94,234,212,0.14)}
  .gnum{font-family:var(--font-disp);font-weight:800;font-size:2.5rem;color:var(--white);line-height:1;letter-spacing:-0.02em}
  .gnum .u{font-size:0.5em;font-weight:700;margin-left:2px;color:var(--teal)}
  .glabel{margin-top:12px;font-size:0.95rem;color:var(--text);line-height:1.45;max-width:32ch}
  .gsource{margin-top:12px;font-family:var(--font-mono);font-size:0.68rem;color:var(--muted);opacity:0.75}
  @media(max-width:700px){.gap-stats{grid-template-columns:1fr;gap:36px}}

  /* ---------- SKILLS ---------- */
  .skills-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:14px}
  .skill-note{font-family:var(--font-mono);font-size:.76rem;color:var(--muted);border:1px solid var(--line2);border-radius:8px;padding:8px 12px;white-space:nowrap}
  .skill-note b{color:var(--teal);font-weight:500}
  .aiso{color:var(--muted);max-width:1100px;margin:0 0 34px;font-size:1.02rem}
  .aiso b{color:var(--text);font-weight:500}
  .skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  /* Bento-style feature card: a glowing circular icon with faint orbit
     visual relevant to what that skill actually does. Static - no hover
     movement on these cards. */
  .skill{border:1px solid var(--line);background:radial-gradient(120% 100% at 50% -10%, rgba(94,234,212,0.06), var(--card) 55%);border-radius:var(--radius);padding:22px 22px 24px;overflow:hidden}
  .skill-stage{
    position:relative;height:132px;margin-bottom:20px;border-radius:12px;overflow:hidden;
    background:linear-gradient(150deg, rgba(255,255,255,0.055), rgba(255,255,255,0.012));
    border:1px solid rgba(255,255,255,0.09);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    display:flex;align-items:center;justify-content:center;padding:16px;
  }
  .skill-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(70% 80% at 50% 0%, rgba(94,234,212,0.12), transparent 70%);pointer-events:none}
  .skill-stage svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible}
  /* shared viz primitives */
  .vz-node{fill:rgba(94,234,212,0.14);stroke:var(--teal);stroke-width:1.2}
  .vz-node.dim{fill:rgba(255,255,255,0.05);stroke:rgba(255,255,255,0.28)}
  .vz-link{stroke:rgba(94,234,212,0.45);stroke-width:1.2}
  .vz-link.dim{stroke:rgba(255,255,255,0.16)}
  .vz-bar{fill:var(--teal);opacity:.85;rx:2}
  .vz-bar.dim{fill:rgba(255,255,255,0.16)}
  .vz-bar.warn{fill:var(--danger);opacity:.9}
  .vz-txt{font-family:var(--font-mono);font-size:7px;fill:rgba(255,255,255,0.55);letter-spacing:.06em}
  .vz-txt.on{fill:var(--teal)}
  .vz-panel{fill:rgba(255,255,255,0.05);stroke:rgba(255,255,255,0.12);stroke-width:1;rx:4}
  .vz-glow{fill:none;stroke:var(--teal);stroke-width:1.4;opacity:.9}
  .skill .cmd{font-family:var(--font-mono);font-size:.74rem;color:var(--teal);margin-bottom:12px;display:block}
  .skill h3{font-size:1.14rem;margin-bottom:8px}
  .skill p{font-size:.92rem;color:var(--muted);line-height:1.5}
  .skill .cmd{font-family:var(--font-mono);font-size:.74rem;color:var(--teal);margin-bottom:12px;display:block}
  .skill h3{font-size:1.14rem;margin-bottom:8px}
  .skill p{font-size:.92rem;color:var(--muted);line-height:1.5}
  .skill.more{display:flex;align-items:center;justify-content:center;border-style:dashed;color:var(--muted);font-family:var(--font-mono);font-size:.85rem}

  /* ---------- CAPABILITIES ---------- */
  .caps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
  .cap{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:22px;position:relative;transition:border-color .16s,transform .16s}
  .cap:hover{border-color:var(--teal-line);transform:translateY(-2px)}
  .cap .num{font-family:var(--font-mono);font-size:.78rem;color:var(--teal);font-weight:600;margin-bottom:14px}
  .cap h3{font-size:1.18rem;margin-bottom:9px}
  .cap>p{font-size:.94rem;color:var(--muted);margin-bottom:16px}
  .cap-demo{border:1px solid var(--line);background:var(--card2);border-radius:10px;padding:12px;font-size:.8rem}
  .cap-demo.q{color:var(--white);font-family:var(--font-mono);font-size:.78rem}
  .cap-demo .row{display:flex;gap:8px;align-items:flex-start;padding:6px 0}
  .cap-demo .row+.row{border-top:1px solid var(--line)}
  .cap-demo .stk{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-family:var(--font-mono);font-size:.72rem}
  .cap-demo .stk .st{padding:3px 7px;border:1px solid var(--line2);border-radius:5px;color:var(--text)}
  .cap-demo .stk .arrow{color:var(--teal)}

  /* ---------- BEYOND ----------
     Abstract minimal background: a fine dot matrix crossed by two soft
     diagonal sweeps and a faint teal bloom, masked so it fades out before
     it reaches the content. Adds depth without competing with the text. */
  .beyond{position:relative;z-index:0;overflow:hidden}
  .beyond-pattern{position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:
      radial-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
      linear-gradient(115deg, transparent 42%, rgba(94,234,212,0.05) 50%, transparent 58%),
      linear-gradient(115deg, transparent 62%, rgba(94,234,212,0.03) 68%, transparent 74%),
      radial-gradient(60% 70% at 88% 18%, rgba(94,234,212,0.09), transparent 70%);
    background-size:26px 26px, 100% 100%, 100% 100%, 100% 100%;
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 72%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 72%, transparent 100%);}
  /* Asymmetric bento: a wide lead panel carrying a live attack-surface
     bar visual beside a narrower authenticated-run checklist panel.
     Static - no hover movement anywhere in this section. */
  .beyond-bento{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:0;scroll-margin-top:90px;align-items:stretch}
  .bpanel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column}
  .bpanel-lead{background:linear-gradient(155deg, rgba(94,234,212,0.13), rgba(94,234,212,0.03) 46%, var(--card) 84%);border-color:var(--teal-line)}
  .bpanel-side{background:linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .bp-tag{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);background:var(--teal-dim);border:1px solid var(--teal-line);border-radius:20px;padding:5px 12px;margin-bottom:18px}
  .bpanel h3{font-size:1.3rem;margin-bottom:10px}
  .bpanel p{color:var(--muted);font-size:.96rem;line-height:1.55}
  .bp-viz{margin-top:auto;padding-top:28px;height:120px}
  .bp-viz svg{width:100%;height:100%;display:block}
  .bp-cred{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:10px}
  .bp-cred-row{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,0.09);background:rgba(255,255,255,0.03);border-radius:10px;padding:11px 14px}
  .bp-check{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--teal-dim);border:1px solid var(--teal-line);color:var(--teal);display:flex;align-items:center;justify-content:center}
  .bp-check svg{width:11px;height:11px}
  .bp-cred-txt{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--text)}
  @media(max-width:900px){.beyond-bento{grid-template-columns:1fr}}

  /* ---------- TWO SURFACES ---------- */
  .diff{border:1px solid var(--teal-line);background:var(--teal-dim);border-radius:var(--radius);padding:22px 24px;margin:26px 0 30px;max-width:none}
  .diff p{font-size:1.04rem;color:var(--text)}
  .diff b{color:var(--white);font-weight:600}
  .surfaces{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .surface{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:26px;transition:border-color .16s,transform .16s}
  .surface:hover{border-color:var(--teal-line);transform:translateY(-2px)}
  .surface .stag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
  .surface h3{font-size:1.28rem;margin-bottom:14px}
  .surface ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
  .surface li{position:relative;padding-left:24px;font-size:.96rem;color:var(--text)}
  .surface li::before{background: var(--tertiary);
    border: 1.5px solid var(--tertiary);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 8px;}
  .surface .best{color:var(--muted);font-size:.94rem;margin-bottom:16px}

  /* ---------- SAFETY ----------
     A 2x2 grid of compact rule cards beside one tall feature panel that
     carries the data-handling promise, with an abstract layered-ring
     visual. Less text-wall, more composed. */
  .safety{background:var(--bg2)}
  .safety-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:44px;align-items:stretch}
  .safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .sbox{border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;transition:border-color .16s,transform .16s;
    background:linear-gradient(160deg, rgba(255,255,255,0.045), rgba(255,255,255,0.008));
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .sbox:hover{border-color:var(--teal-line);transform:translateY(-3px)}
  .sbox-icon{width:40px;height:40px;border-radius:11px;background:var(--teal-dim);border:1px solid var(--teal-line);color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .sbox-icon svg{width:20px;height:20px}
  .sbox h3{font-size:1.05rem;margin-bottom:8px;line-height:1.3}
  .sbox p{color:var(--muted);font-size:.9rem;line-height:1.55}

  /* tall feature panel */
  .safety-feature{position:relative;overflow:hidden;border:1px solid var(--teal-line);border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;
    background:linear-gradient(170deg, rgba(94,234,212,0.14), rgba(94,234,212,0.03) 42%, var(--card) 82%)}
  .sf-visual{position:relative;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
  .sf-visual svg{width:100%;height:100%;overflow:visible}
  .safety-feature h3{font-size:1.18rem;margin-bottom:10px}
  .safety-feature > p{color:var(--text);font-size:.94rem;line-height:1.55;margin-bottom:20px}
  .sf-worst{border-top:1px solid rgba(255,255,255,0.10);padding-top:18px;margin-top:auto}
  .sf-worst-tag{display:inline-block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);background:rgba(245,184,65,0.12);border:1px solid rgba(245,184,65,0.32);border-radius:20px;padding:4px 10px;margin-bottom:10px}
  .sf-worst p{color:var(--muted);font-size:.88rem;line-height:1.55}
  .sf-link{display:inline-block;margin-top:20px;font-size:.88rem;color:var(--teal);border-bottom:1px solid var(--teal-line)}
  @media(max-width:980px){.safety-layout{grid-template-columns:1fr}}
  @media(max-width:620px){.safety-grid{grid-template-columns:1fr}}

  /* ---------- GET CONNECTED ---------- */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;counter-reset:step}
  .step{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:24px;position:relative;transition:border-color .16s,transform .16s}
  .step:hover{border-color:var(--teal-line);transform:translateY(-2px)}
  .step .sn{font-family:var(--font-mono);font-size:.82rem;color:var(--teal);font-weight:600;margin-bottom:14px}
  .step h3{font-size:1.12rem;margin-bottom:9px}
  .step p{color:var(--muted);font-size:.93rem}
  .step p code{font-family:var(--font-mono);font-size:.86em;background:var(--card2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--teal)}
  .step a{color:var(--teal);border-bottom:1px solid var(--teal-line)}
  .connect-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap;align-items:center}
  .connect-actions a.txt{color:var(--teal);font-size:.94rem;border-bottom:1px solid var(--teal-line)}
 /* ---------- ASK YOUR ASSISTANT ----------
     Centered, no divider rule. A glowing emblem with abstract orbit rings
     anchors the block, then a statement headline and three copy-prompt
     cards. Radial glow behind it gives the section its own gravity. */
  .ask-block{margin-top:64px;padding:56px 24px 8px;position:relative;text-align:center;overflow:hidden}
  .ask-block::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(780px,100%);height:340px;background:radial-gradient(ellipse at center top, rgba(94,234,212,0.11), transparent 68%);pointer-events:none;z-index:0}
  .ask-block > *{position:relative;z-index:1}
  .ask-orbit{position:relative;width:118px;height:118px;margin:0 auto 26px;display:flex;align-items:center;justify-content:center}
  .ao-ring{position:absolute;border-radius:50%;border:1px solid rgba(94,234,212,0.22)}
  .ao-r1{width:100%;height:100%;transform:rotate(-18deg) scaleY(.52)}
  .ao-r2{width:100%;height:100%;transform:rotate(58deg) scaleY(.52);border-color:rgba(255,255,255,0.10)}
  .ao-emblem{position:relative;z-index:1;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--teal);
    background:linear-gradient(160deg, rgba(94,234,212,0.22), rgba(94,234,212,0.05));
    border:1px solid var(--teal-line);
    box-shadow:0 0 46px -8px rgba(94,234,212,0.55), inset 0 1px 0 rgba(255,255,255,0.12);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .ao-emblem svg{width:28px;height:28px}
  .ask-block .seclabel{margin-bottom:18px}
  .ask-head{font-size:30px;line-height:40px;max-width:none;margin:0 auto 18px}
  .ask-block .lead{color:var(--muted);max-width:69ch;margin:20px auto 34px;font-size:1.02rem;line-height:1.6}
  .ask-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
  .ask-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;border:1px solid var(--line2);border-radius:16px!important;padding:26px 30px;transition:.18s;cursor:pointer;font:inherit;min-width:184px;
    background:linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012))!important;
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .ask-card:hover,.ask-card:focus,.ask-card:active{border-color:var(--teal-line);transform:translateY(-3px);box-shadow:0 18px 36px -20px rgba(94,234,212,0.4)}
  .ask-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .ask-icon svg{width:21px;height:21px}
  .ask-claude{background:rgba(217,119,87,0.16);color:#D97757}
  .ask-gpt{background:rgba(236,236,236,0.10);color:#ECECEC}
  .ask-plx{background:rgba(32,181,193,0.16);color:#20B5C1}
  .ask-name{font-family:var(--font-disp);font-weight:600;font-size:1rem;color:var(--white)}
  .ask-go{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--muted);transition:color .18s}
  .ask-card:hover .ask-go{color:var(--teal)}
  @media(max-width:600px){.ask-head{font-size:24px;line-height:32px}.ask-card{min-width:0;width:100%}}

  /* ---------- PROMPT MODAL ---------- */
  .prompt-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
  .prompt-modal.open{display:flex}
  .prompt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}
  .prompt-modal-card{position:relative;max-width:560px;width:100%;background:var(--card2);border:1px solid var(--line2);border-radius:18px;padding:28px;box-shadow:0 40px 90px -24px rgba(0,0,0,.7)}
  .prompt-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-disp);font-weight:600;font-size:1.05rem;color:var(--white)}
  .prompt-modal-head b{color:var(--teal);font-weight:600}
  .prompt-modal-x{background:transparent;border:none;color:var(--muted);font-size:1.15rem;cursor:pointer;line-height:1;padding:4px}
  .prompt-modal-x:hover{color:var(--teal);border:none;background:transparent;}
  .prompt-modal-text{font-family:var(--font-mono);font-size:.86rem;line-height:1.6;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:18px;white-space:pre-wrap}
  .prompt-copy-btn{width:100%;justify-content:center}
  .prompt-copy-btn.copied{background:linear-gradient(180deg,#2DD4BF,#0f7a6c)}

  /* ---------- FAQ (accordion styling + behavior) ---------- */
  .faq-list{display:flex;flex-direction:column;margin-top:30px}
  .faq-item{border-bottom:1px solid var(--line)}
  .faq-item:first-child{border-top:1px solid var(--line)}
  .faq-q{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
    background:none;border:none;padding:24px 2px;margin:0;text-align:left;cursor:pointer;
    font-family:var(--font-disp);font-size:16px;font-weight:600;color:var(--white);
    transition:color .2s ease;
  }
  .faq-q:hover, .faq-item.open .faq-q{color:var(--teal)}
  .faq-icon{flex-shrink:0;width:22px;height:22px;position:relative}
  .faq-icon::before, .faq-icon::after{
    content:'';position:absolute;top:50%;left:50%;background:var(--teal);
    transition:transform .3s cubic-bezier(.4,0,.2,1);
  }
  .faq-icon::before{width:14px;height:2px;transform:translate(-50%,-50%)}
  .faq-icon::after{width:2px;height:14px;transform:translate(-50%,-50%)}
  .faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0)}
  .faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
  .faq-a{font-size:14px;color:var(--muted);line-height:1.65;padding:0 2px 24px;max-width:74ch}
  .faq-a code{font-family:var(--font-mono);font-size:.86em;color:var(--teal)}
  .faq-a a{color:var(--teal);border-bottom:1px solid var(--teal-line)}

  /* ---------- FINAL CTA ---------- */
  .final{text-align:center;background:var(--bg2)}
  .final .seclabel{color:var(--teal)}
  .final h2{font-size:36px;line-height:48px;max-width:20ch;margin:0 auto 20px}
  .final p{color:var(--muted);max-width:54ch;margin:0 auto 30px;font-size:1.08rem}
  .final .hero-actions{justify-content:center}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line);padding:56px 0 40px;background:var(--bg)}
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
  .foot-brand .brand{margin-bottom:12px;display:inline-block}
  .foot-brand p{color:var(--muted);font-size:.9rem;max-width:34ch}
  .foot-col h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:500}
  .foot-col a{display:block;color:var(--text);font-size:.92rem;margin-bottom:9px;transition:color .15s}
  .foot-col a:hover{color:var(--teal)}
  .disclaimer{border-top:1px solid var(--line);padding-top:24px;font-size:.72rem;line-height:1.55;color:#5A6474;max-width:none}
  .disclaimer p{margin-bottom:10px}
  .copyright{margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--muted)}
  .copyright a{color:var(--muted)}
  .copyright a:hover{color:var(--teal)}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .hero-grid,.surfaces{grid-template-columns:1fr}
    .skill-grid,.caps,.steps{grid-template-columns:1fr 1fr}
    .foot-top{grid-template-columns:1fr 1fr}
    .hero h1{font-size:2.7rem}
    .nav-links{display:none}
    .menu-btn{display:flex}
  }
  @media (max-width:600px){
    body{font-size:16px}
    section{padding:60px 0}
    .skill-grid,.caps,.steps{grid-template-columns:1fr}
    .hero h1{font-size:2.3rem}
    .sec-head{font-size:1.7rem}
    .final h2{font-size:1.9rem}
    .foot-top{grid-template-columns:1fr}
    .badge-card{padding:12px 16px}
  }
  @media (prefers-reduced-motion:reduce){
    *{transition:none!important;animation:none!important}
    html{scroll-behavior:auto}
  }
  :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}

  /* ---------- AI PENTEST PAGE ADDITIONS ----------
     Small extensions to the /mcp stylesheet; everything else above is unchanged. */
  html.js-type h1{min-height:3.4em}
  .secstrip-grid a.sec-item{transition:border-color .16s,transform .16s}
  .secstrip-grid a.sec-item:hover{border-color:var(--teal-line);transform:translateY(-2px)}
  .sec-ico.warn{background:var(--danger-dim);border-color:rgba(254,119,84,.35);color:var(--danger)}

  /* hero attack transcript */
  .msg.attacker{align-self:flex-end;background:var(--danger-dim);border:1px solid rgba(254,119,84,.35);color:var(--white);padding:11px 14px;border-radius:12px 12px 3px 12px}
  .msg.attacker .who,.msg.target .who{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .msg.target{align-self:flex-start;border:1px solid var(--line);background:var(--card2);padding:11px 14px;border-radius:12px 12px 12px 3px;color:var(--text)}
  .msg.target .leak{background:rgba(254,119,84,.16);color:var(--white);border-radius:3px;padding:0 3px}
  .fixline{font-size:.82rem;color:var(--muted);margin-top:10px}
  .fixline b{color:var(--teal);font-weight:500}

  /* stakes: word-led variant of the gap-stats band */
  .gap-stats.four{grid-template-columns:repeat(4,1fr)}
  .gap-stats.four .gstat::before{background:var(--danger);box-shadow:0 0 0 5px rgba(254,119,84,0.14)}
  .gap-stats.four::before{background:linear-gradient(90deg, rgba(254,119,84,.35), rgba(254,119,84,.35) 85%, transparent)}
  .gword{font-family:var(--font-disp);font-weight:800;font-size:1.7rem;color:var(--white);line-height:1.1;letter-spacing:-0.02em}
  .stakes-head{font-size:1.25rem;color:var(--white);font-weight:600;margin-top:44px;max-width:1100px}
  .stakes-close{margin-top:34px;font-size:1.02rem;color:var(--muted)}
  .stakes-close b{color:var(--white);font-weight:500}
  @media(max-width:1000px){.gap-stats.four{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.gap-stats.four{grid-template-columns:1fr;gap:36px}}

  /* test cards: the "we try" line */
  .skill .try{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.74rem;color:var(--text);line-height:1.5}
  .skill .try span{color:var(--teal);margin-right:6px}
  .also{margin-top:26px;color:var(--muted);font-size:.96rem;max-width:1100px}
  .also b{color:var(--text);font-weight:500}

  /* how it works: deliverables row */
  .deliver{margin-top:30px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:20px 22px}
  .deliver .clabel{display:block;margin-bottom:12px}
  .deliver .chips{margin-top:0}
  .deliver .chip{color:var(--text)}
  .ongoing{margin-top:18px;color:var(--muted);font-size:.95rem}
  .ongoing b{color:var(--white);font-weight:500}

  /* chained attack rows in the stack panel */
  .bp-x{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--danger-dim);border:1px solid rgba(254,119,84,.35);color:var(--danger);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.64rem;font-weight:700}
  .bp-cred-row.end{border-color:rgba(254,119,84,.35);background:var(--danger-dim)}
  .bp-cred-row.end .bp-cred-txt{color:var(--white)}
  .bpanel .bp-link{display:inline-block;margin-top:16px;font-size:.9rem;color:var(--teal);align-self:flex-start}

  /* who does the testing */
  .certs{margin-top:22px;color:var(--muted);font-size:.95rem}
  .certs b{color:var(--white);font-weight:500}



  /* ---------- HERO LEAD FORM ----------
     Replaces the placeholder transcript on the right of the hero.
     DEV: swap the <form> for the HubSpot embed; these styles can stay
     as a wrapper. */
  .lead-card{border:1px solid var(--line2);border-radius:18px;padding:28px 26px;scroll-margin-top:84px;
    background:linear-gradient(170deg, rgba(94,234,212,0.08), rgba(255,255,255,0.02) 45%, var(--card) 90%);
    box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
  .lf-head{font-size:1.45rem;line-height:1.25;margin-bottom:8px}
  .lf-sub{color:var(--muted);font-size:.95rem;margin-bottom:22px}
  .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .lf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
  .lf-field label,.lf-legend{font-size:.84rem;color:var(--text);font-weight:500}
  .lf-field input,.lf-field textarea{font:inherit;font-size:.95rem;color:var(--white);background:rgba(0,0,0,.35);border:1px solid var(--line2);border-radius:10px;padding:11px 13px;width:100%}
  .lf-field textarea{min-height:76px;resize:vertical}
  .lf-field input::placeholder,.lf-field textarea::placeholder{color:rgba(255,255,255,.38)}
  .lf-field input:focus,.lf-field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}
  .lf-set{border:none;padding:0;margin:0 0 16px}
  .lf-legend{display:block;margin-bottom:8px;padding:0}
  .lf-opts{display:flex;flex-wrap:wrap;gap:8px}
  .lf-opt{position:relative}
  .lf-opt input{position:absolute;opacity:0;pointer-events:none}
  .lf-opt span{display:inline-block;font-size:.84rem;color:var(--text);border:1px solid var(--line2);border-radius:999px;padding:7px 13px;cursor:pointer;background:var(--card2);transition:border-color .15s,background .15s}
  .lf-opt input:checked + span{border-color:var(--teal);background:var(--teal-dim);color:var(--white)}
  .lf-opt input:focus-visible + span{outline:2px solid var(--teal);outline-offset:2px}
  .lf-submit{width:100%;justify-content:center;margin-top:4px}
  .lf-fine{font-size:.78rem;color:var(--muted);margin-top:12px;text-align:center}
  @media(max-width:520px){.lf-row{grid-template-columns:1fr;gap:0}.lead-card{padding:22px 18px}}

  /* ---------- WHAT WE TEST: LLMs / chatbots / agents ---------- */
  .surfaces.three{grid-template-columns:repeat(3,1fr);margin-top:40px}
  .surface{display:flex;flex-direction:column}
  .surface .s-link{margin-top:auto;padding-top:22px;font-size:.9rem;color:var(--teal);align-self:flex-start}

  .example{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:48px;border-top:1px solid var(--line);padding-top:48px}
  .example h3{font-size:1.45rem;line-height:1.25;margin-bottom:12px}
  .example p{color:var(--muted);font-size:1rem}
  .example p + p{margin-top:14px}
  .example a{color:var(--teal);border-bottom:1px solid var(--teal-line)}
  @media(max-width:1000px){.surfaces.three{grid-template-columns:1fr}.example{grid-template-columns:1fr}}

  /* ---------- CUSTOMER PROOF ---------- */
  .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
  .feat{display:flex;flex-direction:column;border:1px solid var(--teal-line);border-radius:18px;padding:30px 28px;
    background:linear-gradient(155deg, rgba(94,234,212,0.12), rgba(94,234,212,0.02) 50%, var(--card) 88%)}
  .feat-viz{height:150px;margin-bottom:22px;border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,0.09);
    background:radial-gradient(70% 90% at 50% 0%, rgba(94,234,212,0.10), transparent 70%), linear-gradient(150deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01))}
  .feat-viz svg{width:100%;height:100%;display:block}
  .feat .bp-tag{align-self:flex-start;margin-bottom:22px}
  .feat-num{font-family:var(--font-disp);font-weight:800;font-size:3.6rem;line-height:1;color:var(--white);letter-spacing:-0.03em}
  .feat-num .u{font-size:.45em;font-weight:700;color:var(--teal);letter-spacing:-0.01em}
  .feat-lbl{margin-top:8px;color:var(--teal);font-size:.95rem;font-weight:500}
  .feat h3{font-size:1.3rem;line-height:1.3;margin:24px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
  .feat p{color:var(--muted);font-size:.98rem}
  .more-cases-top{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;flex-wrap:wrap;margin:52px 0 18px}
  .more-cases-h{font-size:1.2rem;margin:0;margin-bottom:20px;}
  .cs-all{font-size:.92rem;color:var(--teal);}
.cs-all:hover{ color:var(--teal);
}
  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .cs-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);overflow:hidden;transition:border-color .16s}
  .cs-card:hover{border-color:var(--teal-line)}
  .cs-img{display:block;width:100%;aspect-ratio:1800/941;object-fit:cover;background:var(--card2);border-bottom:1px solid var(--line)}
  .cs-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
  .cs-tag{font-size:.8rem;color:var(--teal);margin-bottom:10px}
  .cs-card h4{font-family:var(--font-disp);font-size:1.05rem;font-weight:600;color:var(--white);line-height:1.35;margin:0 0 10px}
  .cs-card p{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:18px}
  .cs-go{margin-top:auto;font-size:.88rem;color:var(--teal)}
  @media(max-width:900px){.feat-grid,.case-grid{grid-template-columns:1fr}.feat-num{font-size:3rem}}

  .ex-note{margin-top:14px;text-align:right;font-size:.8rem;color:var(--muted)}
  @media(max-width:900px){.ex-note{text-align:left}}

  /* ---------- WHAT A PROVEN FINDING LOOKS LIKE (two steps) ---------- */
  .eng-step + .eng-step{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
  .eng-step-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .eng-step-h h4{font-family:var(--font-disp);font-size:1.08rem;color:var(--white);margin:0}
  .eng-num{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--teal);color:var(--teal-ink);flex-shrink:0}
  .eng{margin-top:40px;border:1px solid var(--line2);border-radius:18px;padding:26px;scroll-margin-top:84px;
    background:linear-gradient(170deg, rgba(94,234,212,0.06), rgba(255,255,255,0.015) 40%, var(--card) 90%)}
  .eng-h{font-size:1.25rem;margin-bottom:18px}
  .eng-cap{margin-top:16px;color:var(--muted);font-size:.95rem}
  .eng-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}
  /* step 1 */
  .surface-map{border:1px dashed var(--teal-line);border-radius:14px;padding:20px}
  .sm-label{color:var(--teal);font-weight:600;font-size:.92rem;margin-bottom:14px}
  .sm-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}
  .sm-box{border:1px solid var(--line2);background:var(--card2);border-radius:12px;padding:16px;height:100%}
  .sm-box h4{font-family:var(--font-disp);font-size:1rem;color:var(--white);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .sm-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
  .sm-box li{font-family:var(--font-mono);font-size:.78rem;color:var(--text);padding-left:14px;position:relative}
  .sm-box li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
  .sm-arrow{color:var(--muted);font-size:1.1rem}
  /* steps 2 and 3: proxy view */
  .px{border:1px solid var(--line2);border-radius:12px;background:var(--bg);overflow:hidden}
  .px-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
  .px-send{background:linear-gradient(180deg,#FE7754,#BD4020);color:#fff;font-weight:600;font-size:.85rem;padding:5px 16px;border-radius:6px}
  .px-cancel{color:var(--muted);font-size:.85rem}
  .px-target{margin-left:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--text);padding:5px 10px}
  .px-cols{display:grid;grid-template-columns:1fr 1fr}
  .px-col{min-width:0;padding-bottom:12px}
  .px-col+.px-col{border-left:1px solid var(--line)}
  .px-h{font-weight:600;color:var(--white);font-size:.9rem;padding:10px 16px;background:var(--card2);border-bottom:1px solid var(--line)}
  .px-tabs{display:flex;gap:14px;padding:8px 16px;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted)}
  .px-tabs b{color:var(--white);font-weight:600}
  .px-code{margin:0;padding:12px 16px 0;font-family:var(--font-mono);font-size:.78rem;line-height:1.85;color:var(--text);white-space:pre;overflow-x:auto}
  .px-null{color:var(--danger)}
  .hl{border:1px solid rgba(254,119,84,.6);border-radius:6px;padding:2px 6px}
  .px-flag{margin:10px 16px 0;border:1px solid rgba(254,119,84,.6);background:var(--danger-dim);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}
  .px-flag-t{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--danger);margin-bottom:4px}
  .rd{display:inline-block;height:.75em;background:rgba(255,255,255,.18);border-radius:3px;vertical-align:middle;max-width:100%}
  .px-flag .rd{display:block;height:7px}
  /* step 4 */
  .std-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .std{border:1px solid var(--line2);background:var(--card2);border-radius:12px;padding:16px 18px}
  .std h4{font-family:var(--font-disp);font-size:1rem;color:var(--white);margin:0 0 6px}
  .std code{font-family:var(--font-mono);font-size:.8rem;color:var(--teal)}
  @media(max-width:900px){
    .sm-row{grid-template-columns:1fr 1fr}.sm-arrow{display:none}
    .px-cols{grid-template-columns:1fr}.px-col+.px-col{border-left:none;border-top:1px solid var(--line)}
    .px-target{margin-left:0}
  }
  @media(max-width:1000px){.std-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.std-grid{grid-template-columns:1fr}.eng{padding:18px}}

  /* coming-soon hook */
  .soon{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px dashed rgba(245,184,65,.45);border-radius:var(--radius);padding:18px 22px;background:rgba(245,184,65,.05)}
  .soon > div{flex:1;min-width:240px}
  .soon .sf-worst-tag{margin-bottom:8px}
  .soon p{color:var(--muted);font-size:.95rem}
  .soon p b{color:var(--white);font-weight:600}

  .soon .soon-h{font-size:1.2rem;margin-bottom:6px}

  .ph{color:var(--amber);background:rgba(245,184,65,.08);border:1px dashed rgba(245,184,65,.45);border-radius:6px;padding:1px 6px}

  .ph{color:inherit;background:none;border:none;padding:0;border-bottom:1px dotted rgba(245,184,65,.6);border-radius:0}


#get-scoped{
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    background: #050f0d;
    overflow: hidden;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.9);
    margin: auto;
    padding: 26px;
}
#get-scoped .hs-form,#get-scoped .hs-form *{box-sizing:border-box}
#get-scoped .hs-form{font-family:'Inter',system-ui,-apple-system,sans-serif}
 
/* Field groups + labels */
#get-scoped .hs-form-field{margin-bottom:13px}
#get-scoped .hs-form fieldset{border:0;margin:0;padding:0;max-width:none!important}
#get-scoped .hs-form .hs-form-field>label{display:block;margin:0 0 6px;font-size:12.5px;font-weight:500;line-height:1.3;color:rgba(255,255,255,0.72)}
#get-scoped .hs-form-required{color:rgba(255,255,255,0.45);margin-left:2px}
#get-scoped .hs-form .hs-field-desc{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,0.45)}
 
/* Two-up rows (e.g. name + company) stay side-by-side, stack when narrow */
#get-scoped .hs-form .form-columns-2{display:flex;flex-wrap:wrap;gap:0 12px}
#get-scoped .hs-form .form-columns-2 .hs-form-field{flex:1 1 150px;width:auto!important;float:none!important;padding:0!important}
#get-scoped .hs-form .form-columns-2 .input{margin:0!important}
 
/* Text / email / tel inputs + textarea */
#get-scoped .hs-input:not([type=checkbox]):not([type=radio]){width:100%;height:46px;padding:0 13px;background-color:#071411;border:1px solid rgba(255,255,255,0.16);border-radius:9px;color:#FFFFFF;font-size:14.5px;transition:border-color .15s ease,box-shadow .15s ease}
#get-scoped textarea.hs-input{height:auto;min-height:104px;padding:12px 13px;line-height:1.5;resize:vertical}
#get-scoped .hs-input::placeholder{color:rgba(255,255,255,0.40)}
#get-scoped .hs-input:not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:#5eead4;box-shadow:0 0 0 3px rgba(94,234,212,0.12)}
 
/* Dropdowns — teal chevron */
#get-scoped select.hs-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
#get-scoped select.hs-input option{background:#071411;color:#FFFFFF}
 
/* Lists reset */
#get-scoped .hs-form .inputs-list{list-style:none;margin:0;padding:0}
 
/* Radios + single consent checkbox stay as normal controls */
#get-scoped .hs-form .hs-form-radio+.hs-form-radio,#get-scoped .hs-form .hs-form-booleancheckbox+.hs-form-booleancheckbox{margin-top:8px}
#get-scoped .hs-form .hs-form-radio label,#get-scoped .hs-form .hs-form-booleancheckbox label{display:flex;gap:9px;align-items:flex-start;margin:0;font-size:13px;font-weight:400;color:rgba(255,255,255,0.72);cursor:pointer}
#get-scoped .hs-form .hs-form-radio input[type=radio],#get-scoped .hs-form .hs-form-booleancheckbox input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;flex:none;accent-color:#5eead4}
 
/* Multi-select checkbox groups (e.g. "What needs testing?") render as chip pills — matches .chip */
#get-scoped .hs-form .inputs-list:has(>li.hs-form-checkbox),
#get-scoped .hs-form .hs-fieldtype-checkbox .inputs-list{display:flex;flex-wrap:wrap;gap:8px}
#get-scoped .hs-form li.hs-form-checkbox{margin:0}
#get-scoped .hs-form li.hs-form-checkbox>label{display:inline-flex;align-items:center;min-height:38px;margin:0;padding:0 14px;border:1px solid rgba(255,255,255,0.16);border-radius:20px;background:#071411;color:rgba(255,255,255,0.72);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
#get-scoped .hs-form li.hs-form-checkbox>label:hover{border-color:rgba(255,255,255,0.30)}
#get-scoped .hs-form li.hs-form-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
#get-scoped .hs-form li.hs-form-checkbox>label:has(input:checked),
#get-scoped .hs-form li.hs-form-checkbox input[type=checkbox]:checked~label{background:rgba(94,234,212,0.12);color:#5eead4;border-color:#5eead4}
#get-scoped .hs-form li.hs-form-checkbox>label:has(input:focus-visible),
#get-scoped .hs-form li.hs-form-checkbox input[type=checkbox]:focus-visible~label{box-shadow:0 0 0 3px rgba(94,234,212,0.18)}
 
/* Consent / legal text */
#get-scoped .legal-consent-container,#get-scoped .hs-form .hs-richtext{font-size:12px;line-height:1.5;color:rgba(255,255,255,0.5)}
#get-scoped .legal-consent-container p{margin:0 0 8px}
 
/* Validation */
#get-scoped .hs-error-msgs{list-style:none;margin:6px 0 0;padding:0}
#get-scoped .hs-error-msg,#get-scoped label.hs-error-msg{font-size:12.5px;color:#FE7754}
#get-scoped .hs-input.invalid.error{border-color:#FE7754}
#get-scoped .hs-input.invalid.error:focus{box-shadow:0 0 0 3px rgba(254,119,84,0.12)}
 
/* Submit — the page's orange CTA pill */
#get-scoped .hs_submit{margin-top:4px}
#get-scoped .hs_submit .actions{margin:0;padding:0}
  #get-scoped .hs-button {width:100%;    font-size: 14px;
    font-weight: bold;
    line-height: 20px;}
.soon form .hs-button {width:auto;    font-size: 14px;
    font-weight: bold;
    line-height: 20px;}



:not(.hs-inline-edit) .hs-meetings-placeholder {
  display: none; 
}

.hs-inline-edit .hs-meetings-placeholder {
  display: block!important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 14px!important;
  text-align: center!important;
  background-color: #f5f8fa!important;
  margin: 2px 1px!important;
  border: 1px dashed #516f90!important;
  outline: 1px dashed #fff!important;
}

.hs-inline-edit .hs-meetings-placeholder > * {
  display: block!important;
  box-sizing: border-box!important;
  padding: 12px!important;
  margin: 1px!important;
  width: calc(100% - 2px)!important;  
}

.hs-inline-edit h3.hs-meetings-placeholder__title {
  color: #7c98b6!important;
  font-size: 14px!important;
  font-style: italic!important;
  font-weight: 700!important;
  line-height: initial!important;
  margin-bottom: 10px!important;
  margin-top: 0!important;
  padding: 0!important;  
  text-shadow: 0 -1px 0 hsla(0,0%,100%,.5)!important;
}

.hs-inline-edit p.hs-meetings-placeholder__description {
  color: #7c98b6!important;
  font-style: italic!important;
  line-height: 1.6!important;
  margin: 0!important;  
  text-shadow: 0 -1px 0 hsla(0,0%,100%,.5)!important;
}