@charset "UTF-8";


:root{
  --ink:#16212E;
  --ink-2:#24344A;
  --navy:#0A1628;
  --navy-deep:#0A1628;
  --blue:#3D6FA0;
  --blue-deep:#35618C;
  --sky:#F1F5FA;
  --paper:#F7F9FC;
  --white:#FFFFFF;
  --line:#E3E9F1;
  --line-strong:#D6DFEA;
  --muted:#46586C;
  --muted-2:#5A6B7F;
  --amber:#8A5B12;
  --amber-bg:#FBF3E4;
  --radius:2px;
  --radius-lg:2px;
}


.header{
  background:#FFFFFF;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-bottom:1px solid var(--line);
}
.header.scrolled{
  background:#FFFFFF;
  box-shadow:0 8px 24px -20px rgba(10,22,40,.35);
}
.nav-links a{border-radius:2px;}


.btn-primary{
  background:var(--blue);
  color:#FFFFFF;
  box-shadow:none;
}
.btn-primary:hover{background:var(--blue-deep);transform:none;}
.btn-ghost{border-color:var(--line-strong);color:var(--ink-2);}
.btn-ghost:hover{background:var(--sky);border-color:var(--line-strong);color:var(--ink);}
.btn{border-radius:2px;}


.hero{
  padding:56px 0 0;
  background:#0A1628;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(226,238,248,.07) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(226,238,248,.07) 1px,transparent 1px),
    radial-gradient(rgba(56,189,248,.09) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px;
  -webkit-mask-image:radial-gradient(120% 92% at 42% 0%,#000 0%,rgba(0,0,0,.45) 62%,transparent 92%);
  mask-image:radial-gradient(120% 92% at 42% 0%,#000 0%,rgba(0,0,0,.45) 62%,transparent 92%);
}
.hero .eyebrow{color:#8CA0B6;}
.hero .eyebrow::before{background:#8CA0B6;}
.hero h1{color:#E7EFF8;}
.hero h1 .hl{color:#38BDF8;}
.hero .lead{color:#AFC2D4;}
.hero-meta{color:#8CA0B6;}
.hero-meta span::before{background:rgba(226,238,248,.42);opacity:1;}
.hero .btn-ghost{color:#E7EFF8;border-color:rgba(226,238,248,.34);}
.hero .btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(226,238,248,.55);color:#FFFFFF;}
.hero .board{
  box-shadow:0 28px 64px -40px rgba(0,0,0,.75);
  border-color:rgba(226,238,248,.22);
}


.sec{background:transparent;}
.sec-title{color:var(--ink);letter-spacing:-.015em;}
.sec-desc{color:var(--muted);}
.rule{background:var(--line);}


.sec.dark{
  background:#F7F9FC;
  color:var(--ink);
  border-top:1px solid var(--line);
}
.sec.dark .eyebrow{color:var(--blue-deep);}
.sec.dark .eyebrow::before{background:var(--blue-deep);}
.sec.dark .sec-title{color:var(--ink);}
.sec.dark .sec-desc{color:var(--muted);}
.sec.dark .product-grid{border-top-color:var(--line);}
.sec.dark .prod{
  border-bottom-color:var(--line);
  border-right-color:var(--line);
}
.sec.dark .prod:hover{background:#FFFFFF;}
.sec.dark .prod h4{color:var(--ink);}
.sec.dark .prod .ver{color:#3A5C82;border-color:#C9D8E8;}
.sec.dark .prod .sub{color:var(--muted-2);}
.sec.dark .prod p{color:var(--muted);}
.sec.dark .prod .go{color:var(--blue);}
.sec.dark .tag{background:#FFFFFF;border-color:var(--line-strong);color:var(--muted);}
.sec.dark .btn-ghost{border-color:var(--line-strong);color:var(--ink-2);}
.sec.dark .btn-ghost:hover{background:var(--sky);color:var(--ink);}
.sec.dark .product-head h3{color:var(--ink);}
.sec.dark .product-head p{color:var(--muted);}
.sec.dark .product-side .fact{color:var(--ink-2);}
.sec.dark .product-side .fact i{background:var(--blue);}
.sec.dark .other-products{border-top-color:var(--line);}
.sec.dark .other-products .lab{color:var(--muted-2);}
.sec.dark .other-products li a{border-color:var(--line-strong);color:var(--muted);}
.sec.dark .other-products li a:hover{background:#FFFFFF;border-color:var(--blue);color:var(--ink);}
.sec.dark .prod-note{color:var(--muted-2);}


.brand{flex:0 0 auto;}
.nav{gap:16px;}
.nav-links{flex:0 0 auto;white-space:nowrap;}
.nav-links a{white-space:nowrap;}
@media (max-width:1180px){
  .nav-links a{padding:8px 9px;font-size:14px;}
  .nav-right .btn-sm{height:36px;padding:0 12px;font-size:13px;}
}


.board,.panel,.comp,.news,.issue-card,.card{
  border-radius:2px;
}
.comp{
  box-shadow:none;
  border:1px solid var(--line);
  background:#FFFFFF;
}
.comp:hover{
  transform:none;
  box-shadow:0 10px 28px -24px rgba(10,22,40,.45);
  border-color:var(--line-strong);
  background:#FFFFFF;
}
.news{background:#FFFFFF;}
.news:hover{background:#FBFCFE;}
.tag{border-radius:2px;border-color:#D6E2F0;}
.chip{border-radius:2px;}
.board{border-color:var(--line);}
.stat,.stats{background:#FFFFFF;}


input,textarea,select{
  border-radius:2px;
  border-color:var(--line-strong);
  background:#FFFFFF;
  color:var(--ink);
}
input:focus,textarea:focus,select:focus{
  border-color:var(--blue);
  outline:none;
  box-shadow:0 0 0 2px rgba(61,111,160,.14);
}


.footer{
  background:#0A1628;
  border-top:1px solid rgba(226,238,248,.12);
  color:#AFC2D4;
}
.footer h4{color:#8CA0B6;}
.footer p.desc{color:#8CA0B6;}
.footer .contact li{color:#AFC2D4;}
.footer .contact li span{color:#8CA0B6;}
.footer ul li a{color:#AFC2D4;}
.footer ul li a:hover{color:#FFFFFF;}
.footer .brand .bt{color:#E7EFF8;}
.footer .brand .bs{color:#7F98B4;}
.footer .rule,.footer hr{border-color:rgba(226,238,248,.12);}


.cta{
  background:#0D1B2E;
  color:#E7EFF8;
  border-top:1px solid rgba(226,238,248,.12);
}
.cta p{color:#AFC2D4;}
.cta .btn-primary{background:var(--blue);color:#FFFFFF;}
.cta .btn-primary:hover{background:#4E86BE;}
.cta .btn-ghost{border-color:rgba(226,238,248,.34);color:#E7EFF8;}
.cta .btn-ghost:hover{background:rgba(255,255,255,.08);color:#FFFFFF;border-color:rgba(226,238,248,.55);}
.cta-contact{color:#8CA0B6;}


@media (max-width:900px){
  .sec{padding:76px 0;}
  .sec-head{margin-bottom:40px;}
  .hero{padding:40px 0 0;}
}
@media (max-width:760px){
  .hero{padding:32px 0 0;}
  .sec{padding:64px 0;}
}


@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
  .lb-splash{display:none!important;}
}


.page-hero{
  background:
    radial-gradient(900px 420px at 84% 0%, rgba(61,111,160,.10), transparent 62%),
    linear-gradient(180deg,#FBFCFE 0%,var(--paper) 100%);
  border-bottom:1px solid var(--line);
}
.page-hero::before{
  background-image:
    linear-gradient(to right,rgba(10,22,40,.055) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(10,22,40,.055) 1px,transparent 1px),
    radial-gradient(rgba(56,189,248,.10) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px;
  -webkit-mask-image:radial-gradient(900px 600px at 78% 0%,#000 8%,transparent 76%);
  mask-image:radial-gradient(900px 600px at 78% 0%,#000 8%,transparent 76%);
}
.hero-tags span{border-radius:2px;}
.subnav{background:#FFFFFF;}
.prod-item .ver,.prod-item .caps span{background:var(--sky);border-color:#D6DFEA;color:var(--blue-deep);border-radius:2px;}
.card,.shot,.news,.comp,.board,.panel{border-radius:2px;}
.shot{box-shadow:none;}
.shot figcaption{background:#FBFCFE;}
.factrow .n{color:var(--blue-deep);}
.sec-title{color:var(--ink);}


.lb-splash{
  position:fixed;inset:0;z-index:9999;
  display:grid;place-items:center;
  background:#0A1628;
  animation:lb-splash-out .2s cubic-bezier(.4,0,.9,1) 420ms both;
}
.lb-splash::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(226,238,248,.06) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(226,238,248,.06) 1px,transparent 1px);
  background-size:96px 96px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 46%,#000 0%,transparent 78%);
  mask-image:radial-gradient(70% 60% at 50% 46%,#000 0%,transparent 78%);
}
.lb-splash-in{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;
  animation:lb-splash-in .22s cubic-bezier(.22,.61,.36,1) both;
}
.lb-splash-in img{width:56px;height:56px;object-fit:contain;}
.lb-splash-t{font-size:14px;letter-spacing:.3em;color:#E7EFF8;text-indent:.3em;}
.lb-splash-s{font-size:9px;letter-spacing:.34em;color:#7F98B4;text-indent:.34em;}
.lb-splash.lb-gone{animation:none!important;display:none!important;}
@keyframes lb-splash-in{
  from{opacity:0;transform:translateY(8px) scale(.97);}
  to{opacity:1;transform:none;}
}
@keyframes lb-splash-out{
  from{opacity:1;visibility:visible;pointer-events:auto;}
  to{opacity:0;visibility:hidden;pointer-events:none;}
}


#products .product-grid{grid-template-columns:1fr;}
#products .prod{border-right:0;}


.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;}
.qr{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;}
.qr-box{
  width:100%;aspect-ratio:1/1;display:grid;place-items:center;
  background:#FFFFFF;border:1px solid var(--line);border-radius:2px;overflow:hidden;
}
.qr-box img{width:100%;height:100%;object-fit:contain;}
.qr-fallback{font-size:12px;color:var(--muted-2);letter-spacing:.06em;}
.qr figcaption{font-size:12.5px;color:var(--muted);letter-spacing:.04em;}
.qr-note{margin-top:14px;font-size:12px;line-height:1.8;color:var(--muted-2);}
@media (max-width:560px){
  .qr-grid{grid-template-columns:1fr 1fr;gap:10px;}
}


.board-tag{white-space:nowrap;}