:root{--bg:#040913;--surface:#0c1728;--text:#e8f3ff;--muted:#8ca6c5;--cyan:#32caff;--blue:#137eff;--gold:#e9c580;--line:rgba(130,192,255,.23)}
button{font:inherit}
::selection{background:#1d8dff;color:white}
.shell{max-width:1570px;margin:auto;padding:0 5.2%}
.topbar{height:83px;position:relative;z-index:40;border-bottom:1px solid rgba(133,185,246,.12);background:rgba(3,9,20,.85);backdrop-filter:blur(22px)}
.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{font-size:40px;font-weight:950;line-height:1;letter-spacing:-8px;padding-right:8px;font-style:italic;background:linear-gradient(130deg,#fff 6%,#75c8ff 40%,#1980ff 82%);color:transparent;background-clip:text}
.logo-name{font-size:17px;letter-spacing:.19em;color:#dcecff}
.logo small{display:block;font-size:8px;letter-spacing:.24em;color:#7d9fbf;margin-top:5px}
.nav{display:flex;gap:34px;font-size:13px;color:#b9c9db}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active:after{content:"";display:block;height:2px;background:#27b8ff;margin:11px auto -13px;box-shadow:0 0 11px #1ba6ff}
.nav-actions{display:flex;gap:12px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:47px;border-radius:10px;padding:0 21px;border:1px solid rgba(127,191,249,.46);background:rgba(8,20,38,.55);color:#eaf4ff;font-weight:650;font-size:13px;cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s}
.button:hover{transform:translateY(-2px);border-color:#45c7ff;box-shadow:0 12px 32px rgba(14,126,244,.16)}
.button.primary{background:linear-gradient(115deg,#1468ef,#12b7f2);border-color:#6bcbff;box-shadow:0 0 23px rgba(21,125,255,.33);color:white}
.button.gold{border-color:rgba(242,202,126,.7);color:#f2d18e;box-shadow:inset 0 0 18px rgba(214,152,52,.08)}
.menu{display:none;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:10px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{gap:13px}}
@media(max-width:680px){.shell{padding:0 20px}
.topbar{height:74px}
.logo-mark{font-size:32px}
.logo-name{font-size:12px}
.logo small{font-size:6px}
.menu{display:block}
.nav{display:none;position:absolute;left:0;right:0;top:73px;background:#081626;padding:23px;flex-direction:column;gap:20px;border-bottom:1px solid #274a6d}
.nav.open{display:flex}
.nav-actions .button{display:none}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.network-svg{display:block;width:100%;height:375px;margin:5px auto}
@media(max-width:560px){.network-svg{height:295px}}
body::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E")}
#scrollbar-progress{position:fixed;z-index:500;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#1470ff,#4edbff,#e7c98b);box-shadow:0 0 17px #2ebfff}
.button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.back-top{position:fixed;z-index:80;bottom:24px;right:24px;width:45px;height:45px;border-radius:12px;border:1px solid #32648b;background:#091b30eF;color:#c6ecff;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.x1-footer{position:relative;border-top:1px solid #254663;background:linear-gradient(180deg,#07111e,#040913);padding:57px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px}
.footer-brand{font-size:38px;color:#6bd5ff;font-weight:900;letter-spacing:-.09em}
.footer-brand small{font-size:14px;color:#b1cfdf;letter-spacing:.15em;margin-left:12px;font-weight:500}
.footer-about{font-size:13px;color:#829eb8;max-width:350px;line-height:1.8}
.footer-col h4{font-size:11px;color:#e2f2ff;letter-spacing:.17em;margin:10px 0 22px}
.footer-col a{display:block;color:#8aa7c3;font-size:13px;margin:0 0 14px;transition:color .2s}
.footer-col a:hover{color:#4dd7ff}
.footer-bottom{margin-top:52px;border-top:1px solid #21384f;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#7f9ab5}
.footer-bottom a{color:#a8c5db}
@media(max-width:920px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}
.footer-grid>div:first-child{grid-column:1/-1}
.footer-bottom{margin-top:30px}}
.x1-footer .footer-atmosphere{pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 14%,rgba(29,113,209,.20),transparent 42%),radial-gradient(ellipse at 15% 0%,rgba(23,96,177,.14),transparent 45%),linear-gradient(180deg,#071525,#050b16 62%,#030811)}
.x1-footer .footer-atmosphere:after{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(66,147,224,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(66,147,224,.14) 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
.footer-signature{min-height:425px;padding:70px 0 58px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:35px;align-items:center;border-bottom:1px solid rgba(113,174,227,.19)}
.footer-kicker{color:#62c9ff;font-size:10px;font-weight:800;letter-spacing:.27em;display:flex;align-items:center;gap:10px}
.live-led{width:7px;height:7px;border-radius:50%;background:#29d5ff;box-shadow:0 0 12px #22bfff}
.signature-copy h2{font-size:clamp(39px,4.2vw,68px);line-height:1.04;letter-spacing:-.055em;margin:20px 0;color:#eff7ff}
.signature-copy h2 span{background:linear-gradient(90deg,#74d9ff,#268cff);color:transparent;background-clip:text}
.signature-copy p{max-width:560px;color:#9db7d3;font-size:15px;line-height:1.8}
.signature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:27px;margin-top:28px}
.footer-inline-link{color:#bfdcf6;font-size:13px;font-weight:700;border-bottom:1px solid rgba(105,194,253,.45);padding-bottom:5px}
.footer-inline-link:hover{color:#46ccff}
.footer-network{height:350px;position:relative;isolation:isolate;overflow:hidden}
.footer-network:after{content:"";position:absolute;width:60%;height:100px;left:20%;bottom:35px;background:#087fd8;filter:blur(66px);opacity:.23;z-index:-1}
.network-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(52,151,246,.25);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%) rotateX(62deg)}
.network-orbit.orbit-two{width:430px;height:430px;border-color:rgba(52,151,246,.11)}
.network-core{position:absolute;top:27px;left:50%;transform:translateX(-50%) perspective(600px) rotateY(-12deg);width:155px;height:246px;border:1.5px solid rgba(113,204,255,.89);border-radius:18px;background:linear-gradient(135deg,#2568aa65,#071c3bec 35%,#103e79df 80%,#5dc5ff36);box-shadow:0 0 28px rgba(29,156,255,.36),inset 0 0 32px rgba(62,169,255,.19),0 32px 60px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:3}
.network-core:after{content:"";position:absolute;inset:10px;border-radius:12px;background:repeating-radial-gradient(ellipse at 92% 5%,transparent 0 13px,#64c6ff10 14px,transparent 15px);pointer-events:none}
.network-core strong{font-size:68px;letter-spacing:-.14em;padding-right:9px;font-style:italic;background:linear-gradient(120deg,#fff,#7ed9ff 55%,#2187ff);color:transparent;background-clip:text;filter:drop-shadow(0 0 13px #279efa)}
.network-core small{color:#b4daff;text-align:center;font-size:8px;letter-spacing:.28em;line-height:1.8}
.network-node{position:absolute;top:137px;display:flex;align-items:center;gap:9px;padding:13px 14px;border-radius:11px;border:1px solid #4088bca8;background:linear-gradient(135deg,#152e4de8,#071423ec);box-shadow:0 13px 28px #0008,0 0 16px #116dc536;z-index:4}
.network-node.node-left{left:0}
.network-node.node-right{right:0;border-color:#bda67196}
.network-node b{display:block;font-size:10px;letter-spacing:.05em;white-space:nowrap}
.network-node small{display:block;margin-top:5px;color:#80a9cc;font-size:8px;letter-spacing:.09em;white-space:nowrap}
.network-beam{position:absolute;top:170px;width:30%;height:1px;background:linear-gradient(90deg,transparent,#36acff,transparent);box-shadow:0 0 13px #209bff}
.network-beam.beam-left{left:10%}
.network-beam.beam-right{right:10%}
.network-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#76b7e0;font-size:10px;letter-spacing:.34em;font-weight:750}
.footer-information{display:grid;grid-template-columns:minmax(250px,1.8fr) repeat(3,minmax(135px,1fr));gap:clamp(25px,3vw,62px);padding:62px 0 48px}
.footer-company p{max-width:320px;color:#90aac5;font-size:13px;line-height:1.9;margin:22px 0}
.footer-logo{display:inline-flex;align-items:center;gap:18px}
.footer-x1{font-size:59px;font-weight:950;letter-spacing:-.15em;padding-right:9px;font-style:italic;line-height:1;color:transparent;background:linear-gradient(115deg,#fff 10%,#65c6ff 50%,#1881ff);background-clip:text}
.footer-wordmark{font-size:17px;color:#ecf6ff;letter-spacing:.20em;font-weight:650}
.footer-wordmark small{display:block;font-size:8px;letter-spacing:.17em;color:#6fafd8;margin-top:8px;font-weight:500}
.company-website{display:inline-flex;gap:9px;align-items:center;color:#b5ddfc;border:1px solid #31597a;border-radius:8px;padding:11px 14px;font-size:12px;transition:.2s}
.company-website:hover{background:#102c48;border-color:#42b9ff}
.website-dot{width:7px;height:7px;border-radius:50%;background:#36d6d2;box-shadow:0 0 10px #36d6d2}
.x1-footer .footer-col h3{font-size:10px;font-weight:800;letter-spacing:.22em;color:#f1f7ff;margin:9px 0 26px}
.x1-footer .footer-col a{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:230px;padding:0 0 15px;margin-bottom:14px;border-bottom:1px solid rgba(104,170,226,.09);font-size:13px;color:#91b4d4;transition:color .2s,border-color .2s}
.x1-footer .footer-col a span{font-size:12px;color:#5a86a6;opacity:0;transform:translateX(-5px);transition:all .2s}
.x1-footer .footer-col a:hover{color:#e6f8ff;border-color:#3985b3}
.x1-footer .footer-col a:hover span{opacity:1;transform:translateX(0)}
.footer-bottom-enhanced{border-top:1px solid rgba(106,165,216,.23);padding:22px 0 12px;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#8fb0cc;font-size:10px;letter-spacing:.11em;font-weight:700}
.footer-bottom-enhanced i{font-size:8px;font-style:normal;color:#2699ec;margin:0 6px}
.footer-bottom-enhanced a{color:#c3e7ff;white-space:nowrap}
.footer-bottom-enhanced a:hover{color:#37cfff}
.footer-disclaimer{font-size:11px;line-height:1.7;color:#6c87a4;max-width:1100px;padding-bottom:7px}
@media(max-width:1100px){.footer-signature{grid-template-columns:1fr 1fr}
.network-node{padding:10px}
.network-node b{font-size:9px}
.network-node small{font-size:7px}
.footer-information{grid-template-columns:1.4fr 1fr 1fr;row-gap:25px}
.footer-information .footer-col:last-child{grid-column:2/4}}
@media(max-width:760px){.footer-signature{grid-template-columns:1fr;padding:64px 0 38px;gap:3px}
.footer-network{height:320px;max-width:570px;width:100%;margin:auto}
.signature-copy h2{font-size:clamp(39px,8vw,59px)}
.footer-information{grid-template-columns:1fr 1fr;gap:33px 22px;padding:46px 0 28px}
.footer-company{grid-column:1/-1}
.footer-information .footer-col:last-child{grid-column:auto}
.footer-bottom-enhanced{flex-wrap:wrap;line-height:1.6}}
@media(max-width:450px){.footer-network{height:270px}
.network-core{width:112px;height:190px;top:26px}
.network-core strong{font-size:51px}
.network-orbit{width:250px;height:250px}
.network-orbit.orbit-two{width:350px;height:350px}
.network-node{top:124px;padding:8px 6px;gap:4px}
.network-node b{font-size:7px}
.network-node small{font-size:6px}
.network-caption{font-size:8px;bottom:10px}
.footer-information{grid-template-columns:1fr 1fr}
.x1-footer .footer-col h3{font-size:9px}
.x1-footer .footer-col a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.x1-footer *{animation:none!important;scroll-behavior:auto!important}}
.x1-topbar:after{content:"";position:absolute;bottom:-1px;left:4.5%;width:30%;height:1px;background:linear-gradient(90deg,#2bcaffaa,transparent);pointer-events:none}
.x1-top-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 35%,rgba(28,123,242,.15),transparent 40%),radial-gradient(ellipse at 90% 0%,rgba(28,167,243,.1),transparent 37%)}
.x1-header-shell{max-width:1800px;padding:0 4.5%!important;gap:19px!important}
.x1-brand{min-width:290px;gap:12px;position:relative}
.x1-logo-glyph{display:inline-block;font-size:44px;line-height:.8;font-style:italic;letter-spacing:-.15em;font-weight:950;padding:8px 9px 8px 0;color:#e8f7ff;text-shadow:0 0 24px #229cfc67;background:linear-gradient(115deg,#fff,#7edaff 52%,#1681ed);background-clip:text;-webkit-text-fill-color:transparent}
.x1-logo-glyph span{font-weight:1000}
.x1-brand-copy{display:flex;flex-direction:column;border-left:1px solid #377fb280;padding-left:14px;gap:7px}
.x1-brand-copy b{font-size:15px;letter-spacing:.19em;color:#edf6ff;white-space:nowrap;font-weight:700}
.x1-brand-copy em{color:#60ceff;font-style:normal}
.x1-brand-copy small{font-size:8px!important;letter-spacing:.25em!important;color:#78a8c9!important;margin:0!important}
.x1-brand-pulse{width:5px;height:5px;background:#55e6ff;border-radius:50%;box-shadow:0 0 12px #24bdff;align-self:center;margin-left:1px}
.x1-primary-nav{height:100%;align-items:center;gap:5px!important;font-size:12px!important}
.x1-primary-nav a{display:flex;align-items:center;position:relative;height:100%;padding:0 13px;white-space:nowrap;transition:color .2s;background:transparent}
.x1-primary-nav a:hover,.x1-primary-nav a.active{color:#e7faff}
.x1-primary-nav a:before{content:"";position:absolute;bottom:25px;left:13px;right:13px;height:1px;background:#44ccff;transform:scaleX(0);transition:transform .22s;box-shadow:0 0 12px #3cc9ff}
.x1-primary-nav a:hover:before,.x1-primary-nav a.active:before{transform:scaleX(1)}
.x1-primary-nav a.active:after{display:none!important}
.x1-header-actions{gap:12px!important}
.x1-lang{position:relative}
.x1-lang-trigger{display:flex;align-items:center;gap:8px;padding:12px 10px;background:#091b2e;border:1px solid #32618a;border-radius:9px;color:#d7f1ff;cursor:pointer;font-size:11px;letter-spacing:.06em}
.x1-lang-globe{font-size:22px;line-height:10px;color:#55c6fd}
.x1-chevron{color:#8db3d2}
.x1-lang-list{position:absolute;right:0;top:calc(100% + 12px);width:185px;padding:6px;background:#09172a;border:1px solid #33658f;border-radius:12px;box-shadow:0 24px 65px #000c;z-index:120}
.x1-lang-list[hidden]{display:none!important}
.x1-lang-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;border:0;background:transparent;color:#b8cfe3;border-radius:7px;text-align:left;font-size:12px;cursor:pointer}
.x1-lang-list button:hover,.x1-lang-list button[aria-checked="true"]{background:#143754;color:#fff}
.x1-lang-list span{color:#4bbfff;font-weight:750}
.x1-head-divider{height:27px;width:1px;background:linear-gradient(transparent,#44709f,transparent)}
.x1-header-link{font-size:12px;color:#a9c5dd;white-space:nowrap}
.x1-header-link:hover{color:#fff}
.x1-start-btn{border-radius:10px!important;padding:0 14px 0 18px!important;min-height:45px!important;gap:15px!important;white-space:nowrap}
.x1-btn-arrow{display:grid;place-items:center;border-left:1px solid #ffffff50;padding-left:11px;font-size:18px}
.x1-menu{border-color:#2b5b82!important}
@media(max-width:1380px){.x1-brand{min-width:235px}
.x1-primary-nav a{padding:0 8px}
.x1-primary-nav{gap:2px!important}
.x1-header-link{display:none}}
@media(max-width:1060px){.x1-brand{min-width:0}
.x1-primary-nav{height:auto;position:absolute;top:calc(100% + 8px);right:4%;left:auto;min-width:230px;max-width:calc(100vw - 30px);background:#08182e;border:1px solid #32618a;border-radius:13px;box-shadow:0 25px 70px #000c;padding:9px;display:none!important;flex-direction:column;gap:0!important;z-index:90}
.x1-primary-nav.open{display:flex!important}
.x1-primary-nav a{height:auto;min-height:42px;width:100%;padding:12px!important;border-radius:7px}
.x1-primary-nav a:hover,.x1-primary-nav a.active{background:#15324f}
.x1-primary-nav a:before{display:none}
.x1-menu{display:inline-flex!important}}
@media(max-width:620px){.x1-topbar{height:75px}
.x1-header-shell{padding:0 16px!important;gap:6px!important}
.x1-logo-glyph{font-size:37px}
.x1-brand-copy b{font-size:11px}
.x1-brand-copy small{font-size:6px!important}
.x1-brand-pulse,.x1-head-divider,.x1-start-btn{display:none!important}
.x1-header-actions{gap:6px!important}
.x1-lang-trigger{padding:10px 8px}
.x1-lang-globe{display:none}
.x1-brand-copy{padding-left:8px}
.x1-primary-nav{right:12px}
.x1-lang-list{right:-45px}}
/* shared chrome additions */
/* scrollbar in the site palette (Chrome/Edge/Safari + Firefox) */
html{scrollbar-color:#1f4f82 #050b16;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#050b16;border-left:1px solid rgba(130,192,255,.12)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a6fc0,#1a4a86);border:2px solid #050b16;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#39a7ff,#1f6fd0)}
::-webkit-scrollbar-corner{background:#050b16}

.x1-logo-img{height:40px;width:auto;display:block;filter:drop-shadow(0 0 16px rgba(34,156,252,.45))}
.footer-logo-img{height:46px;width:auto;display:block;filter:drop-shadow(0 0 14px rgba(34,156,252,.35))}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px 0 0;font-size:11px;letter-spacing:.06em}
.footer-legal a{color:#8fb0cc}.footer-legal a:hover{color:#37cfff}
.x1-primary-nav a[data-sub]{color:#8ca6c5}
@media(max-width:620px){.x1-logo-img{height:32px}}
