:root {
  color-scheme: dark;
  --night: #020711;
  --deep-blue: #061327;
  --cyan: #4bcfff;
  --electric: #168cff;
  --text: #eef8ff;
  --muted: #9bb9cf;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; }

body {
  min-height: 100svh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 50% 33%, rgba(14, 112, 220, .24), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(9, 75, 148, .13), transparent 38%),
    linear-gradient(145deg, #01040b, var(--night) 45%, #030b18);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(76, 181, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76, 181, 255, .025) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: radial-gradient(circle at 50% 38%, #000, transparent 70%);
}

#global-bg {
  position: fixed;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#site-menu-module {
  position: fixed;
  z-index: 20;
  inset: 0 0 auto;
  pointer-events: none;
}

.home-stage {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}

.brand-hero {
  width: min(1020px, 100%);
  text-align: center;
  animation: hero-entry 1.25s cubic-bezier(.16, .85, .24, 1) both;
}

.globe-stage.logo-scene {
  position: relative;
  display: block;
  width: min(820px, 92vw);
  height: auto;
  aspect-ratio: 1.5;
  margin: 0 auto;
  overflow: visible;
}

.logo-scene .globe-wrap {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 58%;
  aspect-ratio: 1;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 28px rgba(15, 126, 255, .46));
}

.logo-scene .globe-shell,
.logo-scene .globe-motion {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.logo-scene .globe-shell { z-index: 1; }
.logo-scene .globe-motion { z-index: 2; }

.logo-scene .dg-layer {
  position: absolute;
  z-index: 4;
  top: 15%;
  left: 50%;
  width: 69%;
  height: auto;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 15px rgba(0, 126, 255, .5));
  pointer-events: none;
}

.logo-scene .wordmark-layer {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  width: 94%;
  height: auto;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 12px rgba(0, 126, 255, .34));
  pointer-events: none;
}

.logo-scene .orbit-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.logo-scene .orbit-back { z-index: 0; }
.logo-scene .orbit-front { z-index: 3; }

.welcome-copy {
  position: relative;
  margin: clamp(-.5rem, -1vw, -.1rem) auto 0;
  padding-top: 1.35rem;
}

.welcome-line {
  display: block;
  width: min(230px, 42vw);
  height: 1px;
  margin: 0 auto 1.35rem;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  box-shadow: 0 0 18px rgba(75, 207, 255, .7);
}

