.js .reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(10px)}.reveal.active{opacity:1;transform:none}.sys-hero{z-index:2;padding-top:5rem;padding-bottom:3rem;position:relative}.hero-grid{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:4rem}}.sys-title{letter-spacing:-.065em;color:var(--ink);margin:1rem 0;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.96}.sys-subtitle{color:var(--text-2);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:300;line-height:1.6}.narrative-text p{color:var(--muted);margin-top:1.6rem;margin-bottom:1rem;font-size:1.05rem;line-height:1.65}.hero-tags{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}.profile-card{width:100%}.profile-heading{font:700 .72rem var(--font-sans);color:var(--muted);margin:0 0 1.2rem}.profile-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.profile-fact b{color:var(--muted);font:500 .68rem var(--font-sans);margin-bottom:.25rem;display:block}.profile-fact span{color:var(--ink);font-size:.88rem;font-weight:500}.sys-card{background:var(--surface);transform-style:preserve-3d;will-change:transform;--tilt-x:0deg;--tilt-y:0deg;--mx:50%;--my:0%;border:1px solid #94a3b829;border-radius:1.35rem;transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .65s cubic-bezier(.16,1,.3,1),background .45s;position:relative;overflow:hidden}.sys-card:hover:after{opacity:.85}@media (pointer:fine) and (width>=1024px){.sys-card,.sys-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift,0px)) scale(var(--card-scale,1))}.sys-card:hover{--lift:-4px}}.sys-card-inner{z-index:1;padding:clamp(1.25rem,3vw,2.25rem);position:relative}.sys-glass-bar{z-index:40;backdrop-filter:saturate(180%)blur(30px);white-space:nowrap;background:#02050a9e;border-bottom:1px solid #94a3b821;padding:.75rem 1rem;position:sticky;top:58px;overflow-x:auto}.sys-glass-bar::-webkit-scrollbar{display:none}.chapter-list-mobile{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.chapter-list-mobile .ch-link{color:var(--muted);font:.8rem var(--font-mono);border-radius:6px;padding:.3rem .6rem;transition:color .2s,background-color .2s,border-color .2s}.chapter-list-mobile .ch-link[aria-current=page]{color:var(--ink);background:#7dd3fc26;border:1px solid #7dd3fc40}.sys-body{z-index:2;flex-direction:column;gap:4rem;padding-top:2rem;padding-bottom:6rem;display:flex;position:relative}.rail-wrapper{display:none}@media (width>=1024px){.sys-body{flex-direction:row}.sys-lg-hidden{display:none!important}.rail-wrapper{flex-shrink:0;width:220px;display:block}.story-rail{max-height:calc(100vh - 140px);position:sticky;top:120px;overflow-y:auto}}.rail-label{font:.7rem var(--font-sans);color:var(--blue);margin-bottom:1.5rem}.rail-track{border-left:1px solid #94a3b829;padding-left:1.25rem;position:relative}.rail-list{flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.rail-list .ch-link{color:var(--muted);font-size:.9rem;font-weight:500;transition:color .3s,transform .3s,text-shadow .3s;display:block;position:relative}.rail-list .ch-link:hover{color:var(--ink);transform:translate(5px)}.rail-list .ch-link[aria-current=page]{color:var(--ink);transform:translate(8px)}.rail-list .ch-link:before{content:"";background:var(--blue);width:3px;height:20px;transition:transform .25s var(--ease);border-radius:4px;position:absolute;top:50%;left:-1.25rem;transform:translateY(-50%)scaleY(0)}.rail-list .ch-link[aria-current=page]:before{transform:translateY(-50%)scaleY(1)}.story-main{flex:1;max-width:720px}.chapter{margin-bottom:8rem;scroll-margin-top:140px}.ch-kicker{font:.9rem var(--font-sans);color:var(--blue);margin:0 0 1.2rem}.ch-heading{color:var(--ink);margin:0 0 2rem;font-size:1.8rem;font-weight:600;line-height:1.3}.chapter p{color:var(--muted);margin-bottom:1.25rem;font-size:1.05rem;font-weight:300;line-height:1.7}.chapter code{color:var(--green);font:.88rem var(--font-mono);background:#39ff8814;border:1px solid #39ff8824;border-radius:.45rem;padding:.1rem .35rem}.callout-block{color:var(--text);margin:2rem 0;padding:0 0 0 1.5rem;font-size:1.1rem;font-weight:500}.ba-grid{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=640px){.ba-grid{flex-direction:row}}.ba-col{background:#02060e52;border:1px solid #94a3b81f;border-radius:12px;flex:1;padding:1.5rem}.ba-after{background:#7dd3fc0f;border-color:#7dd3fc40}.ba-label{font:700 .72rem var(--font-sans);color:var(--muted);margin-bottom:.9rem}.ba-label-accent{color:var(--blue)}.ba-col ul{margin:0;padding:0;list-style:none}.ba-col li{color:var(--text-2);margin-bottom:.55rem;font-size:.9rem}.ba-after li{color:var(--ink)}.ba-arrow{color:var(--blue);font-size:1.5rem}@media (width<=639px){.ba-arrow{transform:rotate(90deg)}}.arch-intro{color:var(--ink);margin-bottom:1rem}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.flow-row{flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (width>=768px){.flow-row{flex-flow:wrap;justify-content:center;gap:1rem}}.flow-node{text-align:center;background:#02060e52;border:1px solid #94a3b81f;border-radius:12px;flex:1;min-width:100px;padding:1rem 1.2rem}.flow-node h4{font:700 .68rem var(--font-mono);color:var(--blue);margin:0 0 .5rem}.flow-node span{color:var(--ink);font-size:.85rem}.flow-highlight{background:#7dd3fc0f;border-color:#7dd3fc59}.flow-sep{color:var(--blue);font-size:1.2rem}@media (width<=767px){.flow-sep{transform:rotate(90deg)}}.schema-row{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem;display:grid}@media (width>=640px){.schema-row{grid-template-columns:1fr 1fr}}.schema-title{font:700 .72rem var(--font-mono);color:var(--muted);border-bottom:1px solid #94a3b81f;margin:0 0 1rem;padding-bottom:.75rem}.sys-card pre{font:.82rem/1.7 var(--font-mono);color:var(--green);margin:0}.pipeline{flex-direction:column;align-items:center;gap:.4rem;display:flex}.pipe-node{font:700 .8rem var(--font-mono);color:var(--ink);background:#02060e52;border:1px solid #94a3b81f;border-radius:10px;padding:.75rem 1.5rem}.pipe-accent{color:var(--blue);background:#7dd3fc14;border-color:#7dd3fc59}.pipe-sep{color:var(--blue);font-size:1.1rem}.layer-stack{text-align:center;flex-direction:column;gap:1.2rem;display:flex}.layer-box{background:#02060e52;border:1px solid #94a3b81f;border-radius:12px;padding:2rem}.layer-identity{background:#7dd3fc0d;border-color:#7dd3fc4d}.layer-box h4{font:700 .82rem var(--font-mono);color:var(--blue);margin:0 0 .6rem}.layer-box p{color:var(--ink);margin:0;font-size:.92rem}.layer-content h4{color:var(--muted)}.layer-content p{color:var(--text-2)}.layer-sep{color:var(--blue);font-size:1.5rem}.challenge-stack{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.challenge-title{color:var(--ink);margin:0 0 1.2rem;font-size:1.15rem;font-weight:600}.pdr-grid{border-top:1px solid #94a3b81a;grid-template-columns:80px 1fr;gap:.75rem 1rem;margin-top:1rem;padding-top:1rem;display:grid}.pdr-label{font:700 .72rem var(--font-sans);color:var(--blue)}.pdr-decision{color:var(--green)}.pdr-value{color:var(--text-2);font-size:.92rem;line-height:1.55}.trust-row{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=640px){.trust-row{grid-template-columns:1fr 1fr}}.trust-title{font:700 .76rem var(--font-mono);margin:0 0 1rem}.trust-exists{color:var(--blue)}.trust-absent{color:var(--muted)}.trust-list{margin:0;padding:0;list-style:none}.trust-list li{color:var(--text-2);margin-bottom:.55rem;font-size:.92rem}@media (width<=900px){.sys-card:hover{transform:none}.sys-cursor-field,.sys-cursor-dot{display:none}}@media (prefers-reduced-motion:reduce){.sys-cursor-field,.sys-cursor-dot{display:none}.reveal{opacity:1;transition:none;transform:none}}.pdr-result{color:var(--accent)}.migration-log{border-left:1px solid #94a3b829;flex-direction:column;gap:1rem;margin-top:2rem;padding-left:1.25rem;display:flex}.migration-log .sys-card{border-radius:1rem}.migration-entry-head{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:.55rem;display:flex}.migration-date{font:500 .72rem var(--font-mono);color:var(--muted)}.migration-sha{font:500 .72rem var(--font-mono);color:var(--blue);border-bottom:1px dashed #7dd3fc4d;text-decoration:none;transition:color .2s}.migration-sha:hover{color:var(--ink)}.migration-title{color:var(--ink);margin-bottom:.35rem;font-size:.92rem;font-weight:600;display:block}.migration-why{color:var(--muted);font-size:.85rem;line-height:1.5}.dir-tree{font:.82rem/1.8 var(--font-mono);color:var(--green);white-space:pre;background:0 0;border:none;margin:0;padding:0}.evidence-link{font:500 .78rem var(--font-mono);color:var(--blue);border-bottom:1px dashed #7dd3fc4d;align-items:center;gap:.4rem;margin-top:1.5rem;transition:color .2s;display:inline-flex}.evidence-link:hover{color:var(--ink)}.perm-list{margin:.5rem 0 0;padding:0;list-style:none}.perm-list li{font:.82rem/1.7 var(--font-mono);color:var(--green);padding:.15rem 0}.principle-card{text-align:center;padding:clamp(2rem,5vw,4rem)}.principle-title{font:700 .76rem var(--font-mono);color:var(--blue);margin:0 0 1.5rem}.principle-heading{color:var(--ink);letter-spacing:-.04em;margin:0 0 2rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.15}.principle-body p{color:var(--muted);margin-bottom:.75rem;font-size:1.05rem;font-weight:300;line-height:1.7}.principle-rules{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.principle-rules p{color:var(--text-2);margin:0;font-size:1.05rem;font-weight:500}.ch-sub{font:700 .76rem var(--font-sans);color:var(--blue);margin:4rem 0 1.5rem}.transform-grid{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (width>=640px){.transform-grid{flex-direction:row}}.transform-col{background:#02060e52;border:1px solid #94a3b81f;border-radius:12px;flex:1;padding:1.5rem}.transform-col ul{margin:0;padding:0;list-style:none}.transform-col li{color:var(--text-2);margin-bottom:.5rem;font-size:.88rem}.transform-label{font:700 .72rem var(--font-sans);color:var(--muted);margin-bottom:.9rem}.transform-label-accent{color:var(--blue)}.transform-accent{background:#7dd3fc0f;border-color:#7dd3fc40}.transform-accent li{color:var(--ink)}.sys-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;backdrop-filter:none!important;transition:border-color .2s!important;transform:none!important}.sys-card:hover{border-color:var(--line-strong)!important}.sys-card:before,.sys-card:after{display:none!important}.sys-glass-bar{backdrop-filter:blur(12px);background:#07090ce6;top:3.6rem}.chapter-list-mobile .ch-link[aria-current=page]{box-shadow:none;background:var(--surface-2);border-color:var(--line-strong)}.sys-title{letter-spacing:-.045em;font-weight:680}