/* ============================================================
   Thornblade Capital — shared stylesheet
   Every page links to this one file. Change a colour here once
   and it changes on every page. All colour tokens are at the top.
   ============================================================ */


/* ---- logotype faces ------------------------------------------------------
   Aeonik TRIAL draws the letters; Dreamscape supplies the A of CAPITAL, whose
   capital A is a chevron with no crossbar. Both are 1000 upm with a 700 cap
   height, so the A only needs a size correction (see .lam below).
   NOTE: Aeonik here is the TRIAL cut - fine for design review, but a licensed
   webfont is required before this goes live.
   ------------------------------------------------------------------------ */
@font-face{
  font-family:"Aeonik TRIAL";
  src:url("fonts/AeonikTRIAL-Light.woff2") format("woff2"),
      url("fonts/AeonikTRIAL-Light.otf") format("opentype");
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Aeonik TRIAL";
  src:url("fonts/AeonikTRIAL-Regular.woff2") format("woff2"),
      url("fonts/AeonikTRIAL-Regular.otf") format("opentype");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Dreamscape";
  src:url("fonts/Dreamscape.woff2") format("woff2"),
      url("fonts/Dreamscape.ttf") format("truetype");
  font-weight:400;font-style:normal;font-display:swap;
}

/* --- minimal reset --- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;}
img,svg,video{max-width:100%;height:auto;display:block;}
button,input,select,textarea{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;}
table{border-collapse:collapse;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* ============ TOKENS — light is the base state ============
   To reskin the whole site, edit these eleven values only.
   ========================================================= */
:root{
  --ground:#F4F4F3;
  --surface:#FFFFFF;
  --surface-2:#EAEAE8;
  --ink:#0A0A0B;             /* black — headlines and body */
  --ink-2:#3E3E40;           /* dark gray — secondary copy */
  --ink-3:#6B6B6E;           /* mid gray — small labels */
  --rule:#D9D9D6;
  --rule-strong:#B8B8B4;
  --accent:#FF4D00;          /* deep neon orange - the brand accent */
  --accent-text:#CC3900;     /* same hue, dark enough for 10-13px text */
  --accent-soft:#FFEDE4;
  --accent-line:#FFB294;
  --on-accent:#0A0A0B;       /* text that sits ON the orange */
  --wordmark:#58595B;        /* the grey of the logotype */
  --steel:#2B2B2D;
  --steel-soft:#EDEDEB;
  --ok:#3F6B4A;
  --ok-soft:#E4EDE6;
  --shadow:0 1px 2px rgba(10,10,11,.05), 0 8px 24px -12px rgba(10,10,11,.18);
  --shadow-lift:0 2px 4px rgba(10,10,11,.06), 0 18px 44px -18px rgba(10,10,11,.28);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0B0B0C;
    --surface:#151517;
    --surface-2:#1D1D20;
    --ink:#F1F1F0;
    --ink-2:#A9A9AC;
    --ink-3:#8A8A8E;
    --rule:#2A2A2D;
    --rule-strong:#3B3B3F;
    --accent:#FF6224;
    --accent-text:#FF6620;
    --accent-soft:#2E1608;
    --accent-line:#6E3312;
    --on-accent:#0A0A0B;
    --wordmark:#D7D8DA;
    --wordmark:#D7D8DA;
  --steel:#C9C9CC;
    --steel-soft:#1A1A1C;
    --ok:#7FB08C;
    --ok-soft:#17241A;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
    --shadow-lift:0 2px 4px rgba(0,0,0,.45), 0 18px 44px -18px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --ground:#0B0B0C;
  --surface:#151517;
  --surface-2:#1D1D20;
  --ink:#F1F1F0;
  --ink-2:#A9A9AC;
  --ink-3:#8A8A8E;
  --rule:#2A2A2D;
  --rule-strong:#3B3B3F;
  --accent:#FF6224;
  --accent-text:#FF6620;
  --accent-soft:#2E1608;
  --accent-line:#6E3312;
  --on-accent:#0A0A0B;
  --wordmark:#D7D8DA;
  --steel:#C9C9CC;
  --steel-soft:#1A1A1C;
  --ok:#7FB08C;
  --ok-soft:#17241A;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lift:0 2px 4px rgba(0,0,0,.45), 0 18px 44px -18px rgba(0,0,0,.7);
}

