/* ===== ScriptGrain skin over Direction D ("Decision Atlas") ===== */
:root{
  --pin-ink:#11100E;--pin-paper:#F6F5F0;--pin-white:#FFFFFF;--danger:#EF4444;
  --paper:#F6F5F0;--sheet:#FFFFFF;--ink:#11100E;--ink-soft:#68645E;--ink-faint:#736E64;--lavink:#6E6880;
  --rule:rgba(17,16,14,.15);--blue:#674BFF;--blue-soft:rgba(103,75,255,.10);--teal:#07A0C3;--teal-soft:rgba(7,160,195,.10);
  --gold:#9D8420;--gold-soft:rgba(157,132,32,.12);--sky:#0F6FD9;--sky-soft:rgba(15,111,217,.10);--marker:rgba(157,132,32,.26);--nav:rgba(247,246,241,.9);--chipbg:rgba(255,255,255,.6);
  --grot:"Archivo","Helvetica Neue",Arial,sans-serif;--serif:"Newsreader",Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --glow1:rgba(103,75,255,.15);--glow2:rgba(7,160,195,.10);
  /* remap Direction D's tokens onto the ScriptGrain palette */
  --bg:var(--paper);--surface:var(--sheet);--muted:var(--ink-soft);--line:var(--rule);--line-strong:var(--rule);--soft:var(--chipbg);
  --accent:var(--pin-ink);--accent-hover:var(--blue);--accent-ink:var(--pin-paper);--focus:var(--blue);
  --named:var(--sky);--named-soft:var(--sky-soft);--cited:var(--blue);--cited-soft:var(--blue-soft);--open:var(--teal);--open-soft:var(--teal-soft);
  --error:var(--danger);--error-soft:rgba(239,68,68,.10);--track:var(--rule);--highlight-bg:var(--sheet);
  --readiness-bg:var(--sheet);--readiness-ink:var(--ink);--readiness-action:var(--pin-ink);--readiness-action-ink:var(--pin-paper);
  --input-bg:var(--sheet);--input-ink:var(--ink);--input-border:var(--rule);--input-muted:var(--ink-faint);
  --font-display:var(--grot);--font-body:var(--serif);--font-mono:var(--mono);
  --radius-card:18px;--radius-section:26px;--shadow:none;
}
html[data-theme="dark"]{
  color-scheme:dark;--danger:#E14747;--paper:#141310;--sheet:#1D1B22;--ink:#F6F5F0;--ink-soft:#B3AFA5;--ink-faint:#87837A;--lavink:#A6A0C0;
  --rule:rgba(246,245,240,.16);--blue:#7A61FF;--blue-soft:rgba(122,97,255,.18);--teal:#2CB8D8;--teal-soft:rgba(44,184,216,.14);
  --gold:#C9A72C;--gold-soft:rgba(201,167,44,.16);--sky:#4DA3FF;--sky-soft:rgba(77,163,255,.16);--marker:rgba(201,167,44,.30);--nav:rgba(18,17,14,.86);--chipbg:rgba(255,255,255,.06);
  --glow1:rgba(122,97,255,.16);--glow2:rgba(44,184,216,.10);
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]){
    color-scheme:dark;--danger:#E14747;--paper:#141310;--sheet:#1D1B22;--ink:#F6F5F0;--ink-soft:#B3AFA5;--ink-faint:#87837A;--lavink:#A6A0C0;
    --rule:rgba(246,245,240,.16);--blue:#7A61FF;--blue-soft:rgba(122,97,255,.18);--teal:#2CB8D8;--teal-soft:rgba(44,184,216,.14);
    --gold:#C9A72C;--gold-soft:rgba(201,167,44,.16);--sky:#4DA3FF;--sky-soft:rgba(77,163,255,.16);--marker:rgba(201,167,44,.30);--nav:rgba(18,17,14,.86);--chipbg:rgba(255,255,255,.06);
    --glow1:rgba(122,97,255,.16);--glow2:rgba(44,184,216,.10);
  }
}
body.sg{
  background:radial-gradient(900px 620px at 88% -5%,var(--glow1),transparent 62%),radial-gradient(820px 620px at 0% 102%,var(--glow2),transparent 62%),var(--paper);
  background-attachment:fixed;font-family:var(--serif);font-weight:400;
}
.sg h1,.sg h2,.sg h3,.sg h4{font-family:var(--grot);font-weight:800;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.sg .hero h1{font-weight:800;letter-spacing:-.06em;line-height:.94}
.sg .hero-sub{font-family:var(--serif);font-weight:300;font-size:1.25rem;line-height:1.6;color:var(--ink)}
.sg .mono,.sg .eyebrow,.sg .micro,.sg .number,.sg table,.sg .stamp{font-family:var(--mono);font-variation-settings:normal}
.sg .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:500;color:var(--ink-soft)}
.sg .eyebrow:before{background:var(--teal);height:2px;width:22px}
.sg .micro,.sg .stamp{font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}
/* header */
.sg .site-header{min-height:88px;border-bottom:1px solid var(--rule)}
.sg .brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff;font-family:var(--grot);font-weight:800;font-size:12px;gap:0}
.sg .brand-mark i{display:none}
.sg .brand-mark:before{content:"VA"}
.sg .brand-name{font:800 13px var(--grot);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);word-spacing:.12em}
.sg .brand small{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;text-transform:none;color:var(--ink-faint);margin-top:2px}
.sg .site-nav{gap:26px}
.sg .site-nav a:not(.button){font-family:var(--grot);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid transparent;padding-bottom:2px}
.sg .site-nav a:not(.button):hover,.sg .site-nav a:not(.button):focus-visible{color:var(--ink);border-bottom-color:var(--ink);text-decoration:none}
.sg .mode{width:34px;height:34px;border-radius:999px;flex:none;border:1px solid var(--rule);background:var(--chipbg);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;padding:0}
.sg .mode svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sg .mode .moon{display:none}
html[data-theme="dark"] .sg .mode .sun{display:none}html[data-theme="dark"] .sg .mode .moon{display:block}
/* buttons */
.sg .button{font-family:var(--grot);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;min-height:48px;padding:12px 22px;border-radius:999px;gap:12px;transition:background .2s ease,color .2s ease,transform .2s ease}
.sg .primary{background:var(--pin-ink);color:var(--pin-paper);border:1px solid var(--rule)}
.sg .primary:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.sg .secondary{background:transparent;color:var(--ink);border:1px solid var(--rule)}
.sg .secondary:hover{background:var(--chipbg)}
.sg .hero-actions .secondary{border:1px solid var(--rule);padding-inline:20px;text-decoration:none}
.sg .site-nav .button{min-height:40px;padding:9px 16px;font-size:11px}
.sg .menu{font-family:var(--grot);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;border-color:var(--rule)}
.sg :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* hero evidence */
.sg .total,.sg .total.cited-total{background:var(--sheet);border:1px solid var(--rule);border-radius:16px;color:var(--ink)}
.sg .total{box-shadow:none}
.sg .total.cited-total{box-shadow:none}
.sg .total .number{font-family:var(--grot);font-weight:800;letter-spacing:-.06em;color:var(--sky)}
.sg .total.cited-total .number{color:var(--blue)}
.sg .total .number small{font-family:var(--grot);font-weight:700;letter-spacing:-.03em;color:var(--ink-faint)}
.sg .total p{font-family:var(--serif);font-size:.8rem;color:var(--ink-soft)}
.sg .total p strong{font-family:var(--grot);font-weight:700;font-size:.8rem;letter-spacing:.02em;color:var(--ink)}
.sg .proof{border:1px solid var(--rule);border-radius:22px;box-shadow:none;background:var(--sheet)}
.sg .proof-top{background:var(--paper);border-bottom:1px solid var(--rule)}
.sg .proof-caption{background:var(--paper);font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}
.sg .proof-title h2{font-size:1.6rem;letter-spacing:-.04em}
.sg .legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
.sg .dot{border-radius:50%}.sg .dot.cited{border-radius:2px}
.sg .engine-table th{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.sg .engine-table td:first-child{font-family:var(--grot);font-weight:700;font-size:.8125rem;letter-spacing:.01em;font-variation-settings:normal}
.sg .bar-track{height:5px;border-radius:999px;background:var(--rule);overflow:hidden}
.sg .bar-fill{border-radius:999px}
.sg .metric-cell b{font-family:var(--mono);font-weight:500}
.sg .verdict-call{background:var(--sky-soft);border-top:1px solid var(--rule)}
.sg .verdict-call h3{color:var(--ink);font-size:1.45rem}
.sg .verdict-call p{font-family:var(--serif);font-size:.9rem;font-weight:300}
.sg .engine-ribbon{border-color:var(--rule)}
.sg .engine-ribbon .ribbon-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.sg .engine-names{font-family:var(--grot);font-weight:800;letter-spacing:-.03em;font-size:1.35rem}
/* sections */
.sg .section{border-color:var(--rule)}
.sg .section-heading>.micro{font-family:var(--serif);font-size:.9rem;line-height:1.5;color:var(--ink-soft);letter-spacing:0}
.sg .verdict-item,.sg .verdict-item:first-child,.sg .verdict-item:last-child,.sg .verdict-item:nth-child(1),.sg .verdict-item:nth-child(3){background:var(--sheet);border:1px solid var(--rule);border-radius:18px;box-shadow:none}
.sg .verdict-item:nth-child(1){box-shadow:none}
.sg .verdict-item:nth-child(3){box-shadow:none}
.sg .verdict-number{font-family:var(--mono);font-weight:500;font-size:2.2rem;color:var(--ink-faint);letter-spacing:-.02em}
.sg .verdict-item h3{font-size:1.7rem}
.sg .verdict-item p{font-family:var(--serif);font-size:.95rem;font-weight:300;line-height:1.6;color:var(--ink-soft)}
.sg .status-tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;border-radius:999px;padding:5px 10px;background:transparent;border:1px solid var(--sky);color:var(--sky)}
.sg .status-tag.entrenched{border-color:var(--rule);color:var(--ink-soft);background:var(--chipbg)}
.sg .status-tag.open{border-color:var(--teal);color:var(--teal);background:transparent}
.sg .step{background:var(--sheet);border:1px solid var(--rule);border-radius:18px;box-shadow:none}
.sg .step .number{font-family:var(--mono);border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);font-size:11px}
.sg .step h3{font-size:1.45rem}
.sg .step p{font-family:var(--serif);font-size:.95rem;font-weight:300;line-height:1.6;color:var(--ink-soft)}
/* readiness = the annotation object: teal edge, teal shadow */
.sg .readiness-section{background:var(--sheet);border:1px solid var(--rule);border-left:2px solid var(--teal);border-radius:26px;box-shadow:none}
.sg .readiness-section h2{font-size:2.6rem}
.sg .readiness-section .readiness-body{font-family:var(--serif);font-weight:300;font-size:1.05rem;line-height:1.6;opacity:1;color:var(--ink-soft)}
.sg .readiness-form label{font-family:var(--grot);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.sg .domain-input{font-family:var(--mono);font-size:.95rem;border-radius:999px;border:1px solid var(--rule);background:var(--paper)}
.sg .readiness-footnote{font-family:var(--serif);font-size:.9rem;opacity:1;color:var(--ink-soft)}
.sg .readiness-footnote em{color:var(--ink);font-weight:400}
.sg .readiness-preview-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-faint);opacity:1}
.sg .scan-results{border-radius:16px;border:1px solid var(--rule);box-shadow:none}
.sg .scan-results h3{font-size:1.2rem}
.sg .scan-check b{font-family:var(--grot);font-weight:700;font-size:.8rem}
.sg .scan-check p{font-family:var(--serif);font-size:.8rem}
.sg .check-status{font-family:var(--mono);font-size:10px;letter-spacing:.08em}
.sg .scan-loading{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
/* pricing */
.sg .pricing-card{border:1px solid var(--rule);border-radius:18px;background:var(--sheet)}
.sg .pricing-card.highlight{border:1px solid var(--rule);padding:30px;background:var(--sheet);box-shadow:none}
.sg .pricing-card h3{font-size:1.5rem}
.sg .plan-label{font-family:var(--serif);font-size:.9rem;font-weight:300;color:var(--ink-soft)}
.sg .price{font-family:var(--mono);font-weight:500;font-size:3.4rem;letter-spacing:-.04em}
.sg .price small{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.sg .pricing-card ul{border-top:1px solid var(--rule)}
.sg .pricing-card li{font-family:var(--serif);font-size:.95rem;font-weight:300}
.sg .pricing-card li:before{color:var(--teal);font-weight:700}
.sg .pricing-note{font-family:var(--serif);font-size:.85rem;color:var(--ink-soft)}
.sg .pricing-note a{color:var(--blue)}
/* industry + faq + footer */
.sg .industry-card{border:1px solid var(--rule);border-radius:18px;box-shadow:none}
.sg .industry-card .draft-note{font-family:var(--mono);color:var(--ink-faint)}
.sg .vendor-share{font-family:var(--grot);font-weight:700;font-size:.75rem}
.sg .vendor-share .bar-track{height:4px}.sg .vendor-share .bar-fill{background:var(--blue)}
.sg .vendor-share .mono{font-family:var(--mono);font-weight:400;color:var(--ink-faint)}
.sg .industry-link,.sg .section-link{font-family:var(--grot);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.sg .faq-item{border-color:var(--rule)}
.sg .faq-item summary{font-family:var(--grot);font-weight:700;font-size:1.05rem;letter-spacing:-.02em}
.sg .faq-item p{font-family:var(--serif);font-size:.95rem;font-weight:300;line-height:1.6;color:var(--ink-soft)}
.sg .final-cta h2{font-size:2.8rem}
.sg .site-footer{border-color:var(--rule)}
.sg .footer-links a{font-family:var(--grot);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.sg a{color:var(--ink)}.sg a:hover{color:var(--blue)}
.sg .preview-dialog{border-radius:18px;box-shadow:none}
.sg .preview-dialog h2{font-size:1.6rem}
.sg .preview-dialog p{font-family:var(--serif);font-weight:300}
@media(max-width:850px){.sg .site-nav{background:var(--sheet);border-bottom:1px solid var(--rule);box-shadow:none}}