:root{
  /* Brand: F46A1F orange + Dark Indigo 0A042A already match the guideline exactly */
  --orange:#F46A1F; --orange-dk:#D4550F; --orange-soft:#FEF0E8; --orange-line:#F8C9A9;
  --ink:#0A042A; --body:#4A4A4A; --muted:#7A7A7A;
  --line:#E6E4E1; --bg:#FFFFFF; --bg-soft:#FAF9F7;
  /* Status colors pulled from the Omnibound multi-color system (100/300/700 ramps) */
  --green:#027A48; --green-soft:#D1FADF; --green-line:#6CE9A6;
  --amber:#B54708; --amber-soft:#FEF0C7;
  --red:#B42318; --red-soft:#FEE4E2; --red-line:#FDA29B;
  --blue:#026AA2; --blue-soft:#E0F2FE;
  --radius:12px; --shadow:0 1px 2px rgba(10,4,42,.04),0 10px 28px rgba(10,4,42,.07);
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Raleway',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* Scoped to #ai-vis-checker (the module's single root wrapper in
   module.html), not the bare tag. The prototype this was extracted from
   was a full standalone page and safely owned body/h1-h4/p/a/*; a HubSpot
   module lives on a page with a real header/footer/other modules, so
   these can't be global without repainting content outside this module. */
#ai-vis-checker,#ai-vis-checker *{box-sizing:border-box}
#ai-vis-checker{background:var(--bg);color:var(--body);
  font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
#ai-vis-checker h1,#ai-vis-checker h2,#ai-vis-checker h3,#ai-vis-checker h4{color:var(--ink);margin:0 0 .5em;line-height:1.18;letter-spacing:-.015em}
#ai-vis-checker p{margin:0 0 1em}
#ai-vis-checker a{color:var(--orange);text-decoration:none}
#ai-vis-checker .wrap{max-width:1140px;margin:0 auto;padding:0 28px}
#ai-vis-checker .narrow{max-width:840px;margin:0 auto;padding:0 28px}
#ai-vis-checker .serif{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
#ai-vis-checker .serif em{font-style:italic;color:var(--orange)}

/* No .util/nav/.logo/.navlinks here — those styled the standalone
   prototype's OWN header/nav/webinar-bar chrome, which module.html
   deliberately excludes (the real site header/nav come from the theme's
   global header partial). Keeping them would also risk colliding with
   that partial's own `nav`/`.logo` selectors sitewide. */
#ai-vis-checker .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);
  color:#fff;border:0;border-radius:5px;padding:13px 26px;font-size:15px;font-weight:600;
  cursor:pointer;font-family:inherit;transition:background .15s}
#ai-vis-checker .btn:hover{background:var(--orange-dk)}
#ai-vis-checker .btn.sm{padding:9px 17px;font-size:14px}
#ai-vis-checker .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--ink)}
#ai-vis-checker .btn.ghost:hover{background:var(--bg-soft)}
#ai-vis-checker .btn.outline{background:transparent;color:var(--orange);border:1px solid var(--orange)}
#ai-vis-checker .btn.outline:hover{background:var(--orange-soft)}

/* HERO */
#ai-vis-checker .hero{background:var(--bg);padding:76px 0 84px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
#ai-vis-checker .hero:before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;opacity:.5;
  mask-image:radial-gradient(ellipse 80% 60% at 30% 40%,#000 20%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 30% 40%,#000 20%,transparent 75%)}
#ai-vis-checker .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
#ai-vis-checker .eyebrow{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--orange);margin-bottom:18px;padding:3px 9px;border:1px solid var(--orange-line);
  border-radius:3px;background:var(--orange-soft)}
#ai-vis-checker .hero h1{font-size:56px;max-width:17ch;margin-bottom:20px}
#ai-vis-checker .hero .lede{font-size:19px;max-width:60ch;margin-bottom:28px;color:var(--body)}

/* Hero action card: the actual form lives here now, right where the eye
   lands first, instead of a sample-report mockup. */
