:root{--navy:#071b3a;--navy2:#0d2a58;--blue:#1554c0;--blue2:#2d67c7;--gold:#c58b00;--gold2:#f2c95c;--green:#2f7d1e;--ink:#172033;--muted:#657085;--line:#d7e0ec;--panel:#f5f8fc;--white:#fff;--max:1220px;--article:900px;--shadow:0 22px 60px rgba(7,27,58,.11)}
:root[data-theme="dark"]{--ink:#e8eef8;--muted:#aab6c9;--line:#253a5d;--panel:#0d203f;--white:#07162d;--navy:#f0f5ff;--navy2:#dbe8ff;--blue:#75a7ff;--blue2:#9abaff;--gold:#f0bd3c;--green:#9bd77f;--shadow:0 22px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:var(--white);transition:background .2s,color .2s}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--white) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navbar{max-width:var(--max);margin:auto;padding:.72rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:900;color:var(--navy)}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:10px}.navbar nav{display:flex;align-items:center;gap:1.1rem}.navbar nav a{text-decoration:none;color:var(--muted);font-weight:760}.navbar nav a:hover{color:var(--blue)}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--panel);color:var(--navy);border-radius:9px;padding:.42rem .62rem;font-size:1rem;cursor:pointer}.menu-toggle{display:none}.hero{max-width:var(--max);margin:auto;padding:7rem 1.2rem 5rem;display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:center}.hero-v3{min-height:80vh}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 .65rem;color:var(--blue);font-weight:900;letter-spacing:.115em;text-transform:uppercase;font-size:.78rem}h1,h2,h3,h4{color:var(--navy);line-height:1.13;margin-top:0;scroll-margin-top:90px}h1{font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-.055em;margin-bottom:1.25rem}h2{font-size:clamp(1.9rem,3.7vw,3.15rem);letter-spacing:-.038em;margin-top:2.8rem}h3{font-size:1.42rem}.lead{font-size:1.22rem;color:var(--muted);max-width:760px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.88rem 1.16rem;border-radius:11px;text-decoration:none;font-weight:850;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(21,84,192,.24)}.btn.secondary{border:1px solid var(--line);background:var(--white);color:var(--navy)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071b3a}.hero-principle{display:flex;flex-direction:column;margin-top:2rem;padding-left:1rem;border-left:4px solid var(--gold)}.hero-principle span{color:var(--muted)}.logo-stage{position:relative;display:grid;place-items:center;min-height:480px}.logo-stage img{position:relative;z-index:2;max-width:560px;filter:drop-shadow(0 24px 35px rgba(7,27,58,.15))}.logo-glow{position:absolute;width:72%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(242,201,92,.28),transparent 65%);filter:blur(18px)}.section{padding:6rem 1.2rem}.section.alt{background:var(--panel)}.container{max-width:var(--max);margin:auto}.section-head{display:grid;grid-template-columns:68px 1fr;gap:1.3rem;margin-bottom:2.8rem}.num{border-top:3px solid var(--blue);padding-top:.4rem;color:var(--blue);font-weight:900}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card,.feature,.paper-card,.theory-item{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.45rem;box-shadow:0 12px 34px rgba(7,27,58,.07)}.card p,.feature p,.paper-card p,.theory-item p{color:var(--muted)}.tag{display:inline-block;padding:.3rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--blue) 12%,var(--white));color:var(--blue);font-size:.76rem;font-weight:850}.trilogy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.paper-card{position:relative;overflow:hidden;padding-top:2rem}.paper-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--blue)}.paper-two:before{background:var(--green)}.paper-three:before{background:var(--gold)}.paper-index{position:absolute;right:1rem;top:.55rem;font-size:3.5rem;font-weight:950;color:color-mix(in srgb,var(--blue) 12%,transparent);line-height:1}.paper-card a{color:var(--blue);font-weight:850;text-decoration:none}.paper-flow{font-size:.88rem;padding:.75rem;border-radius:10px;background:var(--panel);margin:1rem 0;color:var(--navy)}.progression{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center}.progress-node{padding:1.3rem;border:1px solid var(--line);border-radius:16px;background:var(--white)}.progress-node span,.example-no{font-weight:900;color:var(--gold);letter-spacing:.08em}.progress-arrow{font-size:2rem;color:var(--blue)}.center-actions{text-align:center;margin-top:2rem}.manifesto{text-align:center;background:linear-gradient(145deg,#071b3a,#10386e);color:#fff}.manifesto h2,.manifesto p{color:#fff}.manifesto-line{font-size:clamp(2rem,5vw,4.5rem);font-weight:950;letter-spacing:-.05em;margin:.2rem 0}.manifesto-sub{font-size:1.35rem;color:#dce9ff!important}.paper-hero{max-width:var(--max);margin:auto;padding:5.3rem 1.2rem 2rem}.paper-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin:.8rem 0 1.4rem}.paper-meta span{background:var(--panel);border:1px solid var(--line);padding:.4rem .7rem;border-radius:999px;color:var(--muted);font-size:.84rem;font-weight:750}.story-chapter{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--line)}.chapter-number{font-size:6rem;font-weight:950;line-height:1;color:color-mix(in srgb,var(--blue) 20%,transparent)}.chapter-question{font-size:1.2rem;font-weight:800;color:var(--blue)}.story-connector{text-align:center;padding:1.3rem;background:var(--panel);color:var(--muted);font-weight:800;border-radius:14px}.callout{padding:1rem 1.2rem;border-left:5px solid var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--white));border-radius:9px;color:var(--navy);font-weight:800;margin:1.4rem 0}.callout.green{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--white));color:var(--green)}.gold-callout{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--white))}.theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theory-item span{font-weight:950;color:var(--gold)}.theory-flow,.trilogy-mini{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1.2rem;border:1px solid var(--line);background:var(--panel);border-radius:14px}.example-section{padding:2.2rem 0;border-bottom:1px solid var(--line)}.example-heading{display:grid;grid-template-columns:60px 1fr;gap:1rem}.example-heading>span{font-size:2rem;font-weight:950;color:var(--gold)}.mini-table,.pla{padding:1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:auto}.figure{margin:1.8rem 0;border:1px solid var(--line);border-radius:15px;background:var(--white);padding:.8rem}.figure img{margin:auto}.figure.wide img{max-height:620px}.figure figcaption{color:var(--muted);font-size:.9rem;padding:.7rem .2rem 0}.publication-list{display:grid;gap:1rem}.publication-list article{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--white)}.pub-no{font-size:4rem;font-weight:950;color:color-mix(in srgb,var(--blue) 20%,transparent)}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}.about-logo{padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.page-layout{max-width:var(--max);margin:auto;padding:1rem 1.2rem 5rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:2.4rem}.toc{position:sticky;top:88px;align-self:start;border:1px solid var(--line);border-radius:14px;padding:1rem;background:var(--white)}.toc strong{display:block;margin-bottom:.6rem;color:var(--navy)}.toc a{display:block;text-decoration:none;color:var(--muted);padding:.28rem 0;font-size:.91rem}.toc a:hover{color:var(--blue)}.article{max-width:var(--article);min-width:0}.article p{font-size:1.03rem}.abstract{padding:1.25rem 1.35rem;background:var(--panel);border:1px solid var(--line);border-radius:14px}.definition{padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 5%,var(--white));border-radius:12px;margin:1.4rem 0}.definition.principle{border-color:color-mix(in srgb,var(--gold) 50%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--white))}.equation-box{display:flex;justify-content:center;gap:3rem;padding:1rem;font-family:Georgia,serif;font-size:1.25rem;background:var(--panel);border-radius:12px}.method-list li{margin:.7rem 0}.research-map{display:grid;gap:.65rem}.research-map.compact{max-width:620px;margin:2rem auto}.research-map .step{padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-align:center;font-weight:850;color:var(--navy)}.research-map .step.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.research-map .arrow{text-align:center;color:#91a3bd;font-size:1.4rem}.table-wrap{overflow-x:auto;background:var(--white);border:1px solid var(--line);border-radius:14px;margin:1.4rem 0}table{width:100%;border-collapse:collapse;font-size:.92rem}caption{text-align:left;padding:1rem;font-weight:850;color:var(--navy)}th{background:var(--blue);color:#fff}th,td{padding:.72rem;border-bottom:1px solid var(--line);text-align:center}tbody tr:nth-child(even){background:var(--panel)}.footer{background:#071b3a;color:#fff;padding:2rem 1.2rem}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer a{color:#b8d0ff;text-decoration:none}
@media(max-width:950px){.navbar nav{display:none;position:absolute;top:64px;left:0;right:0;padding:1rem 1.2rem;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navbar nav.open{display:flex}.menu-toggle{display:block}.hero,.grid-2,.grid-3,.trilogy-grid,.theory-grid,.page-layout,.about-layout{grid-template-columns:1fr}.hero{padding-top:4rem}.logo-stage{min-height:300px}.progression{grid-template-columns:1fr}.progress-arrow{transform:rotate(90deg);text-align:center}.story-chapter,.publication-list article{grid-template-columns:1fr}.chapter-number,.pub-no{font-size:3rem}.toc{position:static}.section-head{grid-template-columns:44px 1fr}.footer-inner{align-items:flex-start;flex-direction:column}}

/* Semantics-driven hardware design */
.semantic-hero{padding:6.4rem 1.2rem 5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,var(--white)),var(--white))}
.semantic-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:center}
.semantic-domain-card{padding:1.5rem;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:var(--shadow)}
.domain-label{font-weight:900;color:var(--navy);margin:.35rem 0}
.domain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}
.domain-grid span{display:grid;place-items:center;min-height:54px;border-radius:11px;border:1px solid var(--line);font-weight:850}
.domain-grid.encoding span{background:var(--panel);color:var(--muted)}
.domain-grid.semantic span{background:color-mix(in srgb,var(--blue) 12%,var(--white));border-color:color-mix(in srgb,var(--blue) 38%,var(--line));color:var(--blue)}
.domain-arrow{text-align:center;padding:.8rem;color:var(--gold);font-weight:900}
.semantic-domain-card p,.semantic-intro{color:var(--muted)}
.semantic-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:1rem;align-items:center;margin:2rem 0}
.semantic-equation>div:not(.semantic-minus):not(.semantic-equals){padding:1.2rem;border:1px solid var(--line);border-radius:15px;background:var(--white)}
.semantic-equation strong,.semantic-equation span{display:block}
.semantic-equation span{color:var(--muted)}
.semantic-minus,.semantic-equals{font-size:2rem;font-weight:950;color:var(--gold);text-align:center}
.semantic-result{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))!important;background:color-mix(in srgb,var(--gold) 9%,var(--white))!important}
.semantic-steps{display:grid;gap:1rem;max-width:980px;margin:auto}
.semantic-steps article{display:grid;grid-template-columns:68px 1fr;gap:1rem;align-items:start;padding:1.35rem;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:0 12px 32px rgba(7,27,58,.06)}
.semantic-steps article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-size:1.35rem;font-weight:950}
.semantic-steps article:nth-child(2)>span{background:var(--green)}
.semantic-steps article:nth-child(3)>span{background:var(--gold);color:#071b3a}
.semantic-steps h3{margin-bottom:.35rem}.semantic-steps p{margin:0;color:var(--muted)}
.semantic-manifesto{text-align:center;font-size:clamp(1.75rem,4vw,3.4rem);font-weight:950;line-height:1.2;letter-spacing:-.04em;color:var(--navy);margin:3rem auto 0}
.semantic-result-grid{align-items:center}
.opportunity-meter{padding:1.35rem;border:1px solid var(--line);border-radius:17px;background:var(--panel)}
.meter-row{display:flex;justify-content:space-between;gap:1rem;margin:.7rem 0;font-weight:800}
.meter{height:14px;background:color-mix(in srgb,var(--line) 55%,var(--white));border-radius:999px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--blue);border-radius:inherit}
.meter.gold i{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.opportunity-meter p{color:var(--muted)}
.metric-cards{margin:1.2rem 0}
.metric-card{padding:1.2rem;border:1px solid var(--line);border-radius:15px;background:var(--white);text-align:center}
.metric-card strong{display:block;font-size:2rem;color:var(--green)}
.metric-card span{color:var(--muted)}
@media(max-width:950px){
.semantic-hero-grid,.semantic-equation{grid-template-columns:1fr}
.semantic-minus,.semantic-equals{transform:rotate(90deg)}
}