body{
  background:var(--ground);
  color:var(--ink);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Archivo",Impact,sans-serif;margin:0;text-wrap:balance;line-height:1.08;letter-spacing:-.021em;}
p{margin:0;}
a{color:inherit;}

/* ---- shared shell ---- */
.wrap{max-width:1220px;margin:0 auto;padding:0 28px;}
.rule-t{border-top:1px solid var(--rule);}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.field{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10.5px;font-weight:500;text-transform:uppercase;
  letter-spacing:.13em;color:var(--ink-3);
}
.field-accent{color:var(--accent-text);}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:var(--ground);padding:9px 14px;border-radius:2px;}

/* ============ HEADER ============ */
.hdr{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--ground) 88%, transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--rule);
}
.hdr-in{display:flex;align-items:center;gap:32px;height:76px;}
.mark{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:auto;}
/* --- the logotype ---------------------------------------------------
   Letters: Aeonik TRIAL Light.  A of CAPITAL: Dreamscape, which draws its
   capital A as a crossbar-less chevron - that is the mark itself.
   Both fonts are 1000 upm / 700 cap, but Dreamscape's A overshoots to 746
   ink units, so it is set at 700/746 = .938em to align the two cap heights.
   -------------------------------------------------------------------- */
.mark-txt{
  font-family:"Aeonik TRIAL","Jost","Century Gothic",Futura,sans-serif;
  font-weight:300;font-size:16px;text-transform:uppercase;
  letter-spacing:.20em;color:var(--wordmark);white-space:nowrap;line-height:1;
}
.lam{
  font-family:"Dreamscape",sans-serif;
  font-size:.938em;                  /* cap-height match, see above */
  color:var(--accent);
}
.mark:hover .mark-txt{color:var(--ink);}



.hdr .mark-txt{font-size:21px;letter-spacing:.215em;}

.nav{display:flex;gap:24px;align-items:center;}
.nav a{
  font-size:17.5px;font-weight:500;color:var(--ink-2);text-decoration:none;
  padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap;
  transition:color .16s,border-color .16s;
}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent);}
.hdr-cta{display:flex;gap:10px;align-items:center;}

/* mobile menu button — hidden on desktop */
.burger{
  display:none;width:40px;height:36px;border:1px solid var(--rule-strong);border-radius:2px;
  background:transparent;cursor:pointer;padding:0;place-items:center;
}
.burger i{display:block;width:17px;height:1.5px;background:var(--ink);position:relative;}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:17px;height:1.5px;background:var(--ink);}
.burger i::before{top:-5.5px;} .burger i::after{top:5.5px;}
.m-nav{display:none;border-bottom:1px solid var(--rule);background:var(--surface);}
.m-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:16.5px;color:var(--ink-2);}
.m-nav a:last-child{border-bottom:0;}
.m-nav.open{display:block;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:"IBM Plex Sans",sans-serif;font-size:14.5px;font-weight:550;
  padding:9px 17px;border-radius:2px;border:1px solid transparent;white-space:nowrap;
  cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .1s;
}
.btn:active{transform:translateY(1px);}
.btn-solid{background:var(--ink);color:var(--ground);}
.btn-solid:hover{background:var(--accent);color:var(--on-accent);}
.btn-ghost{border-color:var(--rule-strong);color:var(--ink);background:transparent;}
.btn-ghost:hover{border-color:var(--ink);}
.btn-lg{padding:13px 24px;font-size:14.5px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

/* ============ HERO ============ */
.hero{padding:60px 0 22px;}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px;}
.eyebrow .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none;}
h1{font-size:clamp(36px,4.9vw,58px);font-weight:800;letter-spacing:-.033em;}
h1 em{font-style:normal;color:var(--accent);}
.hero-sub{margin-top:20px;font-size:17px;line-height:1.62;color:var(--ink-2);max-width:36em;}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--rule);}
.hero-stat{padding:16px 16px 0 0;}
.hero-stat b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em;}
.hero-stat span{display:block;margin-top:2px;}

/* ---- numbered entry panel (hero right) ---- */
.panel{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow-lift);overflow:hidden;}
.panel-hd{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--rule);background:var(--surface-2);}
.panel-hd .lamp{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);}
.entry{display:flex;gap:15px;align-items:flex-start;padding:19px 18px;border-bottom:1px solid var(--rule);text-decoration:none;transition:background .16s;}
.entry:last-of-type{border-bottom:0;}
.entry:hover{background:var(--surface-2);}
.entry .n{
  font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.06em;
  width:26px;height:26px;flex:none;display:grid;place-items:center;
  border:1px solid var(--accent-line);color:var(--accent-text);border-radius:2px;
}
.entry h3{font-size:16px;font-weight:700;letter-spacing:-.015em;}
.entry p{margin-top:5px;font-size:13.5px;color:var(--ink-2);line-height:1.5;}
.panel-foot{padding:14px 16px;border-top:1px solid var(--rule);background:var(--surface-2);}