#ai-vis-checker .hero-action-wrap{display:flex;justify-content:center;min-width:0}
#ai-vis-checker .hero-action{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:30px 28px;width:100%;max-width:340px}
#ai-vis-checker .hero-action .hf-label{display:block;font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
#ai-vis-checker .hero-form{display:flex;flex-direction:column;gap:12px}
#ai-vis-checker .hero-form input{padding:14px 16px;border-radius:5px;border:1.5px solid var(--ink);
  background:#fff;color:var(--ink);font-size:15.5px;font-family:inherit;outline:none;width:100%}
#ai-vis-checker .hero-form input:focus{border-color:var(--orange)}
#ai-vis-checker .hero-form input::placeholder{color:#A8A5A1}
#ai-vis-checker .hero-form .btn{width:100%}
#ai-vis-checker .nosignup{margin-top:16px;font-size:14px;color:var(--muted);text-align:center}
#ai-vis-checker .nosignup b{color:var(--ink);font-weight:600}
#ai-vis-checker .herochecklist{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;row-gap:9px;font-size:13px;color:var(--muted)}
#ai-vis-checker .herochecklist span{display:inline-flex;align-items:center;gap:7px}
#ai-vis-checker .herochecklist i{font-style:normal;color:var(--orange);font-weight:700}
@media(max-width:960px){#ai-vis-checker .hero .wrap{grid-template-columns:1fr}#ai-vis-checker .hero-action-wrap{margin-top:8px}}
#ai-vis-checker .examples{margin-top:22px;font-size:14.5px;color:var(--muted);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#ai-vis-checker .chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:7px 16px;
  font-size:14px;cursor:pointer;font-family:inherit;transition:.15s}
#ai-vis-checker .chip:hover{border-color:var(--orange);color:var(--orange)}

/* RUNNING */
#ai-vis-checker #running{display:none;padding:60px 0;background:var(--bg-soft);border-bottom:1px solid var(--line)}
#ai-vis-checker .runcard{max-width:690px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow)}
#ai-vis-checker .runcard h3{font-size:20px;margin-bottom:4px}
#ai-vis-checker .runcard .sub{font-size:15px;color:var(--muted);margin-bottom:18px}
#ai-vis-checker .step{display:flex;align-items:center;gap:13px;padding:6px 0;font-size:15px;color:var(--muted);opacity:.34;transition:.3s}
#ai-vis-checker .step.active{opacity:1;color:var(--ink)} #ai-vis-checker .step.done{opacity:1;color:var(--body)}
#ai-vis-checker .dot{width:17px;height:17px;border-radius:50%;border:2px solid var(--line);flex:0 0 17px;position:relative}
#ai-vis-checker .step.active .dot{border-color:var(--orange);border-top-color:transparent;animation:spin .7s linear infinite}
#ai-vis-checker .step.done .dot{background:var(--green);border-color:var(--green)}
#ai-vis-checker .step.done .dot:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes spin{to{transform:rotate(360deg)}}
#ai-vis-checker .bar{height:5px;background:var(--line);border-radius:99px;margin-top:18px;overflow:hidden}
#ai-vis-checker .bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .35s}

/* SHARED */
#ai-vis-checker #results{display:none;scroll-margin-top:86px}
#ai-vis-checker #running{scroll-margin-top:86px}
#ai-vis-checker section{padding:64px 0}
#ai-vis-checker .sec-head{margin-bottom:28px;max-width:74ch}
#ai-vis-checker .sec-head .kicker{display:block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--orange);margin-bottom:12px}
#ai-vis-checker .sec-head h2{font-size:34px}
#ai-vis-checker .sec-head p{color:var(--body);font-size:17px;margin:10px 0 0}

#ai-vis-checker .panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}
#ai-vis-checker .panel-head{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap}
#ai-vis-checker .panel-head h3{font-size:18px;margin:0}
#ai-vis-checker .panel-head p{margin:5px 0 0;font-size:14.5px;color:var(--muted);max-width:74ch}
#ai-vis-checker .panel-body{padding:22px 24px}
#ai-vis-checker .panel-body.flush{padding:0}

