:root{--navy:#0d2741;--ink:#152534;--muted:#5f7180;--green:#25865b;--green2:#4baf82;--soft:#eef8f2;--paper:#fff;--bg:#f6f8f8;--line:#d8e1e4;--orange:#dd6a2b;--max:1180px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}button,input,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-weight:760;text-decoration:none;color:inherit}.mark{width:26px;height:26px;display:flex;align-items:flex-end;gap:3px}.mark i{width:6px;border-radius:2px;background:var(--green)}.mark i:nth-child(1){height:22px}.mark i:nth-child(2){height:15px;opacity:.78}.mark i:nth-child(3){height:10px;opacity:.52}.plain-trigger{border:0;background:none;cursor:pointer;color:inherit;font-weight:650}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--green);margin:0 0 16px}h1,h2{letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(45px,5vw,70px);margin:0 0 28px}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(33px,3.7vw,52px);margin:0 0 22px}h3{font-size:20px;line-height:1.18;margin:0 0 12px}p{margin-top:0}.hero{background:#fbfcfc}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero-copy{padding:80px 0 95px}.lead{font-size:19px;color:#314758;max-width:650px}.micro{font-size:12px;color:var(--muted);margin-top:28px}.trace-hero{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center}.trace-node{min-height:230px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;box-shadow:0 16px 38px rgba(13,39,65,.05)}.trace-node>span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--soft);font-size:38px;color:var(--green);margin-bottom:20px}.trace-node b{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.trace-node small{color:var(--muted);margin-top:5px}.trace-arrow{text-align:center;font-size:28px;color:var(--green)}section:not(.hero){padding:94px 0}.recognition{background:#fff;border-block:1px solid var(--line)}.recognition h2{max-width:900px}.recognition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}.recognition-grid article{padding:22px 18px;border:1px solid var(--line);border-radius:15px}.recognition-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--green);font-weight:800;margin-bottom:24px}.recognition-grid h3{font-size:15px}.recognition-grid p{font-size:13px;color:var(--muted)}.question-strip{margin-top:18px;padding:17px 22px;border-radius:12px;background:#f1f6fa;color:#41596b}.question-strip strong{display:block;color:var(--ink);margin-top:3px}.machine-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.what-we-do{padding:0;list-style:none;margin:30px 0}.what-we-do li{padding:8px 0 8px 28px;position:relative}.what-we-do li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.flow{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.flow>i,.branch i{display:block;font-style:normal;color:#8ba29a;margin:6px}.flow-box{display:inline-flex;flex-direction:column;min-width:190px;padding:13px 18px;border:1px solid #bfd1c8;border-radius:10px;background:#fbfdfc;font-weight:750}.flow-box small{font-weight:500;color:var(--muted)}.branch{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.branch b{display:inline-block;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.ok{color:var(--green)}.gap{color:var(--orange)}.mini-branch{display:flex;flex-direction:column;gap:7px;margin-top:12px;font-size:11px;color:var(--muted)}.authority{background:linear-gradient(180deg,#f0f8f3,#f7faf8);border-block:1px solid #d8e8de}.authority-grid,.surrounding-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.authority-grid p{color:#425c50}.authority-grid strong{color:var(--ink)}.technical-detail{background:#fff}.section-intro{max-width:760px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}.detail-grid article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.detail-grid p{font-size:13px;color:var(--muted)}.example{display:flex;flex-direction:column;gap:7px;padding:15px;border-radius:10px;background:#f4f7f8;margin:18px 0;font-size:12px}.example small{text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:800}.token-list{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.token-list span{padding:6px 8px;border-radius:6px;background:var(--soft);font-size:11px;font-weight:650;color:#34584a}.principle,.small-principle{padding-top:15px;border-top:1px solid var(--line);font-weight:700;color:var(--ink)!important}.control-split{display:grid;gap:10px;margin:18px 0}.control-split div{padding:13px;border-radius:9px;background:#f6f8f8}.control-split b{font-size:12px;color:var(--green)}.followup{padding-top:130px!important;background:#f7f9f9}.followup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.followup-grid article{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff}.followup-grid p,.followup-grid dd{font-size:13px;color:var(--muted)}.trace-line{padding:14px 0;font-size:12px;font-weight:700}.trace-line i{font-style:normal;color:var(--green);margin:0 5px}.small-principle span{color:var(--green)}.small-principle .warn{color:var(--orange)}.outcomes{margin:0}.outcomes dt{font-size:13px;font-weight:800;margin-top:12px;color:var(--ink)}.outcomes dd{margin:2px 0}.surrounding{padding-top:128px!important;background:#fff;border-top:1px solid var(--line)}.surrounding .principle{font-size:18px}.closing{padding:120px 0!important;background:radial-gradient(circle at 88% 50%,rgba(37,134,91,.12),transparent 27%),#fbfcfc}.closing-inner{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end}.closing-inner>div{max-width:760px}.contact-button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:15px 18px;font-weight:760;cursor:pointer;white-space:nowrap}footer{border-top:1px solid var(--line);background:#fff;padding:34px 0 46px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.intercom-backdrop{position:fixed;inset:0;background:rgba(13,39,65,.26);z-index:60}.intercom{position:fixed;z-index:70;right:24px;bottom:24px;width:min(430px,calc(100% - 48px));padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(13,39,65,.24);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s}.intercom.open{transform:none;opacity:1;pointer-events:auto}.intercom-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.intercom h2{font-size:30px}.intercom label{display:block;font-size:12px;font-weight:700;margin-top:14px}.intercom input,.intercom textarea{width:100%;margin-top:6px;border:1px solid #cbd7dc;border-radius:8px;padding:10px;background:#fbfcfc}.send-placeholder{margin-top:16px;border:0;border-radius:8px;padding:11px 14px;background:var(--navy);color:#fff;font-weight:700}.intercom small{display:block;margin-top:10px;color:#7b8b95}
@media(max-width:1000px){.hero-grid,.machine-grid,.authority-grid,.surrounding-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.trace-hero{padding-bottom:75px}.recognition-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.followup-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:calc(100% - 36px)}h1{font-size:43px}h2{font-size:35px}.hero-copy{padding-top:68px}.trace-hero{grid-template-columns:1fr}.trace-arrow{transform:rotate(90deg);height:38px}.trace-node{min-height:180px}.recognition-grid,.detail-grid,.followup-grid{grid-template-columns:1fr}.branch{grid-template-columns:1fr}.closing-inner{grid-template-columns:1fr;gap:28px}.contact-button{justify-self:start}}

