/* ATBAE — atbae.ai
   Two palettes, split by surface. This is deliberate, not an oversight.

   DARK SURFACES (the footer) use the live pinnacleglobal.pro values verbatim:
     --dk-bg   #0B1120   --ember        #C8A96A
     --dk-text #E7E9EE   --ember-bright #E2C98D
     --dk-faint #8B95A8  --dk-rule      rgba(200,169,106,.22)

   LIGHT SURFACES (everything above the footer) keep the pgac.works
   golden-hour set — --slate #2A3140 and --ember-deep #A87B2A. Pinnacle's
   palette is built for a dark ground and does not transplant: #C8A96A on
   this cream measures 2.15:1, and the ink navy makes the masthead cold and
   hard. Both were tried and reverted on the owner's eye.

   So: the footer is Pinnacle exactly; the top is golden hour exactly. The
   two meet at the footer edge, which is where the sites are meant to rhyme.

   One correction to the pgac.works original: --slate-faint was #7C8496
   (3.5:1 on paper, below AA) and is now #5F6878 (4.7:1); body weight lifted
   from 300 to 400. */

/* Self-hosted typefaces (SIL OFL). Latin subset, variable files — no request
   leaves this site to fetch a font. Weights used: CG 400/500/600 + italics,
   Inter 400/500, JetBrains Mono 400/500. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/cg-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 500;font-display:swap;src:url('fonts/cg-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/inter.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/jb-mono.woff2') format('woff2')}

:root{
  --sand:#F3EDE4;
  --paper:#FAF6EE;
  --champagne:#F4E3C8;
  --rose:#E8CFC4;

  /* golden-hour slate — body type, headings, nav mark */
  --slate:#2A3140;
  --slate-soft:#4A5265;
  --slate-faint:#5F6878;

  /* gold: Pinnacle exact on dark, golden-hour on light */
  --ember:#C8A96A;         /* Pinnacle gold, exact — dark surfaces only */
  --ember-bright:#E2C98D;  /* Pinnacle gold-bright, exact — hover on dark */
  --ember-deep:#A87B2A;    /* golden-hour accent — light surfaces only */

  /* dark-surface set, all exact */
  --dk-bg:#0B1120;
  --dk-text:#E7E9EE;
  --dk-text-lift:#F2F4F8;
  --dk-faint:#8B95A8;
  --dk-rule:rgba(200,169,106,.22);

  --teal:#2E7D8C;
  --seal:#1B6FB0;          /* validated: pass/verified. never green — CVD */
  --alert:#BE3A26;
  --hairline:rgba(168,123,42,.28);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--paper);color:var(--slate);
  font-family:var(--sans);font-weight:400;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--champagne);color:var(--slate)}
:focus-visible{outline:2px solid var(--ember-deep);outline-offset:3px}

/* ——— nav ——— */
nav{
  position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
  gap:24px;padding:16px clamp(20px,5vw,64px);
  background:rgba(250,246,238,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hairline);
}
nav .mark{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.03em;text-decoration:none;white-space:nowrap}
nav .mark em{font-style:italic;color:var(--ember-deep)}
nav .links{display:flex;gap:clamp(14px,2.4vw,30px);align-items:center;flex-wrap:wrap;justify-content:flex-end}
nav .links a{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--slate-soft);text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:.25s;
}
nav .links a:hover{color:var(--ember-deep);border-color:var(--ember-deep)}
nav .links a.cta{color:var(--ember-deep);background:none;border-bottom:1.5px solid var(--ember-deep);font-weight:500}
nav .links a.cta:hover{color:var(--slate);border-bottom-color:var(--slate)}

/* ——— rhythm ——— */
section{padding:clamp(56px,9vh,104px) clamp(20px,6vw,84px)}
.narrow{max-width:1120px;margin:0 auto}
.ov{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ember-deep)}

/* ——— hero ——— */
.hero{padding-top:clamp(40px,7vh,76px);padding-bottom:clamp(48px,8vh,88px);border-bottom:1px solid var(--hairline)}

/* The full name, set as a masthead: uppercase serif, tracked wide enough to
   span the measure. This is the first thing on the page and it says what the
   instrument is — it should read as an engraved title, not a caption. */