#ai-vis-checker table{width:100%;border-collapse:collapse;font-size:15px}
#ai-vis-checker th{text-align:left;padding:12px 24px;background:var(--bg-soft);color:var(--muted);font-size:11.5px;
  text-transform:uppercase;letter-spacing:.08em;font-weight:700;border-bottom:1px solid var(--line)}
#ai-vis-checker td{padding:13px 24px;border-bottom:1px solid var(--line);vertical-align:middle}
#ai-vis-checker tr:last-child td{border-bottom:0}
#ai-vis-checker td.k{color:var(--ink);font-weight:500}
#ai-vis-checker td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;color:var(--ink)}
#ai-vis-checker .grouprow td{background:var(--bg-soft);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);font-weight:700;padding:10px 24px}

#ai-vis-checker .pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11.5px;font-weight:600;
  letter-spacing:.01em;padding:4px 11px;border-radius:99px;white-space:nowrap}
#ai-vis-checker .pill.ok{background:var(--green-soft);color:var(--green)}
#ai-vis-checker .pill.warn{background:var(--amber-soft);color:var(--amber)}
#ai-vis-checker .pill.bad{background:var(--red-soft);color:var(--red)}
#ai-vis-checker .pill.info{background:var(--blue-soft);color:var(--blue)}
#ai-vis-checker .pill.neutral{background:#F0EFED;color:var(--muted)}

#ai-vis-checker pre{background:var(--ink);color:#E8E6E3;padding:16px 18px;border-radius:8px;overflow:auto;
  font-size:13px;line-height:1.65;margin:0;font-family:ui-monospace,Menlo,monospace}
#ai-vis-checker pre .c{color:#8A8681} #ai-vis-checker pre .hl{background:rgba(244,106,31,.25);color:#FFC49E;padding:0 3px;border-radius:2px}

/* SCOREBOARD */
#ai-vis-checker .scoreboard{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:48px 0 52px}
#ai-vis-checker .meta-line{font-size:15px;color:var(--muted);margin-bottom:22px}
#ai-vis-checker .meta-line b{color:var(--ink)}
#ai-vis-checker .dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
#ai-vis-checker .scard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;
  box-shadow:var(--shadow);display:flex;gap:22px;align-items:center}
#ai-vis-checker .gauge{position:relative;width:118px;height:118px;flex:0 0 118px}
#ai-vis-checker .gauge svg{transform:rotate(-90deg)}
#ai-vis-checker .gauge .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#ai-vis-checker .gauge .val b{font-size:34px;color:var(--ink);line-height:1;letter-spacing:-.03em;font-family:var(--serif)}
#ai-vis-checker .gauge .val span{font-size:11px;color:var(--muted);margin-top:3px}
#ai-vis-checker .scard h3{font-size:18px;margin-bottom:3px}
#ai-vis-checker .scard p{margin:0;font-size:14px;color:var(--muted)}
#ai-vis-checker .scard .verdict{margin-top:10px;font-size:14.5px;color:var(--ink);font-weight:600}

#ai-vis-checker .pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}
#ai-vis-checker .pillar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 16px}
#ai-vis-checker .pillar label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:8px;font-weight:600}
#ai-vis-checker .pillar .track{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:7px}
#ai-vis-checker .pillar .track i{display:block;height:100%;border-radius:99px;width:0;transition:width .9s ease}
#ai-vis-checker .pillar strong{font-size:19px;color:var(--ink)} #ai-vis-checker .pillar em{font-style:normal;font-size:12px;color:var(--muted)}
#ai-vis-checker .pillar .foot{display:block;margin-top:3px;font-size:10.5px;color:var(--muted);line-height:1.3}

#ai-vis-checker .alert{margin-top:16px;border-radius:var(--radius);padding:18px 20px;display:flex;gap:15px;border:1px solid}
#ai-vis-checker .alert .ico{flex:0 0 30px;height:30px;border-radius:6px;color:#fff;display:flex;align-items:center;
  justify-content:center;font-weight:700;font-size:16px}
