:root{--ink:#10151b;--ink2:#171e26;--paper:#f2f0ea;--white:#fff;--blue:#1267f2;--cyan:#40d9ff;--muted:#9ea8b4;--line:rgba(255,255,255,.15);--line-dark:rgba(16,21,27,.16);--max:1440px;--pad:clamp(24px,5vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}img{display:block;max-width:100%}button{font:inherit}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);color:#fff;background:rgba(16,21,27,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.02em}.identity em{display:block;color:var(--muted);font-style:normal;font-weight:500;font-size:11px}.identity-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:11px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#bbc4cf;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.topbar nav a:hover{color:var(--cyan)}
section{padding:clamp(96px,11vw,170px) var(--pad);position:relative;overflow:hidden}.dark-section{background:var(--ink);color:#fff}.light-section{background:var(--paper);color:var(--ink)}.blue-section{background:var(--blue);color:#fff}.hero{min-height:100vh;padding-top:clamp(130px,14vw,190px);display:flex;align-items:center}.hero:before,.architecture:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-grid{width:100%;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(60px,7vw,120px);align-items:center;position:relative}.eyebrow{margin:0 0 24px;color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px}.eyebrow span{display:inline-block;margin-right:14px;padding-right:14px;border-right:1px solid currentColor}.eyebrow.blue{color:var(--blue)}h1{font-size:clamp(52px,5.5vw,88px);line-height:.96;letter-spacing:-.055em;margin:0 0 32px;max-width:880px}.lede{font-size:clamp(19px,1.8vw,26px);line-height:1.45;color:#b9c1ca;max-width:780px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:58px;padding-top:24px;border-top:1px solid var(--line)}.hero-meta strong,.hero-meta span{display:block}.hero-meta strong{color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.hero-meta span{font-size:13px;color:#c7ced6}.hero-visual{position:relative;min-height:660px}.screen{position:absolute;margin:0;width:76%;background:#fff;padding:8px;border-radius:7px;box-shadow:0 28px 80px rgba(0,0,0,.48);cursor:zoom-in}.screen img{width:100%;height:100%;object-fit:cover}.screen-output{right:0;top:0;transform:rotate(1.5deg)}.screen-system{left:0;bottom:0;transform:rotate(-1.4deg)}.screen figcaption{position:absolute;left:18px;bottom:18px;background:rgba(16,21,27,.9);padding:10px 14px;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}.screen figcaption span,.screen figcaption b{display:block}.screen figcaption span{color:var(--cyan);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.screen figcaption b{font-size:12px}.connector{position:absolute;left:49%;top:47%;z-index:2;display:flex;align-items:center;gap:10px;color:var(--cyan);transform:rotate(-10deg)}.connector span{width:64px;border-top:2px solid}.connector i{font-size:10px;text-transform:uppercase;letter-spacing:.12em;background:var(--ink);padding:5px;font-style:normal}.scroll-cue{position:absolute;bottom:30px;left:var(--pad);font-size:10px;color:#8f9aa5;text-transform:uppercase;letter-spacing:.15em}.scroll-cue span{color:var(--cyan);font-size:16px;margin-left:8px}.section-index{position:absolute;left:var(--pad);top:46px;display:flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:inherit;opacity:.65}.section-index span{font-weight:900}.section-index p{margin:0}.section-heading,.summary-head,.pattern-heading,.architecture-heading{max-width:var(--max);margin:0 auto 70px}.section-heading{display:grid;grid-template-columns:.8fr 1.25fr;gap:50px;align-items:start}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-20px}.section-heading h2{grid-column:1;font-size:clamp(44px,5vw,76px);line-height:1;letter-spacing:-.05em;margin:0}.section-heading>p:last-child{grid-column:2;font-size:22px;color:#aeb7c1;max-width:650px;margin:8px 0}.summary-head h2,.pattern-heading h2,.architecture-heading h2{font-size:clamp(44px,5vw,78px);line-height:1.05;letter-spacing:-.05em;margin:0}.summary-head h2 em{font-style:normal;color:var(--blue)}.summary-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.summary-grid article{padding:34px 34px 40px 0}.summary-grid article+article{padding-left:34px;border-left:1px solid var(--line-dark)}.summary-grid span,.evidence-card span,.step-copy>span,.boundary-card>span,.final-statement>span{display:block;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.summary-grid p{font-size:18px;margin:14px 0 0}.proof-strip{max-width:var(--max);margin:36px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.proof-strip div{background:#fff;padding:17px 20px;font-size:12px;font-weight:700}.proof-strip b{color:var(--blue);margin-right:10px}.evidence-rail{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.evidence-card{display:grid;grid-template-columns:1.25fr .75fr;background:var(--ink2);border:1px solid var(--line);min-height:370px}.evidence-card:nth-child(3){grid-column:2}.evidence-tall{grid-row:span 2;display:flex;flex-direction:column}.evidence-tall .image-button{height:630px}.evidence-card>div{padding:30px}.evidence-card h3{margin:8px 0;font-size:24px}.evidence-card p{color:#aeb7c1;margin:0;font-size:14px}.image-button{display:block;border:0;padding:0;background:#dfe5eb;overflow:hidden;cursor:zoom-in;width:100%}.image-button img{width:100%;height:100%;object-fit:cover;object-position:top}.turning-point{max-width:var(--max);margin:100px auto 0;padding:0 0 0 34px;border-left:3px solid var(--cyan);font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.035em}.diagnosis-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,7vw,110px);align-items:center}.diagnosis-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:0 0 30px}.diagnosis-copy>p:not(.eyebrow){font-size:19px;color:#4f5964}.annotation-list{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line-dark)}.annotation-list li{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-dark)}.annotation-list b{color:var(--blue);font-size:11px}.annotation-list span{font-size:14px;font-weight:650}.legacy-frame{margin:0;background:#fff;padding:10px;box-shadow:0 22px 60px rgba(0,0,0,.17);cursor:zoom-in}.legacy-frame img{max-height:800px;width:100%;object-fit:cover;object-position:top}.legacy-frame figcaption{display:flex;justify-content:space-between;padding:14px 4px 4px;font-size:11px}.legacy-frame figcaption span{color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.pattern-section:before{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-220px;top:-210px}.pattern-heading{max-width:1000px;text-align:center}.pattern-heading h2{font-size:clamp(48px,6vw,88px)}.causal-map{max-width:920px;margin:auto}.map-node{background:#fff;color:var(--ink);display:grid;grid-template-columns:.35fr 1fr;gap:30px;align-items:center;padding:28px 34px}.map-node span{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--blue);font-weight:900}.map-node b{font-size:18px}.map-node.final{background:var(--ink);color:#fff}.causal-map>i{display:block;text-align:center;font-size:22px;height:44px;line-height:44px;font-style:normal}.map-caption{max-width:900px;margin:65px auto 0;font-size:clamp(27px,3vw,42px);line-height:1.2;text-align:center;font-weight:700;letter-spacing:-.025em}.architecture-heading{text-align:center}.architecture-stack{max-width:1000px;margin:auto}.architecture-stack article{display:grid;grid-template-columns:100px 1fr;align-items:center;border:1px solid var(--line);background:var(--ink2);padding:30px 36px}.architecture-stack article>span{font-size:34px;color:var(--cyan);font-weight:900}.architecture-stack p{margin:0 0 4px;color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.architecture-stack h3{margin:0;font-size:23px}.architecture-stack>i{display:block;text-align:center;height:46px;line-height:46px;color:#7e8a97;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-style:normal}.workflow{padding-bottom:80px}.workflow-step{max-width:var(--max);margin:0 auto 120px;display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(45px,6vw,90px);align-items:center}.workflow-step.reverse{grid-template-columns:1.45fr .55fr}.workflow-step.reverse .step-copy{order:2}.workflow-step h2{font-size:clamp(40px,4vw,64px);line-height:1;margin:10px 0 24px;letter-spacing:-.045em}.step-copy>p{font-size:19px;color:#535e69}.step-copy ul{padding-left:18px;font-size:13px;font-weight:700}.step-copy li{margin:8px 0}.framed{padding:9px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.16)}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outcome-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.outcome-grid h2{font-size:clamp(42px,5vw,74px);line-height:1;letter-spacing:-.05em;margin:0 0 40px}.check-list{list-style:none;padding:0;margin:0}.check-list li{border-top:1px solid var(--line);padding:17px 0 17px 30px;position:relative;color:#c4cbd3}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan)}.boundary-card{align-self:start;padding:38px;border:1px solid var(--line);background:var(--ink2)}.boundary-card>span{color:var(--cyan)}.boundary-card h3{font-size:30px;margin:12px 0 24px}.boundary-card p{color:#aeb7c1}.final-statement{max-width:var(--max);margin:100px auto 0;padding-top:42px;border-top:1px solid var(--line)}.final-statement>span{color:var(--cyan)}.final-statement p{font-size:clamp(34px,4vw,62px);line-height:1.1;max-width:1150px;margin:18px 0 0;letter-spacing:-.04em}footer{background:#070a0e;color:#fff;padding:40px var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:12px}footer p{color:#798491}footer a{color:var(--cyan);text-decoration:none}dialog{width:min(94vw,1500px);max-height:92vh;border:0;padding:0;background:#090d12;box-shadow:0 30px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}dialog img{width:100%;max-height:86vh;object-fit:contain}.close{position:fixed;right:3vw;top:3vh;width:46px;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#10151b;color:#fff;font-size:28px;z-index:2;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:620px;max-width:850px;width:100%;margin:auto}.section-heading,.diagnosis-grid,.outcome-grid{grid-template-columns:1fr}.section-heading h2,.section-heading>p:last-child{grid-column:1}.evidence-rail{grid-template-columns:1fr 1fr}.evidence-card{display:flex;flex-direction:column}.evidence-tall{grid-column:1/-1;grid-row:auto}.evidence-tall .image-button{height:520px}.workflow-step,.workflow-step.reverse{grid-template-columns:1fr}.workflow-step.reverse .step-copy{order:0}.outcome-grid{gap:45px}}
@media(max-width:720px){.topbar{height:64px}.topbar nav{display:none}.identity em{display:none}section{padding-top:105px;padding-bottom:105px}.hero{padding-top:110px}.hero-meta,.summary-grid,.proof-strip,.evidence-rail{grid-template-columns:1fr}.hero-meta{gap:15px}.hero-meta div{padding-bottom:12px;border-bottom:1px solid var(--line)}.hero-visual{min-height:430px}.screen{width:84%}.connector{display:none}.summary-grid article,.summary-grid article+article{padding:26px 0;border-left:0;border-bottom:1px solid var(--line-dark)}.proof-strip{gap:8px}.evidence-tall{grid-column:auto}.evidence-card:nth-child(3){grid-column:auto}.evidence-tall .image-button{height:420px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:24px}.section-heading>p:last-child{font-size:18px}.diagnosis-grid{gap:50px}.map-node{grid-template-columns:1fr;gap:8px;padding:24px}.architecture-stack article{grid-template-columns:54px 1fr;padding:24px 20px}.architecture-stack article>span{font-size:24px}.architecture-stack h3{font-size:17px}.workflow-step{margin-bottom:90px}.image-pair{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.foundation-heading{max-width:var(--max);margin:0 auto 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:60px}.foundation-heading .eyebrow{grid-column:1/-1;margin-bottom:-30px}.foundation-heading h2{font-size:clamp(46px,5.2vw,78px);line-height:1;letter-spacing:-.05em;margin:0}.foundation-heading>p:last-child{margin:10px 0 0;color:#aeb7c1;font-size:21px;max-width:620px}.system-gallery{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.system-sheet{margin:0;background:#fff;border:1px solid var(--line);cursor:zoom-in;position:relative;box-shadow:0 20px 55px rgba(0,0,0,.18);transition:transform .3s ease}.system-sheet:hover{transform:translateY(-7px)}.system-sheet.cover{transform:translateY(-26px)}.system-sheet.cover:hover{transform:translateY(-33px)}.system-sheet:nth-child(3){transform:translateY(-13px)}.system-sheet:nth-child(3):hover{transform:translateY(-20px)}.system-sheet:nth-child(6){display:none}.system-sheet img{width:100%;aspect-ratio:.707;object-fit:cover;object-position:top}.system-sheet figcaption{position:absolute;left:9px;right:9px;bottom:9px;padding:8px 10px;background:rgba(16,21,27,.92);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.adoption-bar{max-width:var(--max);margin:56px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.adoption-bar div{padding:22px 22px 24px 0}.adoption-bar div+div{padding-left:22px;border-left:1px solid var(--line)}.adoption-bar span,.adoption-bar b{display:block}.adoption-bar span{color:var(--cyan);font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:6px}.adoption-bar b{font-size:14px}.judgment-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,7vw,110px);align-items:start}.judgment-copy h2{font-size:clamp(44px,4.7vw,72px);line-height:1;letter-spacing:-.05em;margin:0 0 28px}.judgment-copy>p:not(.eyebrow){font-size:19px;color:#525d68}.correction-list{margin-top:36px;border-top:1px solid var(--line-dark)}.correction-list article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line-dark)}.correction-list article>span{color:var(--blue);font-size:11px;font-weight:900}.correction-list h3{font-size:16px;margin:0 0 4px}.correction-list p{font-size:14px;color:#5d6771;margin:0}.prototype-wrap{background:var(--ink);padding:10px;box-shadow:0 22px 60px rgba(0,0,0,.2)}.prototype-label{display:flex;justify-content:space-between;padding:12px 13px;color:#fff}.prototype-label span{color:var(--cyan);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.prototype-label b{font-size:11px}.prototype-wrap iframe{display:block;width:100%;height:720px;border:0;background:#eef2f8}.prototype-wrap>p{color:#8f9aa5;font-size:11px;margin:12px 13px}.responsibility-split{max-width:var(--max);margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.responsibility-split div{padding:30px 34px 30px 0}.responsibility-split div+div{padding-left:34px;border-left:1px solid var(--line-dark)}.responsibility-split span{display:block;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.responsibility-split p{font-size:18px;margin:10px 0 0}
@media(max-width:1050px){.foundation-heading,.judgment-grid{grid-template-columns:1fr}.foundation-heading h2,.foundation-heading>p:last-child{grid-column:1}.prototype-wrap iframe{height:650px}}
@media(max-width:720px){.adoption-bar,.responsibility-split{grid-template-columns:1fr}.system-gallery{grid-template-columns:repeat(2,1fr)}.system-sheet.cover,.system-sheet:nth-child(3){transform:none}.system-sheet:nth-child(6){display:block}.adoption-bar div,.adoption-bar div+div{padding:17px 0;border-left:0;border-bottom:1px solid var(--line)}.prototype-wrap iframe{height:520px}.responsibility-split div,.responsibility-split div+div{padding:24px 0;border-left:0;border-bottom:1px solid var(--line-dark)}}

/* Release-candidate refinements */
section[id]{scroll-margin-top:74px}.skip-link{position:fixed;left:18px;top:-60px;z-index:100;background:var(--cyan);color:var(--ink);padding:10px 16px;border-radius:0 0 6px 6px;font-weight:800;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}.image-button:focus-visible,.screen:focus-visible,.legacy-frame:focus-visible,.system-sheet:focus-visible,.topbar a:focus-visible,footer a:focus-visible,.close:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.eyebrow,.section-index,.summary-grid span,.evidence-card span,.step-copy>span,.boundary-card>span,.final-statement>span,.map-node span,.architecture-stack p,.architecture-stack>i,.responsibility-split span{font-size:12px}.hero-meta strong,.screen figcaption span,.connector i,.scroll-cue{font-size:11px}.identity em,.legacy-frame figcaption,.prototype-wrap>p{font-size:12px}.evidence-status,.workflow-status{max-width:var(--max);margin:-42px auto 28px;display:flex;align-items:center;gap:10px;color:#aeb7c1;font-size:12px}.workflow-status{margin:0 auto 42px;color:#5b6570}.evidence-status span,.workflow-status span{color:var(--cyan);border:1px solid rgba(64,217,255,.4);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.workflow-status span{color:var(--blue);border-color:rgba(18,103,242,.32)}.system-gallery{grid-template-columns:repeat(6,1fr)}.system-sheet:nth-child(6){display:block}.system-sheet figcaption,.adoption-bar span,.prototype-label span,.prototype-label b{font-size:12px}.image-button,.screen,.legacy-frame,.system-sheet{touch-action:manipulation}
@media(max-width:1050px){.system-gallery{grid-template-columns:repeat(3,1fr)}.evidence-status{margin-top:-36px}}
@media(max-width:720px){section[id]{scroll-margin-top:64px}.evidence-status{margin-top:-28px}.system-gallery{grid-template-columns:repeat(2,1fr)}}

/* Shared case-study visual language */
body{font-family:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto}h1,h2,h3{font-weight:900}.identity-mark{position:relative;isolation:isolate;border-color:rgba(64,217,255,.62);font-weight:900;animation:markBloom 9s ease-in-out infinite}.identity-mark:before{content:"";position:absolute;inset:-3px;z-index:-2;border-radius:50%;background:conic-gradient(from 30deg,var(--cyan),var(--blue),#e44cff,var(--cyan));opacity:.3;filter:blur(5px);animation:markOrbit 16s linear infinite}.identity-mark:after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:50%;background:#11171e}.topbar nav a{position:relative;padding:27px 0 23px;transition:color .24s ease}.topbar nav a:after{content:"";position:absolute;left:50%;bottom:16px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),#e44cff);transform:translateX(-50%);transition:width .28s cubic-bezier(.2,.75,.25,1)}.topbar nav a.active{color:#fff}.topbar nav a.active:after{width:100%}
.eyebrow{display:inline-flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:skewX(-24deg);opacity:.9;flex:0 0 auto}.hero .eyebrow:before{display:none}.eyebrow span{border-right:0;margin-right:0;padding-right:0}.hero .eyebrow span{display:inline-grid;place-items:center;width:31px;height:25px;border-left:1px solid currentColor;border-right:1px solid currentColor;transform:skewX(-16deg)}.hero .eyebrow span::first-letter{transform:skewX(16deg)}
.evidence-status,.workflow-status{gap:13px;margin-top:-42px}.evidence-status:before,.workflow-status:before{content:"";width:34px;height:1px;background:currentColor;box-shadow:10px -5px 0 -0.25px currentColor;opacity:.72;transform:skewX(-26deg)}.evidence-status span,.workflow-status span{padding:0;border:0;border-radius:0;background:none;color:inherit;letter-spacing:.14em}.workflow-status{margin-top:0}.screen,.legacy-frame,.image-button.framed,.evidence-card,.system-sheet,.prototype-wrap{border-radius:23px}.screen,.legacy-frame,.evidence-card,.system-sheet,.prototype-wrap{overflow:hidden}.image-button.framed{overflow:hidden}.screen{transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;will-change:transform}.screen-output{right:-1%;top:0;transform:rotate(4.2deg)}.screen-system{left:-1%;bottom:4px;transform:rotate(-4.6deg)}.screen-output:hover,.screen-output:focus-visible{transform:rotate(1.7deg) translate(-8px,8px) scale(1.045);box-shadow:0 38px 95px rgba(0,0,0,.58)}.screen-system:hover,.screen-system:focus-visible{transform:rotate(-2deg) translate(10px,-8px) scale(1.045);box-shadow:0 38px 95px rgba(0,0,0,.58)}.screen figcaption{border-radius:12px}.connector{transform:rotate(-7deg);z-index:3}.connector i{border:1px solid rgba(64,217,255,.35);border-radius:3px}
dialog{border-radius:23px;overflow:visible;opacity:0;transform:translateY(12px) scale(.982)}dialog[open]{animation:lightboxIn .22s cubic-bezier(.2,.82,.24,1) forwards}dialog.is-closing{animation:lightboxOut .18s ease-in forwards}dialog img{border-radius:23px}.close{display:block;padding:0;line-height:0}.close:before,.close:after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2px;border-radius:2px;background:#fff;transform-origin:center}.close:before{transform:translate(-50%,-50%) rotate(45deg)}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes markBloom{0%,100%{color:var(--cyan);box-shadow:0 0 0 rgba(64,217,255,0)}35%{color:#84efff;box-shadow:0 0 16px rgba(64,217,255,.22)}68%{color:#ef8cff;box-shadow:0 0 18px rgba(228,76,255,.18)}}@keyframes markOrbit{to{transform:rotate(360deg)}}@keyframes lightboxIn{from{opacity:0;transform:translateY(12px) scale(.982)}to{opacity:1;transform:none}}@keyframes lightboxOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.988)}}
@media(max-width:720px){.screen-output{right:0;transform:rotate(2.6deg)}.screen-system{left:0;transform:rotate(-3deg)}.screen-output:hover,.screen-output:focus-visible{transform:rotate(1.2deg) scale(1.025)}.screen-system:hover,.screen-system:focus-visible{transform:rotate(-1.4deg) scale(1.025)}.evidence-status{margin-top:-28px}}
@media(prefers-reduced-motion:reduce){.identity-mark,.identity-mark:before{animation:none}.screen,.topbar nav a:after{transition:none}dialog[open],dialog.is-closing{animation:none;opacity:1;transform:none}}

/* Numbered chapter markers, restrained title color, and true image overlap */
.identity-mark{animation:markBloomOrganic 14s linear infinite}.identity-mark:before{animation-duration:18s}
@keyframes markBloomOrganic{0%,100%{color:var(--cyan);box-shadow:0 0 10px rgba(64,217,255,.12)}20%{color:#82efff;box-shadow:0 0 17px rgba(64,217,255,.24)}40%{color:#7f96ff;box-shadow:0 0 15px rgba(85,112,255,.2)}60%{color:#e58aff;box-shadow:0 0 18px rgba(228,76,255,.22)}80%{color:#8dcfff;box-shadow:0 0 14px rgba(75,171,255,.2)}}
.section-index{top:34px;gap:14px;opacity:1;font-size:12px;font-weight:800;letter-spacing:.13em}.section-index span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--ink);font-size:11px;font-weight:900;letter-spacing:0;box-shadow:0 8px 22px rgba(0,0,0,.14)}.dark-section .section-index span{background:var(--cyan)}.light-section .section-index span{background:#e44cff}.blue-section .section-index span{background:#fff;color:var(--blue)}.section-index p{opacity:.76}.hero .eyebrow{gap:14px}.hero .eyebrow span{width:38px;height:38px;border:0;border-radius:50%;transform:none;background:var(--cyan);color:var(--ink);box-shadow:0 0 22px rgba(64,217,255,.2);font-size:11px;font-weight:900}.hero .eyebrow span::first-letter{transform:none}
.dark-section h1,.dark-section h2,.blue-section h2{color:#fff;background:linear-gradient(45deg,#fff 0%,#fff 50%,#f6feff 65%,#d8f8ff 80%,#8deaff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.light-section h2{color:var(--ink);background:linear-gradient(45deg,var(--ink) 0%,var(--ink) 52%,#14252b 69%,#0d5365 86%,#1498b8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark-section h1{line-height:1.035;padding-block:.045em .07em}.dark-section h2,.light-section h2,.blue-section h2{line-height:1.06;padding-block:.035em .06em}
.screen img{border-radius:16px}.legacy-frame img,.image-button.framed img{border-radius:16px}.screen-output{width:87%;right:-2%;top:2px;z-index:2;transform:rotate(4deg)}.screen-system{width:84%;left:0;bottom:8px;z-index:1;transform:rotate(-4.2deg)}.screen-output:hover,.screen-output:focus-visible{transform:rotate(1.6deg) translate(-8px,8px) scale(1.035)}.screen-system:hover,.screen-system:focus-visible{transform:rotate(-1.8deg) translate(10px,-8px) scale(1.04)}
@media(max-width:720px){.section-index{top:30px}.section-index span{width:34px;height:34px}.screen-output{width:88%;right:-2%;transform:rotate(2.8deg)}.screen-system{width:86%;left:0;transform:rotate(-3.2deg)}}
@media(prefers-reduced-motion:reduce){.identity-mark,.identity-mark:before{animation:none}}

/* Keep the animated identity ring circular when the mobile header is compressed. */
.identity{flex:0 0 auto}
.identity-mark{flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;aspect-ratio:1/1}

/* Soft surfaces and Section 02 progression */
.summary-grid,.adoption-bar,.responsibility-split{border-radius:12px;overflow:hidden}.proof-strip div,.map-node,.architecture-stack article,.boundary-card{border-radius:12px}
.proof-strip{position:relative;gap:18px;margin-top:58px;padding-top:24px}.proof-strip::before{content:"";position:absolute;left:34px;right:calc(25% - 48px);top:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e44cff 0%,#a866ff 34%,var(--blue) 68%,var(--cyan) 100%);opacity:.72}.proof-strip div{position:relative;padding:28px 20px 20px;border:1px solid rgba(16,21,27,.08);box-shadow:0 12px 30px rgba(16,21,27,.055);transition:transform .28s ease,box-shadow .28s ease}.proof-strip div::before{content:"";position:absolute;left:23px;top:-19px;width:12px;height:12px;border:5px solid var(--paper);border-radius:50%;background:#e44cff;box-shadow:0 0 0 1px rgba(228,76,255,.6)}.proof-strip div:nth-child(2)::before{background:#aa66ff;box-shadow:0 0 0 1px rgba(170,102,255,.6)}.proof-strip div:nth-child(3)::before{background:var(--blue);box-shadow:0 0 0 1px rgba(18,103,242,.55)}.proof-strip div:nth-child(4)::before{background:var(--cyan);box-shadow:0 0 0 1px rgba(64,217,255,.7)}.proof-strip div:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,21,27,.08)}.proof-strip b{display:block;margin-bottom:7px}
@media(max-width:720px){.proof-strip{padding:0 0 0 34px;margin-top:42px;gap:10px}.proof-strip::before{left:10px;right:auto;top:10px;bottom:10px;width:2px;height:auto}.proof-strip div::before,.proof-strip div:nth-child(n)::before{left:-35px;top:50%;transform:translateY(-50%)}.proof-strip div{padding:19px 20px}.proof-strip b{display:inline;margin:0 9px 0 0}}
@media(prefers-reduced-motion:reduce){.proof-strip div{transition:none}}

/* Anchor the roadmap to its milestones rather than the viewport */
.proof-strip::before{content:none}.proof-strip div:not(:last-child)::after{content:"";position:absolute;z-index:0;left:34px;top:-9px;width:calc(100% + 18px);height:2px;border-radius:2px}.proof-strip div:nth-child(1)::after{background:linear-gradient(90deg,#e44cff,#aa66ff)}.proof-strip div:nth-child(2)::after{background:linear-gradient(90deg,#aa66ff,var(--blue))}.proof-strip div:nth-child(3)::after{background:linear-gradient(90deg,var(--blue),var(--cyan))}.proof-strip div::before{z-index:1}.proof-strip b{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.16em}.proof-strip div:nth-child(1) b{color:#d835f0}.proof-strip div:nth-child(2) b{color:#8d54e8}.proof-strip div:nth-child(3) b{color:var(--blue)}.proof-strip div:nth-child(4) b{color:#079cbd}
@media(max-width:720px){.proof-strip::before{content:""}.proof-strip div:not(:last-child)::after{display:none}.proof-strip b{font-size:10px}}

/* Centered milestones with a quiet sonar hover */
.proof-strip::before{content:"";left:0;right:0;top:10px;width:auto;height:2px;background:linear-gradient(90deg,rgba(228,76,255,0) 0%,#e44cff 10%,#aa66ff 36%,var(--blue) 66%,var(--cyan) 90%,rgba(64,217,255,0) 100%);opacity:.78}.proof-strip div:not(:last-child)::after{display:none}.proof-strip div::before,.proof-strip div:nth-child(n)::before{left:calc(50% - 11px)}.proof-strip div:nth-child(1){--milestone-rgb:228,76,255}.proof-strip div:nth-child(2){--milestone-rgb:170,102,255}.proof-strip div:nth-child(3){--milestone-rgb:18,103,242}.proof-strip div:nth-child(4){--milestone-rgb:64,217,255}.proof-strip div:hover::before{animation:milestoneSonar 1.45s ease-out infinite}@keyframes milestoneSonar{0%{box-shadow:0 0 0 1px rgba(var(--milestone-rgb),.68),0 0 0 0 rgba(var(--milestone-rgb),.34)}72%{box-shadow:0 0 0 1px rgba(var(--milestone-rgb),.5),0 0 0 13px rgba(var(--milestone-rgb),0)}100%{box-shadow:0 0 0 1px rgba(var(--milestone-rgb),.6),0 0 0 13px rgba(var(--milestone-rgb),0)}}
@media(max-width:720px){.proof-strip::before{left:10px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,rgba(228,76,255,0) 0%,#e44cff 10%,#aa66ff 36%,var(--blue) 66%,var(--cyan) 90%,rgba(64,217,255,0) 100%)}.proof-strip div::before,.proof-strip div:nth-child(n)::before{left:-35px}.proof-strip b{display:block;margin:0 0 7px}}
@media(prefers-reduced-motion:reduce){.proof-strip div:hover::before{animation:none}}

/* Section 03 — full-width editorial heading and clear provenance */
.evidence-section .section-heading{display:block;margin-bottom:32px}.evidence-section .section-heading h2{max-width:1320px}.evidence-section .section-heading>p:last-child{max-width:900px;margin:28px 0 0;font-size:22px;line-height:1.5}.evidence-section .evidence-status{width:max-content;max-width:100%;margin:0 auto 34px;padding:13px 16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(64,217,255,.2);border-radius:12px;background:rgba(255,255,255,.035);color:#c0c8d1;font-size:13px}.evidence-section .evidence-status::before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(64,217,255,.34)}.evidence-section .evidence-status span{padding-right:14px;border-right:1px solid rgba(255,255,255,.16);color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.evidence-section .evidence-status strong{font-size:13px;font-weight:650;letter-spacing:.01em}
@media(max-width:720px){.evidence-section .section-heading>p:last-child{font-size:18px}.evidence-section .evidence-status{width:100%;align-items:flex-start}.evidence-section .evidence-status span{flex:0 0 auto}}

/* Section 03 centered heading study */
.evidence-section .section-heading{text-align:center}.evidence-section .section-heading h2{margin-left:auto;margin-right:auto}.evidence-section .section-heading>p:last-child{margin-left:auto;margin-right:auto}.evidence-section .evidence-status::before{display:none}

/* Section 04 — one cohesive image caption */
.diagnosis .legacy-frame figcaption{display:block;padding:16px 18px 18px;text-align:left;border-top:1px solid rgba(16,21,27,.08);background:#fff}.diagnosis .legacy-frame figcaption span{display:block;margin:0 0 5px;color:var(--blue);font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.diagnosis .legacy-frame figcaption b{display:block;color:var(--ink);font-size:15px;font-weight:750;line-height:1.35;letter-spacing:-.01em}

/* Sections 05–06 — quiet transition accents */
.pattern-section::before{display:none}.architecture-stack{position:relative;display:grid;gap:0;padding:4px 0}.architecture-stack article{position:relative;background:var(--ink2)}.architecture-stack>.journey-label{position:relative;display:flex;width:50%;height:68px;margin:0 auto;padding:0;align-items:center;justify-content:center;gap:14px;background:transparent;color:var(--cyan);font-size:10px;font-weight:900;font-style:normal;line-height:1;letter-spacing:.18em;text-align:center;text-transform:uppercase}.architecture-stack>.journey-label::before,.architecture-stack>.journey-label::after{content:"";height:1px;flex:1;opacity:.76}.architecture-stack>.journey-label::before{background:linear-gradient(90deg,rgba(64,217,255,0),rgba(64,217,255,.92))}.architecture-stack>.journey-label::after{background:linear-gradient(90deg,rgba(64,217,255,.92),rgba(64,217,255,0))}
@media(max-width:720px){.architecture-stack>.journey-label{width:50%;height:58px;gap:10px;font-size:9px}}

/* Section 07 — unified provenance, a roomier third step, and shared image motion */
.workflow .workflow-status{width:max-content;max-width:100%;margin:0 auto 54px;padding:13px 16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(18,103,242,.17);border-radius:12px;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(16,21,27,.06);color:#5b6570;font-size:13px}.workflow .workflow-status::before{display:none}.workflow .workflow-status span{flex:0 0 auto;padding:0 14px 0 0;border:0;border-right:1px solid rgba(16,21,27,.14);border-radius:0;color:var(--blue);font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.workflow .workflow-status strong{font-size:13px;font-weight:650;line-height:1.35;letter-spacing:.01em}.workflow-step.explanation-step{grid-template-columns:.72fr 1.28fr}.explanation-step .step-copy{position:relative;z-index:3}.explanation-step .step-copy h2{white-space:nowrap}.explanation-step .image-pair{position:relative;display:block;min-height:clamp(330px,34vw,440px)}.explanation-step .image-button{position:absolute;width:72%;transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;will-change:transform}.explanation-step .image-button:first-child{left:0;top:7%;z-index:1;transform:rotate(-2.4deg)}.explanation-step .image-button:last-child{right:0;bottom:7%;z-index:2;transform:rotate(2.4deg)}.explanation-step .image-button:first-child:hover,.explanation-step .image-button:first-child:focus-visible{z-index:4;transform:rotate(-.8deg) translateY(-7px) scale(1.025);box-shadow:0 30px 75px rgba(16,21,27,.23)}.explanation-step .image-button:last-child:hover,.explanation-step .image-button:last-child:focus-visible{z-index:4;transform:rotate(.8deg) translateY(-7px) scale(1.025);box-shadow:0 30px 75px rgba(16,21,27,.23)}
.image-button,.legacy-frame,.system-sheet{transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;will-change:transform}.image-button:not(.explanation-step .image-button):hover,.image-button:not(.explanation-step .image-button):focus-visible,.legacy-frame:hover,.legacy-frame:focus-visible{transform:translateY(-7px) rotate(-.35deg) scale(1.018);box-shadow:0 30px 75px rgba(16,21,27,.22)}.evidence-card .image-button:hover,.evidence-card .image-button:focus-visible{transform:scale(1.025) rotate(-.25deg)}.system-sheet:not(.cover):not(:nth-child(3)):hover,.system-sheet:not(.cover):not(:nth-child(3)):focus-visible{transform:translateY(-7px) rotate(-.4deg) scale(1.02);box-shadow:0 30px 72px rgba(0,0,0,.28)}.system-sheet.cover:hover,.system-sheet.cover:focus-visible{transform:translateY(-33px) rotate(-.4deg) scale(1.02);box-shadow:0 30px 72px rgba(0,0,0,.28)}.system-sheet:nth-child(3):hover,.system-sheet:nth-child(3):focus-visible{transform:translateY(-20px) rotate(.4deg) scale(1.02);box-shadow:0 30px 72px rgba(0,0,0,.28)}
@media(max-width:1050px){.workflow-step.explanation-step{grid-template-columns:1fr}.explanation-step .step-copy h2{white-space:normal}.explanation-step .image-pair{min-height:clamp(300px,56vw,480px)}}
@media(max-width:720px){.workflow .workflow-status{width:100%;align-items:flex-start;margin-bottom:42px}.workflow .workflow-status strong{font-size:12px}.explanation-step .image-pair{min-height:340px}.explanation-step .image-button{width:86%}.explanation-step .image-button:first-child{top:4%}.explanation-step .image-button:last-child{bottom:4%}}
@media(prefers-reduced-motion:reduce){.image-button,.legacy-frame,.system-sheet{transition:none}.explanation-step .image-button:first-child:hover,.explanation-step .image-button:first-child:focus-visible{transform:rotate(-2.4deg)}.explanation-step .image-button:last-child:hover,.explanation-step .image-button:last-child:focus-visible{transform:rotate(2.4deg)}}

/* Section 08 — centered foundation story and consistent artifact captions */
.foundation-heading{display:block;text-align:center}.foundation-heading h2{max-width:1120px;margin-left:auto;margin-right:auto}.foundation-heading>p:last-child{max-width:860px;margin:28px auto 0;font-size:21px;line-height:1.5}.system-sheet figcaption{min-height:58px;padding:10px 12px;display:flex;align-items:center;border-radius:12px;line-height:1.35}.adoption-bar div:first-child{padding-left:22px}
@media(max-width:720px){.foundation-heading>p:last-child{margin-top:22px;font-size:18px}.system-sheet figcaption{min-height:52px;padding:9px 10px}.adoption-bar div:first-child{padding-left:0}}

/* Section 03 — move the interaction from the clipped image to its complete evidence frame */
.evidence-card{position:relative;transition:opacity .7s ease,transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;will-change:transform}.evidence-card:hover,.evidence-card:focus-within{z-index:2;transform:translateY(-7px) rotate(-.28deg) scale(1.012);box-shadow:0 34px 82px rgba(0,0,0,.34)}.evidence-card:nth-child(2):hover,.evidence-card:nth-child(2):focus-within{transform:translateY(-7px) rotate(.28deg) scale(1.012)}.evidence-card .image-button:hover,.evidence-card .image-button:focus-visible{transform:none}
@media(prefers-reduced-motion:reduce){.evidence-card{transition:none}.evidence-card:hover,.evidence-card:focus-within,.evidence-card:nth-child(2):hover,.evidence-card:nth-child(2):focus-within{transform:none}}

/* Section 09 — preserve the prototype's intended desktop proportions */
.judgment-grid{grid-template-columns:.6fr 1.4fr;gap:70px}.prototype-wrap iframe{height:820px}
@media(max-width:1500px){.judgment-grid{grid-template-columns:1fr}.prototype-wrap iframe{height:820px}}
@media(max-width:720px){.prototype-wrap iframe{height:640px}}

/* Editorial depth — deliberately restrained so evidence remains the focus */
.parallax-layer{translate:0 var(--parallax-y,0);will-change:translate}
@media(max-width:720px){.parallax-layer{translate:none}}
@media(prefers-reduced-motion:reduce){.parallax-layer{translate:none;will-change:auto}}

/* One-link sharing: keep the concise companion available beside the live story */
.topbar-actions{display:flex;align-items:center;gap:30px}.pdf-download{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(64,217,255,.42);border-radius:999px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.13em;transition:border-color .22s ease,background .22s ease,color .22s ease}.pdf-download span{color:var(--cyan);font-size:13px}.pdf-download:hover,.pdf-download:focus-visible{border-color:var(--cyan);background:rgba(64,217,255,.1);color:var(--cyan)}
@media(max-width:720px){.topbar-actions{gap:0}.pdf-download{padding:7px 11px}footer a:first-of-type{order:3}}