@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#020405;--panel:#081014;--line:#173d38;--green:#35ff95;--violet:#9a6cff;--cyan:#66d9ff;--text:#eaf8f3;--muted:#8da39c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 12% 0,#0d3328,transparent 26rem),radial-gradient(circle at 90% 5%,#211641,transparent 30rem),linear-gradient(180deg,#020405,#05090a 55%,#020405);color:var(--text);font:13px/1.6 'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#35ff9508 1px,transparent 1px),linear-gradient(90deg,#9a6cff08 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 82%)}a{color:inherit}nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(20px,5vw);position:sticky;top:0;z-index:20;background:#020405e8;border-bottom:1px solid #21443c;backdrop-filter:blur(14px)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.12em}.wordmark img{width:34px;height:34px;object-fit:cover;border:1px solid #35ff9577}.wordmark b{color:var(--green)}.navlinks{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.1em}.navlinks a,.nav-models summary{text-decoration:none;color:#a8bbb5}.navlinks a:hover,.nav-models summary:hover{color:var(--green)}.nav-models{position:relative}.nav-models summary,.mobile-nav summary{cursor:pointer;list-style:none}.nav-models summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}.nav-popover{position:absolute;top:calc(100% + 17px);left:50%;transform:translateX(-50%);width:260px;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;border:1px solid #2a4d45;background:#020605;box-shadow:0 20px 50px #000c}.nav-popover a{padding:11px 12px;background:#07110f;color:#b9ccc6}.nav-popover a:hover{background:#0b1b17}.mobile-nav{display:none;position:relative}.mobile-nav summary{padding:8px 10px;border:1px solid #315047;color:#c8ddd6;font-size:9px;letter-spacing:.12em}.mobile-nav[open] summary{border-color:#9a6cff88;color:#e7ddff}.mobile-nav-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(300px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 1fr;padding:8px;border:1px solid #315047;background:#030706f7;box-shadow:0 22px 60px #000d}.mobile-nav-panel a{padding:10px;text-decoration:none;color:#b4c7c1;border:1px solid transparent}.mobile-nav-panel a:hover{border-color:#315047;color:var(--green)}.mobile-nav-panel span{grid-column:1/-1;padding:10px 10px 4px;color:#6f837d;font-size:8px;letter-spacing:.14em}main{width:min(1240px,calc(100% - 32px));margin:auto}section{scroll-margin-top:82px}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:620px){.section-head{padding:64px 0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover{transform:none}}
.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:64px 0}.hero-art{width:100%;border:1px solid #245148;box-shadow:0 24px 80px #0008,0 0 50px #35ff9512}.eyebrow{color:var(--green);letter-spacing:.2em;font-size:10px}.hero h1{font-size:clamp(42px,6.6vw,88px);line-height:.94;letter-spacing:-.035em;margin:15px 0 20px}.hero h1 span{color:var(--green)}.hero-copy>p:not(.eyebrow){max-width:690px;color:#a9bdb7;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border:1px solid #35ff9588;background:linear-gradient(90deg,#0a3a29,#17264a);text-decoration:none;font-weight:700;letter-spacing:.04em}.button:hover{box-shadow:0 0 26px #35ff9520}.button.alt{border-color:#9a6cff88;background:#130d25}.signal{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:16px;border-block:1px solid #1b3935;color:#92a7a1;font-size:10px;letter-spacing:.13em}.signal i{color:var(--green);font-style:normal}.section-head{padding:88px 0 24px}.section-head p{color:var(--green);letter-spacing:.18em;font-size:10px}.section-head h2,.final h2{font-size:clamp(28px,4vw,52px);line-height:1.05;margin:8px 0}.grid{display:grid;gap:12px}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}.six{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:repeat(3,1fr)}.card,.rule{padding:22px;border:1px solid #193b36;background:linear-gradient(180deg,#0b1519ed,#061013ed);text-decoration:none;min-height:220px;box-shadow:inset 0 1px #ffffff08}.card:hover{border-color:#35ff9588;transform:translateY(-2px)}.card small{color:var(--green);letter-spacing:.14em}.card h3{font-size:18px;margin:22px 0 10px}.card p,.rule p{color:#8fa49e}.card b{color:var(--violet);font-size:10px}.principles{padding-bottom:70px}.rule{min-height:160px}.rule b{color:#dff8ee}.final{margin:40px 0 80px;padding:44px;border:1px solid #274a43;background:linear-gradient(120deg,#07130f,#100b1c)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(20px,5vw);border-top:1px solid #1c3b36;color:#718680;font-size:9px;letter-spacing:.1em}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:40px}.hero-art{order:2}.four,.five,.six,.three{grid-template-columns:1fr 1fr}.navlinks{display:none}.mobile-nav{display:block}}@media(max-width:620px){.four,.five,.six,.three{grid-template-columns:1fr}.hero h1{font-size:44px}.final{padding:26px}.signal{justify-content:flex-start}footer{flex-direction:column}}
.section-copy{max-width:760px;color:#90a59e!important;letter-spacing:0!important;font-size:12px!important}.model-section{padding-bottom:34px}.model-section .section-head{padding-bottom:16px}.model-contract{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.model-contract>div{padding:12px 14px;border:1px solid #29443e;background:#07110f}.model-contract>div:nth-child(2){border-color:#59467d;background:#0d0a16}.model-contract small,.model-visual-head small{display:block;color:#718980;font-size:7px;letter-spacing:.14em}.model-contract b{display:block;margin-top:3px;font-size:9px;letter-spacing:.07em;color:#d7e8e2}.model-contract>div:nth-child(2) b{color:#d9cdff}.model-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.model-actions .button{padding:9px 12px;font-size:9px}.model-footnote{margin:9px 0 0;padding:9px 12px;border-left:2px solid #4c665f;background:#07100e;color:#81968f;font-size:9px}.model-legal{margin:9px 0 0;color:#657a73;font-size:8px}.model-visual-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.model-visual-head b{font-size:10px;letter-spacing:.08em}
.ukc-track{display:grid;grid-template-columns:2fr .65fr 1.45fr 1.15fr;gap:8px}.ukc-track article{padding:14px;border:1px solid #24463e;background:linear-gradient(180deg,#071612,#050c0b);min-width:0}.ukc-track .pivot{border-color:#7b5db0;background:#100b1b}.ukc-track .objectives{border-color:#68463f}.ukc-track .pivot .model-visual-head b{color:#d8caff}.ukc-phases{display:flex;flex-wrap:wrap;gap:5px}.ukc-phases span{padding:5px 7px;border:1px solid #274a42;background:#030807;color:#bcd1ca;font-size:8px}.ukc-track .pivot .ukc-phases span{border-color:#765ba5}
.diamond-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:10px}.diamond-shape{position:relative;min-height:330px;border:1px solid #254b42;background:radial-gradient(circle at 50% 50%,#0c211b,#050b0a 72%);overflow:hidden}.diamond-lines{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.diamond-lines line{stroke:#35ff9555;stroke-width:1.4;vector-effect:non-scaling-stroke}.diamond-node,.diamond-event{position:absolute;transform:translate(-50%,-50%);padding:9px 11px;border:1px solid #2c574d;background:#06100eea;min-width:120px;text-align:center;box-shadow:0 8px 24px #0006}.diamond-node small,.diamond-side small{display:block;color:#73938a;font-size:7px;letter-spacing:.12em}.diamond-node b,.diamond-side b,.diamond-event b{display:block;font-size:9px}.diamond-node.adv{left:50%;top:13%}.diamond-node.infra{left:17%;top:50%}.diamond-node.cap{left:83%;top:50%}.diamond-node.victim{left:50%;top:87%}.diamond-event{left:50%;top:50%;border-color:#8a6bc0;min-width:150px}.diamond-event b{color:#d7c8ff}.diamond-event span{display:block;color:#728a82;font-size:8px}.diamond-side{display:grid;gap:8px}.diamond-side article{padding:13px;border:1px solid #24463e;background:#07110f}.diamond-side p{margin:5px 0 0;color:#849991;font-size:9px}.diamond-side .diamond-gap{border-color:#6b5396}
.pyramid-stack{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border:1px solid #254b42;background:radial-gradient(circle at 50% 0,#122119,#050b0a 70%)}.pyramid-tier{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 12px;border:1px solid #2a4d45;background:#07110f;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.pyramid-tier small{font-size:7px;letter-spacing:.11em;color:#7d958c}.pyramid-tier b{font-size:9px;letter-spacing:.07em;text-align:right}.tier-6{width:42%;border-color:#9a6cff99}.tier-5{width:52%;border-color:#7d6fa8}.tier-4{width:64%;border-color:#5e776e}.tier-3{width:76%}.tier-2{width:88%}.tier-1{width:100%;border-color:#35ff9577}
.attack-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.attack-summary span{padding:11px 12px;border:1px solid #24463e;background:#07110f}.attack-summary small{display:block;color:#6f8f86;font-size:7px;letter-spacing:.12em}.attack-summary b{display:block;margin:3px 0;font-size:13px}.attack-summary em{display:block;color:#71877f;font-size:7px;font-style:normal}.attack-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;border:1px solid #39506b;background:#061017}.attack-matrix span{min-height:40px;display:flex;align-items:center;padding:7px;border:1px solid #244941;background:#050b0a;font-size:8px;letter-spacing:.05em}.attack-matrix span:nth-child(7),.attack-matrix span:nth-child(8){border-color:#8b6aba;background:#100b1b}
.d3fend-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.d3fend-summary span{padding:10px 12px;border:1px solid #24463e;background:#07110f}.d3fend-summary small{display:block;color:#6f8f86;font-size:7px;letter-spacing:.12em}.d3fend-summary b{display:block;margin-top:2px;font-size:14px}.d3fend-flow{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:11px;border:1px solid #315047;background:#06100e}.d3fend-flow span{padding:5px 7px;border:1px solid #2d5e51;background:#030807;font-size:8px;letter-spacing:.06em}.d3fend-flow i{color:#5d7c72;font-style:normal}.d3fend-bridge{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin-top:8px}.d3fend-bridge>div{padding:12px;border:1px solid #24463e;background:#07110f;text-align:center}.d3fend-bridge>strong{color:#9a6cff}.d3fend-bridge small{display:block;color:#718980;font-size:7px;letter-spacing:.1em}.d3fend-bridge b{display:block;margin-top:3px;font-size:9px}
.dml-spectrum{display:grid;grid-template-columns:.78fr 1.35fr 1fr;gap:8px;padding:10px;border:1px solid #2d424a;background:#071012}.dml-band{padding:12px;border:1px solid #29453d;background:#07110f}.dml-band.intent{border-color:#8062ad;background:#100b1b}.dml-band.behavior{border-color:#4d6c8c;background:#07121a}.dml-band.evidence{border-color:#35ff9566}.dml-band-head{display:grid;gap:1px;padding-bottom:8px;border-bottom:1px solid #ffffff10}.dml-band-head small{font-size:7px;letter-spacing:.11em;color:#7d928b}.dml-band-head b{font-size:11px}.dml-band-head span{color:#70847e;font-size:8px}.dml-levels{display:grid;gap:5px;margin-top:8px}.dml-level{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;border:1px solid #203d37;background:#030807}.dml-level span{color:#71877f;font-size:7px}.dml-level b{font-size:8px;text-align:right}.dml-zero{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px dashed #48615a;color:#81958f}.dml-zero span,.dml-zero small{font-size:7px}.dml-zero b{font-size:8px}.dml-zero small{text-align:right}.dml-gate{display:grid;grid-template-columns:.45fr 1.55fr;gap:8px;margin-top:8px;padding:12px;border:1px solid #315047;background:#07110f}.dml-gate-copy small{display:block;color:#7c958c;font-size:7px;letter-spacing:.12em}.dml-gate-copy b{font-size:10px}.dml-gate-flow{display:grid;grid-template-columns:1.25fr auto 1fr auto 1fr auto 1fr auto 1.15fr;gap:4px;align-items:stretch}.dml-gate-flow span{display:grid;align-content:center;min-height:50px;padding:6px;border:1px solid #2a4d45;background:#030807;text-align:center}.dml-gate-flow small{color:#728880;font-size:6px}.dml-gate-flow b{font-size:7px}.dml-gate-flow i{align-self:center;color:#60766f;font-style:normal}.dml-gate-flow .result{border-color:#8d6dc0;background:#100b1b}.dml-gate-flow .result b{color:#dfd4ff}
@media(max-width:900px){.model-contract{grid-template-columns:1fr}.ukc-track{grid-template-columns:1fr 1fr}.diamond-layout{grid-template-columns:1fr}.diamond-side{grid-template-columns:repeat(3,1fr)}.attack-matrix{grid-template-columns:repeat(3,1fr)}.d3fend-summary{grid-template-columns:1fr 1fr}.dml-spectrum{grid-template-columns:1fr 1fr}.dml-band.evidence{grid-column:1/-1}.dml-gate{grid-template-columns:1fr}}
@media(max-width:650px){.section-copy{font-size:11px!important}.ukc-track{grid-template-columns:1fr}.diamond-shape{min-height:420px}.diamond-lines{inset:50px 8px;width:calc(100% - 16px);height:320px}.diamond-node{min-width:108px}.diamond-node.infra{left:24%;top:38%}.diamond-node.cap{left:76%;top:38%}.diamond-event{top:61%}.diamond-side{grid-template-columns:1fr}.pyramid-tier{width:100%!important;clip-path:none}.attack-summary{grid-template-columns:1fr}.attack-matrix{grid-template-columns:1fr 1fr}.d3fend-summary{grid-template-columns:1fr 1fr}.d3fend-bridge{grid-template-columns:1fr}.d3fend-bridge>strong{transform:rotate(90deg);justify-self:center}.dml-spectrum{grid-template-columns:1fr}.dml-band.evidence{grid-column:auto}.dml-zero{grid-template-columns:auto 1fr}.dml-zero small{grid-column:1/-1;text-align:left}.dml-gate-flow{display:flex;flex-wrap:wrap}.dml-gate-flow span{flex:1 1 42%}.dml-gate-flow .result{flex-basis:100%}}