#ai-vis-checker .alert h4{font-size:16px;margin-bottom:4px} #ai-vis-checker .alert p{margin:0;font-size:15px}
#ai-vis-checker .alert.crit{background:var(--red-soft);border-color:var(--red-line)}
#ai-vis-checker .alert.crit .ico{background:var(--red)} #ai-vis-checker .alert.crit p{color:#8A2614}
#ai-vis-checker .alert.warn{background:var(--orange-soft);border-color:var(--orange-line)}
#ai-vis-checker .alert.warn .ico{background:var(--orange)} #ai-vis-checker .alert.warn p{color:#8C4415}
#ai-vis-checker .alert.good{background:var(--green-soft);border-color:var(--green-line)}
#ai-vis-checker .alert.good .ico{background:var(--green)} #ai-vis-checker .alert.good p{color:#0B5E41}

#ai-vis-checker .render-meter{width:100%}
#ai-vis-checker .rbar{height:38px;border-radius:7px;background:var(--line);overflow:hidden;position:relative}
#ai-vis-checker .rbar i{display:block;height:100%;background:var(--green);width:0;transition:width 1s ease}
#ai-vis-checker .rbar span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:14px;
  font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}
#ai-vis-checker .rlegend{display:flex;gap:22px;margin-top:12px;font-size:14px;color:var(--muted);flex-wrap:wrap}
#ai-vis-checker .rlegend b{color:var(--ink)}

#ai-vis-checker .idrow{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);align-items:flex-start}
#ai-vis-checker .idrow:last-child{border-bottom:0}
#ai-vis-checker .idrow .src{flex:0 0 155px;font-size:13px;color:var(--muted);font-weight:600;padding-top:2px}
#ai-vis-checker .idrow .val{flex:1;font-size:15px;color:var(--ink)}
#ai-vis-checker .idrow .st{flex:0 0 auto}

#ai-vis-checker .locked-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;background:var(--bg-soft);margin-top:18px;overflow:hidden}
#ai-vis-checker .locked-card .blurwrap{filter:blur(5.5px);user-select:none;pointer-events:none;opacity:.75}
#ai-vis-checker .locked-card .over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:13px;padding:20px;text-align:center;background:rgba(250,249,247,.55)}
#ai-vis-checker .locked-card .over p{margin:0;font-weight:600;color:var(--ink);font-size:16px;max-width:46ch}

#ai-vis-checker .kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}
#ai-vis-checker .kv div{background:var(--bg-soft);border-radius:8px;padding:13px 15px}
#ai-vis-checker .kv label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}
#ai-vis-checker .kv b{font-size:20px;color:var(--ink);font-family:var(--serif)}
#ai-vis-checker .kv small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

/* JOURNEY */
#ai-vis-checker .journey{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:22px}
#ai-vis-checker .jstage{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 16px;
  cursor:pointer;transition:.18s;position:relative}
#ai-vis-checker .jstage:hover{border-color:var(--orange)}
#ai-vis-checker .jstage.on{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,106,31,.13)}
#ai-vis-checker .jstage .n{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#ai-vis-checker .jstage h4{font-size:15px;margin:6px 0 10px;line-height:1.25}
#ai-vis-checker .jstage .track{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:7px}
#ai-vis-checker .jstage .track i{display:block;height:100%;border-radius:99px;width:0;transition:width .8s ease}
#ai-vis-checker .jstage .cov{font-size:13.5px;color:var(--ink);font-weight:700}
#ai-vis-checker .jstage .cov em{font-style:normal;font-weight:400;color:var(--muted);font-size:12.5px}

#ai-vis-checker .stagepanel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:14px}
#ai-vis-checker .stagepanel .sh{padding:16px 24px;border-bottom:1px solid var(--line);display:flex;
  align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#ai-vis-checker .stagepanel .sh h3{font-size:17px;margin:0}