/* ============ generic section ============ */
section{padding:72px 0;}
.sec-hd{margin-bottom:34px;max-width:44em;}
.sec-hd h2{font-size:clamp(26px,3.3vw,35px);font-weight:700;margin-top:11px;}
.sec-hd p{margin-top:13px;color:var(--ink-2);font-size:15.5px;max-width:38em;}
.lede{font-size:16.5px;line-height:1.68;color:var(--ink-2);max-width:38em;}
.lede + .lede{margin-top:16px;}

/* ---- three cards ---- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tier{background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:24px 22px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow);}
.tier h3{font-size:17px;font-weight:700;letter-spacing:-.015em;}
.tier > p{margin-top:11px;font-size:14px;color:var(--ink-2);line-height:1.58;}
.tier ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px;flex:1;}
.tier li{font-size:13.5px;color:var(--ink-2);display:flex;gap:9px;align-items:flex-start;line-height:1.45;}
.tier li::before{content:"";width:5px;height:5px;flex:none;margin-top:7px;background:var(--accent);}
.tier .btn{margin-top:22px;}

/* ---- four-step method band ---- */
.method{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);}
.method-step{padding:22px 20px 20px;border-right:1px solid var(--rule);position:relative;}
.method-step:last-child{border-right:0;}
.method-step::before{content:"";position:absolute;top:-1px;left:0;width:34px;height:2px;background:var(--accent);}
.method-step h3{font-size:15px;font-weight:600;margin-top:13px;letter-spacing:-.01em;}
.method-step p{margin-top:9px;font-size:13.5px;color:var(--ink-2);line-height:1.55;}

/* ---- statement band (three words) ---- */
.words{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.words div{padding:30px 22px;border-right:1px solid var(--rule);}
.words div:last-child{border-right:0;}
.words b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.033em;display:block;}
.words span{display:block;margin-top:8px;font-size:13.5px;color:var(--ink-2);line-height:1.5;}

/* ---- team ---- */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.person{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;}
.person-hd{padding:22px 22px 18px;border-bottom:1px solid var(--rule);}
.person-hd h3{font-size:21px;font-weight:800;letter-spacing:-.028em;margin-top:9px;}
.person dl{margin:0;padding:16px 22px 6px;flex:1;}
.person .spec-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--rule);}
.person .spec-row:last-child{border-bottom:0;}
.person dt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);flex:none;padding-top:2px;}
.person dd{margin:0;font-size:13.5px;text-align:right;color:var(--ink);}
.person-foot{padding:14px 22px 18px;}
.person-foot a{font-size:13.5px;color:var(--accent-text);text-decoration:none;font-weight:500;word-break:break-all;}
.person-foot a:hover{text-decoration:underline;}

/* ---- portfolio / list rows ---- */
.rows{border-top:1px solid var(--rule);}
.row-i{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--rule);}
.row-i b{font-size:15.5px;font-weight:600;letter-spacing:-.01em;}
.row-i p{font-size:13.5px;color:var(--ink-2);margin-top:3px;line-height:1.5;}


/* ---- portfolio rows: logo, then name, then year ---------------------------
   The logo sits in a fixed-height box so marks of different aspect ratios all
   land on the same optical baseline. Third-party logos are usually supplied in
   one colour, so on the dark theme they get a light plate rather than being
   inverted, which would wreck any logo that carries its own colour. -------- */
.pf{border-top:1px solid var(--rule);}
.pf-row{
  display:grid;grid-template-columns:38px 232px 1fr;gap:24px;
  align-items:baseline;padding:17px 0;border-bottom:1px solid var(--rule);
}
/* Company names are set as type, not artwork, so every row - investment or
   advisory - carries the same weight and sits on the same baseline. */
.pf-name{
  font-family:"Aeonik TRIAL","Jost",sans-serif;font-weight:400;
  font-size:15px;text-transform:uppercase;letter-spacing:.16em;
  color:var(--ink);white-space:nowrap;line-height:1.35;
}
.pf-body{font-size:13.5px;color:var(--ink-2);line-height:1.5;}
@media (max-width:820px){
  .pf-row{grid-template-columns:34px 1fr;gap:4px 14px;padding:15px 0;}
  .pf-name{grid-column:2;white-space:normal;}
  .pf-body{grid-column:2;}
}

