@font-face{font-family:Outfit;src:url('/assets/outfit-latin-v5.woff2') format('woff2');font-style:normal;font-weight:300 600;font-display:swap}
:root{--deep-navy:#08182f;--brand-font:Outfit,'Segoe UI',sans-serif}
.site-header{background:var(--deep-navy);color:var(--paper);border-bottom-color:rgba(247,242,231,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand{gap:14px;align-items:center}.brand .brand-symbol{width:46px;height:46px;object-fit:contain;flex-shrink:0}.brand .brand-divider{height:27px;width:1px;background:rgba(247,242,231,.25);flex-shrink:0}.brand .brand-name{font-family:var(--brand-font);font-size:35px;font-weight:450;line-height:1.15;letter-spacing:-.015em;word-spacing:normal}
.site-header nav>a:hover{color:#c8d8ed}.site-header nav>.nav-contact{background:rgba(247,242,231,.07);color:var(--paper);border:1px solid rgba(247,242,231,.28);border-radius:4px}.site-header nav>.nav-contact:hover{background:rgba(247,242,231,.15);color:var(--paper)}
.hero{background:var(--deep-navy);color:var(--paper);min-height:750px}.hero-grid{display:block;position:absolute;inset:29px 4% 82px;z-index:-1;border:1px solid rgba(247,242,231,.07);border-radius:18px;background:linear-gradient(125deg,rgba(247,242,231,.045),rgba(247,242,231,.008));pointer-events:none}
.hero h1 em{color:#d4e0f1}.hero .status-dot{background:#bdcfe6}.hero .hero-description{color:#c5cedb}.hero .hero-description:first-line{color:var(--paper)}.hero-art{width:54%;right:-1%;top:20px}.hero-art img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 89%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 94%,transparent);mask-composite:intersect}
.hero .button-light{background:var(--paper);color:var(--deep-navy);border:1px solid rgba(247,242,231,.5);border-radius:4px}.hero .button-light:hover{background:#d8e1ed;color:var(--deep-navy)}.hero .text-link{color:#e3e9f2}.hero .text-link:hover{border-color:#b8c7dc}.hero-bottom{border-color:rgba(247,242,231,.16);color:#aebbd0}.hero-bottom a{color:#dce4ee}
.architecture{background:#0c2242}.system-map{background:rgba(247,242,231,.035);border-color:rgba(247,242,231,.3);border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.map-hub{background:rgba(247,242,231,.06);border-color:rgba(247,242,231,.65);border-radius:5px}.map-node{border-color:rgba(247,242,231,.35)}.map-hub img{width:35px;height:35px}.map-topline>span:last-child,.principle>span{color:#c0d2e9}.map-connector,.map-branches:before,.map-branches:after,.map-branches i{background:#7e96b9}.map-endpoints>div{border-color:rgba(247,242,231,.3)}
.contact{background:var(--deep-navy)}.contact .button{color:var(--deep-navy)}.contact .button:hover{background:#d8e1ed;color:var(--deep-navy)}
.brand-footer{color:var(--deep-navy)}.brand-footer .brand-symbol{width:40px;height:40px}.brand-footer .brand-divider{background:rgba(8,24,47,.2);height:25px}.brand-footer .brand-name{font-size:31px}.privacy-page .site-header{color:var(--paper)}
.site-header a:focus-visible,.site-header button:focus-visible,.hero a:focus-visible,.architecture a:focus-visible,.contact a:focus-visible{outline-color:#d2deee}
@media(max-width:1100px){.hero-art{width:57%;right:-2%;top:40px}.brand .brand-name{font-size:33px}.brand .brand-symbol{width:43px;height:43px}}
@media(max-width:800px){.hero{min-height:970px}.hero-art{width:640px;max-width:98%;top:330px;right:-4%}.brand{gap:12px}.brand .brand-symbol{width:40px;height:40px}.brand .brand-name{font-size:31px}.brand .brand-divider{height:24px}}
@media(max-width:560px){.site-header{height:80px}.brand{gap:12px}.brand .brand-symbol{width:35px;height:35px}.brand .brand-name{font-size:29px}.brand .brand-divider{height:22px}.menu-toggle{border-color:rgba(247,242,231,.35);color:var(--paper)}.site-header nav{top:79px;background:#0c2242;border-bottom-color:rgba(247,242,231,.2)}.site-header nav>a{border-bottom-color:rgba(247,242,231,.15)}.site-header nav>.nav-contact{border:1px solid rgba(247,242,231,.3)}.hero{min-height:860px}.hero-grid{inset:16px 4% 70px;border-radius:13px}.hero-art{width:112%;max-width:112%;right:-6%;top:322px}.hero .hero-description{max-width:310px}.brand-footer .brand-symbol{width:36px;height:36px}.brand-footer .brand-name{font-size:29px}}
@media(max-width:360px){.brand{gap:10px}.brand .brand-name{font-size:27px}.brand .brand-symbol{width:32px;height:32px}.hero{min-height:835px}.hero-art{top:330px}.hero-grid{inset:16px 3% 66px}}