#ai-vis-checker .stagepanel .sh p{margin:4px 0 0;font-size:14.5px;color:var(--muted)}
#ai-vis-checker tr.lockrow td{filter:blur(5px);user-select:none;opacity:.6}
#ai-vis-checker .lockbar{padding:19px 24px;text-align:center;background:var(--bg-soft);border-top:1px solid var(--line)}
#ai-vis-checker .lockbar p{margin:0 0 12px;font-size:15px;color:var(--ink);font-weight:600}
#ai-vis-checker .lockbar span{color:var(--muted);font-weight:400}

#ai-vis-checker .enginestrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;margin-bottom:20px}
#ai-vis-checker .ecard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;box-shadow:var(--shadow)}
#ai-vis-checker .ecard .top{display:flex;align-items:center;gap:9px;margin-bottom:12px}
#ai-vis-checker .ecard .mark{width:27px;height:27px;border-radius:6px;display:flex;align-items:center;
  justify-content:center;font-size:12.5px;font-weight:700;color:#fff}
#ai-vis-checker .ecard b{font-size:15px;color:var(--ink)}
#ai-vis-checker .ecard .says{font-size:14px;color:var(--body);margin:9px 0;line-height:1.5}
#ai-vis-checker .ecard .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}

#ai-vis-checker .comps{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#ai-vis-checker .tag{background:var(--bg-soft);border:1px solid var(--line);border-radius:5px;padding:4px 11px;
  font-size:13.5px;color:var(--body)}

/* PIPELINE */
#ai-vis-checker .pipe-hero{background:var(--ink);color:#fff;border-radius:var(--radius);padding:38px 40px;margin-bottom:18px}
#ai-vis-checker .pipe-hero h3{color:#fff;font-size:28px;margin-bottom:12px;max-width:24ch;font-family:var(--serif)}
#ai-vis-checker .pipe-hero h3 em{font-style:italic;color:var(--orange)}
#ai-vis-checker .pipe-hero p{color:#B8B5B1;font-size:16.5px;max-width:64ch;margin:0}
#ai-vis-checker .pipe-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:26px}
#ai-vis-checker .pipe-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:16px 18px}
#ai-vis-checker .pipe-stat b{display:block;font-size:32px;color:var(--orange);font-family:var(--serif);line-height:1.1}
#ai-vis-checker .pipe-stat span{display:block;font-size:14px;color:#B8B5B1;margin-top:5px}

#ai-vis-checker .flowsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0}
#ai-vis-checker .fstep{padding:18px 20px;border-right:1px solid var(--line);position:relative}
#ai-vis-checker .fstep:last-child{border-right:0}
#ai-vis-checker .fstep .num{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:7px}
#ai-vis-checker .fstep h4{font-size:15px;margin-bottom:5px}
#ai-vis-checker .fstep p{margin:0;font-size:14px;color:var(--muted)}

/* FIXES */
#ai-vis-checker .fix{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--radius);
  padding:19px 21px;margin-bottom:11px;background:#fff}
#ai-vis-checker .fix .num{flex:0 0 28px;height:28px;border-radius:6px;color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:14px;font-weight:700}
#ai-vis-checker .fix h4{font-size:16px;margin-bottom:5px} #ai-vis-checker .fix p{margin:0;font-size:15px}
#ai-vis-checker .fix .meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
#ai-vis-checker .fix.blur h4,#ai-vis-checker .fix.blur p{filter:blur(5px);user-select:none}

/* CAPTURE */
#ai-vis-checker .capture{background:var(--ink);color:#fff;border-radius:var(--radius);padding:40px 42px}
#ai-vis-checker .capture h3{color:#fff;font-size:28px;margin-bottom:10px;max-width:26ch;font-family:var(--serif)}
#ai-vis-checker .capture h3 em{font-style:italic;color:var(--orange)}
#ai-vis-checker .capture p{color:#B8B5B1;font-size:16px;max-width:64ch}
#ai-vis-checker .capture ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}
#ai-vis-checker .capture li{color:#E0DDD9;font-size:15px;padding-left:26px;position:relative}
#ai-vis-checker .capture li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:2px;background:var(--orange)}
/* HubSpot native form embed styling. The report/demo forms themselves —
   fields, required-ness, thank-you copy — are configured in HubSpot's
   Forms tool via the module's two Form fields; this only reskins
   HubSpot's own rendered markup (.hs-form / .hs-input / .hs-button) to
   match the dark capture card and finalcta band each one sits inside.
   Class names match HubSpot's default form markup as of this writing —
   worth a visual check after publishing in case a portal's form styling
   preferences override some of this. */
