/* Bright technical atmosphere; content panels keep a stable contrast. */
:root{--bg:#142f55;--panel:#183b62;--line:#476b90;--muted:#c4d6e8;--blue:#83e4ff;--lime:#dcf99a}
body{background:#142f55;isolation:isolate}
.technical-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(130deg,#17476b,#213566 48%,#393968)}
.technical-background:before{content:'';position:absolute;inset:-12%;background:radial-gradient(ellipse at 12% 20%,#00dcff70,transparent 42%),radial-gradient(ellipse at 85% 34%,#9564ff85,transparent 45%),radial-gradient(ellipse at 50% 100%,#ffab4650,transparent 45%);animation:spectrum-drift 24s ease-in-out infinite alternate}
.technical-background:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#a5e5ff12 1px,transparent 1px),linear-gradient(90deg,#a5e5ff12 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000b,#0004,#000b)}
.technical-background svg{position:absolute;inset:0;width:100%;height:100%;opacity:.48}
.circuit-base{fill:none;stroke:#83d9ff;stroke-width:1;opacity:.38}
.circuit-signal{fill:none;stroke:#8ff7ff;stroke-width:2;stroke-dasharray:20 650;animation:circuit-run 22s linear infinite}
.circuit-signal.warm{stroke:#ffd080;animation-duration:29s;animation-delay:-10s}
.circuit-signal.violet{stroke:#d5b0ff;animation-duration:25s;animation-delay:-17s}
.circuit-node{fill:#1c4b70;stroke:#a4edff;stroke-width:1.5}
.header{background:#132e50ed;border-bottom-color:#6399ba66;backdrop-filter:blur(14px)}
.hero{background:linear-gradient(110deg,#102e5366,transparent 70%)}
.hero h1{color:#fff}.hero h1 span{color:#8ef2ff;text-shadow:0 0 38px #12d8ff33}
.hero .intro{color:#d6e7f5}.hero-note{color:#bdd6ea}
.blueprint{background:linear-gradient(135deg,#113b58ed,#243565ed);border-color:#72cbe2;box-shadow:0 24px 70px #071b404d,0 0 45px #2ecbea15}
.plate-top,.plate-bottom,.system-title{color:#c1dcec}.flow-caption{color:#e0fda6}
.mission{background:linear-gradient(115deg,#123f61e8,#313e70df);border-block:1px solid #7196b04a}
.disciplines{background:#143853a6}.disciplines .wrap{color:#d0e9f4}
.card{background:linear-gradient(145deg,#173c61f5,#233958f5);border-color:#6384a5;box-shadow:0 10px 30px #0b1c361f}
.card:nth-child(2){border-top:3px solid #7de7ff}.card:nth-child(3){border-top:3px solid #b6a2ff}.card:nth-child(4){border-top:3px solid #9cddb1}.card:nth-child(5){border-top:3px solid #efc580}.card:first-child{border-top:3px solid #c5e880}
.card.future{background:#163454db}.card:hover{border-color:#a3ecff;box-shadow:0 14px 32px #0a214a44}
.card-top .category{color:#c7dced}.app-purpose{display:block;color:#9ae8fb;font-size:13px;font-weight:400;letter-spacing:.1px;margin-top:9px}
.tool-motion{color:#a5d9f5;background:linear-gradient(90deg,#29658755,transparent);border-bottom-color:#648dad66}
.pending,.portfolio-note{color:#c0d6e7}.audience{background:#173553b8}.audience-item{border-top-color:#8cbacb}.audience-item p,.reason p{color:#ccdeed}
.cta{background:linear-gradient(120deg,#12617aee,#424084ef);border-color:#80c8e0;box-shadow:0 18px 60px #10244b44}.cta p{color:#e0eaf8}
.footer{background:#14314ee6}.footer-top p,.footer-bottom{color:#c3d7e7}.document{padding-inline:28px;background:#173551e8;border-inline:1px solid #5b8baf44}.contact-option{background:#1a4163}
.motion-toggle{color:#e4f4ff;background:#193956;border-color:#83b6d0}.motion-toggle:hover{background:#2a5576}
.background-control{margin:24px 0 0;display:flex;justify-content:flex-end}
@keyframes spectrum-drift{from{transform:translate(-2%,-2%) scale(1)}to{transform:translate(3%,4%) scale(1.08)}}
@keyframes circuit-run{to{stroke-dashoffset:-1340}}
.motion-paused .technical-background:before,.motion-paused .technical-background *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.technical-background:before,.technical-background *{animation:none!important}.circuit-signal{stroke-dasharray:none;opacity:.15}}
@media(max-width:650px){.technical-background svg{width:180%;left:-40%}.document{padding-inline:18px}.app-purpose{font-size:13px}.technical-background:after{background-size:40px 40px}}

/* Complete app portfolio */
.portfolio-index{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.portfolio-index .eyebrow{grid-column:1/-1;font-size:11px;letter-spacing:1px;margin:0 0 12px}.portfolio-index a{display:flex;gap:9px;font-size:13px;align-items:baseline}.portfolio-index a span{color:var(--blue);font:11px Consolas,monospace}.portfolio-index a:hover{color:var(--blue)}.release-status{display:block;font:11px Consolas,monospace;letter-spacing:.3px;color:#bce2ff;background:#18456b;border:1px solid #426889;padding:7px 10px;border-radius:4px;margin:0 0 17px;width:fit-content}.app-monogram{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border:1px solid #5d96bf;border-radius:14px;background:#113554;color:#b6defa;font-weight:bold;font-size:20px}.card-top{gap:15px}.category{text-align:right;line-height:1.5}.card h3{overflow-wrap:anywhere}.card-foot a{color:var(--blue)}.tools-page{padding:65px 0 90px;max-width:950px}.tools-page>.intro{max-width:730px}.tools-jump{display:flex;flex-wrap:wrap;gap:9px;padding:25px 0 35px}.tools-jump a{padding:7px 12px;background:#153954;border:1px solid #416683;border-radius:5px;font-size:13px}.tool-detail{scroll-margin-top:110px;padding:32px;margin:0 0 25px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.detail-heading{display:flex;gap:22px;align-items:center;margin-bottom:20px}.detail-heading h2{margin:8px 0 5px;font-size:32px}.detail-purpose{margin:0;color:var(--muted)}.tool-detail>p,.tool-detail li{color:var(--muted)}.tool-detail ul{padding-left:20px}.release-note{padding:18px;border-left:3px solid var(--blue);background:#0e2b43}.release-note strong{color:var(--text)}.preview-note{font-size:13px}.back-link{display:block;font-size:13px;color:var(--blue);margin-top:22px}.tools-jump a:focus-visible,.portfolio-index a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:650px){.tool-detail{padding:23px}.detail-heading{gap:15px}.detail-heading h2{font-size:26px}.tools-page{padding-top:45px}.tools-jump{display:flex;width:auto;flex-direction:row}.portfolio-index{gap:12px}.portfolio-index a{font-size:12px}.header .nav-contact{padding:7px 12px}}