:root{color-scheme:light;--bg: #f7f3eb;--surface: #fffdfa;--surface-strong: #ffffff;--ink: #171a1d;--muted: #5b626b;--subtle: #d9d1c4;--line: #ded6c9;--blue: #245f9f;--blue-soft: #dbeafa;--amber: #b56b18;--amber-soft: #f8e7c9;--green: #3d7b53;--red: #a2433d;--shadow: 0 18px 50px rgba(30, 24, 15, .08);--shadow-strong: 0 26px 70px rgba(28, 24, 18, .13);--radius: 8px;--max: 1120px}@property --score-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --score-blue-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffdfa8c,#f7f3eb00 42rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}::selection{background:#245f9f2e}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 76%,white);outline-offset:3px}button,input,textarea,select{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}main{min-height:100vh}.top-nav{align-items:center;backdrop-filter:blur(18px);background:#f7f3ebe6;border-bottom:1px solid rgba(222,214,201,.8);display:flex;justify-content:space-between;left:0;margin:0 auto;padding:14px clamp(18px,5vw,56px);position:sticky;right:0;top:0;z-index:20}.top-nav:after{background:linear-gradient(90deg,transparent,rgba(36,95,159,.22),rgba(181,107,24,.22),transparent);bottom:-1px;content:"";height:1px;left:50%;max-width:var(--max);position:absolute;transform:translate(-50%);width:72%}.brand,.top-nav>div,.button,.pipeline-tab,.hero-actions,.closing-cta,.back-link{align-items:center;display:flex}.brand{font-weight:760;gap:8px}.top-nav>div{gap:clamp(12px,2vw,26px)}.top-nav a:not(.brand){color:var(--muted);font-size:.94rem;padding:5px 0;position:relative}.top-nav a:hover,.back-link:hover{color:var(--ink)}.top-nav a:not(.brand):after{background:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;width:100%}.top-nav a:not(.brand):hover:after{transform:scaleX(1)}.hero,.content-band,.page-header,.evidence-section{margin:0 auto;max-width:var(--max);padding-left:clamp(18px,5vw,56px);padding-right:clamp(18px,5vw,56px)}.hero{display:grid;gap:clamp(32px,6vw,72px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);min-height:calc(84vh - 64px);padding-bottom:clamp(42px,6vh,64px);padding-top:clamp(46px,8vh,78px)}.hero-copy{align-self:center}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:780;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,8vw,6rem);letter-spacing:0;line-height:.9;margin-bottom:22px;max-width:100%}.hero-title-lockup{align-items:center;display:flex;gap:clamp(12px,2vw,20px);margin-bottom:22px}.hero-title-lockup h1{margin-bottom:0}.hero-title-icon{border-radius:22px;box-shadow:0 18px 38px #171a1d29;display:block;flex:0 0 auto;height:clamp(72px,9vw,108px);object-fit:cover;width:clamp(72px,9vw,108px)}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:clamp(1.04rem,1.5vw,1.26rem);max-width:680px}.hero-copy .lede{color:var(--ink);font-size:clamp(1.55rem,3vw,2.55rem);font-weight:720;line-height:1.08;margin-bottom:18px;max-width:620px}.hero-actions,.closing-cta{flex-wrap:wrap;gap:12px;margin-top:30px}.button{border:1px solid var(--line);border-radius:var(--radius);gap:8px;min-height:44px;padding:10px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.button:hover{box-shadow:0 10px 28px #1e180f1a;transform:translateY(-1px)}.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.secondary{background:var(--surface);color:var(--ink)}.hero-visual{align-self:center;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#245f9f66,#b56b1873) border-box;border:1px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow-strong);min-height:394px;padding:24px;position:relative;overflow:hidden}.hero-visual:before{background:linear-gradient(90deg,rgba(36,95,159,.08),transparent 28%,rgba(181,107,24,.08));content:"";height:1px;left:24px;position:absolute;right:24px;top:62px}.visual-header,.mini-metrics,.experiment-strip,.config-grid{display:grid;gap:14px}.visual-header{grid-template-columns:1fr auto}.visual-header span,.mini-metrics span,.experiment-strip span,.config-grid span{color:var(--muted);font-size:.85rem}.score-ring{align-items:center;aspect-ratio:1;background:conic-gradient(from -48deg,var(--blue) 0deg var(--score-blue-angle),var(--amber) var(--score-blue-angle) var(--score-angle),var(--blue-soft) var(--score-angle) 360deg);border-radius:50%;display:flex;flex-direction:column;justify-content:center;margin:42px auto 38px;max-width:245px;padding:18px;position:relative;transition:--score-angle 1.1s cubic-bezier(.16,1,.3,1),--score-blue-angle 1.1s cubic-bezier(.16,1,.3,1);width:72%}.score-ring:before{background:var(--surface);border:1px solid rgba(222,214,201,.7);border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffb8;content:"";inset:18px;position:absolute}.score-ring span{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:1;position:relative;z-index:1}.score-ring small{color:var(--muted);font-size:.95rem;position:relative;z-index:1}.mini-metrics{grid-template-columns:repeat(3,1fr)}.mini-metrics div,.experiment-strip article,.config-grid article{background:#f8f6f1;border:1px solid var(--line);border-radius:var(--radius);padding:14px}.mini-metrics strong,.experiment-strip strong{display:block;font-size:1.7rem;line-height:1.1;margin-top:6px}.content-band,.evidence-section{padding-bottom:clamp(68px,10vw,118px);padding-top:clamp(48px,8vw,88px)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .65s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.section-intro{max-width:780px}.section-intro h2,.page-header h1{font-size:clamp(2rem,4.5vw,4rem);letter-spacing:0;line-height:1.02;margin-bottom:18px}.section-intro p:not(.eyebrow),.page-header p{color:var(--muted);font-size:1.06rem}.concept-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:36px}.story-band{padding-bottom:clamp(32px,5vw,54px);padding-top:0}.story-grid,.result-claim-grid,.stress-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.story-grid article,.claim-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.story-grid svg{color:var(--blue);margin-bottom:12px}.story-grid span,.claim-card span,.metric-glossary span{color:var(--blue);display:block;font-size:.78rem;font-weight:780;margin-bottom:8px;text-transform:uppercase}.story-grid p,.claim-card p{color:var(--muted);margin:0}.concept-card,.question-card,.artifact-list article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.concept-card:hover,.question-card:hover,.artifact-list article:hover{border-color:#245f9f38;box-shadow:0 14px 36px #1e180f14;transform:translateY(-2px)}.concept-card svg{color:var(--blue)}.concept-card h3,.case-summary h3{font-size:1.05rem;margin:14px 0 8px}.concept-card p,.case-summary p,.evidence-pane p,.question-card p,.artifact-list p{color:var(--muted)}.original-question{background:#f8f6f1;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:.9rem;margin:10px 0 14px;padding:10px 12px}.original-question span{color:var(--blue);display:block;font-size:.68rem;font-weight:780;margin-bottom:4px;text-transform:uppercase}.pipeline-explorer,.metric-lab,.failure-lab{margin-top:34px}.pipeline-selector,.metric-toolbar,.case-list,.pattern-list{display:flex;flex-wrap:wrap;gap:10px}.pipeline-tab,.segmented-button,.case-button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);cursor:pointer;min-height:42px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.pipeline-tab:hover,.segmented-button:hover,.case-button:hover{background:var(--surface-strong);box-shadow:0 8px 22px #1e180f0f;transform:translateY(-1px)}.pipeline-tab{gap:8px;padding:10px 14px}.pipeline-tab.active.is-blue,.segmented-button.active,.case-button.active{border-color:#245f9f73;box-shadow:0 0 0 3px #245f9f14;color:var(--blue)}.pipeline-tab.active.is-amber{border-color:#b56b1873;box-shadow:0 0 0 3px #b56b181a;color:var(--amber)}.pipeline-stage{margin-top:18px}.pipeline-panel,.case-panel{display:none}.pipeline-panel.active,.case-panel.active{display:block}.pipeline-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px);position:relative;overflow:hidden}.pipeline-panel.active{animation:panelIn .36s cubic-bezier(.16,1,.3,1)}.pipeline-heading{align-items:flex-start;display:flex;gap:16px}.icon-chip{align-items:center;border-radius:var(--radius);display:flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.is-blue .icon-chip,.metric-row.is-blue .bar-fill{background:var(--blue-soft);color:var(--blue)}.is-amber .icon-chip,.metric-row.is-amber .bar-fill{background:var(--amber-soft);color:var(--amber)}.pipeline-heading h3{font-size:1.45rem;margin-bottom:4px}.pipeline-heading p{color:var(--muted)}.pipeline-steps{counter-reset:steps;display:grid;gap:12px;list-style:none;margin:24px 0 0;padding:0}.pipeline-steps li{align-items:start;background:#f8f6f1;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:14px;grid-template-columns:42px 1fr;padding:14px;transition:border-color .18s ease,transform .18s ease}.pipeline-panel.is-switching .pipeline-steps li{animation:stepIn .52s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--step-delay)}.pipeline-steps span{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.pipeline-steps p{margin:0}.pipeline-flow{align-items:center;display:grid;grid-template-columns:1fr;height:28px;margin:24px 0 8px;position:relative}.pipeline-flow span{background:linear-gradient(90deg,#245f9f2e,#b56b1833);border-radius:999px;height:2px;width:100%}.pipeline-flow i{background:currentColor;border-radius:999px;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent);height:8px;left:0;opacity:0;position:absolute;width:8px}.pipeline-panel.is-blue .pipeline-flow i{color:var(--blue)}.pipeline-panel.is-amber .pipeline-flow i{color:var(--amber)}.pipeline-panel.active .pipeline-flow i{animation:flowPacket 2.5s cubic-bezier(.65,0,.35,1) infinite}.pipeline-flow i:nth-of-type(2){animation-delay:.42s}.pipeline-flow i:nth-of-type(3){animation-delay:.84s}.experiment-strip{grid-template-columns:repeat(3,1fr);margin-top:34px}.experiment-strip article{min-height:140px}.experiment-strip svg{color:var(--blue);margin-bottom:14px}.pattern-list{margin-top:18px}.pattern-list span{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:8px 10px}.metric-toolbar{margin-bottom:18px}.result-claim-grid{margin:32px 0 16px}.claim-card{min-height:156px}.claim-card.is-blue{border-color:#245f9f3d}.claim-card.is-amber{border-color:#b56b1847}.claim-card.is-amber span{color:var(--amber)}.stress-grid{grid-template-columns:repeat(2,1fr);margin-top:32px}.stress-grid .claim-card{min-height:0}.stress-grid .claim-card p+p{margin-top:10px}.claim-card strong{display:block;font-size:1.18rem;margin-bottom:8px}.metric-glossary{background:linear-gradient(135deg,#245f9f12,#b56b1812);border:1px solid rgba(222,214,201,.85);border-radius:var(--radius);display:grid;gap:18px;grid-template-columns:minmax(180px,.34fr) 1fr;margin-bottom:18px;padding:16px}.metric-glossary p{color:var(--muted);margin:0}.metric-glossary dl{display:grid;gap:8px 14px;grid-template-columns:minmax(120px,.28fr) 1fr;margin:0}.metric-glossary dt{font-weight:730}.metric-glossary dd{color:var(--muted);margin:0}.metric-insight{align-items:start;background:linear-gradient(135deg,#245f9f14,#b56b1814);border:1px solid rgba(222,214,201,.85);border-radius:var(--radius);display:grid;gap:4px;margin-bottom:16px;padding:14px 16px}.metric-insight span{color:var(--blue);font-size:.78rem;font-weight:780;text-transform:uppercase}.metric-insight p{color:var(--muted);margin:0}.segmented-button{padding:8px 12px}.metric-list{display:grid;gap:12px}.metric-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:18px;grid-template-columns:minmax(180px,.45fr) minmax(160px,1fr) 80px;padding:14px;--bar-width: 0%;transition:border-color .22s ease,box-shadow .22s ease,opacity .52s ease,transform .65s cubic-bezier(.16,1,.3,1)}.metric-row.is-top{border-color:#245f9f61;box-shadow:0 12px 34px #245f9f14}.metric-row strong,.metric-row span{display:block}.metric-row strong{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.best-pill{background:var(--blue-soft);border:1px solid rgba(36,95,159,.18);border-radius:999px;color:var(--blue);font-size:.68rem;font-weight:740;padding:2px 7px;text-transform:uppercase}.metric-row span{color:var(--muted);font-size:.88rem}.bar-track{background:#ece6dc;border-radius:999px;height:12px;overflow:hidden}.bar-fill{display:block;height:100%;width:0;transition:width .68s cubic-bezier(.16,1,.3,1)}.metric-row.is-visible .bar-fill{width:var(--bar-width)}.metric-row.is-blue .bar-fill{background:var(--blue)}.metric-row.is-amber .bar-fill{background:var(--amber)}.metric-row output{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;text-align:right}.failure-lab{display:grid;gap:18px;grid-template-columns:260px 1fr}.case-list{align-content:start;flex-direction:column}.case-button{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;width:100%}.case-button.active{background:linear-gradient(135deg,#245f9f12,#fffdfaf5)}.case-button span{color:var(--muted);font-size:.82rem}.case-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,28px)}.case-panel.active{animation:panelIn .36s cubic-bezier(.16,1,.3,1)}.case-summary h3{font-size:clamp(1.35rem,2.4vw,2rem)}.case-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.case-metrics span{background:#f8f6f1;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;padding:5px 8px}.case-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:24px}.evidence-pane{background:#f8f6f1;border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.evidence-pane:hover{box-shadow:0 12px 30px #1e180f14;transform:translateY(-2px)}.evidence-pane.is-blue{border-color:#245f9f4d}.evidence-pane.is-amber{border-color:#b56b1859}.pane-label{color:var(--muted);display:block;font-size:.78rem;font-weight:760;margin-bottom:10px;text-transform:uppercase}.evidence-pane code,.command-panel code{background:#23272c;border-radius:var(--radius);color:#f5f0e8;display:block;font-size:.82rem;max-height:180px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.evidence-pane p strong{color:var(--ink)}.output-note{color:var(--muted);display:block;font-size:.8rem;margin-top:8px}.code-flash{animation:codeFlash .76s ease}.takeaway-list{display:grid;gap:12px;margin-top:30px}.takeaway-list article{align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:24px 1fr;padding:16px}.takeaway-list svg{color:var(--green)}.takeaway-list p{margin:0}.cta-note{color:var(--muted);margin:18px 0 0;max-width:760px}.page-header{padding-bottom:54px;padding-top:54px}.page-header h1,.page-header p{max-width:760px}.back-link{color:var(--muted);gap:8px;margin-bottom:36px}.evidence-section{padding-bottom:54px;padding-top:24px}.evidence-section h2{font-size:clamp(1.4rem,2.2vw,2rem)}.evidence-copy{color:var(--muted);margin-bottom:18px;max-width:780px}.evidence-subhead{font-size:1rem;margin:28px 0 12px}.config-grid{grid-template-columns:repeat(3,1fr)}.config-grid code{display:block;font-size:1rem;margin-top:8px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}table{border-collapse:collapse;min-width:820px;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}th{background:#f8f6f1;color:var(--muted);font-size:.82rem}td{font-size:.94rem}.question-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.question-card span,.question-card strong{display:block}.question-card span{color:var(--muted);font-size:.82rem}.question-card .original-question span{color:var(--blue);font-size:.68rem}.question-card strong{margin:8px 0}.question-meta{color:var(--blue)!important;font-size:.85rem;font-weight:700;margin-bottom:6px}.artifact-list{display:grid;gap:12px}.mark2-artifact-list{margin-top:18px}.artifact-list article{display:grid;gap:12px;grid-template-columns:24px 1fr}.artifact-list svg{color:var(--blue)}.artifact-list strong,.artifact-list code{display:block}.artifact-list code{color:var(--muted);font-size:.84rem;margin-top:4px;word-break:break-word}.command-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:14px}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stepIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes flowPacket{0%{left:0;opacity:0;transform:scale(.8)}14%,78%{opacity:1}to{left:calc(100% - 8px);opacity:0;transform:scale(1.08)}}@keyframes codeFlash{0%{box-shadow:0 0 #b56b1861}45%{box-shadow:0 0 0 4px #b56b182e}to{box-shadow:0 0 #b56b1800}}@media(max-width:900px){.top-nav{position:sticky}.hero{gap:28px;grid-template-columns:1fr;min-height:auto;padding-top:clamp(38px,7vw,58px)}h1{max-width:100%}.hero-copy .lede{max-width:680px}.hero-visual{min-height:0}.score-ring{margin:28px auto;max-width:220px;width:42%}.concept-grid,.story-grid,.result-claim-grid,.stress-grid,.experiment-strip,.case-grid,.config-grid,.question-grid,.metric-glossary,.failure-lab{grid-template-columns:1fr}.case-list{flex-direction:row;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.case-button{min-width:210px;scroll-snap-align:start}.case-grid{gap:12px}}@media(min-width:720px)and (max-width:900px){.hero{align-items:center;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);padding-bottom:46px;padding-top:48px}h1{font-size:clamp(4rem,8vw,4.8rem);margin-bottom:16px}.hero-copy .lede{font-size:1.12rem;margin-bottom:14px}.hero-copy>p:not(.eyebrow){font-size:.98rem}.hero-actions{gap:10px;margin-top:20px}.button{padding-left:12px;padding-right:12px}.hero-visual{padding:18px}.score-ring{margin:24px auto 18px;max-width:176px;width:66%}.score-ring span{font-size:3rem}.mini-metrics{gap:8px}.mini-metrics div{padding:10px}.mini-metrics strong{font-size:1.28rem}}@media(max-width:640px){.top-nav{align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px}.top-nav>div{flex-direction:row;flex-wrap:wrap}.hero{gap:18px;padding-bottom:6px;padding-top:24px}.eyebrow{margin-bottom:10px}h1{font-size:clamp(2.85rem,14vw,3.75rem);line-height:.92;margin-bottom:12px}.hero-copy .lede{font-size:1.03rem;line-height:1.1;margin-bottom:12px}.hero-copy>p:not(.eyebrow){font-size:.96rem;line-height:1.5}.hero-actions,.closing-cta{gap:10px;margin-top:16px}.button{flex:1 1 150px;justify-content:center;min-height:46px;padding:10px 12px}.content-band,.evidence-section{padding-bottom:58px;padding-top:46px}.hero-visual{min-height:0;padding:14px}.hero-visual:before{left:14px;right:14px;top:50px}.score-ring{margin:12px auto 6px;max-width:136px;padding:10px;width:42%}.score-ring:before{inset:10px}.score-ring span{font-size:2.15rem}.score-ring small{font-size:.82rem}.mini-metrics{display:none}.metric-toolbar,.pipeline-selector{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.segmented-button,.pipeline-tab{flex:0 0 auto}.metric-row{gap:12px;grid-template-columns:1fr;padding:13px}.metric-glossary dl{grid-template-columns:1fr}.metric-row output{text-align:left}.failure-lab{margin-top:24px}.case-button{min-width:180px}.case-panel{padding:16px}.evidence-pane code,.command-panel code{max-height:140px}.section-intro h2,.page-header h1{font-size:clamp(1.9rem,11vw,2.6rem)}#problem{padding-top:26px}}@media(min-width:1280px){:root{--max: 1180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}[data-reveal]{opacity:1;transform:none}.pipeline-panel.active .pipeline-flow i{animation:none;opacity:0}}