#ai-vis-checker .hs-embed .hs-form{max-width:540px}
#ai-vis-checker .hs-embed .hs-form-field{margin-bottom:14px}
#ai-vis-checker .hs-embed .hs-form-field label{display:block;font-size:13px;color:#B8B5B1;margin-bottom:6px;font-weight:600}
#ai-vis-checker .hs-embed input[type="text"],#ai-vis-checker .hs-embed input[type="email"],#ai-vis-checker .hs-embed input[type="tel"],#ai-vis-checker .hs-embed input[type="number"],#ai-vis-checker .hs-embed textarea,#ai-vis-checker .hs-embed select{
  width:100%;padding:14px 16px;border-radius:5px;border:1px solid #3A3A3A;background:#141414;
  color:#fff;font-size:15.5px;font-family:inherit;outline:none}
#ai-vis-checker .hs-embed input:focus,#ai-vis-checker .hs-embed textarea:focus,#ai-vis-checker .hs-embed select:focus{border-color:var(--orange)}
#ai-vis-checker .hs-embed .hs-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--orange);color:#fff;border:0;border-radius:5px;padding:13px 26px;font-size:15px;
  font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;margin-top:6px}
#ai-vis-checker .hs-embed .hs-button:hover{background:var(--orange-dk)}
#ai-vis-checker .hs-embed .hs-error-msgs{list-style:none;padding:0;margin:6px 0 0}
#ai-vis-checker .hs-embed .hs-error-msgs label{color:#F79A8E;font-size:13px}
#ai-vis-checker .hs-embed .submitted-message{background:rgba(14,124,86,.16);border:1px solid rgba(14,124,86,.45);
  border-radius:7px;padding:16px 18px;color:#7FD8B4;font-size:15.5px}
#ai-vis-checker .hs-embed-demo .hs-form{max-width:480px;margin:0 auto;text-align:left}
#ai-vis-checker .fineprint{margin-top:13px;font-size:13.5px;color:#8A8681}

#ai-vis-checker .share{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--bg-soft)}
#ai-vis-checker .share .url{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:6px;padding:12px 15px;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;margin-top:13px}
#ai-vis-checker .share .url span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--body)}
#ai-vis-checker .ogcard{margin-top:17px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;max-width:450px}
#ai-vis-checker .ogimg{height:128px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-around;padding:0 18px}
#ai-vis-checker .ogimg b{font-size:36px;display:block;font-family:var(--serif);color:var(--orange)}
#ai-vis-checker .ogimg small{display:block;font-size:10.5px;color:#8A8681;letter-spacing:.08em;text-transform:uppercase}
#ai-vis-checker .ogmeta{padding:13px 17px;font-size:14px}
#ai-vis-checker .ogmeta b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px} #ai-vis-checker .ogmeta span{color:var(--muted)}

/* IDLE CONTENT */
#ai-vis-checker .altbg{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Structured-grid dot texture, reused behind section content the same way
   the hero uses it — signature element, not decoration. */