.expansion{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(19px,3.45vw,49px);
  line-height:1.14;letter-spacing:.055em;text-transform:uppercase;
  color:var(--slate);margin:0;text-wrap:balance;
}
.expansion em{font-style:italic;color:var(--ember-deep);letter-spacing:.03em}
.expansion + .exrule{
  border:0;border-top:1px solid var(--hairline);
  margin:clamp(16px,2.4vh,28px) 0 clamp(20px,3vh,34px);
}
.hero h1{
  font-family:var(--serif);font-weight:500;font-size:clamp(34px,5.1vw,64px);line-height:1.06;
  max-width:17ch;margin:0 0 20px;text-wrap:balance;
}
.hero h1 em{font-style:italic;color:var(--ember-deep)}
.hero .sub{max-width:60ch;font-size:clamp(15.5px,1.35vw,18px);color:var(--slate-soft)}
.row{margin-top:36px;display:flex;gap:clamp(24px,4vw,44px);align-items:center;flex-wrap:wrap}
/* No filled slabs. Weight comes from the type and a single ember rule —
   quieter, and it stops three dark blocks competing with the masthead. */
.btn{
  font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;text-decoration:none;color:var(--slate);
  background:none;border:0;border-bottom:1.5px solid var(--ember-deep);
  padding:2px 0 8px;display:inline-block;transition:color .25s,border-color .25s,border-width .18s;
}
.btn:hover,.btn:focus-visible{color:var(--ember-deep);border-bottom-width:3px}
.btn.ghost{color:var(--slate-soft);border-bottom-color:var(--hairline)}
.btn.ghost:hover,.btn.ghost:focus-visible{color:var(--ember-deep);border-bottom-color:var(--ember-deep)}
.colophon{margin-top:36px;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;color:var(--slate-faint)}

/* ——— generic blocks ——— */
h2.head{font-family:var(--serif);font-weight:500;font-size:clamp(27px,3.4vw,42px);line-height:1.18;max-width:24ch;margin-top:16px}
h2.head em{font-style:italic;color:var(--ember-deep)}
.lede{margin-top:18px;max-width:64ch;color:var(--slate-soft);font-size:16px}
.alt{background:var(--sand);border-block:1px solid var(--hairline)}

/* ——— battery cards ——— */
.cards{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{
  border:1px solid var(--hairline);background:var(--paper);padding:26px 26px 24px;
  display:flex;flex-direction:column;gap:12px;
}
.alt .card{background:var(--paper)}
.card .tier{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember-deep)}
.card h3{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15}
.card .scope{color:var(--slate-soft);font-size:14.5px;flex:1}
.card ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:2px}
.card li{font-size:13.5px;color:var(--slate-soft);padding-left:17px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border:1px solid var(--ember-deep);transform:rotate(45deg)}
.card .foot{border-top:1px solid var(--hairline);padding-top:13px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--slate-faint)}

/* ——— class table ——— */
.tw{overflow-x:auto;margin-top:38px}
.ctable{width:100%;min-width:660px;border-collapse:collapse;font-size:14px}
.ctable th{
  font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;
  color:var(--slate-faint);text-align:left;padding:0 16px 11px 0;border-bottom:1px solid var(--slate);vertical-align:bottom;
}
.ctable td{padding:13px 16px 13px 0;border-bottom:1px solid var(--hairline);vertical-align:top;color:var(--slate-soft)}
.ctable tr:last-child td{border-bottom:0}
.ctable td:first-child{font-family:var(--mono);font-size:12px;color:var(--slate);white-space:nowrap;font-weight:500}
.ctable td:nth-child(2){color:var(--slate);font-weight:500}
.ctable .k{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;
  padding:3px 7px;border:1px solid currentColor;white-space:nowrap;display:inline-block;
}
.ctable .k.gate{color:var(--alert)}
.ctable .k.scored{color:var(--seal)}
.ctable .k.both{color:var(--ember-deep)}
.tablenote{margin-top:16px;font-size:13px;color:var(--slate-faint);max-width:78ch}
.tablenote b{color:var(--slate);font-weight:500}

