:root{color-scheme:dark;--bg:#09121d;--surface:#101f2d;--elevated:#162838;--line:#2b4152;--text:#eaf3f8;--muted:#a6bacb;--mint:#72dfbf;--gold:#ebc878;--blue:#8bc6ef;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{opacity:.5;cursor:default}.skip{position:absolute;left:16px;top:-90px;background:var(--mint);color:#08271e;padding:12px;z-index:20}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#0b1722ed;backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{border-radius:10px}.brand span{font-size:16px;font-weight:750;letter-spacing:-.035em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.02em;font-weight:500}.brand+nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.brand+nav a{font-size:12px;color:var(--muted);white-space:nowrap}.brand+nav a:hover,.text-link:hover{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 17px;border:1px solid #3a5264;border-radius:10px;background:#152a38;font-size:13px;font-weight:650;white-space:nowrap}.button:hover{background:#203a49;border-color:#58798a}.button.primary{color:#0b2e25;background:var(--mint);border-color:var(--mint)}.button.primary:hover{background:#91ead0}.button.compact{font-size:12px;min-height:40px;padding:9px 14px}.text-link{font-size:13px;color:var(--mint);font-weight:600}main{max-width:1240px;margin:auto;padding:0 28px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:var(--mint);margin:0 0 16px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:78px 0 60px;position:relative}.hero:before{content:"";pointer-events:none;position:absolute;inset:0 -28px;background:radial-gradient(ellipse at 65% 15%,#15483e45,transparent 65%);z-index:-1}h1{font-size:clamp(38px,4.5vw,63px);line-height:1.1;letter-spacing:-.055em;margin:0 0 25px;font-weight:760}h1 span{color:var(--mint)}.intro{max-width:555px;font-size:16px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.snapshot{font-size:11px;color:#93abbb;margin:23px 0 0}.runtime-panel{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:linear-gradient(145deg,#152c3a,#0f1e2a);box-shadow:0 24px 70px #0003}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-title .eyebrow{margin:0}.static-tag{font-size:8px;border:1px solid #426078;border-radius:5px;padding:3px 6px;color:#b6c9d7;letter-spacing:.08em;white-space:nowrap}.runtime-item{padding:21px 0;border-bottom:1px solid #2e4555}.runtime-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.runtime-top strong{font-size:19px;letter-spacing:-.03em}.runtime-dot{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--mint)}.runtime-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}.runtime-item p{font-size:12px;color:var(--muted);margin:7px 0}.runtime-item code{font:10px/1.5 ui-monospace,monospace;color:#86a6bd;overflow-wrap:anywhere}.runtime-item details summary{color:#a4bfd0;font-size:10px}.panel-foot{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.principle-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:26px 0;border-block:1px solid var(--line)}.principle-strip>div{display:flex;gap:15px;align-items:flex-start}.number{font-size:11px;color:#739084;line-height:2}.principle-strip p{margin:0}.principle-strip strong{display:block;font-size:13px}.principle-strip small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.section{padding:65px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head .eyebrow{margin-bottom:8px}h2{font-size:32px;letter-spacing:-.04em;line-height:1.25;margin:0}h3{letter-spacing:-.02em;line-height:1.4}.section-note{font-size:12px;color:var(--muted);max-width:360px;margin:0}.view-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:7px;border-radius:12px;border:1px solid var(--line);background:#0b1723}.view-tabs button{flex:1;min-height:45px;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.view-tabs button[aria-selected=true]{background:#1b3d35;border-color:#3f6b5d;color:#b1f4df}.map-head{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-top:25px}.map-head h3{font-size:18px;margin:0 0 7px}.map-head p{font-size:12px;color:var(--muted);max-width:840px;margin:0}.map-head>a{font-size:11px;color:var(--mint);white-space:nowrap}.map-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:10px;color:#98afbd;margin:20px 0 10px}.map-legend>span{display:flex;align-items:center;gap:7px}.line{width:24px;height:0;border-top:1px solid #5eaf99}.line.dashed{border-top:1px dashed var(--gold)}.mobile-hint{display:none!important}.map-shell{position:relative;background-image:radial-gradient(#314354 1px,transparent 1px);background-size:22px 22px;border:1px solid #253b4d;border-radius:var(--radius);padding:34px 25px;isolation:isolate}.map-shell:before{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(#0d1d2a77,#0b172255);z-index:-1}#connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.edge{fill:none;stroke:#5eaf99;stroke-width:1.5;opacity:.68}.edge.gate{stroke:var(--gold);stroke-dasharray:5 5;opacity:.8}.map-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:42px}.map-row:first-child{margin-top:0}.map-row[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;margin-inline:auto}.map-node{text-align:left;border:1px solid #3a5264;background:#122534;border-radius:12px;padding:17px 18px;box-shadow:0 5px 16px #0003;color:var(--text);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:7px}.map-node:hover{transform:translateY(-2px);border-color:var(--mint);background:#183442}.map-node strong{font-size:15px;line-height:1.35;letter-spacing:-.025em}.map-node>span:not(.badge){font-size:11px;color:#aec4d3;line-height:1.5}.badge{display:inline-block;width:fit-content;font-size:9px;font-weight:650;line-height:1.45;padding:4px 7px;border-radius:5px;background:#243746;color:#c0d1de;white-space:normal}.badge[data-status=verified]{background:#1e4338;color:#9ae9ce}.badge[data-status=canary]{background:#4a3c23;color:#f0d29a}.badge[data-status=blocked]{background:#4a2d2d;color:#efb7ad}.badge[data-status=partial]{background:#3d3a2a;color:#e7d294}.badge[data-status=source]{background:#203b50;color:#acd7f5}.badge[data-status=research]{background:#38334e;color:#cfc2ee}.map-caption{color:var(--muted);font-size:11px;margin-top:15px}.catalog-toolbar{display:flex;gap:14px;align-items:center;margin-bottom:18px}.search{flex:1}.status-filter{min-width:210px}input,select{width:100%;color:var(--text);background:#102230;border:1px solid #385266;border-radius:9px;padding:11px 13px;min-height:46px;font-size:13px}.catalog-toolbar>span{font-size:11px;color:var(--muted);white-space:nowrap}.module-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:flex;flex-direction:column;align-items:start;gap:13px;text-align:left;padding:21px;background:#10202d;border:1px solid #2b4354;border-radius:12px;color:var(--text)}.module-card:hover{border-color:#5b8e82;background:#142b36}.module-card strong{font-size:15px;line-height:1.35}.module-card p{font-size:12px;color:var(--muted);margin:0}.module-card small{font-size:10px;color:#81a293;margin-top:auto}.flow-list{display:grid;gap:13px}.flow{background:#10212d;border:1px solid #2a4355;border-radius:12px;padding:0 23px}.flow>summary{min-height:70px;display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.flow>summary::-webkit-details-marker{display:none}.flow>summary:after{content:"+";margin-left:auto;font-size:23px;color:var(--mint)}.flow[open]>summary:after{content:"−"}.flow-num{color:#72998c;font-size:11px}.flow strong{font-size:15px}.flow ol{display:flex;flex-wrap:wrap;gap:12px 20px;counter-reset:flow;list-style:none;margin:0;padding:0 0 17px}.flow li{counter-increment:flow;flex:1 1 200px;border-top:1px solid #355360;padding-top:12px;font-size:12px;color:#d3e0e9}.flow li:before{content:counter(flow,decimal-leading-zero);display:block;font-size:9px;color:var(--mint);margin-bottom:6px}.flow>p{font-size:11px;color:var(--muted);margin:0 0 22px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store{padding:24px;background:#10212d;border:1px solid #2c4557;border-radius:12px}.store h3{font-size:15px;margin:0 0 10px}.store .technology{font-size:10px;color:var(--mint);margin:0 0 14px}.store p{font-size:12px;color:var(--muted)}.store small{display:block;font-size:10px;padding-top:15px;border-top:1px solid #2b4252;color:#829cac}.contracts-head{display:flex;gap:35px;align-items:center;margin:38px 0 16px}.contracts-head h3{font-size:20px;margin:0}.contracts-head p{font-size:12px;color:var(--muted);max-width:500px;margin:0}.contracts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.contract{padding:18px 0;border-top:1px solid #2b4354}.contract h4{font-size:13px;margin:0 0 7px}.contract p{font-size:12px;color:var(--muted);margin:0}.evidence-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:50px}.evidence-layout h3{font-size:17px;margin:0 0 16px}.flag{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid #2b4354}.flag strong{font-weight:550;color:var(--gold);white-space:nowrap}.flag:first-child strong{color:var(--mint)}.evidence-method{font-size:11px;margin-top:25px;color:var(--muted)}summary{cursor:pointer;min-height:30px}.evidence-method li{overflow-wrap:anywhere;font:10px/1.8 ui-monospace,monospace}.risk{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #2a4052}.risk:first-child{padding-top:0}.risk .priority{color:var(--gold);font-size:11px;font-weight:650;line-height:2}.risk h3{font-size:14px;margin:0 0 7px}.risk p{font-size:12px;color:var(--muted);margin:0}.closing{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0}.closing h2{font-size:31px}.closing p:not(.eyebrow){font-size:12px;color:var(--muted)}.workspace-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.workspace-links a{border:1px solid #324e60;padding:15px 16px;background:#132837;border-radius:9px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.workspace-links a:hover{border-color:var(--mint)}footer{max-width:1184px;margin:auto;border-top:1px solid #2b4354;padding:27px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8fa6b8}dialog{max-width:620px;width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#122635;color:var(--text);border:1px solid #46677d;border-radius:20px;padding:27px;box-shadow:0 40px 120px #0008}dialog::backdrop{background:#030912bb;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head .eyebrow{margin:0;font-size:9px}.icon-button{background:#20394b;border:1px solid #45657a;color:var(--text);border-radius:9px;min-width:44px;min-height:44px;font-size:23px}dialog h2{font-size:29px;margin:20px 0 14px}dialog>.badge{font-size:10px}dialog p{font-size:14px;color:var(--muted)}dialog .detail-short{font-size:17px;color:var(--text);line-height:1.5;margin-top:24px}dialog details{border-top:1px solid #375268;border-bottom:1px solid #375268;padding:15px 0;margin-top:23px;font-size:12px}dialog code{font-size:11px;overflow-wrap:anywhere;display:block;color:#acc6d9;margin-top:10px}dialog .detail-note{font-size:11px;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1080px){header{gap:15px;padding:16px 25px}.brand+nav{gap:14px}.brand+nav a{font-size:11px}.hero{gap:35px}.view-tabs button{flex-basis:25%}.module-list,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-row{gap:20px}.map-node{padding:14px;min-height:142px}.map-node strong{font-size:13px}.map-node>span:not(.badge){font-size:10px}footer{margin-inline:28px}}
@media(max-width:760px){html{scroll-padding-top:90px}header{padding:14px 20px;gap:12px}.brand span{font-size:14px}.brand small{font-size:8px}.brand img{width:34px;height:34px}.brand+nav{display:none}header .button{font-size:10px;min-height:40px;padding:8px 10px}main{padding-inline:20px}.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:32px}h1{font-size:44px;max-width:500px}.intro{font-size:14px}.hero-actions{gap:17px}.snapshot{font-size:10px}.runtime-panel{padding:21px}.principle-strip{grid-template-columns:1fr;gap:21px}.principle-strip strong{font-size:13px}.principle-strip small{font-size:12px}.section{padding:40px 0}.section-head{align-items:start;margin-bottom:22px;gap:15px;flex-wrap:wrap}h2{font-size:27px}.section-note{max-width:none;font-size:12px}.view-tabs{gap:5px}.view-tabs button{font-size:11px;flex-basis:40%;min-height:44px}.map-head{display:block}.map-head h3{font-size:17px}.map-head p{font-size:12px}.map-head>a{display:inline-block;margin-top:12px;min-height:35px}.map-legend{gap:10px 17px}.mobile-hint{display:flex!important;flex-basis:100%;font-size:10px}#connections{display:none}.map-shell{padding:18px 14px}.map-row,.map-row[data-count="2"]{grid-template-columns:1fr;gap:12px;margin-top:22px;position:relative}.map-row:not(:first-child):before{content:"↓ LỚP TIẾP THEO";display:block;color:#81b6a4;font-size:9px;letter-spacing:.12em}.map-node{min-height:110px;padding:17px}.map-node strong{font-size:15px}.map-node>span:not(.badge){font-size:12px}.badge{font-size:10px}.catalog-toolbar{flex-wrap:wrap;gap:11px}.search{flex-basis:100%}.status-filter{flex:1;min-width:0}.catalog-toolbar>span{font-size:10px}input,select{font-size:16px;min-height:46px}.module-list,.store-grid{grid-template-columns:1fr}.module-card{padding:20px}.module-card p{font-size:13px}.module-card small{font-size:11px}.flow{padding-inline:18px}.flow strong{font-size:14px}.flow li{flex-basis:100%;font-size:13px}.flow>p{font-size:12px}.store p{font-size:13px}.store small{font-size:11px}.contracts-head{display:block;margin-top:29px}.contracts-head h3{margin-bottom:8px}.contracts{grid-template-columns:1fr}.contract p{font-size:13px}.evidence-layout{grid-template-columns:1fr;gap:35px}.flag{font-size:12px}.risk{grid-template-columns:48px 1fr;gap:10px}.risk p{font-size:13px}.closing{grid-template-columns:1fr;gap:23px;padding:40px 0}.closing h2{font-size:27px}.workspace-links{gap:10px}.workspace-links a{padding:13px;font-size:11px;min-height:50px}footer{margin-inline:20px;flex-wrap:wrap;padding-bottom:30px;font-size:10px}dialog{padding:22px}dialog h2{font-size:25px}}
@media(max-width:380px){h1{font-size:39px}.hero-actions{align-items:start;flex-direction:column}.brand small{max-width:150px}.brand img{width:30px;height:30px}.button.compact{font-size:9px}.section-head>.button{min-height:42px}.view-tabs button{font-size:10px}.runtime-top strong{font-size:17px}.runtime-dot{font-size:10px}.panel-title{flex-wrap:wrap}.workspace-links{grid-template-columns:1fr}}
/* Match the mobile main gutter so the decorative glow cannot add horizontal scroll. */
@media(max-width:760px){.hero:before{inset-inline:-20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}
@media print{header,.hero-actions,.section-head>a,.catalog-toolbar,.view-tabs,.map-head>a,.workspace-links,footer{display:none!important}body{background:#fff;color:#111;font-size:11pt}.hero,.closing,.evidence-layout{display:block}.hero{padding:10px 0}.hero h1{font-size:30pt}.runtime-panel,.map-node,.module-card,.store,.flow{background:#fff;color:#111;box-shadow:none;border-color:#bbb;break-inside:avoid}.intro,.module-card p,.store p,.risk p,.contract p,.runtime-item p{color:#333}.section{padding:20px 0}dialog{display:none}.map-row{gap:12px}.map-node>span:not(.badge){color:#333}.map-shell{background:none}#connections{opacity:.5}.badge{background:#eee!important;color:#111!important}.principle-strip small,.snapshot,.panel-foot,.map-caption,.section-note,.map-head p{color:#444}details> *:not(summary){display:block!important}.flow ol{display:block}.flow li{margin-bottom:8px}.eyebrow,h1 span{color:#235c4b}}