@font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/atkinson-hyperlegible-400.woff2") format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/atkinson-hyperlegible-700.woff2") format("woff2");font-display:swap;font-weight:700}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-600.woff2") format("woff2");font-display:swap;font-weight:600}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-800.woff2") format("woff2");font-display:swap;font-weight:800}
@font-face{font-family:"Courier Prime";src:url("../fonts/courier-prime-700.woff2") format("woff2");font-display:swap;font-weight:700}

:root{
  color-scheme:dark;
  --ink:#f2eee5;
  --muted:#aaa498;
  --paper:#11100e;
  --panel:#191816;
  --panel-strong:#211f1b;
  --line:#39352f;
  --line-hot:#765c34;
  --accent:#e3a540;
  --accent-ink:#17120a;
  --alert:#d97b68;
  --good:#8fc59f;
  --display:"Barlow Condensed",sans-serif;
  --body:"Atkinson Hyperlegible",sans-serif;
  --mono:"Courier Prime",monospace;
  --max:1320px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.05rem;line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 32px;opacity:.45;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{color:inherit}
button,input,textarea{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip-link{position:fixed;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--accent);color:var(--accent-ink);font-weight:700;transform:translateY(-180%);z-index:100}
.skip-link:focus{transform:none}

.site-header{width:min(calc(100% - 3rem),var(--max));margin:0 auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;line-height:1}
.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:.63rem;letter-spacing:.08em;margin-top:.35rem}
.brand-mark{width:38px;height:38px;border:1px solid var(--line-hot);display:grid;place-items:center;grid-template-columns:repeat(3,4px);gap:3px;transform:rotate(-6deg)}
.brand-mark i{display:block;width:4px;background:var(--accent)}
.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:13px}
nav{display:flex;align-items:center;gap:1.7rem}
nav a{text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
nav a:not(.nav-cta):hover{color:var(--accent)}
.nav-cta{border:1px solid var(--accent);padding:.65rem .9rem;color:var(--accent)}

main{overflow:hidden}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);line-height:.94;text-wrap:balance}
h1{font-size:clamp(3.7rem,5.6vw,5.9rem);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 1.5rem;max-width:770px}
h2{font-size:clamp(3.2rem,5vw,5.3rem);letter-spacing:-.03em;text-transform:uppercase;margin:0}
h3{font-size:2rem;text-transform:uppercase}

.hero{width:min(calc(100% - 3rem),var(--max));margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);min-height:720px;border-bottom:1px solid var(--line)}
.hero-copy{padding:6.2rem 4.5rem 5rem 0;align-self:center}
.lede{max-width:680px;font-size:1.24rem;line-height:1.5;color:#d0cabf;margin-bottom:2.2rem}
.purchase-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 2rem}
.purchase-line div{padding:1rem 1rem 1rem 0}
.purchase-line div+div{border-left:1px solid var(--line);padding-left:1rem}
.purchase-line span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}
.purchase-line strong{display:block;font-family:var(--mono);font-size:.82rem;margin-top:.3rem}
.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:52px;padding:.8rem 1.1rem;text-decoration:none;font-weight:700;border:0}
.button-primary{background:var(--accent);color:var(--accent-ink);transition:transform 160ms ease,background-color 160ms ease}
.button-primary:hover{transform:translateY(-2px);background:#f0b553}
.text-link{font-weight:700;text-underline-offset:.3rem;text-decoration-thickness:1px}
.text-link:hover{color:var(--accent)}
.contact-fallback{font-size:.82rem;margin:1rem 0 0;color:#d0cabf}
.contact-fallback a{color:var(--accent);font-family:var(--mono);font-weight:700;text-underline-offset:.22rem}
.payment-note{max-width:650px;color:var(--muted);font-size:.83rem;margin:1.2rem 0 0}

.incident-transform{border-left:1px solid var(--line);background:#0e0e0d;padding:1.4rem 1.6rem 1.6rem;align-self:stretch;display:grid;grid-template-rows:auto 1fr auto 1.15fr}
.transform-head,.board-head{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.63rem;letter-spacing:.07em;color:var(--muted);padding-bottom:1rem;border-bottom:1px solid var(--line)}
.raw-report,.structured-report{padding:2rem 0;display:flex;flex-direction:column;justify-content:center}
.state-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--alert);letter-spacing:.06em}
.state-label em{font-style:normal;color:var(--muted)}
.raw-report h2,.structured-report h2{font-size:clamp(2rem,2.7vw,3.25rem);margin:1rem 0 1.4rem}
.raw-report h2{color:#d1cbc0}
.raw-report dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid var(--line)}
.raw-report dl div{padding:.75rem 1rem .75rem 0;border-bottom:1px solid var(--line)}
.raw-report dl div:nth-child(even){border-left:1px solid var(--line);padding-left:1rem}
.raw-report dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.raw-report dd{margin:.18rem 0 0;font-family:var(--mono);font-size:.78rem;color:var(--alert)}
.conversion-axis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-family:var(--mono);font-size:.63rem;color:var(--accent);letter-spacing:.06em}
.conversion-axis span{height:1px;background:var(--line-hot)}
.structured-report .state-label{color:var(--good)}
.structured-report h2{margin-bottom:1rem}
.enhanced .structured-report{animation:evidence-register 680ms cubic-bezier(.2,.8,.2,1) 180ms both}
@keyframes evidence-register{
  from{opacity:.72;transform:translateY(12px);clip-path:inset(0 0 14% 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0)}
}
.evidence-log{border-top:1px solid var(--line)}
.evidence-log p{display:grid;grid-template-columns:48px 62px 1fr;gap:.75rem;margin:0;padding:.6rem 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.7rem}
.evidence-log time{color:var(--muted)}
.evidence-log span{color:var(--accent)}
.evidence-log strong{font-weight:700;color:#d8d2c7}
.handoff-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;font-family:var(--mono);font-size:.63rem;color:var(--good)}