/* Utility: a light/dark image pair. Give the two files the same box and tag
   them .only-light / .only-dark - the right one shows on each theme. Never use
   a CSS filter for this; it destroys the brand colour. */
.only-dark{display:none;}
:root[data-theme="dark"] .only-light{display:none;}
:root[data-theme="dark"] .only-dark{display:block;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .only-light{display:none;}
  :root:not([data-theme="light"]) .only-dark{display:block;}
}

/* ---- quote ---- */
.quote{background:var(--steel-soft);border:1px solid color-mix(in srgb,var(--steel) 24%,transparent);border-radius:3px;padding:34px 34px 30px;}
.quote blockquote{margin:0;font-family:"Archivo",sans-serif;font-weight:600;font-size:clamp(19px,2.3vw,25px);line-height:1.32;letter-spacing:-.02em;color:var(--ink);}
.quote figcaption{margin-top:18px;display:flex;align-items:center;gap:10px;}
.quote figcaption::before{content:"";width:22px;height:2px;background:var(--accent);flex:none;}

/* ---- news ---- */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.post{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow);padding:22px 20px 20px;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .16s,border-color .16s;}
.post:hover{box-shadow:var(--shadow-lift);border-color:var(--rule-strong);}
.post h3{font-size:16.5px;font-weight:700;letter-spacing:-.017em;margin-top:11px;line-height:1.22;}
.post p{margin-top:10px;font-size:13.5px;color:var(--ink-2);line-height:1.55;flex:1;}
.post .more{margin-top:16px;font-size:13px;font-weight:600;color:var(--accent-text);}

/* ---- faq / details ---- */
details{border-bottom:1px solid var(--rule);}
summary{padding:17px 34px 17px 0;cursor:pointer;list-style:none;position:relative;font-size:15.5px;font-weight:500;color:var(--ink);}
summary::-webkit-details-marker{display:none;}
summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:transform .2s;}
details[open] summary::after{transform:translateY(-30%) rotate(225deg);}
details p{padding:0 40px 19px 0;color:var(--ink-2);font-size:14.5px;line-height:1.62;max-width:60em;}

/* ---- table ---- */
.tbl-shell{border:1px solid var(--rule);border-radius:3px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow);}
.tbl-scroll{overflow-x:auto;}
table{width:100%;font-size:13px;}
th{font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-3);text-align:left;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--surface);}
td{padding:11px 14px;border-bottom:1px solid var(--rule);color:var(--ink-2);}
tbody tr:last-child td{border-bottom:0;}
tbody tr:hover td{background:var(--surface-2);}

/* ---- cta + footer ---- */
.cta-band{background:var(--ink);color:var(--ground);border-radius:3px;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;}
:root[data-theme="dark"] .cta-band{background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cta-band{background:var(--surface-2);border:1px solid var(--rule);color:var(--ink);}}
.cta-band h2{font-size:30px;font-weight:700;color:inherit;}
.cta-band p{margin-top:10px;opacity:.72;font-size:15px;max-width:40em;}
.cta-band .btn-solid{background:var(--accent);color:var(--on-accent);}
.cta-band .btn-solid:hover{filter:brightness(1.08);}

footer{border-top:1px solid var(--rule);margin-top:72px;padding:40px 0 46px;}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;}
.foot-col h5{font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);margin:0 0 13px;}
.foot-col a{display:block;font-size:13.5px;color:var(--ink-2);text-decoration:none;padding:4px 0;}
.foot-col a.mark{display:flex;align-items:center;padding:0;}   /* beats the rule above */
footer .mark-txt{font-size:15px;letter-spacing:.19em;}
.foot-col a:hover{color:var(--accent-text);}
.foot-btm{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--rule);}

