:root {
  --cream:#f5f2ec;
  --warm:#f0ece3;
  --paper:#fffdf8;
  --sage-wash:#e3e7df;
  --sage:#536753;
  --sage-deep:#394a3d;
  --terra:#b86c4b;
  --terra-dark:#98502b;
  --ink:#101926;
  --ink-2:#1b2635;
  --body:#3d4855;
  --muted:#69727d;
  --line:#d5dad4;
  --line-dark:#33404f;
  --white:#fff;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:var(--sans);
  --wrap:1320px;
  --pad:clamp(20px,5vw,76px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{outline-offset:4px}
button:focus-visible,a:focus-visible{outline:2px solid var(--terra)}
.skip-link{position:absolute;left:-999px;top:10px;z-index:99;padding:12px 18px;background:var(--ink);color:var(--cream)}
.skip-link:focus{left:10px}
.wrap{width:min(var(--wrap),calc(100% - var(--pad)*2));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px max(var(--pad),calc((100vw - var(--wrap))/2));border-bottom:1px solid rgba(16,25,38,.12);background:rgba(245,242,236,.9);backdrop-filter:blur(16px);transition:padding .25s ease,box-shadow .25s ease}
.site-header.is-scrolled{padding-top:12px;padding-bottom:12px;box-shadow:0 10px 30px rgba(16,25,38,.06)}
.brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:34px;height:28px;overflow:visible}
.brand-mark path{fill:none;stroke-width:3;stroke-linecap:square}
.mark-sage{stroke:var(--sage)}.mark-ink{stroke:var(--ink)}.mark-terra{stroke:var(--terra)}.mark-cream{stroke:var(--cream)}
.mark-thread{stroke:var(--ink);stroke-width:1!important;opacity:.3}.mark-thread-light{stroke:var(--cream);stroke-width:1!important;opacity:.3}
.brand-name{font-size:20px;font-weight:500;letter-spacing:-.035em}.brand-name span{font-weight:400;color:var(--sage)}
.site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px);font-size:14px}
.site-nav>a:not(.nav-cta){position:relative;color:var(--body)}
.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--terra);transition:right .2s ease}
.site-nav>a:hover::after{right:0}
.nav-cta{padding:11px 17px;border:1px solid var(--ink);font-weight:500;transition:.2s ease}
.nav-cta:hover{background:var(--ink);color:var(--cream)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);align-items:center;gap:10px;padding:8px 0}
.menu-toggle i,.menu-toggle i::before{display:block;width:22px;height:1px;background:var(--ink);content:"";transition:.2s ease}.menu-toggle i::before{transform:translateY(6px)}

.hero{padding:clamp(72px,9vw,132px) 0 clamp(64px,8vw,112px);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-240px;top:-150px;background:radial-gradient(circle,rgba(83,103,83,.13),transparent 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:clamp(48px,7vw,104px);align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 30px;color:var(--sage);font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--terra)}
h1,h2,h3,p{margin-top:0}
h1{max-width:12ch;margin-bottom:30px;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:.98;letter-spacing:-.052em;text-wrap:balance}
.hero-lede{max-width:59ch;margin-bottom:38px;color:var(--body);font-size:clamp(17px,1.35vw,20px);line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;font-weight:500;transition:transform .2s ease,background .2s ease,color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:var(--sage-deep)}
.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:var(--sage-wash)}
.text-link{padding:14px 0;border-bottom:1px solid var(--terra);font-weight:500}.text-link span{display:inline-block;margin-left:8px;transition:transform .2s ease}.text-link:hover span{transform:translate(3px,3px)}
.hero-proof{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:52px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sage)}