.method,.inside,.fit,.delivery,.faq,footer{width:min(calc(100% - 3rem),var(--max));margin:0 auto}
.method{padding:7rem 0;border-bottom:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:6rem;align-items:end;margin-bottom:4rem}
.section-heading p{color:var(--muted);font-size:1.15rem;max-width:560px;margin:0}
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline li{padding:1.5rem 1.2rem 1.8rem 0;min-height:240px}
.timeline li+li{border-left:1px solid var(--line);padding-left:1.2rem}
.timeline time{display:block;font-family:var(--mono);font-size:2.5rem;color:var(--accent);line-height:1;margin-bottom:3.5rem}
.timeline strong{font-family:var(--display);font-size:1.35rem;line-height:1;text-transform:uppercase}
.timeline p{color:var(--muted);font-size:.9rem;margin:.7rem 0 0}

.inside{padding:7rem 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(410px,.9fr);gap:6rem;border-bottom:1px solid var(--line)}
.manifest-intro{color:var(--muted);font-size:1.15rem;max-width:700px;margin:1.6rem 0 2.5rem}
.file-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.file-list li{display:grid;grid-template-columns:130px 1fr;gap:.25rem 1.2rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.file-list li>span{grid-row:1/3;font-family:var(--mono);font-size:.67rem;color:var(--accent);padding-top:.2rem}
.file-list strong{font-family:var(--display);font-size:1.4rem;line-height:1;text-transform:uppercase}
.file-list em{font-style:normal;color:var(--muted);font-size:.86rem}
.board-preview{align-self:center;background:var(--panel);padding:1.6rem;border-top:3px solid var(--accent)}
.board-preview h3{font-size:2.4rem;margin:2rem 0 1.5rem}
.hypothesis{display:grid;grid-template-columns:52px 1fr auto;gap:.25rem .8rem;padding:1rem 0;border-top:1px solid var(--line)}
.hypothesis>span{grid-row:1/3;font-family:var(--mono);font-size:.68rem;color:var(--muted)}
.hypothesis strong{font-family:var(--display);font-size:1.2rem;text-transform:uppercase}
.hypothesis p{grid-column:2;margin:0;color:var(--muted);font-size:.82rem}
.hypothesis em{grid-column:3;grid-row:1/3;align-self:center;font-family:var(--mono);font-size:.67rem;font-style:normal;color:var(--alert)}
.hypothesis.active strong,.hypothesis.active em{color:var(--good)}
.preview-note{font-size:.72rem;color:var(--muted);margin:1.2rem 0 0}

.fit{padding:7rem 0;display:grid;grid-template-columns:1fr 1fr;gap:7rem;border-bottom:1px solid var(--line)}
.fit ul{list-style:none;padding:0;margin:2.4rem 0 0;border-top:1px solid var(--line)}
.fit li{padding:.95rem 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.82rem}
.limits{align-self:end;background:var(--panel-strong);padding:2rem;border-top:3px solid var(--alert)}
.limits h3{font-size:2.4rem;margin-bottom:1.2rem}
.limits p{color:#d0cabf}
.limits p:last-child{color:var(--muted);font-size:.88rem;margin-bottom:0;padding-top:1rem;border-top:1px solid var(--line)}

.delivery{padding:6rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr) auto;gap:4rem;align-items:center;background:var(--panel);box-shadow:0 0 0 100vmax var(--panel);clip-path:inset(0 -100vmax)}
.delivery h2{font-size:clamp(2.8rem,4.2vw,4.4rem)}
.delivery p{color:var(--muted);font-size:1.1rem;margin:1.2rem 0 0;max-width:660px}
.delivery-steps{border-top:1px solid var(--line)}
.delivery-steps span{display:grid;grid-template-columns:32px 1fr;gap:.6rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.75rem}
.delivery-steps b{color:var(--accent)}
.delivery>.button{white-space:nowrap}

.faq{padding:7rem 0;border-bottom:1px solid var(--line)}
.faq>h2{margin-bottom:3rem}
.faq-list{margin-left:28%;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:1.3rem 3rem 1.3rem 0;font-weight:700;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.3rem;top:1.05rem;font-family:var(--display);font-size:1.8rem;color:var(--accent)}
details[open] summary::after{content:"–"}
details p{color:var(--muted);max-width:72ch;padding:0 3rem 1.3rem 0;margin:0}

footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:3rem 0 4rem;font-size:.9rem;color:var(--muted)}
.footer-brand strong{display:block;color:var(--ink);font-family:var(--display);font-size:1.25rem;text-transform:uppercase}
address{font-style:normal}
footer p{margin:0;text-align:right}