.welcome-copy h1 {
  margin: 0;
  font-size: clamp(1.45rem, 3.3vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: .055em;
  font-weight: 760;
  text-wrap: balance;
  text-shadow: 0 0 30px rgba(42, 158, 255, .25);
}

.welcome-copy p {
  margin: .8rem 0 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  letter-spacing: .08em;
}

@keyframes hero-entry {
  from { opacity: 0; transform: translateY(24px) scale(.965); filter: blur(10px); }
  to { opacity: 1; transform: none; filter: none; }
}

@media (max-width: 640px) {
  .home-stage { align-items: center; }
  .globe-stage.logo-scene { width: min(680px, 108vw); margin-left: 50%; transform: translateX(-50%); }
  .welcome-copy { margin-top: .4rem; padding-inline: .5rem; }
  .welcome-copy h1 { letter-spacing: .025em; }
  .welcome-copy p { letter-spacing: .045em; }
}

@media (max-height: 680px) and (orientation: landscape) {
  .brand-hero { display: grid; grid-template-columns: minmax(360px, 1.25fr) minmax(280px, .75fr); align-items: center; }
  .globe-stage.logo-scene { width: min(650px, 65vw); }
  .welcome-copy { margin: 0; padding: 0 1rem 0 0; text-align: left; }
  .welcome-line { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-hero { animation: none; }
}

.site-page{overflow-x:hidden}.site-main{position:relative;z-index:2;padding:110px 20px 60px;min-height:100svh}.page-home .site-main{padding-top:82px}.site-page .brand-hero{min-height:calc(100svh - 100px);display:grid;place-items:center;align-content:center}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.primary-link,.secondary-link{display:inline-flex;padding:14px 19px;border-radius:12px;text-decoration:none;font-weight:850;letter-spacing:.04em}.primary-link{background:linear-gradient(135deg,#0877df,#2cc1ff);color:white;box-shadow:0 0 28px rgba(26,151,255,.28)}.secondary-link{border:1px solid rgba(75,207,255,.35);color:#d9f3ff}.public-section,.site-panel{width:min(1260px,100%);margin:0 auto;padding:clamp(24px,5vw,64px);border:1px solid rgba(75,207,255,.14);border-radius:28px;background:linear-gradient(150deg,rgba(7,25,48,.82),rgba(1,7,17,.78));backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.28)}.page-home .public-section{margin-top:40px}.site-panel.narrow{width:min(720px,100%)}.section-intro>span{color:#4bcfff;font-size:.72rem;font-weight:850;letter-spacing:.22em}.section-intro h1,.section-intro h2{font-size:clamp(2rem,5vw,4rem);margin:.4rem 0 1.2rem}.entity-public-grid,.service-grid,.product-grid,.account-grid,.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.entity-public-grid>a,.entity-public-grid>article,.service-grid>article,.product-grid>article,.account-grid>article,.portal-grid>article,.payment-panel>article{padding:22px;border:1px solid rgba(94,190,255,.15);border-radius:18px;background:rgba(3,13,28,.72);color:inherit;text-decoration:none}.entity-public-grid i{display:block;width:50px;height:3px;background:var(--entity,#4bcfff);box-shadow:0 0 18px var(--entity,#4bcfff)}.entity-public-grid a,.service-grid a{color:#58d5ff}.product-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:12px}.product-grid form,.site-form{display:grid;gap:12px;margin-top:16px}.product-grid input,.product-grid button,.site-form input,.site-form select,.site-form textarea,.site-form button{width:100%;padding:13px;border:1px solid rgba(98,184,255,.24);border-radius:10px;background:#06152a;color:#edf8ff;font:inherit}.site-form label{display:grid;gap:6px;color:#aac3d8}.site-form button,.product-grid button{background:linear-gradient(135deg,#0877df,#24b7ff);font-weight:850;cursor:pointer}.site-form.two{grid-template-columns:1fr 1fr}.site-form.two button{grid-column:1/-1}.site-alert{position:relative;width:min(900px,100%);margin:0 auto 18px;padding:14px 18px;border-radius:12px;background:#123250;color:#cdeeff}.site-alert.error{background:#471527;color:#ffccda}.site-alert.success{background:#0d3a31;color:#baffeb}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:15px;border-bottom:1px solid rgba(80,180,255,.12)}.cart-line span,.account-grid span,.payment-panel span{display:block;color:#a8c0d3;margin-top:5px}.payment-panel{margin-top:18px}.payment-panel img{width:min(220px,100%);background:white;border-radius:12px;margin-top:14px}.portal-panel{width:min(1100px,100%)}.portal-grid article{min-height:150px}@media(max-width:640px){.site-main{padding:100px 12px 35px}.page-home .site-main{padding-top:85px}.site-form.two{grid-template-columns:1fr}.site-form.two button{grid-column:auto}.cart-line{grid-template-columns:1fr}.public-section,.site-panel{padding:22px;border-radius:20px}.hero-actions a{width:100%;justify-content:center}}
.site-page{overflow-x:hidden}.site-main{position:relative;z-index:2;padding:110px 20px 60px;min-height:100svh}.page-home .site-main{padding-top:82px}.site-page .brand-hero{min-height:calc(100svh - 100px);display:grid;place-items:center;align-content:center}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.primary-link,.secondary-link,.team-hero-link{display:inline-flex;padding:14px 19px;border-radius:12px;text-decoration:none;font-weight:850;letter-spacing:.04em}.primary-link{background:linear-gradient(135deg,#0877df,#2cc1ff);color:white;box-shadow:0 0 28px rgba(26,151,255,.28)}.secondary-link{border:1px solid rgba(75,207,255,.35);color:#d9f3ff}.team-hero-link{border:1px solid rgba(103,222,255,.65);color:#fff;background:rgba(18,118,197,.18);box-shadow:inset 0 0 24px rgba(35,159,255,.09)}.public-section,.site-panel{width:min(1260px,100%);margin:0 auto;padding:clamp(24px,5vw,64px);border:1px solid rgba(75,207,255,.14);border-radius:28px;background:linear-gradient(150deg,rgba(7,25,48,.82),rgba(1,7,17,.78));backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.28)}.page-home .public-section{margin-top:40px}.site-panel.narrow{width:min(720px,100%)}.section-intro>span{color:#4bcfff;font-size:.72rem;font-weight:850;letter-spacing:.22em}.section-intro h1,.section-intro h2{font-size:clamp(2rem,5vw,4rem);margin:.4rem 0 1.2rem}.access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:14px}.access-grid a{position:relative;display:grid;gap:8px;min-height:180px;padding:22px;border:1px solid rgba(75,207,255,.18);border-radius:18px;background:linear-gradient(150deg,rgba(9,35,67,.9),rgba(2,10,23,.9));color:inherit;text-decoration:none;overflow:hidden;transition:.25s}.access-grid a:hover{transform:translateY(-5px);border-color:rgba(75,207,255,.55);box-shadow:0 18px 50px rgba(0,100,200,.2)}.access-grid b{color:#46caff;font-size:.72rem;letter-spacing:.2em}.access-grid strong{font-size:1.2rem}.access-grid span{color:#9bb9cf;line-height:1.55}.entity-public-grid,.service-grid,.product-grid,.account-grid,.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.entity-public-grid>a,.entity-public-grid>article,.service-grid>article,.product-grid>article,.account-grid>article,.portal-grid>article,.payment-panel>article{padding:22px;border:1px solid rgba(94,190,255,.15);border-radius:18px;background:rgba(3,13,28,.72);color:inherit;text-decoration:none}.entity-public-grid img{display:block;width:72px;height:72px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 0 15px rgba(52,183,255,.28))}.entity-public-grid i{display:block;width:50px;height:3px;background:var(--entity,#4bcfff);box-shadow:0 0 18px var(--entity,#4bcfff)}.entity-public-grid a,.service-grid a{color:#58d5ff}.product-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:12px}.product-grid form,.site-form{display:grid;gap:12px;margin-top:16px}.product-grid input,.product-grid button,.site-form input,.site-form select,.site-form textarea,.site-form button{width:100%;padding:13px;border:1px solid rgba(98,184,255,.24);border-radius:10px;background:#06152a;color:#edf8ff;font:inherit}.site-form label{display:grid;gap:6px;color:#aac3d8}.site-form button,.product-grid button{background:linear-gradient(135deg,#0877df,#24b7ff);font-weight:850;cursor:pointer}.site-form.two{grid-template-columns:1fr 1fr}.site-form.two button{grid-column:1/-1}.site-alert{position:relative;width:min(900px,100%);margin:0 auto 18px;padding:14px 18px;border-radius:12px;background:#123250;color:#cdeeff}.site-alert.error{background:#471527;color:#ffccda}.site-alert.success{background:#0d3a31;color:#baffeb}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:15px;border-bottom:1px solid rgba(80,180,255,.12)}.cart-line span,.account-grid span,.payment-panel span{display:block;color:#a8c0d3;margin-top:5px}.payment-panel{margin-top:18px}.payment-panel img{width:min(220px,100%);background:white;border-radius:12px;margin-top:14px}.portal-panel{width:min(1100px,100%)}.portal-grid article{min-height:150px}@media(max-width:640px){.site-main{padding:100px 12px 35px}.page-home .site-main{padding-top:85px}.site-form.two{grid-template-columns:1fr}.site-form.two button{grid-column:auto}.cart-line{grid-template-columns:1fr}.public-section,.site-panel{padding:22px;border-radius:20px}.hero-actions a{width:100%;justify-content:center}}