#ai-vis-checker .dotgrid{position:relative}
#ai-vis-checker .dotgrid:before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--line) 1.3px,transparent 1.3px);
  background-size:22px 22px;opacity:.7;
  mask-image:radial-gradient(ellipse 85% 65% at 50% 25%,#000 25%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 25%,#000 25%,transparent 78%)}
#ai-vis-checker .dotgrid>.wrap{position:relative;z-index:1}

/* Category color-blocking: each card carries --cat/--cat-soft/--cat-line,
   set inline per card from the brand's multi-color system. */
#ai-vis-checker .cards4{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#ai-vis-checker .pcard-scroller{position:relative}
#ai-vis-checker .scrollhint{display:none}
#ai-vis-checker .cscroll-btn{display:none}
@media(min-width:1181px){
  #ai-vis-checker .cards4{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin:0 -2px;cursor:grab}
  #ai-vis-checker .cards4::-webkit-scrollbar{display:none}
  #ai-vis-checker .cards4.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
  #ai-vis-checker .cards4>.pcard{flex:0 0 258px;scroll-snap-align:start}
  #ai-vis-checker .pcard-scroller:after{content:"";position:absolute;top:0;right:0;bottom:12px;width:64px;pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--bg-soft) 88%)}
  #ai-vis-checker .scrollhint{display:block;text-align:right;font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;
    color:var(--muted);margin-top:10px}
  #ai-vis-checker .cscroll-btn{display:flex;position:absolute;top:calc(50% - 10px);transform:translateY(-50%);width:38px;height:38px;
    border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);align-items:center;
    justify-content:center;cursor:pointer;z-index:3;color:var(--ink);padding:0}
  #ai-vis-checker .cscroll-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #ai-vis-checker .cscroll-btn:hover{border-color:var(--orange);color:var(--orange)}
  #ai-vis-checker .cscroll-btn.prev{left:-15px}
  #ai-vis-checker .cscroll-btn.next{right:-15px}
}
#ai-vis-checker .pcard{background:var(--cat-soft,#fff);border:1px solid var(--line);border-top:3px solid var(--cat,var(--orange));
  border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow)}
#ai-vis-checker .pcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#ai-vis-checker .picon{width:36px;height:36px;border-radius:9px;background:var(--cat-line,var(--orange-line));
  color:var(--cat,var(--orange));display:flex;align-items:center;justify-content:center;flex:0 0 36px}
#ai-vis-checker .picon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ai-vis-checker .pcard .no{font-family:var(--serif);font-size:20px;color:var(--cat,var(--orange));line-height:1;margin:0}
#ai-vis-checker .pcard h3{font-size:16.5px;margin-bottom:7px}
#ai-vis-checker .pcard p{font-size:14px;margin:0 0 11px;color:var(--body)}
#ai-vis-checker .pcard ul{margin:0;padding-left:15px;font-size:13.5px;color:var(--muted)}
#ai-vis-checker .pcard li{margin-bottom:4px}

#ai-vis-checker .stagegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
#ai-vis-checker .sgcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
#ai-vis-checker .sgcard .n{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
#ai-vis-checker .sgcard h4{font-size:16px;margin:7px 0 10px}
#ai-vis-checker .sgcard ul{margin:0;padding-left:16px;font-size:14px;color:var(--body)}
#ai-vis-checker .sgcard li{margin-bottom:6px}

#ai-vis-checker .checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){#ai-vis-checker .checkgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#ai-vis-checker .checkgrid{grid-template-columns:1fr}}
#ai-vis-checker .checkcol{background:var(--cat-soft,#fff);border:1px solid var(--line);border-top:3px solid var(--cat,var(--orange));
  border-radius:var(--radius);padding:20px 20px 22px;box-shadow:var(--shadow)}
#ai-vis-checker .checkcol .cc-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
#ai-vis-checker .checkcol .picon{width:32px;height:32px;border-radius:8px;flex:0 0 32px}
#ai-vis-checker .checkcol .picon svg{width:16px;height:16px}
#ai-vis-checker .checkcol h4{font-size:15.5px;margin:0}
#ai-vis-checker .checkcol ul{margin:0;padding:0;list-style:none;font-size:14.5px}
#ai-vis-checker .checkcol li{padding:5px 0 5px 24px;position:relative;color:var(--body)}
#ai-vis-checker .checkcol li:before{content:"";position:absolute;left:0;top:12px;width:11px;height:6px;
  border-left:2px solid var(--cat,var(--orange));border-bottom:2px solid var(--cat,var(--orange));transform:rotate(-45deg)}

