:root{--bg:#01070c;--text:#f7fbff;--blue:#72baff;--muted:#aeb8c2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#01070c;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}

/* Loading */
.loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#01060b;transition:opacity .4s ease,visibility .4s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-inner>img{width:170px;margin:0 auto 34px}.loader-ring{width:58px;height:58px;border:3px solid #0c2a42;border-radius:50%;position:relative;margin:0 auto 20px}.loader-ring span{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:#72c8ff;border-right-color:#72c8ff;filter:drop-shadow(0 0 7px #53b8ff);animation:spin .8s linear infinite}.loader p{font-size:9px;letter-spacing:4.4px;color:#b9cad8}@keyframes spin{to{transform:rotate(360deg)}}

/* Desktop: scale the approved composition as a single artboard so spacing, typography and cinematic balance stay exact. */
.desktop-site{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#061525 0,#01070c 42%,#000 100%);padding:0;overflow:hidden}
.desktop-artboard{position:relative;width:min(100vw,calc(100vh * 1.329347826));aspect-ratio:1223/920;flex:0 0 auto;box-shadow:0 0 80px rgba(0,28,50,.18)}
.desktop-master{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;z-index:5;border-radius:999px}.hotspot:focus-visible{outline:2px solid #76c6ff;outline-offset:2px;box-shadow:0 0 16px #4eb8ff}
.hs-home{left:34.7%;top:2.4%;width:5.3%;height:5.8%}.hs-products{left:40.2%;top:2.4%;width:7%;height:5.8%}.hs-vision{left:48.2%;top:2.4%;width:8%;height:5.8%}.hs-about{left:56.6%;top:2.4%;width:6.6%;height:5.8%}.hs-build{left:82.9%;top:1.7%;width:13.9%;height:5.6%}.hs-explore{left:6.0%;top:43.2%;width:21.4%;height:6.4%}.hs-health{left:5.8%;top:59.4%;width:43.7%;height:21.9%;border-radius:16px}.hs-pickle{left:50.9%;top:59.4%;width:43.9%;height:21.9%;border-radius:16px}
.anchor{position:absolute;width:1px;height:1px;pointer-events:none}.a-home{top:0}.a-products{top:54%}.a-vision{top:82%}.a-about{bottom:0}
.desktop-note{display:none}
.desktop-footer{width:100%;padding:34px 20px 38px;text-align:center;border-top:1px solid rgba(120,176,216,.22);background:#01070c}.desktop-footer img{width:134px;margin:0 auto 12px}.desktop-footer p{font-size:8px;letter-spacing:4px;color:#93a9ba;margin:0}
.mobile-site{display:none}

@media (min-width:900px) and (max-aspect-ratio: 1.15/1){.desktop-artboard{width:100vw}.desktop-site{justify-content:flex-start}}

/* Mobile */
@media(max-width:899px){
  .desktop-site{display:none}.mobile-site{display:block;min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(19,78,121,.23),transparent 28%),#01070c}
  .mobile-header{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(1,7,12,.98),rgba(1,7,12,.86));backdrop-filter:blur(16px);border-bottom:1px solid rgba(103,187,255,.10)}
  .mobile-brand img{width:122px}
  .menu-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(112,190,255,.38);background:rgba(8,20,31,.72);display:grid;place-content:center;gap:5px;padding:0}.menu-toggle span{display:block;width:19px;height:1.5px;background:#edf7ff}
  .mobile-nav{display:none;position:absolute;left:14px;right:14px;top:64px;padding:10px 16px;border:1px solid rgba(112,190,255,.25);border-radius:16px;background:rgba(1,8,14,.97);box-shadow:0 14px 36px rgba(0,0,0,.4)}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-nav a:last-child{border-bottom:0}
  .mobile-hero{padding:30px 20px 0;overflow:hidden}.m-eyebrow{font-size:8px;letter-spacing:2.9px;line-height:1.5;color:#c2ccd5;margin:0 0 22px}.mobile-hero h1{font-size:49px;line-height:.98;letter-spacing:-2.4px;font-weight:300;margin:0 0 18px}.mobile-hero h1 span{color:#72baff}.m-copy{font-size:14px;line-height:1.55;color:#d0d7de;margin:0 0 23px;max-width:360px}.m-button{height:48px;min-width:250px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;border:1px solid #62b9ff;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 0 10px #349fff,0 0 26px rgba(52,159,255,.38),inset 0 0 18px rgba(72,176,255,.08)}.m-button span{font-size:19px;color:#b9deff}
  .m-earth-wrap{position:relative;width:calc(100% + 40px);margin:28px -20px -2px;height:260px;overflow:hidden}.m-earth-wrap img{position:absolute;height:100%;width:auto;max-width:none;left:50%;transform:translateX(-45%);object-fit:cover}.m-earth-fade{position:absolute;inset:0;background:linear-gradient(180deg,#01070c 0%,transparent 12%,transparent 76%,#01070c 100%),linear-gradient(90deg,#01070c 0%,transparent 12%,transparent 92%,#01070c 100%)}
  .mobile-products{padding:20px 16px 8px}.m-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 13px;font-size:9px;letter-spacing:3px;color:#c4cfda}.m-section-head span:last-child{font-size:12px;letter-spacing:0;color:#cde8ff}.m-card{border-radius:14px;overflow:hidden;border:1px solid rgba(115,190,247,.38);box-shadow:0 18px 42px rgba(0,0,0,.24);margin-bottom:14px}.m-card img{width:100%}
  .mobile-values{margin:8px 16px 0;border-top:1px solid rgba(120,176,216,.16);border-bottom:1px solid rgba(120,176,216,.16);display:grid;grid-template-columns:1fr 1fr}.mobile-values article{text-align:center;padding:22px 13px;min-height:170px}.mobile-values article:nth-child(odd){border-right:1px solid rgba(120,176,216,.16)}.mobile-values article:nth-child(n+3){border-top:1px solid rgba(120,176,216,.16)}.mobile-values img{height:41px;width:auto;margin:0 auto 10px}.mobile-values h2{font-size:9px;letter-spacing:2.8px;margin:0 0 8px;color:#e4edf4}.mobile-values h2 span{color:#72baff}.mobile-values p{font-size:11.5px;line-height:1.45;color:#aeb8c2;margin:0}
  .mobile-footer{padding:32px 20px 40px;text-align:center}.mobile-footer img{width:134px;margin:0 auto 12px}.mobile-footer p{font-size:8px;letter-spacing:4px;color:#93a9ba;margin:0}
}
@media(max-width:430px){.mobile-hero h1{font-size:44px}.m-earth-wrap{height:232px}.mobile-values{grid-template-columns:1fr}.mobile-values article:nth-child(odd){border-right:0}.mobile-values article:nth-child(n+2){border-top:1px solid rgba(120,176,216,.16)}.mobile-values article{min-height:0;padding:22px 18px}}


/* v6.3: one composition at a time. Desktop is untouched; mobile renders only the mobile layout. */
@media (min-width:900px){
  .desktop-site{display:flex!important}
  .mobile-site{display:none!important}
}
@media (max-width:899px){
  .desktop-site{display:none!important}
  .mobile-site{display:block!important}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
}

/* v6.5 — functional site sections below the approved hero composition */
.deep-section{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:96px 0;border-top:1px solid rgba(120,176,216,.16);position:relative}
.deep-kicker{font-size:10px;letter-spacing:4px;color:#8fb9d8;margin-bottom:18px}
.deep-section h2{font-size:clamp(40px,4.3vw,70px);line-height:1.02;letter-spacing:-2px;font-weight:300;max-width:900px;margin:0 0 22px}.deep-section h2 span{color:#72baff}
.deep-lead{font-size:18px;line-height:1.65;color:#aeb8c2;max-width:760px;margin:0}
.products-deep{padding-top:110px}.product-detail-grid{display:grid;gap:34px;margin-top:56px}.product-detail{display:grid;grid-template-columns:1.02fr .98fr;border:1px solid rgba(113,191,250,.22);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(9,28,44,.74),rgba(1,8,14,.86));box-shadow:0 30px 70px rgba(0,0,0,.3)}.product-detail>img{width:100%;height:100%;object-fit:cover;min-height:330px}.product-detail-copy{padding:42px 44px;display:flex;flex-direction:column;justify-content:center}.product-label{font-size:9px;letter-spacing:3.6px;color:#78bfff;margin-bottom:14px}.product-detail h3{font-size:34px;line-height:1.08;font-weight:400;margin:0 0 16px}.product-detail p{font-size:15px;line-height:1.7;color:#b5c0c9;margin:0 0 24px}.feature-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.feature-row span,.coming-pill{display:inline-flex;align-items:center;border:1px solid rgba(117,190,247,.28);border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:.7px;color:#c9deed;background:rgba(12,37,57,.5)}.coming-pill{width:max-content;color:#e9f7ff;border-color:rgba(108,195,255,.5);box-shadow:0 0 18px rgba(73,172,244,.12)}
.vision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(112,177,220,.15);margin-top:54px;border:1px solid rgba(112,177,220,.15)}.vision-grid>div{background:#01070c;padding:32px 26px;min-height:230px}.vision-grid strong{font-size:12px;letter-spacing:2px;color:#72baff}.vision-grid h3{font-size:18px;margin:34px 0 12px}.vision-grid p{font-size:13px;line-height:1.6;color:#9cabb6;margin:0}
.about-deep{padding-bottom:110px}.contact-deep{text-align:center;padding:112px 0 126px;overflow:hidden}.contact-deep .deep-kicker,.contact-deep .deep-lead{margin-left:auto;margin-right:auto}.contact-deep h2{margin-left:auto;margin-right:auto}.contact-glow{position:absolute;width:520px;height:220px;border-radius:50%;background:rgba(25,127,198,.18);filter:blur(70px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.contact-button{position:relative;margin-top:34px;display:inline-flex;align-items:center;gap:30px;border:1px solid #5eb8ff;border-radius:999px;padding:15px 24px;font-size:14px;box-shadow:0 0 12px rgba(76,182,255,.6),0 0 34px rgba(76,182,255,.18);background:rgba(4,17,28,.74)}.contact-button span{color:#9bd4ff}

@media(max-width:899px){
  .deep-section{display:none}
  .m-product-info,.m-about-section,.m-contact-section{margin:30px 16px 0;padding:30px 20px;border-top:1px solid rgba(120,176,216,.16);background:linear-gradient(180deg,rgba(8,25,39,.26),rgba(1,7,12,0));border-radius:18px}
  .m-product-info h2,.m-about-section h2,.m-contact-section h2{font-size:29px;line-height:1.08;font-weight:350;letter-spacing:-.8px;margin:0 0 14px}.m-about-section h2 span{color:#72baff}
  .m-product-info p,.m-about-section p{font-size:14px;line-height:1.65;color:#aeb8c2;margin:0 0 18px}
  .m-contact-section{text-align:center;padding-bottom:38px}.m-contact-section .deep-kicker{margin-bottom:14px}.m-contact-section .contact-button{margin-top:14px}
}

@media(min-width:900px) and (max-width:1050px){
  .product-detail{grid-template-columns:1fr}.product-detail>img{min-height:280px}.vision-grid{grid-template-columns:1fr 1fr}
}

/* v6.6 — compact desktop product details */
@media(min-width:900px){
  .products-deep{padding-top:78px}
  .product-detail-grid{gap:22px;margin-top:38px;max-width:980px;margin-left:auto;margin-right:auto}
  .product-detail{grid-template-columns:42% 58%;border-radius:20px}
  .product-detail>img{min-height:0;height:245px;object-fit:cover}
  .product-detail-copy{padding:26px 32px}
  .product-label{margin-bottom:9px}
  .product-detail h3{font-size:28px;margin-bottom:11px}
  .product-detail p{font-size:13px;line-height:1.55;margin-bottom:16px}
  .feature-row{margin-bottom:16px}
  .feature-row span,.coming-pill{padding:6px 10px;font-size:9px}
}

/* v6.7 — compact product rows, preserve complete card artwork */
@media (min-width: 901px){
  .products-deep{
    padding-top:72px;
    padding-bottom:36px;
  }
  .product-detail-grid{
    gap:18px;
    margin-top:30px;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
  }
  .product-detail{
    grid-template-columns:330px minmax(0,1fr);
    min-height:0;
    border-radius:16px;
    align-items:stretch;
  }
  .product-detail>img{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:536 / 195;
    object-fit:contain;
    align-self:center;
    background:#02080d;
  }
  .product-detail-copy{
    padding:20px 26px;
    justify-content:center;
  }
  .product-label{
    font-size:8px;
    letter-spacing:3px;
    margin-bottom:8px;
  }
  .product-detail h3{
    font-size:23px;
    line-height:1.08;
    margin-bottom:8px;
  }
  .product-detail p{
    font-size:12px;
    line-height:1.48;
    margin-bottom:11px;
    max-width:520px;
  }
  .feature-row{
    gap:6px;
    margin-bottom:11px;
  }
  .feature-row span,.coming-pill{
    padding:6px 9px;
    font-size:8.5px;
    letter-spacing:.45px;
  }
}


/* v6.8 — forced fresh compact product rows; new asset version prevents stale CDN/browser CSS */
@media (min-width: 901px){
  .products-deep{
    width:min(980px,calc(100% - 80px)) !important;
    padding:58px 0 34px !important;
  }
  .products-deep > .deep-kicker,
  .products-deep > h2,
  .products-deep > .deep-lead{
    max-width:760px;
  }
  .products-deep > h2{
    font-size:clamp(34px,3vw,48px) !important;
    margin-bottom:14px !important;
  }
  .products-deep > .deep-lead{
    font-size:15px !important;
    line-height:1.5 !important;
  }
  .product-detail-grid{
    width:100% !important;
    max-width:820px !important;
    gap:16px !important;
    margin:28px auto 0 !important;
  }
  .product-detail{
    grid-template-columns:300px minmax(0,1fr) !important;
    min-height:156px !important;
    border-radius:16px !important;
    align-items:center !important;
    overflow:hidden !important;
  }
  .product-detail>img{
    width:276px !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    margin:12px !important;
    border-radius:12px !important;
    align-self:center !important;
    background:transparent !important;
  }
  .product-detail-copy{
    padding:18px 22px 18px 10px !important;
  }
  .product-label{
    font-size:7.5px !important;
    letter-spacing:2.7px !important;
    margin-bottom:6px !important;
  }
  .product-detail h3{
    font-size:21px !important;
    line-height:1.08 !important;
    margin:0 0 7px !important;
  }
  .product-detail p{
    font-size:11.5px !important;
    line-height:1.42 !important;
    margin:0 0 9px !important;
  }
  .feature-row{
    gap:5px !important;
    margin-bottom:9px !important;
  }
  .feature-row span,.coming-pill{
    padding:5px 8px !important;
    font-size:8px !important;
    letter-spacing:.35px !important;
  }
}


/* v6.9 — center the desktop products intro over the compact product cards */
@media (min-width: 901px){
  .products-deep > .deep-kicker,
  .products-deep > h2,
  .products-deep > .deep-lead{
    width:100% !important;
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  .products-deep > .deep-kicker{
    margin-bottom:16px !important;
  }
  .products-deep > h2{
    margin-bottom:14px !important;
  }
  .products-deep > .deep-lead{
    max-width:700px !important;
  }
}

/* v6.10 — center Our Vision and About B4NV Labs intros to match Products */
@media (min-width: 901px){
  .vision-deep > .deep-kicker,
  .vision-deep > h2,
  .vision-deep > .deep-lead,
  .about-deep > .deep-kicker,
  .about-deep > h2,
  .about-deep > .deep-lead{
    width:100% !important;
    max-width:820px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  .vision-deep > .deep-kicker,
  .about-deep > .deep-kicker{
    margin-bottom:16px !important;
  }
  .vision-deep > h2,
  .about-deep > h2{
    margin-bottom:14px !important;
  }
  .vision-deep > .deep-lead,
  .about-deep > .deep-lead{
    max-width:700px !important;
  }
}

/* v6.11 — center mobile section introductions to match desktop */
@media (max-width:899px){
  .mobile-products{padding-top:34px}
  .m-section-intro{
    width:100%;
    max-width:360px;
    margin:0 auto 24px;
    padding:0 10px;
    text-align:center;
  }
  .m-section-intro .deep-kicker{
    margin:0 0 12px;
    font-size:9px;
    letter-spacing:3.4px;
  }
  .m-section-intro h2{
    margin:0 0 12px;
    font-size:29px;
    line-height:1.08;
    font-weight:350;
    letter-spacing:-.8px;
  }
  .m-section-intro h2 span{color:#72baff}
  .m-section-intro p{
    max-width:330px;
    margin:0 auto;
    font-size:13.5px;
    line-height:1.6;
    color:#aeb8c2;
  }
  .mobile-vision{padding-top:24px}
  .mobile-vision .m-section-intro{margin-bottom:20px}
  .mobile-vision .mobile-values{margin-top:0}
  .m-about-section,
  .m-contact-section{
    text-align:center;
  }
  .m-about-section .deep-kicker,
  .m-contact-section .deep-kicker{
    margin-left:auto;
    margin-right:auto;
  }
  .m-about-section h2,
  .m-contact-section h2{
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
  }
  .m-about-section p,
  .m-contact-section p{
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
  }
  .m-contact-section h2 span{color:#72baff}
  .m-contact-section p{
    font-size:14px;
    line-height:1.65;
    color:#aeb8c2;
    margin-bottom:18px;
  }
}


/* v6.12 — mobile products label + Safari inline-link cleanup */
@media (max-width:899px){
  .m-products-label{
    margin:4px 0 15px;
    text-align:center;
    font-size:9px;
    letter-spacing:3.4px;
    color:#9fcdf1;
  }
  .m-card{
    display:block;
    width:100%;
    text-decoration:none;
    outline:none;
  }
  .m-card:focus,
  .m-card:active{outline:none;}
}