/* ——— doctrine note: a stated rule, set apart ——— */
.doctrine{
  margin-top:34px;border-left:2px solid var(--ember-deep);padding:18px 24px;
  background:rgba(244,227,200,.32);max-width:74ch;
}
.alt .doctrine{background:rgba(255,255,255,.45)}
.doctrine b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ember-deep);margin-bottom:8px;font-weight:500}
.doctrine p{margin:0;font-size:14px;color:var(--slate-soft)}

/* ——— spec strip ——— */
.strip{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
.strip div{background:var(--paper);padding:20px 18px;display:flex;flex-direction:column;gap:5px}
.alt .strip div{background:var(--sand)}
.strip .n{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--ember-deep);line-height:1}
.strip .l{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-faint)}

/* ——— specimen cards: 2 + 2 + 1 feature ——— */
.speclist{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.speccard{
  border:1px solid var(--hairline);background:var(--paper);
  padding:26px 26px 20px;display:flex;flex-direction:column;gap:12px;
  text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s;
}
.alt .speccard{background:var(--sand)}
.speccard:hover{border-color:var(--ember-deep);transform:translateY(-3px);box-shadow:0 10px 26px rgba(42,49,64,.07)}
.speccard .top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.speccard .no{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--ember-deep)}
.speccard .badge{
  font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;
  padding:4px 9px;border:1px solid currentColor;white-space:nowrap;
}
.speccard .badge.pass{color:var(--seal)}
.speccard .badge.fail{color:var(--alert)}
.speccard h3{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.1}
.speccard p{color:var(--slate-soft);font-size:14.5px;flex:1;margin:0}
.speccard .foot{
  border-top:1px solid var(--hairline);margin-top:4px;padding-top:13px;
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--slate-faint);
}
.speccard .go{color:var(--ember-deep);white-space:nowrap}

.speccard.feature{grid-column:1 / -1;padding:30px 30px 22px}
.speccard.feature h3{font-size:clamp(30px,3.1vw,37px)}
.speccard.feature .split{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.speccard.feature .aside{
  border-left:1px solid var(--hairline);padding-left:clamp(18px,2.4vw,30px);
  font-size:13.5px;color:var(--slate-soft);
}
.speccard.feature .aside b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ember-deep);margin-bottom:8px;font-weight:500}

/* ——— verify block ——— */
.verify{border:1px solid var(--ember-deep);padding:clamp(26px,4vw,44px);background:var(--paper);margin-top:36px}
.alt .verify{background:var(--sand)}
.verify h3{font-family:var(--serif);font-size:clamp(23px,2.6vw,31px);font-weight:600}
.verify p{margin-top:12px;color:var(--slate-soft);max-width:62ch;font-size:15px}
.vform{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.vform input{
  flex:1;min-width:260px;font-family:var(--mono);font-size:13px;padding:14px 16px;
  border:1px solid var(--hairline);background:var(--paper);color:var(--slate);
}
.vform input:focus{outline:2px solid var(--ember-deep);outline-offset:-1px}
.free{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--seal)}
.free::before{content:"";width:7px;height:7px;background:var(--seal);border-radius:50%}

/* ——— pull statement: no band, just air, a mark, and engraved corners ——— */
.quote{
  position:relative;text-align:center;background:none;color:var(--slate);
  padding:clamp(62px,10vh,112px) clamp(20px,6vw,84px);
  border-block:1px solid var(--hairline);
}
.quote::before,.quote::after{
  content:"";position:absolute;width:30px;height:30px;
  border:1px solid var(--ember-deep);opacity:.5;pointer-events:none;
}
.quote::before{top:clamp(20px,3vh,34px);left:clamp(20px,4vw,54px);border-right:0;border-bottom:0}
.quote::after{bottom:clamp(20px,3vh,34px);right:clamp(20px,4vw,54px);border-left:0;border-top:0}
.quote .diamond{
  width:9px;height:9px;border:1px solid var(--ember-deep);transform:rotate(45deg);
  margin:0 auto clamp(22px,3vh,34px);
}
.quote p{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(23px,3.3vw,42px);line-height:1.3;
  max-width:23ch;margin:0 auto;text-wrap:balance;
}