#ai-vis-checker .mythrow{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;background:#fff;margin-bottom:16px}
#ai-vis-checker .mythrow>div{padding:24px 26px}
#ai-vis-checker .mythrow .m{background:var(--bg-soft);border-right:1px solid var(--line)}
#ai-vis-checker .mythrow .lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
#ai-vis-checker .mythrow .m .lbl{color:var(--muted)} #ai-vis-checker .mythrow .t .lbl{color:var(--orange)}
#ai-vis-checker .mythrow h4{font-size:17px;margin-bottom:8px} #ai-vis-checker .mythrow p{margin:0;font-size:15px}

#ai-vis-checker .cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
#ai-vis-checker .cmp th:first-child{width:52%}
#ai-vis-checker .cmp th:nth-child(2),#ai-vis-checker .cmp th:nth-child(3){text-align:center;width:24%}
#ai-vis-checker .cmp td:nth-child(2),#ai-vis-checker .cmp td:nth-child(3){text-align:center}
#ai-vis-checker .cmp .yes{color:var(--green);font-weight:700} #ai-vis-checker .cmp .no{color:#C9C6C2}

#ai-vis-checker details{border-bottom:1px solid var(--line);padding:17px 0}
#ai-vis-checker details summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:17px;list-style:none;
  display:flex;justify-content:space-between;gap:16px}
#ai-vis-checker details summary::-webkit-details-marker{display:none}
#ai-vis-checker details summary:after{content:"+";color:var(--orange);font-size:22px;line-height:1}
#ai-vis-checker details[open] summary:after{content:"−"}
#ai-vis-checker details p{margin:12px 0 0;font-size:15.5px}

#ai-vis-checker .finalcta{background:var(--ink);color:#fff;text-align:center;padding:80px 0}
#ai-vis-checker .finalcta h2{color:#fff;font-size:40px;max-width:22ch;margin:0 auto 16px;font-family:var(--serif)}
#ai-vis-checker .finalcta h2 em{font-style:italic;color:var(--orange)}
#ai-vis-checker .finalcta p{color:#B8B5B1;max-width:58ch;margin:0 auto 28px;font-size:17px}
#ai-vis-checker footer{background:var(--ink);color:#8A8681;padding:0 0 38px;font-size:14px}
#ai-vis-checker footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;
  padding-top:38px;border-top:1px solid #333}
#ai-vis-checker footer h5{color:#fff;font-size:14px;margin:0 0 12px;letter-spacing:.02em}
#ai-vis-checker footer ul{list-style:none;padding:0;margin:0}
#ai-vis-checker footer li{margin-bottom:7px} #ai-vis-checker footer a{color:#8A8681} #ai-vis-checker footer a:hover{color:var(--orange)}
#ai-vis-checker .copyright{text-align:center;padding-top:28px;font-size:13.5px;color:#6A6663}

@media(max-width:960px){
  #ai-vis-checker .journey{grid-template-columns:repeat(2,1fr)} #ai-vis-checker .dual{grid-template-columns:1fr}
  #ai-vis-checker .cards4{grid-template-columns:repeat(2,1fr)}
  #ai-vis-checker .flowsteps{grid-template-columns:repeat(2,1fr)}
  #ai-vis-checker .fstep{border-bottom:1px solid var(--line)}
  #ai-vis-checker .mythrow{grid-template-columns:1fr} #ai-vis-checker .mythrow .m{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
  #ai-vis-checker .hero h1{font-size:36px} #ai-vis-checker .finalcta h2{font-size:29px}
  #ai-vis-checker .hero-form{flex-direction:column}
  #ai-vis-checker .journey{grid-template-columns:1fr} #ai-vis-checker .flowsteps{grid-template-columns:1fr}
  #ai-vis-checker .scard{flex-direction:column;text-align:center}
  #ai-vis-checker .idrow{flex-direction:column;gap:6px} #ai-vis-checker .idrow .src{flex:none}
  #ai-vis-checker .sec-head h2{font-size:26px}
  #ai-vis-checker .cards4{grid-template-columns:1fr}
  #ai-vis-checker th,#ai-vis-checker td{padding-left:15px;padding-right:15px}
  #ai-vis-checker .capture,#ai-vis-checker .pipe-hero{padding:26px 22px}
}