/* ===== v0.2: browser-Harold comprehension pass ===== */

.recognition h2 .subline{
  display:block;
  margin-top:9px;
  font-size:.68em;
  line-height:1.18;
  letter-spacing:-.025em;
  color:#385062;
  font-weight:650;
}

.recognition-grid article{
  position:relative;
}
.recognition-grid article::after{
  content:"";
  position:absolute;
  inset:auto 18px 14px 18px;
  height:2px;
  background:linear-gradient(90deg,var(--green),transparent);
  opacity:.24;
}

.section-intro > p:last-child{
  max-width:760px;
  color:var(--muted);
  font-size:17px;
}
.mapping-example{
  display:grid;
  grid-template-columns:1fr 46px 1.1fr 46px 1fr;
  align-items:center;
  gap:10px;
  margin-top:46px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbf9);
}
.mapping-source,
.mapping-result{
  padding:20px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e0e7e3;
}
.mapping-source{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mapping-source small{
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--green);
  font-weight:800;
}
.mapping-questions{
  display:grid;
  gap:8px;
}
.mapping-questions span{
  padding:10px 12px;
  border-radius:9px;
  background:var(--soft);
  color:#355849;
  font-size:12px;
  font-weight:700;
}
.mapping-arrow{
  text-align:center;
  color:var(--green);
  font-size:26px;
}
.mapping-result b{
  display:block;
  margin-bottom:8px;
}
.mapping-result p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.mapping-support{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:26px;
}
.mapping-support article{
  padding:25px;
  border-top:2px solid #c9ddd2;
  background:#fff;
}
.mapping-support p{
  color:var(--muted);
  font-size:14px;
}
.mapping-support .principle{
  margin-top:18px;
  font-size:14px;
}

/* Emphasize the main fork as alternatives, not a sequence. */
.branch{
  position:relative;
}
.branch::before{
  content:"OR";
  position:absolute;
  left:50%;
  top:-11px;
  transform:translateX(-50%);
  width:32px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}

.followup{
  margin-top:16px;
}

@media(max-width:900px){
  .mapping-example{
    grid-template-columns:1fr;
  }
  .mapping-arrow{
    transform:rotate(90deg);
    height:30px;
  }
  .mapping-support{
    grid-template-columns:1fr;
  }
}



/* Braced Ring candidate v2 — geometry from the identity study; colour from this page */
@media(max-width:650px){footer .footer-inner{align-items:flex-start;flex-direction:column;gap:22px}.footer-links{justify-content:flex-start}}
:root{--brand-ring-a:#25865b;--brand-ring-b:#67b78e;}
.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-ring{width:31px;height:31px;flex:0 0 31px;overflow:visible}
.brand-ring .ring-a{stroke:var(--brand-ring-a)}
.brand-ring .ring-b{stroke:var(--brand-ring-b)}
.brand-ring .ring-outer{stroke-width:3.1}
.brand-ring .ring-middle{stroke-width:2.15}
.brand-ring .ring-inner{stroke-width:3.1}
.brand-name{font-size:14px;font-weight:800;letter-spacing:.12em;line-height:1;white-space:nowrap;color:var(--ink)}
.site-footer .brand-name, footer .brand-name{color:inherit}
@media(max-width:520px){.brand-name{font-size:12px;letter-spacing:.09em}.brand-ring{width:29px;height:29px;flex-basis:29px}}
.intercom-address{font-size:13px;color:var(--muted)}.intercom-address a{color:var(--green);font-weight:700}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.intercom button[disabled]{opacity:.55;cursor:wait}
.footer-links{display:flex;align-items:center;gap:20px;font-size:13px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--green)}@media(max-width:650px){.footer-links{flex-wrap:wrap;justify-content:flex-end}}