/* ——— contact ——— */
.contact{text-align:center}
.contact h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.8vw,48px);line-height:1.15;margin-top:16px}
.contact h2 em{font-style:italic;color:var(--ember-deep)}
.contact p{margin:20px auto 0;max-width:54ch;color:var(--slate-soft)}
.contact .row{justify-content:center}

/* ——— footer ——— */
/* Footer — Pinnacle ground and gold, exact. All four links near-white
   (14.6:1) with the gold carried by the rule rather than the type, so the
   links stay bright and the gold is still unmistakably present. Hover lifts
   to Pinnacle's gold-bright. */
footer{background:var(--dk-bg);color:var(--dk-text);padding:46px clamp(20px,6vw,84px) 38px}
footer .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start;max-width:1120px;margin:0 auto}
footer .fmark{font-family:var(--serif);font-size:21px;color:var(--dk-text-lift)}
footer .fmark em{font-style:italic;color:var(--ember)}
footer .flinks{display:flex;gap:24px;flex-wrap:wrap}
footer a{
  color:var(--dk-text);text-decoration:none;font-size:13px;
  border-bottom:1px solid rgba(200,169,106,.45);padding-bottom:2px;transition:.25s;
}
footer a:hover,footer a:focus-visible{color:var(--ember-bright);border-bottom-color:var(--ember-bright)}
footer .legal{max-width:1120px;margin:32px auto 0;padding-top:20px;border-top:1px solid var(--dk-rule);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;color:var(--dk-faint);line-height:1.95}

/* ——— reveal: visible by default, JS only adds the transition.
       If the script never runs, the content is still readable. ——— */
.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

@media (max-width:900px){
  .cards{grid-template-columns:1fr}
  .strip{grid-template-columns:repeat(2,1fr)}
  nav{flex-direction:column;align-items:flex-start;gap:12px}
  nav .links{justify-content:flex-start}
  .speclist{grid-template-columns:1fr}
  .speccard.feature .split{grid-template-columns:1fr;gap:20px}
  .speccard.feature .aside{border-left:0;border-top:1px solid var(--hairline);padding-left:0;padding-top:16px}
  .expansion{letter-spacing:.035em}
}

/* ——— legal pages ——— */
.legalwrap{max-width:820px;margin:0 auto;padding:clamp(48px,8vh,84px) clamp(20px,5vw,48px) 90px}
.legalwrap h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,54px);line-height:1.1;margin-bottom:10px}
.effective{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--slate-faint);margin-bottom:14px}
.legalwrap .intro{color:var(--slate-soft);max-width:66ch;font-size:15.5px}
.legalwrap h2{font-family:var(--serif);font-weight:600;font-size:23px;margin:44px 0 12px;color:var(--slate)}
.legalwrap h2.sched{margin-top:64px;padding-top:26px;border-top:2px solid var(--slate);font-size:27px}
.legalwrap h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:30px 0 10px}
.legalwrap p{color:var(--slate-soft);font-size:14.5px;margin-bottom:12px;max-width:74ch}
.legalwrap p b,.legalwrap li b{color:var(--slate);font-weight:500}
.legalwrap ul{margin:0 0 14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:9px;max-width:74ch}
.legalwrap li{color:var(--slate-soft);font-size:14.5px;padding-left:19px;position:relative}
.legalwrap li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border:1px solid var(--ember-deep);transform:rotate(45deg)}
.legalwrap .newmark{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-deep);border:1px solid var(--ember-deep);padding:2px 6px;margin-left:10px;vertical-align:middle}
.legalwrap table{width:100%;max-width:74ch;border-collapse:collapse;margin:6px 0 20px;font-size:13.5px}
.legalwrap th{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-faint);text-align:left;padding:8px 14px 8px 0;border-bottom:1px solid var(--slate)}
.legalwrap td{color:var(--slate-soft);padding:9px 14px 9px 0;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.55}
.legalwrap td:first-child{color:var(--slate);font-weight:500;white-space:normal}
.legalwrap td b{color:var(--slate);font-weight:500}
.draftnote{border:1px solid var(--alert);background:#FBF1EC;padding:18px 22px;margin-bottom:34px;max-width:74ch}
.draftnote b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--alert);margin-bottom:7px}
.draftnote p{color:#6E3A32;margin:0;font-size:13.5px}
.legalnav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--hairline);
  margin-top:56px;padding-top:26px;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;color:var(--slate-faint)}