@media (max-width:1080px){
  .hero{grid-template-columns:1fr}.hero-copy{padding:5rem 0 4rem}.incident-transform{border-left:0;border-top:1px solid var(--line);min-height:700px}
  .section-heading,.inside,.fit{grid-template-columns:1fr;gap:3rem}.timeline{grid-template-columns:repeat(2,1fr)}.timeline li:nth-child(odd){border-left:0;padding-left:0}.timeline li:nth-child(n+3){border-top:1px solid var(--line)}
  .delivery{grid-template-columns:1fr 1fr}.delivery>.button{grid-column:2;justify-self:start}
}

@media (max-width:760px){
  body{font-size:1rem}.site-header,.hero,.method,.inside,.fit,.delivery,.faq,footer{width:calc(100% - 2rem)}
  .site-header{min-height:76px}.brand{font-size:1rem;min-width:0}.brand small{font-size:.55rem}.brand-mark{width:32px;height:32px;flex:0 0 auto}nav{margin-left:1rem}nav a:not(.nav-cta){display:none}.nav-cta{font-size:.68rem;padding:.55rem .6rem}
  h1{font-size:clamp(3rem,14vw,4.2rem)}h2{font-size:clamp(2.8rem,13vw,4rem)}
  .hero-copy{padding:4rem 0 3rem}.lede{font-size:1.1rem}.purchase-line{grid-template-columns:1fr}.purchase-line div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.hero-actions{align-items:flex-start;flex-direction:column}.button{width:100%}
  .incident-transform{padding:1.2rem;min-height:680px}.transform-head{font-size:.55rem}.raw-report h2,.structured-report h2{font-size:2rem}.evidence-log p{grid-template-columns:42px 52px 1fr;font-size:.62rem}.handoff-row{font-size:.58rem}
  .method,.inside,.fit,.faq{padding:5rem 0}.section-heading{display:block}.section-heading p{margin-top:1.3rem}.timeline{grid-template-columns:1fr}.timeline li,.timeline li+li,.timeline li:nth-child(odd){min-height:0;border-left:0;border-top:1px solid var(--line);padding:1.2rem 0}.timeline li:first-child{border-top:0}.timeline time{font-size:2rem;margin-bottom:1.2rem}
  .inside{display:block}.board-preview{margin-top:4rem;padding:1.2rem}.file-list li{grid-template-columns:1fr}.file-list li>span{grid-row:auto}.hypothesis{grid-template-columns:44px 1fr}.hypothesis em{grid-column:2;grid-row:auto;margin-top:.3rem}.hypothesis p{grid-column:2}
  .fit{display:block}.limits{margin-top:4rem;padding:1.4rem}
  .delivery{grid-template-columns:1fr;padding:4rem 0;gap:2.5rem}.delivery>.button{grid-column:1;width:100%}.faq-list{margin-left:0}
  footer{grid-template-columns:1fr;padding-bottom:3rem}footer p{text-align:left}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button-primary{transition:none}.enhanced .structured-report{animation:none}}