.decision-window{position:relative;background:var(--ink-2);color:var(--cream);box-shadow:0 30px 80px rgba(16,25,38,.18);border:1px solid rgba(255,255,255,.08)}
.decision-window::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(83,103,83,.36);z-index:-1}
.window-bar,.window-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;color:#aab4be;font:10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line-dark)}
.window-brand{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#90a28e;box-shadow:0 0 0 4px rgba(144,162,142,.1)}
.decision-body{padding:clamp(26px,3vw,42px)}
.decision-kicker,.recommendation-label,.mini-heading{font:10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#98a3ae}
.recommendation-line{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:15px 0 18px}.recommendation-line strong{display:block;margin-top:7px;font-size:clamp(24px,2.25vw,34px);font-weight:500;line-height:1.08;letter-spacing:-.03em}.confidence{border:1px solid #a86c50;padding:7px 10px;color:#e0a587;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.decision-rationale{color:#c3cbd2;font-size:14px;line-height:1.6}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.signal-grid>div{padding:18px 16px 18px 0;border-right:1px solid var(--line-dark)}.signal-grid>div+div{padding-left:16px}.signal-grid>div:last-child{border-right:0}
.signal-grid span,.signal-grid small{display:block;color:#8f9aa5;font:9px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.06em}.signal-grid strong{display:block;margin:7px 0 5px;font-size:17px;font-weight:500;color:var(--cream)}
.decision-split{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.signal-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}.signal-list li{position:relative;padding-left:15px;color:#bcc5cd;font-size:12px;line-height:1.45}.signal-list li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px}.signal-list.positive li::before{background:#82977f}.signal-list.risk li::before{background:var(--terra)}
.window-foot{border-top:1px solid var(--line-dark);border-bottom:0;text-transform:none;letter-spacing:0}.window-action{color:#d9b09b}

.principle-strip{background:var(--sage-wash);border-block:1px solid #cbd2c9;padding:20px 0}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.strip-grid p{margin:0;padding:5px 30px;text-align:center;color:var(--body);font-size:14px}.strip-grid p+ p{border-left:1px solid #c3cbc4}.strip-grid p:last-child{color:var(--sage-deep);font-weight:600}

.section{padding:clamp(82px,10vw,146px) 0}
.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);gap:24px 80px;align-items:end;margin-bottom:clamp(54px,7vw,90px)}
.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading h2{font-size:clamp(34px,4.2vw,62px);font-weight:500;line-height:1.05;letter-spacing:-.045em;text-wrap:balance;margin:0}.section-heading>p:last-child{margin:0;color:var(--body);font-size:17px;line-height:1.65}
.section-heading-light h2{color:var(--cream)}.section-heading-light>p:last-child{color:#b7c0c9}.eyebrow-light{color:#a6b1a5}

.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.outcome-card{min-height:450px;padding:34px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--paper)}
.outcome-card h3{font-size:30px;font-weight:500;letter-spacing:-.03em;margin:34px 0 13px}.outcome-card>p{color:var(--body);font-size:15px;line-height:1.65}.card-index{font:11px var(--mono);color:var(--muted);letter-spacing:.1em}
.outcome-dark{background:var(--ink-2);color:var(--cream);border-color:var(--ink-2)}.outcome-dark>p{color:#bdc6ce}.outcome-sage{background:var(--sage-wash);border-color:#cbd2c9}
.mini-rec{margin-top:auto;border-top:1px solid var(--line-dark);padding-top:24px}.mini-rec span,.mini-rec small{display:block;font:10px/1.4 var(--mono);color:#98a3ae;text-transform:uppercase;letter-spacing:.08em}.mini-rec strong{display:block;margin:9px 0 13px;font-size:20px;font-weight:500}
.bridge-mini{margin-top:auto;display:grid;gap:13px}.bridge-mini>div{display:grid;grid-template-columns:58px 1fr 34px;gap:10px;align-items:center;font:10px var(--mono);color:var(--muted)}.bridge-mini i{height:9px;background:linear-gradient(90deg,var(--sage) var(--bar),#e1e4de var(--bar))}.bridge-mini b{font-size:11px;color:var(--ink)}
.fragility-list{margin-top:auto;display:grid;border-top:1px solid #bfc8bd}.fragility-list span{display:grid;grid-template-columns:28px 1fr;padding:15px 0;border-bottom:1px solid #c7cec4;font-size:14px}.fragility-list b{font:10px var(--mono);color:var(--terra-dark)}

.walkthrough{background:var(--ink-2);color:var(--cream)}
.demo-shell{border:1px solid var(--line-dark);background:#172231}
.demo-steps{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line-dark)}
.demo-step{position:relative;display:grid;gap:7px;text-align:left;min-height:112px;padding:20px;border:0;border-right:1px solid var(--line-dark);background:transparent;color:#9ca7b1;cursor:pointer;transition:background .2s ease,color .2s ease}.demo-step:last-child{border-right:0}.demo-step:hover{background:#1d2a39}.demo-step.is-active{background:var(--cream);color:var(--ink)}.demo-step.is-active::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--terra)}.demo-step span{font:10px var(--mono);letter-spacing:.1em}.demo-step b{font-size:16px;font-weight:500}.demo-step small{font-size:11px;color:inherit;opacity:.74}
.demo-stage{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);min-height:560px}
.demo-copy{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;border-right:1px solid var(--line-dark)}.demo-number{font:11px var(--mono);color:#9ba6b1;letter-spacing:.12em}.demo-copy h3{margin:28px 0 18px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.demo-copy>p:not(.demo-number){color:#b9c2ca;font-size:16px;line-height:1.65}.demo-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}.demo-copy li{position:relative;padding-left:18px;color:#d5dbe0;font-size:13px;line-height:1.5}.demo-copy li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border:1px solid var(--terra)}
.demo-nav{display:flex;gap:10px;margin-top:auto}.demo-nav button{border:1px solid #425061;background:transparent;color:var(--cream);padding:12px 16px;cursor:pointer}.demo-nav button:hover:not(:disabled){border-color:var(--cream)}.demo-nav button:disabled{opacity:.3;cursor:default}
.demo-visual{padding:clamp(24px,3vw,42px);background:#111a27;overflow:hidden;min-width:0}
.demo-disclaimer{margin:16px 0 0;color:#82909d;font:10px/1.5 var(--mono)}

/* Interactive mock visuals */
.ui-frame{height:100%;min-height:470px;border:1px solid #344153;background:#f8f6f1;color:var(--ink);box-shadow:0 22px 50px rgba(0,0,0,.2);overflow:hidden;animation:frame-in .35s ease}
@keyframes frame-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ui-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #d9ddd8;background:#fff;font:10px var(--mono);color:#66717d}.ui-top b{font-weight:500;color:var(--ink)}.ui-pill{padding:5px 8px;border:1px solid #c7cec7;color:var(--sage-deep)}
.ui-body{padding:22px}.ui-label{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7b858e}.ui-title{font-size:22px;font-weight:500;letter-spacing:-.025em;margin:8px 0 18px}.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ui-card{padding:16px;border:1px solid #d9ddd8;background:#fff}.ui-card-sage{background:#edf0ea}.ui-card-terra{background:#f4ebe5}.ui-card h4{font-size:13px;font-weight:500;margin:0 0 10px}.ui-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #e5e7e3;font-size:11px;color:#53606c}.ui-row:last-child{border-bottom:0}.ui-row b{color:var(--ink);font-weight:500}.ui-row small{display:block;margin-top:3px;color:#8a939b}.ui-status{font:9px var(--mono);text-transform:uppercase}.ok{color:var(--sage)}.open{color:var(--terra-dark)}.muted{color:#89929b}
.file-list{display:grid;gap:10px}.file{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid #dfe2de;font-size:12px}.file-icon{width:34px;height:34px;border:1px solid #bcc5bd;display:grid;place-items:center;font:8px var(--mono);color:var(--sage)}.file>div{min-width:0}.file>div>strong,.file>div>span{display:block}.file>div>strong{font-weight:600;line-height:1.35}.file>div>span{margin-top:4px;color:#7a858e;font-size:10px;line-height:1.4}.file-badge{align-self:center;font:8px var(--mono);padding:5px 7px;border:1px solid #d6dbd5;text-transform:uppercase;white-space:nowrap}
.bridge{display:grid;gap:10px}.bridge-row{display:grid;grid-template-columns:90px 1fr 58px;gap:12px;align-items:center;font-size:11px}.bridge-bar{height:28px;background:#e4e7e2;position:relative}.bridge-bar i{display:block;height:100%;width:var(--w);background:var(--sage)}.bridge-row:nth-child(2) i{background:#8a9789}.bridge-row:nth-child(3) i{background:var(--terra)}.bridge-row b{text-align:right;font-weight:500}.adjustments{margin-top:18px;border-top:1px solid #d7dbd7}.adjustment{display:grid;grid-template-columns:1.2fr .6fr .8fr .6fr;gap:10px;padding:11px 0;border-bottom:1px solid #e4e6e2;font-size:10px;line-height:1.35}.adjustment.header{font:9px var(--mono);text-transform:uppercase;color:#7e8891}
.scenario-bars{height:210px;display:flex;align-items:end;justify-content:space-around;gap:18px;padding:20px 20px 0;border-left:1px solid #d4d9d3;border-bottom:1px solid #d4d9d3}.scenario{width:25%;text-align:center}.scenario i{display:block;height:var(--h);background:var(--sage);margin-bottom:9px}.scenario:first-child i{background:var(--terra)}.scenario:last-child i{background:#2f3d4d}.scenario b{display:block;font-size:13px}.scenario span{font:9px var(--mono);text-transform:uppercase;color:#7a858e}.sensitivity{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.sensitivity i{aspect-ratio:1;background:var(--c);display:grid;place-items:center;font:9px var(--mono);font-style:normal;color:var(--ink)}
.risk-rank{display:grid;gap:9px}.risk-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #d9ddd8;background:#fff}.risk-num{font:10px var(--mono);color:var(--terra-dark)}.risk-item strong{display:block;font-size:12px;font-weight:600;line-height:1.35}.risk-item small{display:block;margin-top:4px;color:#78838c;font-size:10px;line-height:1.4}.risk-lever{font:8px var(--mono);padding:5px 7px;background:#e8ece6;text-transform:uppercase;white-space:nowrap}
.recommend-ui{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.recommend-card{grid-column:1/-1;background:var(--ink-2);color:var(--cream);padding:22px}.recommend-card span{font:9px var(--mono);text-transform:uppercase;color:#9da8b2}.recommend-card h4{font-size:22px;font-weight:500;margin:10px 0}.recommend-card p{font-size:11px;line-height:1.6;color:#c2cad1}.classification{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a4655;margin-top:17px}.classification div{background:#202c3b;padding:10px}.classification span{display:block}.classification b{font-size:10px;font-weight:500}.action-list{display:grid;gap:8px}.action{padding:12px;border-left:3px solid var(--sage);background:#fff;font-size:11px;line-height:1.4}.action:nth-child(2){border-color:var(--terra)}

.outputs{background:var(--warm);overflow:hidden}
.output-stage{display:grid;grid-template-columns:1fr .9fr;gap:clamp(60px,8vw,120px);align-items:center}
.output-stack{position:relative;height:530px}.document-card{position:absolute;width:min(390px,80%);aspect-ratio:.75;padding:28px;background:var(--paper);border:1px solid #d0d5cf;box-shadow:0 20px 45px rgba(16,25,38,.12);transition:transform .35s ease}.output-stack:hover .doc-back{transform:translate(60px,-12px) rotate(8deg)}.output-stack:hover .doc-mid{transform:translate(28px,10px) rotate(2deg)}.output-stack:hover .doc-front{transform:translate(-12px,28px) rotate(-4deg)}
.doc-back{right:0;top:0;transform:translate(30px,8px) rotate(5deg);background:var(--sage-wash)}.doc-mid{right:8%;top:28px;transform:rotate(1deg)}.doc-front{left:0;top:68px;transform:rotate(-2deg)}
.document-card>span,.doc-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.document-card>i{display:block;height:1px;background:#d7dbd6;margin-top:18px}.doc-front h3{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:28px 0}.doc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8dcd7}.doc-stats b{background:var(--paper);padding:14px 5px;font-size:12px;text-align:center}.slide-chart{height:130px;margin:45px 0 30px;border-left:1px solid #bfc6bf;border-bottom:1px solid #bfc6bf;background:linear-gradient(155deg,transparent 48%,var(--terra) 49%,var(--terra) 50%,transparent 51%)}
.output-list{display:grid}.output-list>div{display:grid;grid-template-columns:34px 1fr;gap:8px 16px;padding:24px 0;border-bottom:1px solid #cbd1ca}.output-list>div:first-child{border-top:1px solid #cbd1ca}.output-list span{font:10px var(--mono);color:var(--terra-dark);grid-row:1/3}.output-list h3{margin:0;font-size:20px;font-weight:500}.output-list p{margin:0;color:var(--body);font-size:14px;line-height:1.55}

.principles{background:var(--ink-2);color:var(--cream)}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.principles-grid article{min-height:320px;padding:30px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.principles-grid span{font:10px var(--mono);color:#9aa5af;text-transform:uppercase;letter-spacing:.1em}.principles-grid h3{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:50px 0 15px}.principles-grid p{color:#b5bec7;font-size:14px;line-height:1.65}

.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,120px);align-items:start}.audience-grid .section-heading{display:block;margin:0;position:sticky;top:130px}.audience-grid .section-heading .eyebrow{margin-bottom:30px}.audience-grid .section-heading h2{margin-bottom:24px}.audience-grid .section-heading>p:last-child{max-width:56ch}.audience-list{display:grid;border-top:1px solid var(--line)}.audience-list>div{display:grid;grid-template-columns:38px 1fr;gap:8px 16px;padding:27px 0;border-bottom:1px solid var(--line)}.audience-list span{grid-row:1/3;font:10px var(--mono);color:var(--terra-dark)}.audience-list strong{font-size:21px;font-weight:500}.audience-list p{margin:0;color:var(--body);font-size:14px}

.contact{padding:clamp(78px,9vw,126px) 0;background:var(--sage-deep);color:var(--cream)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(48px,8vw,120px);align-items:end}.contact h2{max-width:12ch;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1;letter-spacing:-.05em;margin:0}.contact-copy>p{max-width:53ch;color:#cad2ca;font-size:17px;line-height:1.65;margin-bottom:30px}.contact-email{display:inline-block;margin-left:24px;padding:14px 0;border-bottom:1px solid var(--terra);color:#e4e8e2}
.site-footer{padding:54px 0 26px;background:#111a26;color:#aeb8c0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:50px;padding-bottom:46px;border-bottom:1px solid #303c4a}.brand-footer .brand-name{color:var(--cream)}.brand-footer .brand-name span{color:#a7b4a5}.footer-grid p{margin:18px 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:8px 48px}.footer-links a{padding:8px 0;color:#d4dae0}.footer-links a:hover{color:var(--terra)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#818d98}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.document-card{transition:none}}

@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:800px}.decision-window{max-width:760px}
  .section-heading{grid-template-columns:1fr}.section-heading>p:last-child{max-width:62ch}
  .outcome-grid{grid-template-columns:1fr 1fr}.outcome-card:last-child{grid-column:1/-1;min-height:380px}
  .demo-steps{grid-template-columns:repeat(5,minmax(128px,1fr));overflow-x:auto;scrollbar-width:none}.demo-steps::-webkit-scrollbar{display:none}.demo-shell{overflow:hidden}
  .demo-stage{grid-template-columns:1fr}.demo-copy{border-right:0;border-bottom:1px solid var(--line-dark);min-height:430px}.demo-visual{min-height:540px}
  .principles-grid{grid-template-columns:1fr 1fr}.principles-grid article{min-height:260px}
}

@media(max-width:760px){
  .site-header{flex-wrap:wrap}.menu-toggle{display:flex}.site-nav{display:none;width:100%;padding:15px 0 6px;flex-direction:column;align-items:flex-start;gap:0}.site-nav.is-open{display:flex}.site-nav a{width:100%;padding:13px 0}.nav-cta{border:0;border-top:1px solid var(--line);margin-top:6px}
  h1{font-size:clamp(42px,13vw,62px)}
  .signal-grid{grid-template-columns:1fr}.signal-grid>div,.signal-grid>div+div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line-dark)}.signal-grid>div:last-child{border-bottom:0}.decision-split{grid-template-columns:1fr}
  .strip-grid{grid-template-columns:1fr}.strip-grid p+ p{border-left:0;border-top:1px solid #c3cbc4}
  .outcome-grid{grid-template-columns:1fr}.outcome-card:last-child{grid-column:auto}.outcome-card{min-height:390px}
  .demo-steps{grid-template-columns:repeat(5,140px)}.demo-step{min-height:104px}.demo-visual{padding:14px;min-height:500px}.ui-frame{min-height:450px}.ui-grid,.recommend-ui{grid-template-columns:1fr}.recommend-card{grid-column:auto}.adjustment{grid-template-columns:1fr auto}.adjustment>*:nth-child(2),.adjustment>*:nth-child(3){display:none}.bridge-row{grid-template-columns:70px 1fr 48px}
  .output-stage{grid-template-columns:1fr}.output-stack{height:470px}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:auto}.principles-grid h3{margin-top:34px}
  .audience-grid,.contact-grid{grid-template-columns:1fr}.audience-grid .section-heading{position:static;margin-bottom:45px}.contact-email{display:block;margin:16px 0 0;width:max-content}
  .footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}
}

@media(max-width:430px){.wrap{width:min(var(--wrap),calc(100% - 36px))}.site-header{padding-left:18px;padding-right:18px}.hero{padding-top:55px}.decision-body{padding:22px}.window-foot{align-items:flex-start;flex-direction:column}.recommendation-line{flex-direction:column}.output-stack{height:400px}.document-card{padding:20px}.doc-front h3{font-size:20px}.footer-links{grid-template-columns:1fr}}

/* --------------------------------------------------------------------------
   Softer product language
   The first pass intentionally borrowed dense financial-terminal conventions.
   This pass keeps the information but gives it a quieter, more tactile system:
   rounded layers, lower-contrast dividers, sans-serif labels and fewer boxes.
   -------------------------------------------------------------------------- */

body{background:#f7f5f0}
body::before{opacity:.012}
.site-header{top:12px;width:min(calc(100% - 24px),1400px);margin-inline:auto;padding-left:clamp(18px,3vw,36px);padding-right:clamp(18px,3vw,36px);border:1px solid rgba(16,25,38,.07);border-radius:22px;background:rgba(250,248,244,.82);box-shadow:0 8px 32px rgba(16,25,38,.04)}
.site-header.is-scrolled{box-shadow:0 14px 40px rgba(16,25,38,.09)}
.nav-cta,.button{border-radius:999px}
.nav-cta{border-color:rgba(16,25,38,.18);padding-inline:20px}
.nav-cta:hover{border-color:var(--ink)}

/* The mark's small colour flourish is deliberately reserved for interaction. */
.brand-mark path,.brand-name span{transition:transform .38s cubic-bezier(.2,.8,.2,1),stroke .3s ease,color .3s ease,background-size .38s cubic-bezier(.2,.8,.2,1)}
.brand-name span{position:relative;background:linear-gradient(transparent 66%,rgba(184,108,75,.24) 66%);background-repeat:no-repeat;background-size:0 100%;background-position:left bottom}
.brand:hover .mark-sage{transform:translateX(4px)}
.brand:hover .mark-ink{transform:translateX(-3px)}
.brand:hover .mark-terra{transform:translateX(3px)}
.brand:hover .mark-thread,.brand:hover .mark-thread-light{opacity:.5}
.brand:hover .brand-name span{color:var(--terra-dark);background-size:100% 100%}

.eyebrow,.hero-proof,.window-bar,.window-foot,.decision-kicker,.recommendation-label,.mini-heading,.card-index,.mini-rec span,.mini-rec small,.demo-step span,.demo-number,.demo-disclaimer,.ui-top,.ui-label,.ui-status,.file-icon,.file-badge,.adjustment.header,.scenario span,.sensitivity i,.risk-num,.risk-lever,.recommend-card span,.document-card>span,.doc-label,.output-list span,.principles-grid span,.audience-list span,.footer-bottom{font-family:var(--sans);letter-spacing:.01em;text-transform:none}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.01em}
.hero-proof{font-size:12px;letter-spacing:0;text-transform:none}

.hero{padding-top:clamp(82px,10vw,145px)}
.hero::after{width:650px;height:650px;right:-280px;top:-180px;filter:blur(8px)}
.decision-window{overflow:hidden;border:0;border-radius:22px;background:linear-gradient(145deg,#202d3d,#172230);box-shadow:0 28px 72px rgba(16,25,38,.14)}
.decision-window::before{display:none}
.window-bar,.window-foot{padding:17px 22px;border-color:rgba(255,255,255,.09);font-size:11px}
.decision-body{padding:clamp(30px,3.5vw,48px)}
.decision-kicker,.recommendation-label,.mini-heading{font-size:11px;letter-spacing:0}
.confidence{border:0;border-radius:999px;background:rgba(184,108,75,.18);padding:8px 12px;font-family:var(--sans);font-size:11px;letter-spacing:0;text-transform:none}
.signal-grid{gap:10px;border:0;margin:28px 0}
.signal-grid>div,.signal-grid>div+div{padding:16px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.035)}
.signal-grid span,.signal-grid small{font-family:var(--sans);font-size:10px;letter-spacing:0;text-transform:none}
.signal-list li::before{border-radius:50%}

.section{padding:clamp(92px,11vw,160px) 0}
.section-heading h2{letter-spacing:-.048em}
.outcome-grid{gap:24px}
.outcome-card{min-height:430px;padding:38px;border:0;border-radius:20px;box-shadow:0 12px 34px rgba(16,25,38,.045)}
.outcome-dark{background:linear-gradient(145deg,#1f2c3b,#17222f)}
.outcome-sage{background:linear-gradient(145deg,#e7ebe3,#dce3d9)}
.card-index{font-size:12px}
.mini-rec{border-color:rgba(255,255,255,.1)}
.bridge-mini>div{font-family:var(--sans);font-size:11px}.bridge-mini i{height:10px;border-radius:999px}.fragility-list{border:0}.fragility-list span{border-color:rgba(83,103,83,.15)}.fragility-list b{font-family:var(--sans)}

.walkthrough{background:linear-gradient(155deg,#202c3b 0%,#14202d 70%)}
.demo-shell{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.025);box-shadow:0 24px 64px rgba(0,0,0,.16)}
.demo-steps{gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.demo-step{min-height:104px;padding:18px;border:0;border-radius:10px;color:#aeb7bf}
.demo-step:hover{background:rgba(255,255,255,.055)}
.demo-step.is-active{background:#f7f5f0;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.demo-step.is-active::after{left:22px;right:22px;bottom:10px;height:3px;border-radius:999px}
.demo-step span{font-size:11px}.demo-step small{font-size:12px}
.demo-copy{border-color:rgba(255,255,255,.08)}
.demo-number{font-size:12px}
.demo-copy li::before{border:0;border-radius:50%;background:var(--terra)}
.demo-nav button{border:0;border-radius:999px;background:rgba(255,255,255,.08);padding:12px 17px}.demo-nav button:hover:not(:disabled){background:rgba(255,255,255,.15)}
.demo-visual{background:rgba(7,14,22,.38)}
.demo-disclaimer{font-size:11px;letter-spacing:0}

.ui-frame{border:0;border-radius:14px;background:#f8f7f3;box-shadow:0 22px 54px rgba(0,0,0,.19)}
.ui-top{border-color:#e5e6e2;border-radius:14px 14px 0 0;font-size:11px}
.ui-pill,.file-badge,.risk-lever{border:0;border-radius:999px;background:#edf0eb;padding:6px 9px}
.ui-card,.file,.risk-item{border:1px solid #e5e7e3;border-radius:9px;box-shadow:none}
.ui-card{padding:18px}.file{padding:13px}.file-icon{border:0;border-radius:6px;background:#edf0eb;font-family:var(--sans);font-weight:600}
.ui-label{font-size:11px}.ui-title{margin-top:9px}
.bridge-bar,.bridge-bar i{border-radius:999px}.scenario i{border-radius:12px 12px 4px 4px}.scenario-bars{border-color:#dfe2dd}
.sensitivity{gap:4px}.sensitivity i{border-radius:4px}
.risk-item{padding:15px}.risk-num{font-size:11px}.risk-lever{font-size:9px}
.recommend-card{border-radius:10px;background:linear-gradient(145deg,#243243,#192534)}
.classification{gap:6px;background:transparent}.classification div{border-radius:5px;background:rgba(255,255,255,.06)}
.action{border:1px solid #e5e7e3!important;border-radius:8px;box-shadow:none}

.outputs{background:#efede7}
.document-card{border:0;border-radius:14px;box-shadow:0 20px 48px rgba(16,25,38,.1)}
.doc-stats,.doc-stats b{border-radius:6px}.doc-stats{gap:4px;background:transparent}.doc-stats b{background:#f1f1ec}
.output-list>div{border-color:rgba(16,25,38,.1)}.output-list span{font-size:11px}

.principles{background:linear-gradient(145deg,#202d3c,#172230)}
.principles-grid{gap:16px;border:0}.principles-grid article{min-height:300px;padding:34px;border:0;border-radius:16px;background:rgba(255,255,255,.045)}.principles-grid span{font-size:12px;color:#aab5ae}.principles-grid h3{margin-top:46px}
.audience-list{gap:12px;border:0}.audience-list>div{padding:25px;border:1px solid rgba(16,25,38,.045);border-radius:12px;background:rgba(255,255,255,.55);box-shadow:none}.audience-list span{font-size:11px}
.contact{background:linear-gradient(145deg,#405444,#304037)}
.contact-email{border:0}
.site-footer{background:#121c28}.footer-grid{border-color:rgba(255,255,255,.1)}

@media(max-width:1050px){.demo-shell{border-radius:20px}.demo-copy{border-color:rgba(255,255,255,.08)}}
@media(max-width:760px){
  .site-header{top:6px;width:calc(100% - 12px);border-radius:18px}
  .site-nav{padding:12px}.site-nav a{padding:14px}.nav-cta{border:0;border-radius:14px;background:#eceae4;margin-top:8px}
  .signal-grid>div,.signal-grid>div+div{padding:15px}
  .demo-steps{border-radius:0;gap:6px}.demo-step{border-radius:9px}
  .principles-grid{gap:12px}.principles-grid article{border-radius:14px}
}