.legalnav a{text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px}
.legalnav a:hover{color:var(--ember-deep);border-color:var(--ember-deep)}

/* ═══════ intake forms — /commission and /verify ═══════
   Merged in from the two pages' former inline stylesheets so there is one
   stylesheet for the whole site. Two classes were renamed on the way in to
   avoid colliding with names already used above:
     .cards -> .picks   (battery-card grid vs radio picker)
     .tier  -> .dtier   (card eyebrow vs disclosure-tier box)          */

.formwrap{max-width:820px;margin:0 auto;padding:clamp(40px,7vh,72px) clamp(20px,5vw,48px) 90px}
.formwrap h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5.2vw,60px);line-height:1.08;margin:20px 0 16px}
.formwrap h1 em{font-style:italic;color:var(--ember-deep)}
.formwrap .lede{max-width:62ch;font-size:clamp(15px,1.3vw,17px);color:var(--slate-soft)}

.assure,.warn{margin-top:20px;display:flex;gap:14px;align-items:flex-start;padding:16px 20px;max-width:64ch}
.assure{background:var(--sand);border-left:2px solid var(--teal)}
.warn{background:#FBF1EC;border-left:2px solid var(--alert)}
.assure span,.warn span{font-size:13.5px;color:var(--slate-soft)}
.warn span{color:#6E3A32}
.assure .dot,.warn .dot{flex:none;margin-top:7px;width:8px;height:8px;border-radius:50%}
.assure .dot{background:var(--teal)} .warn .dot{background:var(--alert)}

.formwrap fieldset{border:none;margin-top:50px;padding-top:24px;border-top:1px solid var(--hairline)}
.formwrap legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ember-deep);padding-right:16px}
.formwrap legend .n{color:var(--slate-faint)}
.formwrap .grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:22px}
.formwrap .grid .full{grid-column:1/-1}
.formwrap label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-faint);margin-bottom:8px}
.formwrap label .req{color:var(--ember-deep)}
.formwrap input[type=text],.formwrap input[type=email],.formwrap input[type=url],
.formwrap input[type=tel],.formwrap textarea,.formwrap select{
  width:100%;background:#fff;border:1px solid var(--hairline);padding:12px 14px;
  font-family:var(--sans);font-weight:400;font-size:14.5px;color:var(--slate);border-radius:2px;transition:.25s}
.formwrap input:focus,.formwrap textarea:focus,.formwrap select:focus{
  outline:none;border-color:var(--ember-deep);box-shadow:0 0 0 3px rgba(168,123,42,.16)}
.formwrap textarea{min-height:96px;resize:vertical}
.formwrap .hint{margin-top:6px;font-size:12px;color:var(--slate-faint)}
.formwrap #seal{font-family:var(--mono);font-size:13px}

