:root{--ink:#14253d;--blue:#164db8;--cyan:#2caed2;--canvas:#f7fafc;--line:#ced9e6}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:18px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(34px,4vw,48px);max-width:18ch;margin-bottom:24px}h2{font-size:32px}h3{font-size:24px}p{max-width:65ch}img{max-width:100%;height:auto}.shell{max-width:1184px;padding-inline:32px;margin-inline:auto}.preview-note{background:var(--ink);color:white;text-align:center;font-size:13px;padding:8px 20px;letter-spacing:.04em}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;color:var(--ink);text-decoration:none;line-height:1.2}.brand span{color:var(--blue)}.brand small{display:block;font-size:12px;letter-spacing:.06em;font-weight:500;margin-top:7px}.header nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.header nav a{display:inline-flex;min-height:44px;align-items:center;font-size:15px;font-weight:600;color:var(--ink)}.header nav a[aria-current]{text-decoration-thickness:3px}.header nav .language{border:1px solid var(--line);border-radius:8px;padding:4px 14px;color:var(--blue)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:center;padding-block:64px 72px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;display:block;margin-bottom:20px}.lead{font-size:20px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-weight:650}.contact-panel{background:white;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:8px;padding:32px}.contact-panel>img{display:block;width:180px;margin:0 auto 24px}.contact-panel h2{font-size:25px}.actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.button,.disabled{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-radius:8px;min-height:48px;font-size:16px;font-weight:650}.button{color:white;background:var(--blue);text-decoration:none}.button:focus-visible{outline-offset:4px}.disabled{border:1px solid #70829a;color:#465870;background:#f7fafc;cursor:not-allowed}.actions small{font-size:13px;line-height:1.5}.phone{min-height:44px;font-size:15px;padding-block:10px}.section{padding-block:56px;border-top:1px solid var(--line)}.section-heading{margin-bottom:32px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:8px;padding:32px}.number{display:block;color:var(--blue);font-size:14px;font-weight:750;margin-bottom:24px}.card h2,.card h3{max-width:25ch}.card p:last-child{margin-bottom:0}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:0}.process h3{font-size:21px}.process p{font-size:16px}.about{display:grid;grid-template-columns:1fr 1fr;gap:72px}.about h2{max-width:17ch}.contact{display:grid;grid-template-columns:1.35fr 1fr;gap:72px}.footer{padding-block:32px;border-top:1px solid var(--line);font-size:14px}.footer p:last-child{font-size:12px}.page-intro{padding-block:64px 32px}.page-intro h1{max-width:24ch}.services{padding-bottom:64px}.services .card h2{font-size:28px}.services .card h3{font-size:21px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}summary{cursor:pointer;color:var(--blue);font-size:16px;font-weight:600;min-height:44px;padding-block:10px}details p{font-size:16px;padding-top:16px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-bottom:72px}.location{padding-top:24px}.location img{width:200px;margin-top:16px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}#main:focus{outline:none}@media(max-width:760px){.shell{padding-inline:20px}.header{align-items:flex-start;flex-direction:column;gap:20px;padding-block:24px}.header nav{gap:4px 16px;width:100%}.header nav a{font-size:14px}.header nav .language{margin-left:auto}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.hero h1{max-width:18ch}.grid,.about,.contact,.contact-layout{grid-template-columns:1fr;gap:24px}.contact-panel{padding:24px}.hero .contact-panel>img{display:none}.card{padding:24px}.section{padding-block:40px}.process ol{grid-template-columns:1fr 1fr;gap:24px}.section h2{font-size:28px}.page-intro{padding-block:40px 24px}.contact-layout{padding-bottom:40px}}@media(max-width:400px){.header nav{gap:4px 12px}.header nav .language{margin-left:0}.process ol{grid-template-columns:1fr}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Accepted revision 3: shared dark technology system. */
:root{--ink:#edf5ff;--blue:#76e5e3;--cyan:#76e5e3;--canvas:#070d18;--line:#30465c;--muted:#b9c9db;--surface:#111e30}body{background:radial-gradient(ellipse at 85% 12%,#122235 0,transparent 38%),var(--canvas);color:var(--ink)}p{color:var(--muted)}.shell{max-width:1264px}.preview-note{background:#111e30;color:var(--muted)}.brand-mark{width:35px;height:40px;object-fit:contain;float:left;margin-right:12px}.brand small{margin-left:47px}.hero{grid-template-columns:1.12fr 1fr;gap:40px;padding-block:80px 48px}.hero h1{font-size:clamp(38px,4.9vw,70px);line-height:1.04;letter-spacing:-.055em;max-width:14ch}.hero h1 span{display:block;color:var(--cyan)}.eyebrow{color:var(--cyan);line-height:1.7}.hero-copy{position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.button{background:var(--cyan);color:#070d18}.contact-panel,.card,.terminal{background:var(--surface);border-color:var(--line)}.disabled{background:#111e30;color:var(--muted);border-color:var(--line)}.grid{grid-template-columns:repeat(3,1fr)}.card{border-radius:12px;padding:28px}.card h2,.card h3{font-size:24px}.card p{font-size:16px}.number{letter-spacing:.1em;font-family:monospace}.system-stage{position:relative;min-width:0;padding:44px 0}.topology{position:absolute;inset:-30px -25px;width:calc(100% + 50px);height:calc(100% + 60px);overflow:visible}.topology path{stroke:#76e5e3;stroke-width:1;opacity:.2;fill:none}.topology circle{fill:#76e5e3;opacity:.4}.topology circle[data-node="3"]{fill:#b7a7ff}.topology .selected{opacity:1;stroke:#edf5ff;stroke-width:4}.terminal{position:relative;border:1px solid #42617a;border-radius:12px;box-shadow:0 24px 60px #0005;padding:24px}.terminal-bar{font:11px/1.5 monospace;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.terminal-bar span{color:var(--cyan);margin-right:12px}.terminal h2{font-size:16px;line-height:1.5;letter-spacing:0}.terminal pre{font:13px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cyan);margin:20px 0;min-height:210px}.terminal details pre{min-height:0}.terminal .demo-note{font-size:13px;margin:16px 0 0}.terminal-controls{display:flex;flex-wrap:wrap;gap:8px}button{font:600 14px/1.4 system-ui;color:var(--muted);background:#111e30;border:1px solid var(--line);border-radius:7px;padding:10px 14px;min-height:44px;cursor:pointer;touch-action:manipulation}button[aria-pressed="true"]{background:#76e5e3;color:#070d18;border-color:#76e5e3}button:hover{border-color:#76e5e3}button:focus-visible{outline:3px solid #76e5e3;outline-offset:4px}.network-controls{grid-column:1/-1;padding-top:16px}.network-controls p{font-size:14px;margin:12px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.architecture h2{max-width:24ch;font-size:clamp(30px,3.5vw,44px)}.stack-row{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:28px 0;border-top:1px solid var(--line)}.stack-row h3{font-size:21px}.stack-row .number{margin-bottom:12px}.stack-row p{margin-bottom:12px}.technologies{font-size:22px;font-weight:650;color:var(--ink)}.stack-row details{margin-top:12px}.result-count{font-size:14px;min-height:22px;margin-top:20px}.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}.skip{background:#111e30}.running .topology circle{animation:signal 3s ease-in-out 2}.paused .topology circle{animation:none}@keyframes signal{50%{opacity:1}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px}.hero h1{max-width:18ch}.system-stage{max-width:600px;width:100%;margin:auto}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero{padding-block:40px}.hero h1{font-size:38px}.hero-actions{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.system-stage{padding:24px 0}.topology{inset:0;width:100%;height:100%}.terminal{padding:20px}.terminal pre{font-size:12px;min-height:235px}.stack-row{grid-template-columns:1fr;gap:8px}.network-controls{grid-column:auto}.technologies{font-size:20px}.header nav{gap:4px 14px}.contact{gap:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Owner reference refinement: restrained surfaces, fine grid, generous rhythm. */
.header{padding-block:22px}.header nav a{text-decoration:none}.header nav a:hover,.header nav a[aria-current]{color:var(--cyan)}.hero{padding-top:96px;padding-bottom:64px}.hero h1 span{color:var(--muted)}.hero-copy .lead{max-width:39ch}.system-stage{background-image:linear-gradient(#30465c33 1px,transparent 1px),linear-gradient(90deg,#30465c33 1px,transparent 1px);background-size:40px 40px;border-radius:16px}.terminal{background:#0d1726f5;box-shadow:0 0 70px #76e5e309,0 24px 60px #0005}.section{padding-block:80px}.card{background:linear-gradient(150deg,#111e30,#0b1422);border-radius:8px}.card .number{color:var(--muted)}.architecture{margin-top:16px}.stack-row{padding-block:32px}.network-controls{border-top:1px solid var(--line);margin-top:12px}.hero .eyebrow{font-size:11px}.terminal-bar{font-size:10px}@media(max-width:760px){.hero{padding-block:40px}.section{padding-block:48px}.system-stage{border-radius:8px}.hero h1{font-size:38px}.terminal-bar{letter-spacing:0}}
/* PLA-9 approved visual enhancement: original conceptual imagery. */
.system-stage::before{content:"";position:absolute;inset:-24px;pointer-events:none;background:radial-gradient(ellipse at 25% 35%,#76e5e329,transparent 65%),radial-gradient(ellipse at 75% 65%,#b7a7ff29,transparent 65%);border-radius:24px}
.service-art,.layer-art,.product-art{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:8px}.service-art{margin-bottom:24px}.layer-art{max-width:240px;margin-top:20px}.product-gallery{margin-block:24px}.gallery-label{font-size:13px;letter-spacing:.06em}.product-gallery ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}.product-gallery li{min-width:0;border:1px solid var(--line);border-radius:9px;background:#111e30;overflow:hidden}.product-gallery span{display:block;padding:10px 12px;font-size:14px;font-weight:650;color:var(--ink)}.product-art{border-radius:0}.stack-row{border-left:2px solid transparent;padding-inline:16px;min-width:0}.stack-row>div{min-width:0}.stack-row:focus-within{border-left-color:var(--cyan);background:#111e3066;box-shadow:inset 0 0 0 1px #76e5e333}.card,.stack-row,button,a.button{transition:border-color 180ms,box-shadow 180ms,transform 180ms}.card:focus-within{border-color:var(--cyan);box-shadow:0 8px 24px #76e5e312}button[aria-pressed="true"]{box-shadow:0 0 0 2px #b7a7ff66}a.button:focus-visible{box-shadow:0 0 24px #76e5e333}@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-2px);border-color:#76e5e3;box-shadow:0 8px 24px #76e5e312}.stack-row:hover{border-left-color:#b7a7ff}.button:hover{box-shadow:0 0 24px #76e5e333}}@media(max-width:760px){.product-gallery ul{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-row{padding-inline:10px}.layer-art{max-width:200px}.system-stage::before{inset:0}}@media(max-width:340px){.product-gallery ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;transform:none!important}}
/* PLA-9 revision 3: explicit, finite, keyboard-accessible interaction. */
.interactive-diagram{display:block;width:100%;height:auto;background:linear-gradient(135deg,#122639,#19182f);border-radius:12px;margin-block:16px}.diagram-node rect{fill:#14253d;stroke:#76e5e3;stroke-width:2}.diagram-node text{fill:#edf5ff;font:16px system-ui}.diagram-link{stroke:#76e5e3;stroke-width:4;fill:none}.phone-frame{fill:none;stroke:#b7a7ff;stroke-width:3}.flow-selected .diagram-node rect{stroke:#b7a7ff;fill:#292447}.flow-selected{border-color:#b7a7ff}.tracing .diagram-link{stroke-dasharray:1;animation:trace-flow 700ms ease-out}.tracing .diagram-node{animation:light-node 230ms ease-out both}.tracing [data-part="1"]{animation-delay:230ms}.tracing [data-part="2"]{animation-delay:460ms}.flow-caption,.flow [data-flow-result]{font-size:13px;margin-top:12px}.explorer .filters{gap:10px}.explorer [data-panel]{font-size:16px;animation:panel-in 220ms ease-out}.explorer .diagram-node rect{transition:fill 220ms,stroke 220ms}.explorer .diagram-node.active rect{fill:#284650;stroke:#edf5ff;stroke-width:4}.selection-label{font-size:13px;color:var(--cyan)}.stack-row.matched{border-left:4px solid var(--cyan);background:#172a3b}.product-gallery li{transition:transform 180ms,border-color 180ms,box-shadow 180ms}.product-expansion{padding:8px;margin:0;border-top:1px solid var(--line)}.product-expansion summary{font-size:13px;min-height:44px}.product-expansion p{font-size:13px;overflow-wrap:anywhere}.product-gallery li:has(details[open]){grid-column:1/-1;border:2px solid var(--cyan);box-shadow:0 0 26px #b7a7ff44}.product-gallery li:has(details[open])>.product-art{max-width:180px}.expanded-art{display:block;width:100%;max-width:640px;margin:auto}.card:focus-within,.product-gallery li:focus-within{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 8px 28px #b7a7ff44}:is(button,a,summary):focus-visible{outline:3px solid #fff;outline-offset:4px}@media(hover:hover) and (pointer:fine){.card:hover,.product-gallery li:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 8px 28px #b7a7ff44}}@keyframes trace-flow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes light-node{from{opacity:.4}to{opacity:1}}@keyframes panel-in{from{opacity:.3}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}
.explorer .filters{margin-bottom:14px}

/* Owner-requested AI panel: reuses approved local LLM explorer. */
/* Approved holographic hero: no autonomous animation. */
.hologram{position:relative;border:1px solid #42617a;border-radius:16px;background:radial-gradient(ellipse at 50% 45%,#13263b,#0b1423 72%);box-shadow:0 24px 60px #0005;padding:22px;overflow:hidden}.hologram .eyebrow{margin-bottom:0}.hologram-space{perspective:800px}.hologram-face{display:block;width:100%;height:auto;overflow:visible}.hologram-head{transform-origin:512px 245px;transition:transform 160ms ease-out;transform:rotateY(var(--face-x,0deg))}.hologram-eyes{transition:transform 160ms ease-out;transform:translate(var(--eye-x,0px),var(--eye-y,0px))}.hologram-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.hologram-footer small{color:#b9c9db;font-size:12px}@media(prefers-reduced-motion:reduce),(pointer:coarse){.hologram-head,.hologram-eyes{transform:none;transition:none}}@media(max-width:760px){.hologram{padding:18px}}

/* The raster keeps complete anatomy and platform; head layer feathers into it. */
.hologram-space{margin:4px -12px 12px}.hologram-face{border-radius:10px;overflow:hidden}.hologram-head{transform-box:view-box}.hologram-eyes{transform:translate(calc(var(--eye-x,0px) * .3),calc(var(--eye-y,0px) * .3))}@media(prefers-reduced-motion:reduce),(pointer:coarse){.hologram-eyes{transform:none}}


/* Motion canvas shares the exact static artwork dimensions. */
.hologram-space{position:relative}.assistant-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:10px;opacity:0}.assistant-motion.ready{opacity:1}
.assistant-greeting{font-size:1.15rem;color:#e0ffff;margin:0 0 12px}
.assistant-speech{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.assistant-speech small{max-width:32ch;color:#b9c9db}