/* ============ CONTACT FORM ============ */
.req-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:38px;align-items:start;}
.req-panel{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow);overflow:hidden;}
.req-panel-hd{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--rule);background:var(--surface-2);}
.fset{border:0;margin:0;padding:22px 20px;border-bottom:1px solid var(--rule);}
.fset:last-of-type{border-bottom:0;}
.fset legend{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);padding:0;margin-bottom:16px;}
.fset legend b{color:var(--accent-text);font-weight:600;margin-right:7px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.frow:last-child{margin-bottom:0;}
.frow.one{grid-template-columns:1fr;}
.fctl{display:flex;flex-direction:column;}
.fctl > label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:7px;}
.fctl > label .req{color:var(--accent);}
.fctl input,.fctl textarea,.fctl select{
  width:100%;font-family:"IBM Plex Sans",sans-serif;font-size:14px;padding:10px 12px;
  border:1px solid var(--rule);border-radius:2px;background:var(--surface);color:var(--ink);
  transition:border-color .14s,box-shadow .14s;
}
.fctl textarea{resize:vertical;min-height:110px;line-height:1.55;}
.fctl input:hover,.fctl textarea:hover{border-color:var(--rule-strong);}
.fctl input:focus,.fctl textarea:focus,.fctl select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);}
.fctl input[aria-invalid="true"],.fctl textarea[aria-invalid="true"]{border-color:#C4372B;}
.err{font-size:12px;color:#C4372B;margin-top:5px;}
:root[data-theme="dark"] .err{color:#F08A7E;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .err{color:#F08A7E;}}
.hint{font-size:12.5px;color:var(--ink-3);margin-top:6px;line-height:1.45;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.fsubmit{padding:18px 20px;background:var(--surface-2);border-top:1px solid var(--rule);display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.fsubmit .btn{min-width:180px;}
.fsubmit .note{font-size:12.5px;color:var(--ink-3);flex:1;min-width:200px;line-height:1.45;}
.flash{padding:14px 16px;border-radius:2px;font-size:14px;line-height:1.5;margin:0 20px 18px;}
.flash-ok{background:var(--ok-soft);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 34%,transparent);}
.flash-bad{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-line);}
.flash[hidden]{display:none;}

.rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px;}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow);overflow:hidden;}
.card-hd{padding:11px 16px;border-bottom:1px solid var(--rule);background:var(--surface-2);display:flex;align-items:center;gap:9px;}
.card-bd{padding:16px;}
.card-bd p{font-size:13.5px;color:var(--ink-2);line-height:1.58;}
.card-bd a{color:var(--accent-text);text-decoration:none;font-weight:500;}
.card-bd a:hover{text-decoration:underline;}
.spec-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--rule);}
.spec-row:last-child{border-bottom:0;}
.spec-row dt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);flex:none;padding-top:2px;}
.spec-row dd{margin:0;font-size:13.5px;text-align:right;color:var(--ink);}

/* ============ PROSE / LEGAL ============ */
.prose{max-width:38em;}
.prose h2{font-size:20px;font-weight:700;letter-spacing:-.018em;margin:38px 0 12px;scroll-margin-top:96px;}
.prose h2:first-child{margin-top:0;}
.prose p{margin:0 0 14px;color:var(--ink-2);font-size:14.5px;line-height:1.68;}
.prose ul{margin:0 0 16px;padding-left:20px;}
.prose li{color:var(--ink-2);font-size:14.5px;line-height:1.62;margin-bottom:8px;}
.prose li::marker{color:var(--accent-text);}
.prose strong{color:var(--ink);font-weight:600;}
.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px;}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .hdr-in{gap:20px;} .nav{gap:16px;} .nav a{font-size:15.5px;}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  .method{grid-template-columns:1fr 1fr;}
  .method-step:nth-child(2){border-right:0;}
  .method-step:nth-child(1),.method-step:nth-child(2){border-bottom:1px solid var(--rule);}
  .tiers,.people,.news{grid-template-columns:1fr;}
  .req-grid{grid-template-columns:1fr;gap:26px;}
  .rail{position:static;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .words{grid-template-columns:1fr;}
  .words div{border-right:0;border-bottom:1px solid var(--rule);}
  .words div:last-child{border-bottom:0;}
}
@media (max-width:890px){
  .nav,.hdr-cta{display:none;}
  .burger{display:grid;}
}
@media (max-width:700px){
  .wrap{padding:0 18px;}
  .hdr-in{height:62px;gap:14px;}
  .hdr .mark{gap:8px;}
  .hdr .mark-txt{font-size:15px;letter-spacing:.16em;}
  section{padding:52px 0;}
  .method{grid-template-columns:1fr;}
  .method-step{border-right:0;border-bottom:1px solid var(--rule);}
  .cta-band{padding:30px 24px;}
  .quote{padding:24px 20px 22px;}
  .hero-stats{grid-template-columns:1fr 1fr;}
  .hero-stat{border-bottom:1px solid var(--rule);padding:13px 0;}
  .frow{grid-template-columns:1fr;}
  .row-i{grid-template-columns:34px 1fr;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}