:root{color:#1c2430;background:#f4f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1c2430;--muted: #5a6574;--panel: #ffffff;--line: #d7ded2;--green: #2f8f6b;--blue: #2f80ed;--yellow: #f2b84b;--red: #c94c4c;--shadow: 0 18px 48px rgba(36, 45, 56, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body.modal-open{overflow:hidden}button,a,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-shell main{padding-top:48px}.site-header{align-items:center;background:transparent;display:flex;gap:24px;justify-content:space-between;padding:10px clamp(14px,3vw,36px);pointer-events:none;position:fixed;left:0;right:0;top:0;z-index:20}.brand-mark,.site-nav,.site-nav a,.site-menu-button{align-items:center;display:flex}.brand-mark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid rgba(215,222,210,.9);border-radius:999px;box-shadow:0 8px 22px #242d381a;color:var(--ink);font-weight:800;gap:10px;min-height:38px;padding:0 14px 0 12px;pointer-events:auto}.brand-mark svg{color:var(--green);height:22px;width:22px}.site-nav{gap:8px;pointer-events:auto;position:relative}.site-nav a,.site-menu-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid rgba(215,222,210,.9);border-radius:999px;box-shadow:0 8px 22px #242d381a;color:var(--muted);cursor:pointer;gap:7px;min-height:38px;padding:0 14px}.site-nav a.active,.site-nav a:hover,.site-menu-button[aria-expanded=true],.site-menu-button:hover{background:#eaf1ea;color:var(--ink)}.site-nav svg{height:17px;width:17px}.site-menu-panel{background:#fffffffc;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:18px;max-height:min(72vh,640px);min-width:390px;overflow-y:auto;padding:18px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.site-menu-section{display:grid;gap:8px}.site-menu-section h2{color:var(--green);font-size:.78rem;letter-spacing:0;margin:0;text-transform:uppercase}.site-menu-links{display:grid;gap:6px}.site-menu-link{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;min-width:0;padding:10px 11px}.site-menu-link:hover,.site-menu-link:focus-visible{background:#f4f7f4;border-color:var(--line);color:var(--ink);outline:none}.site-menu-link span{color:var(--ink);font-weight:800;min-width:0}.catalog-page,.demo-page,.empty-state,.lab-layout{margin:0 auto;max-width:1180px;padding:clamp(22px,4vw,54px)}.catalog-intro{margin-bottom:28px}.eyebrow,.lab-header>span,.demo-page header span{color:var(--green);display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.catalog-intro h1,.lab-header h1,.demo-page h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1;margin-bottom:18px;max-width:620px}.catalog-intro p,.lab-header p,.demo-page header p{color:var(--muted);font-size:1.08rem;line-height:1.65;max-width:620px}.catalog-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.catalog-tools button{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;padding:9px 14px}.catalog-tools button.active,.catalog-tools button:hover{background:var(--green);border-color:var(--green);color:#fff}.card-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.demo-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;min-height:0;padding:22px}.demo-card h2{font-size:1.35rem;margin:0 0 10px}.demo-card p{color:var(--muted);line-height:1.55}.demo-card .deployment-hint{background:#f7f9fa;border-left:3px solid var(--green);color:#40505f;font-size:.9rem;margin:4px 0 0;padding:10px 12px}.card-action,.empty-state a{align-items:center;background:var(--ink);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:9px;justify-content:center;margin-top:18px;min-height:42px;padding:10px 14px}.demo-card .card-action{margin-top:auto}.card-action svg{height:17px;width:17px}.modal-backdrop{align-items:center;background:#0e13189e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:50}.modal-frame{background:var(--panel);border-radius:8px;box-shadow:var(--shadow);max-height:min(88vh,860px);max-width:960px;overflow:auto;width:min(960px,100%)}.modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 18px}.modal-header h2{font-size:1.1rem;margin:0}.modal-header button{align-items:center;background:#edf2f5;border:0;border-radius:8px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.modal-header svg{height:18px;width:18px}.modal-content{padding:22px}.fet-demo{display:grid;gap:22px;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}.fet-visual,.control-panel,.chart-panel,.callout{background:var(--panel);border:1px solid var(--line);border-radius:8px}.fet-visual{min-height:320px;padding:14px}.fet-visual svg{display:block;height:auto;width:100%}.fet-substrate{fill:#e9eee8;stroke:#c7d0c5;stroke-width:2}.fet-source,.fet-drain{fill:#303a46}.fet-channel{transition:height .18s ease,y .18s ease}.fet-oxide{fill:#f5f7f5;stroke:#c7d0c5}.fet-gate{fill:var(--yellow)}.fet-arrow,.fet-arrow-head{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:10}.fet-visual text{fill:var(--ink);font-size:20px;font-weight:700}.control-panel{display:flex;flex-direction:column;gap:20px;padding:20px}.control-panel label{display:grid;gap:8px}.control-panel label span,.measurement-grid dt{color:var(--muted);font-size:.85rem}.control-panel label strong{font-size:1.2rem}input[type=range]{accent-color:var(--green);width:100%}.measurement-grid{display:grid;gap:10px;grid-template-columns:1fr;margin:0}.measurement-grid div{background:#f7f9fa;border-radius:8px;padding:12px}.measurement-grid dd{font-size:1.25rem;font-weight:800;margin:4px 0 0}.lab-header,.demo-page header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:24px}.demo-page--stress-tensor header{margin-bottom:18px;padding-bottom:18px}.lab-body{color:var(--ink);font-size:1.02rem;line-height:1.75;max-width:920px}.lab-body h2{font-size:1.65rem;margin:32px 0 10px}.lab-body ol{padding-left:24px}.callout{border-left:5px solid var(--blue);margin:18px 0 26px;padding:16px 18px}.callout-check{border-left-color:var(--green)}.callout-warning{border-left-color:var(--red)}.callout strong{display:block;margin-bottom:6px}.chart-panel{margin:24px 0;padding:18px}.chart-heading{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:18px}.chart-heading h3{margin:0}.chart-heading span{color:var(--muted)}.bar-chart{display:grid;gap:12px}.bar-row{align-items:center;display:grid;gap:12px;grid-template-columns:64px 1fr 54px}.bar-row span,.bar-row strong{font-size:.9rem}.bar-track{background:#e8edf0;border-radius:999px;height:14px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow));border-radius:999px;height:100%}.table-wrap{margin:24px 0;overflow-x:auto}table{background:var(--panel);border:1px solid var(--line);border-collapse:collapse;min-width:620px;width:100%}caption{color:var(--muted);margin-bottom:8px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left}th{background:#edf2f5}.demo-page .fet-demo{margin-top:22px}.demo-loading{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;font-weight:800;justify-content:center;min-height:180px;padding:24px}.empty-state{display:grid;min-height:50vh;place-content:center;text-align:center}.empty-state h1{margin-bottom:10px}.empty-state p{color:var(--muted)}@media(max-width:780px){.site-header{align-items:center;flex-direction:row;gap:12px}.site-nav{overflow:visible}.site-menu-button{font-size:0;gap:0;justify-content:center;padding:0;width:38px}.site-menu-panel{left:auto;min-width:0;right:0;width:min(92vw,390px)}.fet-demo{grid-template-columns:1fr}.bar-row{grid-template-columns:48px 1fr 46px}.demo-page--stress-tensor{padding-top:18px}.demo-page--stress-tensor header{margin-bottom:14px;padding-bottom:16px}.demo-page--stress-tensor h1{margin-bottom:12px}.demo-page--stress-tensor header p{font-size:1rem;line-height:1.45}}@media(max-width:480px){.site-header{padding-inline:14px}.demo-page header p{max-width:calc(100vw - 44px)}}
