:root{--ba-navy-900:#1B1E3E;--ba-navy-850:#1D3052;--ba-navy-760:#2B4D6B;--ba-steel:#37596E;--ba-steel-2:#5A7D92;--ba-brass:#A8874A;--ba-brass-2:#7E6738;--ba-brass-3:#B79A58;--ba-white:#F5F8FB;--ba-muted:rgba(245,248,251,.78);--ba-hero-delay:4.92s}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ba-navy-900);color:var(--ba-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.ba-public-landing-page{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 52% 8%,rgba(55,89,110,.24),transparent 28%),radial-gradient(circle at 84% 26%,rgba(43,77,107,.36),transparent 34%),radial-gradient(circle at 16% 78%,rgba(29,48,82,.42),transparent 38%),linear-gradient(180deg,#141833 0%,#1B1E3E 34%,#1D3052 68%,#20375A 100%)}.ba-public-shell{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);gap:clamp(18px,2vw,28px);align-items:center;max-width:1380px;margin:0 auto;padding:clamp(22px,5vw,74px);opacity:0;transform:translateY(10px) scale(.988);animation:baShellIn .56s cubic-bezier(.2,.8,.2,1) var(--ba-hero-delay) forwards}.ba-public-shell:before{content:"";position:absolute;inset:clamp(10px,2.8vw,36px);border:1px solid rgba(90,125,146,.18);border-radius:44px;pointer-events:none;box-shadow:0 0 90px rgba(10,18,34,.34)}.ba-hero-panel,.ba-product-grid{position:relative;z-index:1}.ba-hero-panel{padding:clamp(24px,3.5vw,44px);border:1px solid rgba(90,125,146,.24);border-radius:34px;background:linear-gradient(145deg,rgba(29,48,82,.92),rgba(27,30,62,.78));box-shadow:0 28px 95px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.ba-product-grid{display:grid;gap:18px;padding:clamp(18px,2.6vw,28px);border:1px solid rgba(90,125,146,.22);border-radius:34px;background:linear-gradient(155deg,rgba(29,48,82,.52),rgba(27,30,62,.46));box-shadow:0 24px 88px rgba(0,0,0,.26);backdrop-filter:blur(16px)}.ba-language{display:flex;gap:8px;z-index:2}.ba-shell-language{position:absolute;right:clamp(34px,5vw,76px);top:clamp(26px,4vw,58px);z-index:3}.ba-language a{color:rgba(245,248,251,.72);text-decoration:none;font-size:12px;border:1px solid rgba(90,125,146,.28);border-radius:999px;padding:7px 10px;background:rgba(27,30,62,.58)}.ba-language a.active,.ba-language a:hover,.ba-language a:focus-visible{color:#10172A;border-color:rgba(168,135,74,.74);background:linear-gradient(135deg,#A8874A,#B79A58);box-shadow:0 0 28px rgba(168,135,74,.18);outline:none}.ba-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 18px}.ba-platform-copy{display:flex;flex-direction:column;gap:5px}.ba-platform-copy em{font-style:normal;color:#C0A15A;font-size:clamp(13px,1.35vw,15px);font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.45}.ba-logo-wrap{width:min(360px,84%);margin:0 0 10px}.ba-logo-wrap img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 24px rgba(90,125,146,.16))}.ba-powered-copy{margin:0 0 18px;color:rgba(245,248,251,.82);font-size:clamp(14px,1.35vw,16px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ba-hero-panel h1{margin:0;font-size:clamp(30px,4.6vw,60px);line-height:1.02;letter-spacing:-.045em}.ba-hero-panel p{max-width:640px;margin:18px 0 0;color:var(--ba-muted);font-size:clamp(15px,1.6vw,19px);line-height:1.68}.ba-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 0}.ba-meta-grid div{border:1px solid rgba(90,125,146,.18);border-radius:18px;background:rgba(27,30,62,.35);padding:14px 14px 15px}.ba-meta-grid dt{font-size:12px;font-weight:700;color:#B79A58;margin:0 0 6px}.ba-meta-grid dd{font-size:14px;color:rgba(245,248,251,.86);margin:0;line-height:1.5}.ba-product-card{position:relative;display:flex;min-height:220px;flex-direction:column;justify-content:flex-end;gap:9px;text-decoration:none;color:var(--ba-white);padding:28px;border-radius:28px;border:1px solid rgba(90,125,146,.23);overflow:hidden;background:linear-gradient(145deg,rgba(43,77,107,.82),rgba(29,48,82,.78));box-shadow:0 20px 70px rgba(0,0,0,.3);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.ba-product-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 72% 24%,rgba(90,125,146,.24),transparent 32%),linear-gradient(115deg,transparent 0%,rgba(55,89,110,.16) 48%,transparent 74%);transform:translateX(-12%);transition:transform .32s ease}.ba-product-card:hover{transform:translateY(-4px);border-color:rgba(168,135,74,.56);box-shadow:0 26px 100px rgba(17,27,51,.42)}.ba-product-card:hover:before{transform:translateX(8%)}.ba-product-card span,.ba-product-card strong,.ba-product-card em,.ba-product-card b{position:relative;z-index:1}.ba-product-card span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#B79A58}.ba-product-card strong{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;line-height:.95}.ba-product-card em{font-style:normal;color:rgba(245,248,251,.74);font-size:15px;line-height:1.55}.ba-card-action{width:max-content;margin-top:12px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#A8874A,#B79A58);color:#10172A;font-size:14px;font-weight:800}.ba-upload-card{background:linear-gradient(145deg,rgba(35,62,91,.84),rgba(29,48,82,.72))}.ba-root-intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,rgba(90,125,146,.15),transparent 31%),radial-gradient(circle at 50% 100%,rgba(43,77,107,.20),transparent 36%),linear-gradient(180deg,#10142D 0%,#1B1E3E 100%);animation:baIntroOut .38s cubic-bezier(.4,0,.2,1) 4.92s forwards}.ba-intro-skip{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:6;appearance:none;border:1px solid rgba(90,125,146,.32);border-radius:999px;background:rgba(27,30,62,.62);color:rgba(245,248,251,.82);font:700 12px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;padding:10px 14px;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.22);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.ba-intro-skip:hover,.ba-intro-skip:focus-visible{background:linear-gradient(135deg,#A8874A,#B79A58);border-color:rgba(168,135,74,.82);color:#10172A;outline:none;transform:translateY(-1px)}.ba-root-intro-skipped .ba-root-intro{opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}.ba-root-intro-skipped .ba-public-shell{opacity:1!important;transform:none!important;animation:none!important}.ba-intro-grid{position:relative;width:min(100vw,960px);height:min(100dvh,960px);display:grid;place-items:center}.ba-intro-svg{width:100%;height:100%;overflow:visible;opacity:0;transform:scale(.988);animation:baMeshIn .72s cubic-bezier(.22,.78,.18,1) forwards}.ba-bg-stars circle{fill:rgba(245,248,251,.38);animation:baTwinkle 1.35s ease-in-out infinite alternate}.ba-bg-stars circle:nth-child(2n){animation-delay:.24s}.ba-bg-stars circle:nth-child(3n){animation-delay:.56s}.ba-network-lines use{fill:none;stroke:url(#baBlueLine);stroke-width:1.16;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke;animation:baLineBaseIn .78s cubic-bezier(.22,.78,.18,1) .18s forwards}.ba-network-lines .ba-gateway-line{opacity:0;stroke-width:1.22;animation-name:baGatewayLineIn}.ba-relay-mesh path{fill:none;stroke:#5A7D92;stroke-width:1.1;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke;animation:baRelayLineIn .78s cubic-bezier(.22,.78,.18,1) .28s forwards}.ba-route-glows use{fill:none;stroke:#D7F3FF;stroke-width:1.82;stroke-linecap:round;opacity:0;filter:none;vector-effect:non-scaling-stroke;animation:baRouteGlow .96s cubic-bezier(.37,0,.63,1) var(--d) both;will-change:opacity}.ba-node{filter:url(#baSoftGlow);opacity:0;transform-box:fill-box;transform-origin:center;animation:baNodeIn .62s cubic-bezier(.22,.78,.18,1) .42s forwards}.ba-sensor{fill:#8FB1C3}.ba-relay{fill:#D6E2EB;opacity:0;animation:baNodeIn .62s cubic-bezier(.22,.78,.18,1) .50s forwards}.ba-gateway{fill:#F5F8FB;animation:baNodeIn .62s cubic-bezier(.22,.78,.18,1) .48s forwards,baGatewayGlow 1.9s ease-in-out 1.1s infinite alternate}.ba-gateway-aura{fill:url(#baGatewayGlow);filter:url(#baWideGlow);opacity:0;animation:baGatewayAuraIn .78s cubic-bezier(.22,.78,.18,1) .55s forwards,baGatewayAura 1.9s ease-in-out 1.18s infinite alternate}.ba-node-flash{opacity:0;filter:none;transform-box:fill-box;transform-origin:center;fill:var(--glow-fill);stroke:var(--glow-stroke);stroke-width:1.0;vector-effect:non-scaling-stroke;animation:baNodeFlash .96s cubic-bezier(.37,0,.63,1) var(--d) both;will-change:opacity,transform}.ba-tone-light{--glow-fill:#EAF8FF;--glow-stroke:#9FD7F3}.ba-tone-brass{--glow-fill:#F3FBFF;--glow-stroke:#A9D9EE}.ba-relay-flash{animation-name:baRelayFlash}.ba-gateway-flash{animation-name:baGatewayFlash;filter:none}.ba-intro-wordmark{position:absolute;left:50%;top:66%;transform:translate(-50%,12px);text-align:center;opacity:0;animation:baWordmarkIn .42s cubic-bezier(.2,.8,.2,1) 3.62s forwards}.ba-intro-wordmark strong{display:block;font-size:clamp(36px,8vw,82px);line-height:1;font-weight:800;letter-spacing:.18em;text-indent:.18em;text-shadow:0 0 30px rgba(90,125,146,.30)}.ba-intro-wordmark span{display:block;margin-top:12px;color:rgba(245,248,251,.76);font-size:clamp(12px,2.1vw,16px);letter-spacing:.18em;text-transform:uppercase}@keyframes baShellIn{to{opacity:1;transform:none}}@keyframes baIntroOut{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes baMeshIn{0%{opacity:0;transform:scale(.988)}45%{opacity:.58;transform:scale(.994)}100%{opacity:1;transform:scale(1)}}@keyframes baLineBaseIn{0%{opacity:0}30%{opacity:.08}65%{opacity:.20}100%{opacity:.27}}@keyframes baGatewayLineIn{0%{opacity:0}30%{opacity:.09}65%{opacity:.22}100%{opacity:.31}}@keyframes baRelayLineIn{0%{opacity:0}30%{opacity:.08}65%{opacity:.22}100%{opacity:.31}}@keyframes baGatewayAuraIn{0%{opacity:0;transform:scale(.84)}55%{opacity:.16;transform:scale(1.02)}100%{opacity:.32;transform:scale(1)}}@keyframes baNodeIn{from{opacity:0;transform:scale(.58)}to{opacity:1;transform:scale(1)}}@keyframes baGatewayGlow{to{opacity:1;transform:scale(1.16);filter:url(#baWideGlow)}}@keyframes baGatewayAura{to{opacity:.54;transform:scale(1.46)}}@keyframes baNodeFlash{0%{opacity:0;transform:scale(.96)}18%{opacity:.18;transform:scale(1.02)}36%{opacity:.56;transform:scale(1.12)}50%{opacity:.82;transform:scale(1.20)}64%{opacity:.56;transform:scale(1.28)}82%{opacity:.18;transform:scale(1.38)}100%{opacity:0;transform:scale(1.46)}}@keyframes baRelayFlash{0%{opacity:0;transform:scale(.96)}18%{opacity:.16;transform:scale(1.03)}36%{opacity:.50;transform:scale(1.14)}50%{opacity:.76;transform:scale(1.24)}64%{opacity:.50;transform:scale(1.35)}82%{opacity:.16;transform:scale(1.48)}100%{opacity:0;transform:scale(1.58)}}@keyframes baGatewayFlash{0%{opacity:0;transform:scale(.98)}18%{opacity:.14;transform:scale(1.12)}36%{opacity:.42;transform:scale(1.34)}50%{opacity:.64;transform:scale(1.54)}64%{opacity:.42;transform:scale(1.76)}82%{opacity:.14;transform:scale(2.02)}100%{opacity:0;transform:scale(2.20)}}@keyframes baRouteGlow{0%{opacity:0}20%{opacity:.16}38%{opacity:.42}50%{opacity:.62}62%{opacity:.42}80%{opacity:.16}100%{opacity:0}}@keyframes baTwinkle{to{opacity:.1}}@keyframes baWordmarkIn{to{opacity:1;transform:translate(-50%,0)}}@media (max-width:900px){.ba-public-shell{grid-template-columns:1fr;padding:20px;gap:18px}.ba-public-shell:before{display:none}.ba-product-grid{padding:18px;border-radius:28px}.ba-shell-language{position:relative;right:auto;top:auto;grid-column:1;justify-self:start;align-self:start;margin:0 0 -2px}.ba-meta-grid{grid-template-columns:1fr}.ba-product-card{min-height:170px}.ba-intro-grid{width:100vw;height:100dvh}.ba-intro-svg{width:108vw;height:108dvh}.ba-intro-wordmark{top:68%}.ba-logo-wrap{width:min(330px,100%)}}@media (max-width:520px){.ba-hero-panel{padding:20px;border-radius:26px}.ba-product-grid{padding:16px;gap:14px}.ba-language{width:100%;justify-content:flex-start;flex-wrap:wrap}.ba-brand-stack{margin:0 0 16px}.ba-platform-copy em{font-size:13px;letter-spacing:.09em}.ba-logo-wrap{width:100%;max-width:290px}.ba-powered-copy{font-size:13px;letter-spacing:.06em}.ba-product-card{padding:22px;border-radius:24px}.ba-card-action{width:100%;text-align:center}.ba-intro-wordmark strong{letter-spacing:.12em;text-indent:.12em}.ba-intro-wordmark span{letter-spacing:.12em}}@media (prefers-reduced-motion:reduce){.ba-root-intro{animation-duration:.01ms;animation-delay:.01ms}.ba-public-shell{animation-duration:.01ms;animation-delay:.01ms}.ba-intro-svg,.ba-node,.ba-gateway-aura,.ba-node-flash,.ba-bg-stars circle,.ba-intro-wordmark{animation:none!important;opacity:1}.ba-root-intro{opacity:0;visibility:hidden;pointer-events:none}}




/* HOPLYNX_PUBLIC_LANDING_INTRO_SMOOTHNESS_20260706
   UI-only timing overrides: shorter empty first impression, overlapping shell fade, and lighter mobile glow. */
:root{--ba-hero-delay:3.42s;}
.ba-root-intro{animation:baIntroOut .58s cubic-bezier(.4,0,.2,1) 3.72s forwards;will-change:opacity,visibility;}
.ba-public-shell{animation-delay:var(--ba-hero-delay);}
.ba-intro-wordmark{animation:baWordmarkIn .48s cubic-bezier(.2,.8,.2,1) 2.58s forwards;}
.ba-network-lines use{animation-duration:.64s;animation-delay:.06s;}
.ba-relay-mesh path{animation-duration:.66s;animation-delay:.14s;}
.ba-node{animation-delay:.25s;}
.ba-relay{animation-delay:.30s;}
.ba-gateway{animation-delay:.30s,.92s;}
.ba-gateway-aura{animation-delay:.35s,.98s;}
.ba-route-glows use,.ba-node-flash{animation-duration:.88s;}
@media (max-width:520px){
  :root{--ba-hero-delay:3.22s;}
  .ba-root-intro{animation-delay:3.52s;}
  .ba-intro-wordmark{top:64%;animation-delay:2.32s;}
  .ba-node,.ba-gateway-aura{filter:none;}
}