:root{
  --ink:#111111;
  --paper:#f5f4ef;
  --muted:#60605c;
  --line:#c9c8c2;
  --accent:#e53922;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
}
a{color:inherit}
.frame{max-width:var(--max);margin:0 auto;padding-left:32px;padding-right:32px}
.site-header{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--ink);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}
.brand,.back{text-decoration:none}
.back:hover{color:var(--accent)}
.hero{
  display:grid;
  grid-template-columns:1fr 11fr;
  min-height:620px;
  padding-top:50px;
  padding-bottom:56px;
  align-items:end;
  border-bottom:1px solid var(--ink);
}
.hero-index{align-self:start;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.kicker,.label{
  margin:0;
  font-size:11px;
  letter-spacing:.22em;
  font-weight:700;
  text-transform:uppercase;
}
.kicker{color:var(--accent);margin-bottom:22px}
h1{
  margin:0;
  font-family:"Inter Tight","Arial Narrow",Arial,sans-serif;
  font-size:clamp(78px,13vw,182px);
  line-height:.78;
  font-weight:700;
  letter-spacing:-.06em;
  white-space:nowrap;
}
.dek{
  max-width:740px;
  margin:38px 0 0;
  font-size:clamp(22px,2.2vw,32px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.grid-12{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
.span-8{grid-column:3/span 8}
.span-7{grid-column:3/span 7}
.span-3{grid-column:10/span 3}
.span-10{grid-column:3/span 10}
.intro,.section{padding-top:74px;padding-bottom:84px;border-bottom:1px solid var(--line)}
.intro .label,.section .label{grid-column:1/span 2;align-self:start;white-space:nowrap}
.intro-copy{font-size:18px;grid-column:3/span 7}
.lead{font-size:28px;line-height:1.35;letter-spacing:-.025em;margin-top:0}
.facts{font-size:13px;line-height:1.5;border-left:1px solid var(--ink);padding-left:20px;grid-column:10/span 3;align-self:start}
.facts div+div{margin-top:28px}
.facts span{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--accent)}
.facts p{margin:7px 0 0}
.copy h2,.system-title{
  font-family:"Inter Tight",Arial,sans-serif;
  font-size:clamp(38px,5vw,70px);
  line-height:.98;
  letter-spacing:-.04em;
  margin:0 0 34px;
}
.copy p{max-width:760px;font-size:18px;margin:0 0 22px}
.question{
  font-family:"Inter Tight",Arial,sans-serif;
  font-size:30px!important;
  line-height:1.18;
  letter-spacing:-.035em;
  padding-top:18px;
  border-top:4px solid var(--accent);
  margin-top:42px!important;
}
.flow{
  display:grid;
  grid-template-columns:1fr auto 1.4fr auto 1fr auto 1.2fr;
  gap:20px;
  align-items:center;
  padding-top:60px;
  padding-bottom:60px;
  border-bottom:1px solid var(--ink);
}
.flow-step span{display:block;font-size:10px;letter-spacing:.18em;color:var(--accent);margin-bottom:7px}
.flow-step strong{font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(24px,3vw,42px);letter-spacing:-.03em}
.flow-arrow{font-size:28px;color:var(--accent)}
.prompt-list{border-top:4px solid var(--ink);padding-top:14px}
.prompt-list p{font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.06em;margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.system-title{max-width:900px}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-top:42px}
.system-grid article{min-height:230px;padding:24px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.system-grid span{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700}
.system-grid h3{font-size:20px;line-height:1.2;margin:28px 0 12px;letter-spacing:-.02em}
.system-grid p{font-size:14px;line-height:1.55;margin:0;color:#3e3e3b}
.architecture{margin-top:28px;padding-top:24px;border-top:4px solid var(--accent);font-size:13px;font-weight:700;letter-spacing:.045em;line-height:1.8}
.architecture b{color:var(--accent);padding:0 8px}
.results{padding-top:70px;padding-bottom:80px;background:var(--ink);color:white;max-width:none}
.results>*{max-width:1216px;margin-left:auto;margin-right:auto}
.results .label{color:#ff5941;padding:0 32px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 32px;margin-top:38px}
.metrics article{border-top:1px solid #6a6a68;padding-top:18px}
.metrics strong{display:block;font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(80px,10vw,138px);line-height:.82;letter-spacing:-.06em;color:white}
.metrics p{max-width:260px;font-size:14px;color:#cfcfca}
.result-note,.result-line{padding:0 32px}
.result-note{margin-top:52px!important;max-width:860px!important;margin-left:calc((100% - min(1216px, 100%)) / 2)!important;color:#d8d8d3}
.result-line{margin-top:34px!important;font-size:28px;letter-spacing:-.03em}
.result-line strong{color:#ff5941}
.last-section{border-bottom:1px solid var(--ink)}
.footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.14em}
@media(max-width:850px){
  .frame{padding-left:20px;padding-right:20px}
  .hero{grid-template-columns:1fr;min-height:480px;align-items:end}
  .hero-index{margin-bottom:80px}
  h1{font-size:clamp(68px,19vw,120px);white-space:normal}
  .grid-12{display:block}
  .label{margin-bottom:32px}
  .facts{margin-top:40px;border-left:0;border-top:1px solid var(--ink);padding:20px 0 0}
  .flow{grid-template-columns:1fr;gap:12px}
  .flow-arrow{transform:rotate(90deg);width:max-content}
  .system-grid{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr;gap:42px}
  .footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
}

/* Aquent Learn case-study additions */
.hero h1{white-space:normal}
.stack{grid-column:10/span 3;border-top:4px solid var(--ink);align-self:start}
.stack div{padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.08em}
.stack div:first-child{color:var(--accent)}
.decision{padding-top:76px;padding-bottom:82px;background:var(--ink);color:#fff;max-width:none}
.decision>*{max-width:1216px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.decision .label{color:#ff5941}
.decision-grid{display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:end;margin-top:36px}
.decision-grid h2{font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(42px,5.6vw,76px);line-height:.96;letter-spacing:-.04em;margin:0 0 28px}
.decision-grid p{font-size:18px;color:#d8d8d3;max-width:760px;margin:0}
.decision-number{border-top:1px solid #6a6a68;padding-top:22px}
.decision-number strong{display:block;font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(72px,9vw,126px);line-height:.82;letter-spacing:-.06em}
.decision-number span{display:block;margin-top:16px;font-size:12px;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:#d8d8d3}
.decision-note{margin-top:46px!important;color:#d8d8d3;font-size:14px}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-top:42px}
.proof-grid article{min-height:220px;padding:24px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.proof-grid span{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700}
.proof-grid h3{font-size:22px;line-height:1.2;margin:30px 0 12px;letter-spacing:-.02em}
.proof-grid p{font-size:14px;line-height:1.55;margin:0;color:#3e3e3b}
@media(max-width:850px){
  .stack{margin-top:40px;border-left:0}
  .decision>*{padding-left:20px;padding-right:20px}
  .decision-grid{grid-template-columns:1fr;gap:42px}
  .proof-grid{grid-template-columns:1fr}
}