:root{color-scheme:dark;--bg:#090f14;--paper:#e3e9ed;--muted:#a7b5c0;--accent:#8fa9bc;--line:#8aa2b45c;--panel:#0c151dc9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #cfdeea;outline-offset:7px}button:hover,a:hover{color:white}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:var(--paper);color:var(--bg);padding:12px}.skip:focus{top:12px}.landing{position:relative;isolation:isolate;padding:0 3.5%;min-height:100svh;background:#080e12}.landing:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#04090dad 0%,#04090d38 54%,#04090d55),linear-gradient(0deg,#090f1499,transparent 45%),url('assets/hangar-bluegrey.png') center center/cover no-repeat}.landing:after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#8fa9bc04 4px)}.header{height:110px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);position:relative}.header:after{content:"";width:75px;height:2px;background:var(--accent);position:absolute;bottom:-1px;left:36%;box-shadow:0 0 9px #9bb7cd66}.brand{display:block;position:relative;width:370px;height:83px;flex-shrink:0;overflow:hidden;mix-blend-mode:screen}.brand img{width:116%;height:auto;max-width:none;position:absolute;left:-8%;top:50%;transform:translateY(-50%);display:block}.header-line{height:1px;background:linear-gradient(90deg,var(--line),transparent);flex:1;min-width:15px}#navigation{display:flex;align-items:center;gap:25px;font-size:13px;white-space:nowrap}#navigation a{padding:6px 0;border-bottom:1px solid transparent}#navigation a:hover,#navigation a[aria-current]{border-color:var(--accent)}#navigation .nav-contact{border:1px solid var(--accent);padding:10px 21px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color:#c9d9e5}#menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:0;min-height:590px}.hero-copy{position:relative;z-index:2;padding:50px 0 30px;min-width:0}.eyebrow{font:10px/1.5 "Courier New",monospace;letter-spacing:3px;color:#c8d3dc;display:flex;align-items:center;gap:14px}.eyebrow>span{height:1px;width:30px;background:var(--accent);box-shadow:0 0 8px var(--accent)}h1{font-family:"Eurostile","Arial Black","Segoe UI",sans-serif;font-size:clamp(42px,4.65vw,78px);line-height:1.12;letter-spacing:-2.5px;margin:33px 0 23px;font-weight:800;white-space:nowrap}em{font-style:normal;color:var(--accent)}.intro{font-size:clamp(14px,1.2vw,19px);line-height:1.7;color:#d2dbe1;max-width:610px;margin-bottom:30px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;border:1px solid #b6c7d0;background:#0b141e70;padding:14px 20px;font-size:13px;position:relative;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background .2s}.button:before{content:"";position:absolute;top:5px;left:-3px;width:20px;height:1px;background:#c5d7e5;transform:rotate(-45deg)}.button.primary{border-color:var(--accent);background:#799ab522;box-shadow:inset 0 0 24px #8fa9bc10}.button:hover{background:#7d9bb43b}.button span{color:var(--accent)}.hero-caption{display:flex;align-items:center;gap:18px;font:8px/1.5 "Courier New",monospace;letter-spacing:3px;margin-top:42px;max-width:460px;color:#a7b7c2}.hero-caption i{display:block;width:80px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.hologram{width:100%;aspect-ratio:640/600;position:relative;min-width:0;max-height:660px}.holo-caption{position:absolute;top:2%;right:2%;font:7px/1.8 monospace;letter-spacing:2px;color:#98aab8;border-left:1px solid var(--line);padding-left:15px}.holo-caption span{display:block;border-top:1px solid var(--line);margin-top:7px;padding-top:5px}#honeycomb,.connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connectors g{fill:none;stroke:#a9bdce;stroke-width:.75;opacity:.8}.connectors .endpoints{fill:#aec8db;stroke:none}.holo-link{position:absolute;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1.6px;line-height:1.5;padding:8px 4px;text-shadow:0 2px 5px #000;background:linear-gradient(90deg,#080f1770,transparent);transition:color .2s}.holo-link small{display:block;color:#9eadb9;font:7px/1.5 monospace;letter-spacing:1.2px;text-transform:uppercase;border-top:1px solid var(--line);margin-top:5px;padding-top:5px;max-width:100px}.diamond{width:13px;height:13px;border:1px solid #b1c4d2;transform:rotate(45deg);position:relative;flex-shrink:0}.diamond:after{content:"";position:absolute;inset:4px;background:var(--accent)}.holo-link:hover .diamond{box-shadow:0 0 9px #a2bacd}.holo-link:hover small{color:#e4eef5}.point-0{left:5%;top:13%}.point-1{right:1%;top:17%}.point-2{right:0%;top:42%}.point-3{right:0%;top:67%}.point-4{left:44%;top:84%}.point-5{left:4%;top:67%}.point-6{left:0%;top:40%}.holo-controls{position:absolute;left:5%;bottom:0;right:2%;display:flex;justify-content:space-between;align-items:center;gap:15px}.micro{font:7px/1.4 monospace;letter-spacing:1.3px;color:#899da9}#pause-animation{border:1px solid var(--line);background:#08101880;padding:5px 10px;font-size:10px;letter-spacing:1px}#pause-animation:hover{background:#7a98ae22}.service-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:24px 0 0;scroll-margin-top:25px}.mini-card{position:relative;min-width:0;border:1px solid #94adbc9c;background:linear-gradient(115deg,#101c2677,#080f1699);padding:18px 16px 17px;clip-path:polygon(13px 0,calc(100% - 14px) 0,100% 15px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);transition:background .2s}.mini-card:before{content:"";position:absolute;top:0;left:25%;width:30px;height:2px;background:#b0c5d5}.mini-card:after{content:"";position:absolute;top:7px;right:0;width:20px;height:1px;background:#bdd0db;transform:rotate(45deg)}.mini-card:hover{background:#345064a6}.card-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px}.icon-diamond{display:grid;place-items:center;width:30px;height:30px;border:1px solid #afc2cf;transform:rotate(45deg);margin-left:5px}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.icon-diamond .icon{transform:rotate(-45deg);width:22px;height:22px}.card-top small{font:8px monospace;color:#8a9daa}.mini-card h2{font-size:clamp(12px,1.1vw,17px);font-weight:500;letter-spacing:.4px;line-height:1.3;margin:0 0 4px}.mini-card p{font-size:10px;letter-spacing:.6px;color:#b7c6d0;margin:0}.card-arrow{position:absolute;right:12px;top:48%;font-size:11px;opacity:0;transition:opacity .2s}.mini-card:hover .card-arrow{opacity:1}.landing-footer{display:flex;gap:24px;align-items:center;padding:30px 0 25px;font:8px/1.5 monospace;letter-spacing:2px;color:#a5b5c0}.landing-footer i{height:1px;flex:1;background:linear-gradient(90deg,#8098a84d,#9db5c1,#8098a82d)}.landing-footer>a:last-child{font-size:18px}.content{padding:90px 6% 0;max-width:1600px;margin:auto;background:linear-gradient(140deg,#15212a44,transparent 45%)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:45px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.contact h2{font-size:clamp(34px,4.2vw,64px);font-weight:600;letter-spacing:-2px;line-height:1.1;margin:0}.section-intro>p:last-child{color:var(--muted);align-self:end;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detail{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#19263070,#090f1455);padding:28px;scroll-margin-top:35px;display:flex;flex-direction:column}.detail:target{border-color:#c8d9e5;box-shadow:0 0 30px #7a98b018}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--accent);font:9px monospace;letter-spacing:1.2px}.detail h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.4px;margin:30px 0 18px}.detail p{font-size:14px;color:var(--muted);line-height:1.8}.detail small{font-size:10px;color:var(--accent);margin-top:auto;padding-top:15px}.detail>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:12px}.contact{padding:80px 0;margin-top:65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact .eyebrow{margin-bottom:25px}.contact-info{display:flex;flex-direction:column;gap:18px;justify-content:center;color:var(--muted);font-size:14px}.contact-info .email{font-size:clamp(18px,2.3vw,32px);color:var(--paper);border-bottom:1px solid var(--line);padding-bottom:12px;align-self:flex-start}.footer{padding:25px 6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font:9px monospace;letter-spacing:1.6px;color:var(--muted)}.footer>a:first-child{color:var(--paper)}.footer span{color:#7f939f}.footer>a:first-child span{margin-left:15px}details{padding:20px 6%;font-size:12px;color:var(--muted);border-top:1px solid #8aa2b425}details p{max-width:1000px;line-height:1.8}summary{cursor:pointer}body.motion-paused #pause-animation{border-color:#b7cad8}
@media(min-width:1600px){.landing{padding-left:max(3.5%,calc((100vw - 1650px)/2));padding-right:max(3.5%,calc((100vw - 1650px)/2))}.hero{min-height:660px}h1{font-size:78px}}
@media(max-width:1180px){.brand{width:290px;height:75px}.header{height:95px;gap:15px}#navigation{gap:16px;font-size:12px}.header-line{display:none}h1{font-size:4.5vw;letter-spacing:-1.5px}.hero{min-height:510px}.hero-actions{gap:10px}.button{font-size:11px;padding:12px 14px;gap:10px}.holo-link{font-size:9px;gap:7px}.holo-link small{font-size:6px}.service-strip{gap:8px}.mini-card{padding:15px 10px}.mini-card p{font-size:9px;letter-spacing:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}}
@media(max-width:900px){.header{justify-content:space-between}.brand{width:320px}#menu-toggle{display:flex;gap:15px;border:1px solid var(--line);background:#10202b77;padding:8px 14px;font-size:12px}#navigation{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#0b141df5;border:1px solid var(--line);padding:25px;flex-wrap:wrap;gap:22px}#navigation.open{display:flex}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-top:30px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-caption{letter-spacing:1px;gap:9px;font-size:7px}.hero-caption i{width:25px}.hologram{aspect-ratio:640/650}.holo-link small{display:none}.point-3{font-size:7px}.service-strip{grid-template-columns:repeat(3,1fr)}.mini-card h2{font-size:16px}.mini-card p{font-size:12px}.card-top{margin-bottom:18px}.detail-grid{grid-template-columns:repeat(2,1fr)}.intro{font-size:13px}.landing-footer{letter-spacing:1px;font-size:7px}.holo-controls .micro{display:none}.holo-controls{justify-content:flex-end}}
@media(max-width:620px){.landing{padding:0 5%;min-height:auto}.landing:before{background:linear-gradient(180deg,#060b1099,#060b1044 55%,#090f14cc),url('assets/hangar-bluegrey.png') 57% center/auto 100% no-repeat}.header{height:83px}.brand{width:235px;height:70px}.header:after{left:0;width:35px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:36px;padding-bottom:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.6px;gap:10px}.eyebrow>span{width:18px}h1{font-size:clamp(32px,8.3vw,49px);letter-spacing:-1.5px;margin:24px 0 18px}.intro{font-size:13px;line-height:1.75;max-width:100%;margin-bottom:23px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.button{font-size:10px;padding:11px 12px;gap:10px}.hero-caption{margin-top:24px;font-size:7px}.hologram{aspect-ratio:640/600;margin-top:12px}.holo-link{font-size:9px;gap:7px;padding:9px 0}.holo-link small{display:none}.holo-caption{font-size:5px;letter-spacing:1px}.point-3{font-size:7px}.holo-controls .micro{display:block;font-size:6px}.holo-controls{justify-content:space-between}.service-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:23px}.mini-card{padding:16px 12px}.mini-card h2{font-size:14px}.mini-card p{font-size:10px}.landing-footer{gap:12px;flex-wrap:wrap;padding:22px 0}.landing-footer i{display:none}.landing-footer>a:nth-last-child(2){margin-left:auto;letter-spacing:0}.content{padding:55px 5% 0}.section-intro{grid-template-columns:1fr}.section-intro h2{font-size:39px}.section-intro p{font-size:13px}.section-intro .eyebrow{font-size:8px;letter-spacing:2px}.detail-grid{grid-template-columns:1fr}.detail{padding:25px}.contact{grid-template-columns:1fr;padding:45px 0;margin-top:45px}.contact h2{font-size:48px}.contact-info{margin-top:10px}.footer{padding:23px 5%;flex-wrap:wrap}.footer>span{display:none}details{padding:20px 5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Separate service pages and software catalogue */
#navigation{gap:17px}.service-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.software-icon{font:24px monospace;color:var(--accent)}.point-7{left:38%;top:3%}.subpage{background:linear-gradient(#090f14ba,#090f14 650px),url('assets/hangar-bluegrey.png') center top/100% auto no-repeat,#090f14}.sub-shell{padding:0 3.5%}.page-content{max-width:1360px;margin:auto;padding:36px 5% 90px}.back-link{font-size:13px;color:var(--muted)}.page-hero{padding:55px 0 65px;border-bottom:1px solid var(--line);margin-bottom:42px}.page-hero h1{white-space:normal;font-size:clamp(35px,4.7vw,67px);letter-spacing:-1.7px}.page-hero .intro{max-width:800px;font-size:18px}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.page-grid .detail{min-width:0;padding:30px}.page-grid h2{font-size:23px;line-height:1.3}.page-grid p,.process p,.brief-panel p{color:var(--muted)}.process{margin:65px 0;padding:35px 0;border-block:1px solid var(--line)}.process h2,.shop-section>h2{font-size:32px}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-left:25px}.process li::marker{color:var(--accent);font-family:monospace}.brief-panel{display:flex;gap:35px;justify-content:space-between;align-items:center;padding:30px;border:1px solid var(--line);background:var(--panel)}.brief-panel>div{max-width:750px}.brief-panel .button{flex-shrink:0}.catalog-empty{grid-column:1/-1;border:1px solid var(--line);padding:36px;background:var(--panel)}.catalog-empty h3{font-size:23px;margin-top:0}.catalog-empty p{max-width:650px}.product-price{font-size:28px;color:var(--paper)}.product-meta{padding:0;list-style:none;font-size:14px}.product-meta li{border-top:1px solid var(--line);padding:9px 0}.product-card .button{margin-top:20px}.product-card details{margin:16px 0}.product-card summary{cursor:pointer}.product-card p{overflow-wrap:anywhere}
@media(min-width:901px) and (max-width:1350px){.brand{width:260px}#navigation{gap:12px;font-size:12px}.header{gap:12px}.mini-card{padding:18px 12px}.mini-card h2{font-size:16px}.mini-card p{font-size:11px}}
@media(max-width:1000px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.brief-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-grid,.process ol{grid-template-columns:1fr}.service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:25px 6% 55px}.page-hero{padding:35px 0}.page-hero .intro{font-size:16px}.page-grid .detail{padding:24px}.process ol{gap:20px}.brief-panel{padding:22px}.point-7{left:34%;top:2%}}
/* Header follows the supplied artwork, including the original red logo accents. */
.header{height:auto;min-height:150px;display:grid;grid-template-columns:minmax(0,797px) 1fr;gap:0;border-bottom:1px solid #8aa2b435;padding-bottom:13px}
.header:after{display:none}
.header .brand{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:797/117;max-width:797px;mix-blend-mode:normal;overflow:hidden}
.header .brand img{position:static;display:block;width:100%;height:auto;transform:none;max-width:100%;object-fit:contain}
.header .header-line{display:block;grid-column:2;grid-row:1;align-self:center;width:100%;height:30px;min-width:0;background:none;border-top:1px solid #81939e70;border-bottom:1px solid #81939e40;transform:translateY(18px);position:relative}
.header .header-line:before{content:"";position:absolute;left:0;top:7px;width:65%;height:1px;background:linear-gradient(90deg,#9aafb766,transparent)}
.header #navigation{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:30px;font-size:13px}
.header #navigation .nav-contact{padding:6px 18px}
@media(max-width:900px){.header{grid-template-columns:minmax(0,797px) 65px;min-height:95px;padding-bottom:0}.header .header-line{display:none}.header #menu-toggle{grid-column:2;grid-row:1;justify-self:end}.header #navigation{grid-column:1/-1;grid-row:2;gap:0}.header #navigation.open{z-index:20}.header .brand{max-width:797px}}
@media(max-width:620px){.header{min-height:78px;grid-template-columns:minmax(0,1fr) 58px;gap:4px}.header .brand{width:100%;aspect-ratio:520/117;position:relative}.header .brand img{position:absolute;left:0;top:50%;width:153.27%;max-width:none;transform:translateY(-50%)}.header #navigation{font-size:14px}}
@media(max-width:900px){.header{grid-template-columns:minmax(0,1fr) 88px}.header #menu-toggle{position:relative;z-index:2;max-width:88px}}
/* Top-level GUI navigation and compact home control. */
:root{--signal:#ff2636}
.header{display:flex;align-items:center;min-height:112px;padding:0;gap:12px}
.header .brand{width:clamp(320px,38vw,570px);height:auto;flex:0 1 570px;aspect-ratio:797/117;min-width:0}
.header .header-line{display:none}
.header #navigation{margin-left:auto;gap:20px;justify-content:flex-end;font-size:12px;text-transform:uppercase}
.header #navigation a{letter-spacing:.8px}
.header #navigation .nav-contact{padding:9px 14px}
.home-wabe{display:inline-flex;align-items:center;gap:18px;margin:18px 0 0 12px;color:var(--accent);font:10px monospace;letter-spacing:2px}
.mini-wabe-stage{display:block;width:78px;height:82px;perspective:350px}
.mini-wabe{width:100%;height:100%;stroke-width:1.2;filter:drop-shadow(0 0 5px #8fa9bc40);animation:home-rotation 48s linear infinite;transform-origin:center}
@keyframes home-rotation{from{transform:rotateY(0deg) rotateZ(0deg)}to{transform:rotateY(360deg) rotateZ(0deg)}}
.subpage .page-content{padding-top:12px}.subpage .page-hero{padding-top:25px}
a:hover,button:hover,summary:hover{color:var(--signal)}
.header #navigation a:hover,.header #navigation a:focus-visible{color:var(--signal);border-color:var(--signal)}
a.button:hover,button:hover{border-color:var(--signal);background:#ff263612;color:var(--signal)}
a.button:hover span,a.button:hover:before{color:var(--signal)}
a.button:hover:before{background:var(--signal)}
.mini-card:hover,.detail a:hover,.holo-link:hover,.home-wabe:hover{color:var(--signal);border-color:var(--signal)}
.mini-card:hover h2,.mini-card:hover .icon,.mini-card:hover .card-arrow,.mini-card:hover .software-icon,.holo-link:hover small{color:var(--signal)}
.holo-link:hover .diamond,.mini-card:hover .icon-diamond{border-color:var(--signal);box-shadow:0 0 12px #ff263660}
.home-wabe:hover .mini-wabe{filter:drop-shadow(0 0 6px #ff263680)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--signal)}
@media(min-width:901px) and (max-width:1200px){.header .brand{flex-basis:350px}.header #navigation{gap:11px;font-size:11px}.header #navigation a{letter-spacing:.3px}}
@media(max-width:900px){.header{display:flex;min-height:92px;justify-content:space-between}.header .brand{flex:0 1 650px;width:calc(100% - 100px)}.header #menu-toggle{flex-shrink:0}.header #navigation{margin:0;justify-content:flex-start;gap:22px}.home-wabe{margin-top:12px}.mini-wabe-stage{width:60px;height:64px}}
@media(max-width:620px){.header{min-height:78px}.header .brand{aspect-ratio:520/117}.header #navigation{font-size:13px}.home-wabe{margin-left:0;gap:12px}.mini-wabe-stage{width:48px;height:52px}}
@media(prefers-reduced-motion:reduce){.mini-wabe{animation:none}}
.mini-card:hover{background:#ff263612}#pause-animation:hover{background:#ff263612;border-color:var(--signal);color:var(--signal)}
/* Connected interface traces, navigation response and ambient activity. */
.header{z-index:30;padding-top:18px;min-height:125px}
.header #navigation{gap:9px}
.header #navigation a,.header #navigation .nav-contact{position:relative;border:1px solid var(--line);padding:9px 10px;clip-path:none;background:linear-gradient(135deg,#8fa9bc12,transparent);transition:color .2s,border-color .2s,box-shadow .2s}
.header #navigation a:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-top:1px solid var(--line);background:var(--bg);transform:rotate(-45deg);transform-origin:bottom right;pointer-events:none}
.nav-halfhex{position:absolute;width:66px;height:24px;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,5px);opacity:0;pointer-events:none;color:var(--signal)}
.nav-halfhex svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2}
.header #navigation a:not([aria-current]):not(.gui-clicked):is(:hover,:focus-visible) .nav-halfhex{opacity:1;transform:translate(-50%,0);animation:hex-arrive .36s ease-out 1}
.header #navigation a:is([aria-current],.gui-clicked){border-color:var(--signal);color:var(--signal);box-shadow:0 0 14px #ff263657,inset 0 0 9px #ff263618}
.header #navigation a:hover{box-shadow:0 0 10px #ff263630}
.header #navigation a:is(:hover,[aria-current],.gui-clicked):after{border-color:var(--signal)}
.gui-traces{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gui-traces svg{width:100%;height:100%;fill:none;stroke:#9ab1c2;stroke-width:.65;opacity:.36}.gui-traces~.hero,.service-strip,.landing-footer{position:relative}.subpage>.gui-traces{height:850px;z-index:-1}.subpage{position:relative;isolation:isolate}
.ambient-lights{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ambient-lights i{position:absolute;width:3px;height:3px;border-radius:50%;background:#adc3d1;box-shadow:0 0 9px 2px #adc3d15c;opacity:.1;animation:ambient-pulse 13s ease-in-out infinite;animation-delay:var(--delay)}
.gui-segment{stroke:transparent;stroke-width:1.5;transition:stroke .25s}.gui-segment.selected{stroke:var(--signal);filter:drop-shadow(0 0 3px #ff263650)}
.mini-card:hover .icon,.mini-card:hover .software-icon{animation:icon-sequence .42s ease-out 1}.holo-link:hover .diamond{animation:marker-sequence .4s ease-out 1}
@keyframes hex-arrive{0%{opacity:0;transform:translate(-50%,-6px);filter:brightness(2)}70%{opacity:1}100%{transform:translate(-50%,0)}}
@keyframes icon-sequence{0%{transform:translateY(0)}45%{transform:translateY(-3px);filter:brightness(1.7)}100%{transform:translateY(0)}}
@keyframes marker-sequence{50%{scale:1.2}100%{scale:1}}
@keyframes ambient-pulse{0%,100%{opacity:.06;transform:translateY(0)}45%{opacity:.42}65%{opacity:.12;transform:translateY(-4px)}}
.ambient-stopped .ambient-lights i,.ambient-stopped .mini-wabe,.motion-paused .ambient-lights i{animation-play-state:paused}
@media(min-width:901px) and (max-width:1300px){.header .brand{flex-basis:370px}.header #navigation{gap:6px}.header #navigation a,.header #navigation .nav-contact{padding:8px 7px;font-size:10px}}
@media(max-width:900px){.header #navigation{gap:25px 12px;padding-top:38px}.header{padding-top:0}.gui-traces{opacity:.45}}
@media(prefers-reduced-motion:reduce){.ambient-lights i,.mini-card:hover .icon,.mini-card:hover .software-icon,.holo-link:hover .diamond,.header #navigation a .nav-halfhex{animation:none!important}.header #navigation a,.gui-segment{transition:none}}
/* Accurate chamfered menu frames with filled active corner pieces. */
.header #navigation a,.header #navigation .nav-contact{border:0;isolation:isolate;background:none;padding:11px 12px}
.header #navigation a:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.header #navigation a:after{content:"";position:absolute;inset:1px;z-index:-1;width:auto;height:auto;border:0;transform:none;background:#0b141de8;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.header #navigation a:is(:hover,:focus-visible,[aria-current],.gui-clicked):before{background:var(--signal)}
.header #navigation a:is([aria-current],.gui-clicked):before{clip-path:none}
.header #navigation a:is([aria-current],.gui-clicked){filter:drop-shadow(0 0 5px #ff263667);box-shadow:none}
.menu-circuit{position:absolute;inset:0;width:100%;height:calc(100% + 68px);pointer-events:none;z-index:-1;fill:none;stroke:#98afbd;stroke-width:.8;opacity:.6}.menu-circuit .circuit-core{fill:var(--signal);stroke:var(--signal)}
.hangar-lamps{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hangar-lamps i{position:absolute;background:#e6f3ff;border-radius:2px;filter:blur(.8px);animation:lamp-signal 8s ease-in-out infinite;box-shadow:0 0 9px 3px currentColor;color:#e6f3ff;opacity:.18}
@keyframes lamp-signal{0%,100%{background:#e6f3ff;color:#e6f3ff;opacity:.12}20%{background:#e6f3ff;color:#e6f3ff;opacity:.5}42%{opacity:.08}65%{background:#ff2636;color:#ff2636;opacity:.6}83%{background:#ff2636;color:#ff2636;opacity:.1}}
.ambient-stopped .hangar-lamps i,.motion-paused .hangar-lamps i{animation-play-state:paused}
@media(max-width:900px){.menu-circuit{display:none}}
@media(prefers-reduced-motion:reduce){.hangar-lamps i{animation:none;opacity:.16}}
/* Transparent matte identity and character integrated into the hangar. */
.header{border-bottom:0}
.header .brand{flex:0 1 460px;width:clamp(270px,32vw,460px);height:84px;aspect-ratio:auto;overflow:hidden;background:none;filter:none;mix-blend-mode:normal}
.header .brand img{position:absolute;width:100%;max-width:100%;height:auto;top:50%;left:0;transform:translateY(-50%);filter:none;object-fit:contain}
.android-scene{position:absolute;left:-105px;bottom:-70px;width:clamp(340px,29vw,470px);aspect-ratio:900/1180;z-index:0;pointer-events:none;contain:layout paint;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0 83%,transparent 100%)}
.android-scene canvas{display:block;width:100%;height:100%}
.landing{overflow:clip}
.subpage .android-scene{position:fixed;width:340px;bottom:-65px;left:-100px;opacity:.6;z-index:-1}
.subpage .page-content{position:relative;z-index:1}
.scene-toggle{margin:0 0 0 24px;vertical-align:middle;border:1px solid var(--line);padding:7px 10px;background:#090f14aa;font:10px monospace;color:var(--muted)}
.hangar-lamps .fast-beacon{animation:beacon-blink 2.4s steps(1,end) infinite;border-radius:50%;filter:blur(.5px)}
.floor-signal{position:absolute;bottom:0;left:0;width:100%;height:95px;fill:none;stroke:#d6e5ef;stroke-width:1;opacity:.3;pointer-events:none;z-index:0;animation:floor-blink 3.2s steps(1,end) infinite}
@keyframes beacon-blink{0%,48%,100%{opacity:.06;color:#e6f3ff;background:#e6f3ff}12%,30%{opacity:.8;color:#f2f7ff;background:#f2f7ff}62%,80%{opacity:.65;color:#ff2636;background:#ff2636}}
@keyframes floor-blink{0%,100%{opacity:.06;stroke:#8fa9bc}18%,36%{opacity:.48;stroke:#d6e5ef}58%,76%{opacity:.3;stroke:#ff2636}}
.ambient-stopped .floor-signal,.motion-paused .floor-signal{animation-play-state:paused}
@media(min-width:901px) and (max-width:1200px){.header .brand{flex-basis:310px}.android-scene{left:-110px;width:340px}}
@media(max-width:900px){.header .brand{flex:0 1 440px;width:calc(100% - 100px);height:75px}.android-scene{width:320px;left:-105px;bottom:0}.subpage .android-scene{width:280px;left:-100px}}
@media(max-width:620px){.header .brand{height:65px}.android-scene{width:270px;left:-108px;bottom:90px;opacity:.65}.subpage .android-scene{width:230px;left:-96px;opacity:.35}.scene-toggle{font-size:9px;margin-left:15px}.floor-signal{opacity:.16}}
@media(prefers-reduced-motion:reduce){.fast-beacon,.floor-signal{animation:none!important;opacity:.12}}
.motion-paused .mini-wabe{animation-play-state:paused}
/* Recess the character into the dim hangar instead of the foreground. */
.android-scene{left:40%;bottom:27%;width:clamp(120px,10.5vw,176px);opacity:.56;filter:brightness(.6) saturate(.65) blur(1.15px);transform:perspective(800px) rotateY(-7deg);transform-origin:center bottom;mask-image:linear-gradient(to bottom,#000 0 65%,transparent 93%)}
.subpage .android-scene{position:absolute;left:42%;top:355px;bottom:auto;width:145px;opacity:.35;filter:brightness(.6) saturate(.65) blur(1.4px)}
@media(max-width:900px){.android-scene{left:40%;bottom:32%;width:125px}.subpage .android-scene{left:48%;top:320px;width:120px}}
@media(max-width:620px){.android-scene{left:35%;bottom:36%;width:110px;opacity:.4}.subpage .android-scene{left:60%;top:350px;width:95px;opacity:.25}}
@media(min-width:901px){.landing .android-scene{opacity:.76;filter:brightness(.74) saturate(.65) blur(1.05px)}}
/* Matching header hub and section honeycombs, drawn by the large scene renderer. */
.header-wabe{position:absolute;width:86px;height:80px;left:45%;top:45px;z-index:1;display:block;filter:none}
.shared-wabe{display:block;width:100%;height:100%}
.header-wabe:hover{filter:drop-shadow(0 0 4px #ff263650)}
.menu-circuit{opacity:.68}
@media(min-width:1301px){.header{min-height:145px;padding-top:0}.header .brand{flex-basis:460px}.header #navigation{margin-bottom:14px}}
@media(max-width:900px){.header-wabe{position:relative;left:auto!important;top:auto!important;flex:0 0 57px;width:57px;height:55px;order:1}.header #menu-toggle{order:2}.header .brand{flex:1 1 auto}.header{gap:8px}}
@media(max-width:620px){.header-wabe{flex-basis:43px;width:43px;height:44px}.header .brand{min-width:0}.header #menu-toggle{padding:8px 10px}}
/* Animate opacity only: avoid repainting coloured shadows/filters continuously. */
@keyframes lamp-signal{0%,100%{opacity:.12}20%{opacity:.5}42%{opacity:.08}65%{opacity:.6}83%{opacity:.1}}
.hangar-lamps i{background:#e6f3ff;color:#e6f3ff;animation:lamp-signal 8s ease-in-out infinite}
.hangar-lamps i:nth-child(even){background:#ff2636;color:#ff2636}
.hangar-lamps .fast-beacon{animation:beacon-blink 2.4s steps(1,end) infinite}
@keyframes beacon-blink{0%,48%,100%{opacity:.06}12%,30%{opacity:.8}62%,80%{opacity:.65}}
.ambient-lights i,.hangar-lamps i{will-change:opacity}
/* Clean reference header, hexagonal icon system and lighter contemporary headings. */
@font-face{font-family:MFInter;src:url('assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MFInter;src:url('assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
.header{min-height:116px;padding:0;gap:14px}
.header .brand{flex:0 1 460px;height:84px}
.header #navigation{margin-bottom:0}
.menu-circuit{height:100%;opacity:.72}
.header .nav-halfhex{display:none}
.sub-back{display:inline-block;margin:22px 0 4px;font:10px MFInter,sans-serif;letter-spacing:1.8px;color:var(--muted)}
h1,.page-hero h1{font-family:MFInter,'Segoe UI',sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.13}
h1 em,.page-hero h1 em{font-weight:600}
h2,h3,.section-intro h2,.contact h2{font-family:MFInter,'Segoe UI',sans-serif;font-weight:400;letter-spacing:-.025em}
.icon-diamond{position:relative;transform:none;width:38px;height:42px;border:0;background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);isolation:isolate;display:grid;place-items:center;margin-left:0}
.icon-diamond:before{content:"";position:absolute;inset:1px;background:#101921;clip-path:inherit;z-index:-1}
.icon-diamond .icon{transform:none;width:23px;height:23px}
.diamond{transform:none;width:16px;height:18px;border:0;background:#b1c4d2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.diamond:before{content:"";position:absolute;inset:1px;clip-path:inherit;background:#0c151d}
.diamond:after{inset:6px;background:var(--accent)}
.mini-card:hover .icon-diamond,.holo-link:hover .diamond{background:var(--signal);box-shadow:none}
.landing-footer i{display:none}
.landing-footer{border:0}
.landing-footer>a:nth-last-child(2){margin-left:auto}
.gui-traces{mask-image:linear-gradient(#000 0 80%,transparent 88%)}
@media(max-width:1200px) and (min-width:901px){.header .brand{flex-basis:315px}}
@media(max-width:900px){.header{min-height:90px}.header .brand{flex:1 1 auto;max-width:460px}.header #navigation{margin-bottom:0}}
@media(max-width:620px){.header{min-height:78px}.header .brand{height:65px}.page-hero h1{font-size:clamp(32px,8.4vw,49px)}h1{letter-spacing:-.05em}}