.picks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;opacity:0}
.pick .box{background:#fff;border:1px solid var(--hairline);padding:20px 22px;border-radius:2px;transition:.25s;height:100%}
.pick .box .t{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--slate)}
.pick .box .d{margin-top:6px;font-size:13px;color:var(--slate-soft);line-height:1.6}
.pick .box .m{margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-faint)}
.pick input:checked + .box{border-color:var(--ember-deep);box-shadow:0 14px 34px -22px rgba(168,123,42,.55);
  background:linear-gradient(to bottom,#fff,rgba(244,227,200,.35))}
.pick input:checked + .box .m{color:var(--ember-deep)}
.pick input:focus-visible + .box{outline:2px solid var(--teal);outline-offset:2px}

.dtiers{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dtier{background:#fff;border:1px solid var(--hairline);padding:22px 24px;border-radius:2px}
.dtier .ov{margin-bottom:10px;display:block}
.dtier h2{font-family:var(--serif);font-weight:600;font-size:21px;margin-bottom:8px}
.dtier p{font-size:13px;color:var(--slate-soft);line-height:1.65}
.dtier ul{margin:10px 0 0 18px;font-size:13px;color:var(--slate-soft);line-height:1.8}
.dtier .m{margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-faint)}

#govfields{display:none}
#govfields.on{display:block}
.gov-note{margin-top:18px;background:var(--sand);border:1px solid var(--hairline);padding:18px 22px;font-size:13px;color:var(--slate-soft);line-height:1.75}
.gov-note b{font-weight:500;color:var(--slate)}

.formwrap .submit{margin-top:56px;text-align:center}
button.go{font:inherit;font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  background:none;color:var(--slate);border:0;border-bottom:1.5px solid var(--ember-deep);
  padding:2px 0 9px;cursor:pointer;transition:color .25s,border-color .25s,border-width .18s}
button.go:hover,button.go:focus-visible{color:var(--ember-deep);border-bottom-width:3px}
.formwrap .submit .fine{margin-top:16px;font-size:12px;color:var(--slate-faint);max-width:56ch;margin:16px auto 0;line-height:1.7}

.done{display:none;margin-top:56px;background:#fff;border:1px solid var(--hairline);padding:clamp(26px,4vw,42px)}
.done.on{display:block}
.done .ov{color:var(--teal)}
.done h2{font-family:var(--serif);font-weight:500;font-size:29px;margin:14px 0 10px}
.done p{font-size:14px;color:var(--slate-soft);max-width:58ch}
.done .ref{margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--slate);border-top:1px dashed var(--hairline);padding-top:14px}
.done .ref b{font-weight:500;color:var(--ember-deep)}
.done pre{margin-top:18px;background:var(--sand);padding:18px 20px;font-family:var(--mono);font-size:11.5px;line-height:1.8;
  white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;color:var(--slate-soft)}

@media (max-width:720px){.formwrap .grid,.picks,.dtiers{grid-template-columns:1fr}}

/* persona -> specimen file, stated on the card so a download is never a surprise */
.filenote{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--slate-faint);margin:0 0 2px}
.filenote code{font-size:10.5px;color:var(--ember-deep)}
.card .tier code{font-family:var(--mono);font-size:10px;text-transform:none;letter-spacing:.02em;color:var(--slate-soft)}

/* ——— paired doctrine notes: rule applied / why / counterfactual ——— */
.notegrid{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline)}
.notecol{padding:24px 26px 22px}
.notecol + .notecol{border-left:1px solid var(--hairline)}
.notecol h4{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2;margin-bottom:4px;color:var(--slate)}
.notecol .ref{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ember-deep);display:block;margin-bottom:10px}
.notecol dl{margin:16px 0 0;display:flex;flex-direction:column;gap:13px}
.notecol dt{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-faint);margin-bottom:5px}
.notecol dd{margin:0;font-size:13.5px;color:var(--slate-soft);line-height:1.62}
.notecol dd b{color:var(--slate);font-weight:500}
.notecol .cf{border-left:2px solid var(--ember-deep);padding-left:14px}
.notecol .cf dd{color:var(--slate)}
@media(max-width:880px){
  .notegrid{grid-template-columns:1fr}
  .notecol + .notecol{border-left:0;border-top:1px solid var(--hairline)}
}

.scopelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.scopelist li{padding-left:18px;position:relative;font-size:13.5px;color:var(--slate-soft)}
.scopelist li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:1px;background:var(--ember-deep)}
/* ————— index2 audit remediation (2026-09-01) ————— */
.skip-link{position:absolute;left:-9999px;top:0;background:#2A3140;color:#F4E3C8;padding:10px 16px;z-index:100;text-decoration:none}
.skip-link:focus{left:12px;top:12px}
.ctable caption{caption-side:top;text-align:left;font-style:italic;font-size:12px;color:#5F6878;padding-bottom:10px}
.ctable th.cw1{width:8%}.ctable th.cw2{width:26%}.ctable th.cw3{width:13%}.ctable th.cw4{width:53%}
.mt10{margin-top:10px}.mt11{margin-top:11px}.mt14{margin-top:14px}.mt26{margin-top:26px}.mt30{margin-top:30px}.mt38{margin-top:38px}.mt40{margin-top:40px}
.fs15{font-size:15px}.fs23{font-size:23px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ————— method.html (2026-09-01) ————— */
.formula{font-family:var(--mono);font-size:13px;line-height:1.8;background:var(--sand);border:1px solid #D8D2C4;border-left:3px solid var(--ember-deep);padding:18px 22px;margin:14px 0;overflow-x:auto;white-space:pre-wrap;color:var(--slate)}
.formula b{color:var(--ember-deep)}
.stageflow{margin:26px 0}
.stage{border:1px solid #D8D2C4;border-left:3px solid var(--ember-deep);padding:16px 20px;margin:10px 0;background:var(--paper)}
.stage .sno{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember-deep)}
.stage h4{font-family:var(--serif);font-size:20px;font-weight:500;margin:4px 0 8px}
.stage ul{margin:0;padding-left:18px}
.stage li{font-size:13.5px;margin:3px 0}
.stage li code{font-size:.9em}

/* ————— CSP cleanup (2026-09-01): former inline styles on commission/verify ————— */
.linkul{border-bottom:1px solid var(--hairline)}
.linkul-rust{border-bottom:1px solid rgba(176,56,42,.35)}
.b-slate{font-weight:500;color:var(--slate)}
.b-slate-n{font-weight:400;color:var(--slate)}
.b-rust{font-weight:500;color:#6E3A32}
.mt12{margin-top:12px}.mt18{margin-top:18px}.mt22{margin-top:22px}
.ackwrap{max-width:60ch;margin:0 auto 26px;text-align:left}
.cblabel{display:flex;gap:12px;align-items:flex-start;font-family:var(--sans);font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--slate-soft);cursor:pointer}
.cblabel.mb14{margin-bottom:14px}
.cbinput{margin-top:4px;accent-color:var(--ember-deep)}
.fp{font-size:.82em;word-break:break-all}
.instpref{display:none;margin-top:14px;border:1px solid var(--hairline);border-radius:2px;padding:14px 16px;background:var(--paper)}
.instpref.on{display:block}
.instpref-head{font-family:var(--sans);font-size:13px;color:var(--slate-soft);line-height:1.55}
.instlist{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:10px}
.formwrap label.inst{display:flex;gap:10px;align-items:flex-start;font-family:var(--sans);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--slate-soft);margin-bottom:0;cursor:pointer;line-height:1.45}
.instpref-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--hairline);font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--slate-soft)}
@media (max-width:640px){.instlist{grid-template-columns:1fr}}

/* ————— ADVERSARIAL REVIEWER'S GUIDE (method.html #adversarial-audit) ————— */
.probe-card{margin-top:22px;border:1px solid var(--hairline);background:rgba(255,255,255,.5)}
.probe-header{display:flex;align-items:baseline;gap:16px;padding:20px 24px 0}
.probe-num{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ember-deep)}
.probe-header h3{font-family:var(--serif);font-size:clamp(19px,1.8vw,23px);font-weight:600;color:var(--slate);line-height:1.25;margin:0}
.probe-body{padding:14px 24px 22px;display:flex;flex-direction:column;gap:13px}
.attack-vector,.defense-response{font-size:14px;line-height:1.65;color:var(--slate-soft)}
.attack-vector b,.defense-response b{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:6px}
.attack-vector em{color:var(--slate)}
.b-rust{color:var(--alert)}
.b-slate{color:var(--slate);font-weight:600}
.attack-vector code,.defense-response code,.assure code{font-family:var(--mono);font-size:.88em;color:var(--slate)}
.assure{margin-top:30px;border-left:2px solid var(--ember-deep);padding:16px 22px;background:rgba(244,227,200,.35);font-size:14px;line-height:1.65;color:var(--slate-soft)}
.assure b{color:var(--slate)}
@media (max-width:640px){.probe-header{padding:16px 18px 0}.probe-body{padding:12px 18px 18px}}

/* hero jump line (method.html) */
.jumpline{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--slate-faint)}
.jumpline a{color:var(--slate-soft);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:.25s}
.jumpline a:hover{color:var(--slate);border-bottom-color:var(--ember-deep)}