@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&family=Space+Grotesk:wght@400;600;700&display=swap');

:root{
  --bg:#111111;
  --panel:#191919;
  --panel2:#202020;
  --text:#F5EEE5;
  --muted:#B9ACA0;
  --neon1:#FF7A18;
  --neon2:#FF9F1A;
  --accent:#FFB347;
  --shadow:rgba(255,122,24,.28);
  --nav-height:78px;
}
[data-theme="light"]{
  --bg:#E4E4E4;
  --panel:#EEEEEE;
  --panel2:#E1E1E1;
  --text:#1E1A16;
  --muted:#6A5F52;
  --neon1:#FF7A18;
  --neon2:#FFAA33;
  --accent:#FFB347;
  --shadow:rgba(255,122,24,.26);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth;position:relative;z-index:0;overflow-x:hidden;max-width:100%;overflow-x:clip;}
html{scroll-padding-top:calc(var(--nav-height) + 18px);}
body{min-height:100vh;}
main [id]{scroll-margin-top:calc(var(--nav-height) + 18px);}
a{color:var(--text);text-decoration:none;}
a:hover{text-decoration:underline;}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
.container{width:min(1200px,92vw);margin:0 auto;}
.nav,main,.hero,.footer{width:100%;max-width:100%;overflow-x:clip;}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(12,18,30,.9),rgba(12,18,30,.6));border-bottom:1px solid rgba(255,255,255,.06);}
[data-theme="light"] .nav{
  background:linear-gradient(180deg,rgba(245,245,245,.92),rgba(229,229,229,.86));
  border-bottom:1px solid rgba(60,45,30,.16);
  box-shadow:0 8px 24px rgba(60,45,30,.1);
}
.nav-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.4rem 0;}
.brand{display:flex;align-items:center;gap:.8rem;padding:.4rem 0;}
.brand img{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.35);}
.brand .name{font-weight:900;letter-spacing:.35px;}
.nav .links{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;}
.nav .primary-links{display:flex;align-items:center;justify-content:center;gap:1.15rem;flex-wrap:wrap;}
.nav .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;}
.nav .links a{opacity:.85;font-weight:600;}
.nav .links a:hover{opacity:1;}


.nav-toggle{display:none;align-items:center;justify-content:center;padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:transparent;font-weight:700;color:var(--text);}
.dropdown-wrap{position:relative;}
.dropdown-btn{background:none;border:1px solid rgba(255,255,255,.04);padding:.45rem .7rem;border-radius:10px;font-weight:700;color:var(--text);}
.dropdown{position:absolute;top:calc(100% + 8px);right:0;display:none;min-width:220px;background:var(--panel);border-radius:12px;padding:.25rem 0;box-shadow:0 18px 40px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06);z-index:120;}
.dropdown li{list-style:none;margin:0;padding:0;}
.dropdown a{display:block;padding:.6rem .9rem;color:var(--text);white-space:nowrap;}
.dropdown a:hover{background:rgba(255,255,255,.03);}
.dropdown-wrap:hover > .dropdown{display:block;} 
.dropdown-wrap.open > .dropdown{display:block;} 

@media (max-width: 960px){
  :root{--nav-height:88px;}
  .features{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nav-toggle{display:inline-flex;}
  
  .nav-inner{grid-template-columns:auto auto;}
  .nav .links{position:fixed;top:calc(var(--nav-height) - 12px);right:16px;display:none;grid-template-columns:1fr;gap:.8rem;padding:1rem;border-radius:12px;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.5);width:calc(100% - 32px);max-width:360px;z-index:200;}
  body.nav-open .nav .links{display:grid;}
  .nav .primary-links,
  .nav .nav-actions{flex-direction:column;align-items:stretch;justify-content:flex-start;}
  .nav .primary-links{gap:.6rem;}
  .nav .nav-actions{gap:.7rem;}
  .nav .nav-actions .btn,
  .nav .nav-actions .theme{justify-content:center;text-align:center;}
  
  .dropdown{position:static;display:none;box-shadow:none;border:none;background:transparent;padding:0;margin-top:0;}
  .dropdown-wrap.open > .dropdown{display:block;}
  .dropdown-btn{width:100%;text-align:left;}
  
  .hero .inner{padding:2.3rem 1.15rem 1.8rem;}
  .monitor{grid-template-columns:1fr;gap:1.2rem;}
  
  
  #stars {
    will-change:transform;
    transform:translateZ(0);
  }
}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-radius:16px;background:linear-gradient(90deg,var(--neon1),var(--neon2));color:#04111F;font-weight:900;letter-spacing:.3px;text-decoration:none;box-shadow:0 16px 32px var(--shadow);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 40px var(--shadow);}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--text);box-shadow:none;}
.btn.disabled,.btn[aria-disabled="true"]{opacity:.45;pointer-events:none;}
.theme{cursor:pointer;border:1px solid rgba(255,255,255,.2);padding:.55rem .85rem;border-radius:12px;font-weight:600;transition:background .2s;}
.theme:hover{background:rgba(255,255,255,.06);}

#stars {
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:1;
  
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-perspective:1000;
  perspective:1000;
}
#stars{opacity:.9;z-index:1;}
[data-theme="light"] #stars{
  opacity:.82;
  filter:brightness(.8) saturate(1.35) contrast(1.08);
}
[data-theme="light"] .hero{
  background:linear-gradient(180deg,#ececec 0%,#dfdfdf 100%);
}
[data-theme="light"] .hero .bg{
  opacity:.34;
  filter:grayscale(.45) saturate(.35) brightness(1.02) contrast(.96);
}
[data-theme="light"] .hero .overlay{
  background:transparent;
}
[data-theme="light"] h1.display{
  color:#2C1D11;
  text-shadow:0 2px 14px rgba(255,255,255,.45);
}
[data-theme="light"] .tagline{
  color:#5B4736;
}

.hero,.about-hero,.demos-hero{padding-top:var(--nav-height);}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;}
.hero .bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(.5) saturate(.28) brightness(.56) contrast(1.06);
  opacity:.62;
}
.hero .overlay{position:absolute;inset:0;background:transparent;z-index:15;}
.hero-brandmark{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index:12;
  pointer-events:none;
}
.hero-logo-spin{
  width:min(56vw, 700px);
  max-width:82%;
  opacity:.16;
  filter:drop-shadow(0 0 32px rgba(255,122,24,.28));
  transform-style:preserve-3d;
  animation:heroLogoSpin 18s linear infinite;
}
@keyframes heroLogoSpin{
  0%{transform:perspective(1200px) rotateY(0deg) rotateX(8deg);}
  50%{transform:perspective(1200px) rotateY(180deg) rotateX(-8deg);}
  100%{transform:perspective(1200px) rotateY(360deg) rotateX(8deg);}
}
.hero .inner{position:absolute;top:calc(var(--nav-height) + 64px);right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2.8rem 1rem;z-index:20;width:100%;}
.hero-content{width:min(680px,100%);max-width:100%;margin:0 auto;}
.tag{color:var(--muted);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;}
h1.display{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(2.6rem,6vw,5.1rem);margin:1rem 0 .6rem;line-height:1.05;letter-spacing:-.5px;}
.tagline{margin-top:.6rem;font-size:clamp(1.05rem,2.3vw,1.35rem);color:var(--muted);}
.cta-row{display:flex;gap:.9rem;justify-content:center;margin-top:1.1rem;flex-wrap:wrap;}
.hint{margin-top:1rem;color:var(--muted);}
.section{padding:2.6rem 0;position:relative;z-index:10;}
.section.alt{background:var(--panel);}
.grid{display:grid;gap:1rem;}
.card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,140,40,.38);border-radius:18px;padding:1.4rem;box-shadow:0 12px 40px rgba(0,0,0,.4), 0 0 20px rgba(255,140,40,.15);position:relative;overflow:hidden;backdrop-filter:blur(10px);}
.card.glass{background:linear-gradient(180deg,rgba(255,140,40,.16),rgba(255,184,84,.1));border:1px solid rgba(255,140,40,.58);box-shadow:0 12px 40px rgba(0,0,0,.4), 0 0 25px rgba(255,140,40,.24);}
.card p, .card div:not(.title):not(.kicker):not(.step-no){color:var(--text);opacity:0.95;}
.card .title{color:rgba(255,255,255,0.98);}
.product-media{
  display:block;
  width:100%;
  max-width:220px;
  height:110px;
  object-fit:contain;
  margin:0 auto 1rem;
  padding:.8rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.kicker{color:var(--neon1);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;text-shadow:0 0 10px var(--neon1);}
.small{font-size:.92rem;color:var(--text);opacity:0.9;}
.small.muted{color:var(--muted);}
.title{font-weight:900;font-size:1.15rem;color:var(--text);text-shadow:0 0 8px rgba(255,255,255,0.3);}
.features{grid-template-columns:repeat(3,minmax(0,1fr));}
.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(0) rotateY(0);transition:transform .12s ease-out;}
.tilt .title,.tilt .small{transform:translateZ(35px);}
.mag{transition:transform .12s ease-out;}
html.js .reveal{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.68,.18,1);}
html.js .reveal.visible{opacity:1;transform:translateY(0);}
.config{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.input,select,textarea{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--text);font:inherit;}
textarea{resize:vertical;}
.nb-honeypot{position:absolute !important;left:-9999px !important;opacity:0 !important;pointer-events:none !important;}
.form-status{min-height:1.3rem;margin-top:.7rem;}
.form-status.is-error{color:#ffb1a8;opacity:1;}
.form-status.is-success{color:#9ee6a4;opacity:1;}
.btn.is-busy{opacity:.75;pointer-events:none;}
html[data-theme="dark"] select{
  color-scheme:dark;
}
html[data-theme="dark"] select,
html[data-theme="dark"] option{
  background:#1F1F1F;
  color:#F5EEE5;
}
html[data-theme="light"] select,
html[data-theme="light"] option{
  background:#EFEFEF;
  color:#2C1D11;
}
.price{font-weight:900;font-size:1.8rem;}
.hr{height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));margin:1rem 0;}
.estimate{display:grid;gap:.6rem;margin-top:1.2rem;}
.lab-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;}
.lab-card{display:flex;flex-direction:column;gap:.9rem;}
.lab-actions{display:flex;gap:.6rem;flex-wrap:wrap;}
.lab-meter{display:flex;gap:.35rem;margin-top:.3rem;}
.lab-meter span{flex:1;height:8px;border-radius:6px;background:rgba(255,255,255,.12);transition:background .3s ease,box-shadow .3s ease;}
.lab-meter span.active{background:var(--neon1);box-shadow:0 0 14px var(--neon1);}
.lab-demo{display:flex;gap:.7rem;padding:1rem;border-radius:14px;background:rgba(255,255,255,.04);position:relative;overflow:hidden;}
.pulse-dot{width:16px;height:16px;border-radius:50%;background:var(--neon2);box-shadow:0 0 16px rgba(255,184,84,.6);animation:pulse 2.8s ease-in-out infinite;}
.pulse-dot:nth-child(2){animation-delay:.4s;background:var(--neon1);}
.pulse-dot:nth-child(3){animation-delay:.8s;background:var(--accent);}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.3);opacity:1;}}
.orbit{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2.2rem 0;}
.orbit-track{display:flex;gap:1rem;width:100%;max-width:720px;perspective:1200px;}
.orbit-card{flex:1;min-height:190px;padding:1.2rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,140,40,.18),rgba(255,184,84,.08));box-shadow:0 15px 40px rgba(0,0,0,.28);opacity:.55;transform:translateY(10px) scale(.94);transition:transform .4s ease,opacity .4s ease,filter .4s ease;}
.orbit-card.active{opacity:1;transform:translateY(0) scale(1.04);filter:drop-shadow(0 25px 40px rgba(0,0,0,.35));}
.orbit-card.prev{opacity:.75;transform:translateX(-6%) scale(.97);}
.orbit-card.next{opacity:.75;transform:translateX(6%) scale(.97);}
.orbit-card .orbit-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:.4rem;}
.orbit-card .orbit-title{font-family:'Space Grotesk',Inter,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.4rem;}
.orbit-card .orbit-meta{font-size:.85rem;color:var(--muted);}
.orbit-nav{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:var(--text);display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.32);transition:transform .2s ease;}
.orbit-nav:hover{transform:translateY(-2px);}
.monitor{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;margin-top:2rem;align-items:stretch;}
.monitor-screen{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-radius:22px;border:1px solid rgba(255,255,255,.1);overflow:hidden;padding:1.2rem;box-shadow:0 24px 50px rgba(0,0,0,.35);}
.monitor-header{display:flex;gap:.4rem;margin-bottom:1rem;}
.monitor-header span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);}
.monitor-body{position:relative;display:grid;gap:1rem;z-index:1;}
.monitor-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,140,40,.32),transparent 62%),radial-gradient(circle at 80% 80%,rgba(255,184,84,.32),transparent 65%);opacity:.9;mix-blend-mode:screen;pointer-events:none;z-index:0;transition:background 1s ease;}
.monitor-details{display:flex;flex-direction:column;gap:.9rem;}
.monitor-title{font-family:'Space Grotesk',Inter,sans-serif;font-size:1.6rem;font-weight:700;}
.monitor-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.monitor-tags span{padding:.35rem .6rem;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;}
.monitor-links{display:flex;gap:.6rem;flex-wrap:wrap;}
.monitor-stats{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.monitor-stat{padding:.9rem;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;}
.monitor-stat .label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;}
.monitor-stat .value{font-size:1.5rem;font-weight:800;}
.monitor-stat .delta{font-size:.82rem;color:var(--accent);margin-top:.2rem;}
.monitor-timeline{display:flex;gap:.8rem;flex-wrap:wrap;}
.monitor-step{flex:1;min-width:140px;padding:.8rem;border-radius:12px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.04);}
.monitor-step.done{border-style:solid;border-color:rgba(255,140,40,.42);}
.monitor-step.doing{border-style:solid;border-color:rgba(255,184,84,.42);}
.monitor-step .status{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.monitor-step .name{font-weight:700;margin-top:.2rem;}
.monitor-highlights{display:grid;gap:.5rem;}
.monitor-highlights .highlight{padding:.6rem .7rem;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);font-size:.9rem;}
.live-sites{margin-top:2rem;}
.live-sites h3{margin:.4rem 0 .35rem;font-family:'Space Grotesk',Inter,sans-serif;font-size:1.5rem;}
.product-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));margin-top:1.2rem;}
.product-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;min-height:100%;text-align:center;}
.product-badge{
  display:inline-flex;
  align-items:center;
  padding:.35rem .65rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.product-url{font-size:.84rem;color:var(--muted);word-break:break-word;}
.product-card .btn{margin-top:auto;width:100%;justify-content:center;}
.footer-cta{
  display:grid;
  grid-template-columns:1.2fr auto;
  gap:1.2rem;
  align-items:center;
}
.footer-cta h2{
  margin:.35rem 0 .45rem;
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:clamp(1.8rem,3vw,2.5rem);
  line-height:1.08;
}
.footer-cta-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end;}
.cookie-banner{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:130;
  width:min(420px, calc(100vw - 32px));
  opacity:0;
  transform:translateY(18px);
  transition:opacity .2s ease, transform .2s ease;
}
.cookie-banner.visible{opacity:1;transform:translateY(0);}
.cookie-banner .panel{
  background:linear-gradient(180deg,rgba(12,18,30,.96),rgba(18,24,36,.92));
  border:1px solid rgba(255,140,40,.34);
  border-radius:18px;
  padding:1rem;
  box-shadow:0 24px 60px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
}
.cookie-banner .title{margin-bottom:.45rem;}
.cookie-banner .small{line-height:1.5;}
.cookie-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;}
.cookie-actions .btn{flex:1;justify-content:center;min-width:150px;}
[data-open-consent="true"]{cursor:pointer;}
.live-site-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem;}
.live-site-card{
  display:flex;
  flex-direction:column;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:0 14px 35px rgba(0,0,0,.3);
}
.live-site-thumb{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  background:linear-gradient(135deg,rgba(255,140,40,.18),rgba(255,184,84,.16));
}
.live-site-body{padding:.85rem .9rem 1rem;display:grid;gap:.55rem;}
.live-site-name{font-weight:800;}
.live-site-url{font-size:.84rem;color:var(--muted);word-break:break-all;}
.fallback-link{
  display:block;
  padding:.75rem .9rem;
  border-radius:12px;
  border:1px solid rgba(255,140,40,.3);
  background:rgba(255,255,255,.04);
  color:var(--text);
  text-decoration:none;
}
[data-theme="light"] .live-site-card{
  border-color:rgba(12,20,40,.12);
  box-shadow:0 12px 28px rgba(12,30,55,.14);
}
.app-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;}
.chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0;}
.chip{padding:.55rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);font-weight:600;cursor:pointer;transition:background .2s,transform .2s;}
.chip:hover{transform:translateY(-2px);}
.chip.active{background:linear-gradient(90deg,var(--neon1),var(--neon2));color:#04111F;box-shadow:0 12px 26px var(--shadow);}
.app-stage{display:flex;flex-direction:column;gap:1rem;}
.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;}
.app-title{font-family:'Space Grotesk',Inter,sans-serif;font-size:1.25rem;font-weight:700;}
.app-canvas{min-height:260px;display:grid;gap:1rem;transition:transform .4s ease,opacity .4s ease;}
.app-canvas.switching{opacity:0;transform:translateY(14px);}
.app-panels{display:grid;gap:1rem;}
.app-panels.two-col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.app-panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1rem;position:relative;overflow:hidden;}
.app-panel h4{margin:0 0 .6rem;font-size:1rem;}
.app-stat-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.app-stat{padding:.8rem;border-radius:14px;background:linear-gradient(150deg,rgba(255,140,40,.18),rgba(255,184,84,.08));border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 25px rgba(0,0,0,.25);}
.app-stat .label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;}
.app-stat .value{font-size:1.5rem;font-weight:800;}
.app-stat .delta{font-size:.82rem;color:var(--accent);margin-top:.2rem;}
.sparkline{width:100%;height:60px;margin-top:1rem;}
.app-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}
.app-list li{padding:.6rem .7rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.18);display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.9rem;}
.app-badge{padding:.25rem .55rem;border-radius:999px;background:rgba(255,140,40,.12);border:1px solid rgba(255,140,40,.3);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
.app-note-stack{display:grid;gap:.7rem;}
.app-note{padding:.8rem;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);}
.app-note .author{font-weight:700;margin-bottom:.3rem;}
.app-note .role{font-size:.8rem;color:var(--muted);margin-bottom:.5rem;}
.app-note .quote{font-size:.95rem;line-height:1.4;}
.app-radial{width:120px;height:120px;border-radius:50%;margin:1rem auto;background:conic-gradient(var(--accent) 0deg 240deg,rgba(255,255,255,.12) 240deg 360deg);display:grid;place-items:center;font-weight:800;}
.app-radial span{font-size:1.2rem;}
.app-board{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.app-column{padding:.8rem;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:grid;gap:.6rem;}
.app-column h5{margin:0;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.app-card{padding:.7rem .8rem;border-radius:12px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);font-size:.92rem;}
.app-card .tag{display:inline-block;margin-bottom:.35rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.contact-grid{grid-template-columns:1.1fr .9fr;gap:1.2rem;}
.contact-sidebar{display:grid;gap:1.2rem;}
.quick-call-card{margin-top:0;}
.quick-call-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;}
.footer{background:#070A10;border-top:1px solid rgba(255,255,255,.08);color:#DDE5F2;}
.footer-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:flex-start;}
.palette{display:flex;gap:.35rem;align-items:center;}
.palette span{width:14px;height:14px;border-radius:50%;display:inline-block;}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:120;}
.modal .shade{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);}
.modal .panel{position:relative;width:min(900px,92vw);max-height:90vh;overflow:auto;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);padding:1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.4);}
.modal .close{position:absolute;top:.7rem;right:.7rem;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:var(--text);font-size:1.4rem;display:grid;place-items:center;cursor:pointer;}
.list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.4rem;}
.list li{padding:.6rem .75rem;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .15s ease,background .15s ease;}
.list li:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);}
.fab{position:fixed;right:max(12px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:110;max-width:calc(100vw - 24px);}
code{font-family:'Space Grotesk',monospace;background:rgba(255,255,255,.1);padding:.1rem .3rem;border-radius:6px;}
@media (max-width: 720px){
  
  .section{padding:2rem 0;}
  .contact-grid{grid-template-columns:1fr;}
  .quick-call-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:1fr;}
  .product-card{justify-content:flex-start;min-height:0;padding:1.2rem;}
  .footer-cta{grid-template-columns:1fr;}
  .footer-cta-actions{justify-content:stretch;}
  .footer-cta-actions .btn{width:100%;}
  .orbit{flex-direction:column;gap:.7rem;}
  .orbit-track{max-width:100%;display:block;}
  .orbit-nav{order:-1;}
  .orbit-card{display:none;min-height:auto;transform:none;opacity:1;}
  .orbit-card.active{display:block;transform:none;}
  .orbit-card.prev,.orbit-card.next{display:none;}
  .monitor{grid-template-columns:1fr;}
  .monitor-links .btn{width:100%;justify-content:center;}
  .live-site-grid{grid-template-columns:1fr;}
  .orbit,.monitor{display:none;}
  .live-sites{margin-top:0;}
  
  
  #stars{opacity:.4;}
  .hero{min-height:auto;}
  .hero .bg{opacity:.3;}
  .hero .inner{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    display:block;
    justify-content:flex-start;
    width:100%;
    padding:1.45rem 1rem 1.3rem;
  }
  .hero-content{
    width:100%;
    max-width:100%;
    padding-inline:.15rem;
  }
  .hero-brandmark{
    inset:calc(var(--nav-height) + 20px) 0 auto;
    height:42vh;
  }
  .hero-logo-spin{
    width:min(74vw, 380px);
    opacity:.13;
  }
  .tag{
    font-size:.72rem;
    letter-spacing:.12em;
  }
  h1.display{
    font-size:clamp(2.2rem,13vw,3.5rem);
    margin:.8rem 0 .55rem;
  }
  .tagline{
    font-size:1rem;
    max-width:22rem;
    margin-inline:auto;
  }
  .cta-row{
    width:100%;
  }
  .cta-row .btn{
    width:100%;
    justify-content:center;
  }
  .hint{margin-top:.8rem;font-size:.84rem;}
  
  
  @media (prefers-reduced-motion: reduce) {
    #stars,
    .hero-logo-spin {
      animation:none;
    }
  }
}
@media (max-width: 540px){
  .features{grid-template-columns:1fr;}
  .cta-row{flex-direction:column;}
  .fab{
    padding:.72rem .95rem;
    border-radius:14px;
  }
  
  .card{
    backdrop-filter:blur(5px);
    padding:1rem;
  }
  
  .hero .inner{
    padding:1.2rem 1rem 1.1rem;
  }
  .cookie-banner{right:12px;bottom:12px;width:calc(100vw - 24px);}
}


.desktop-hint{display:inline;}
.mobile-hint{display:none;}
.intro-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;}
.check-list{list-style:none;margin:.95rem 0 0;padding:0;display:grid;gap:.7rem;}
.check-list li{position:relative;padding-left:1.35rem;line-height:1.55;}
.check-list li::before{content:"";position:absolute;left:0;top:.48rem;width:.58rem;height:.58rem;border-radius:50%;background:linear-gradient(135deg,var(--neon1),var(--neon2));box-shadow:0 0 10px rgba(255,140,40,.28);}
.process-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.25rem;}
.step-card{display:grid;gap:.65rem;align-content:start;}
.step-no{font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--neon1);}


[data-theme="light"]{
  --bg:#F7F2EB;
  --panel:#FFF9F2;
  --panel2:#F1E7DA;
  --text:#201711;
  --muted:#6B5849;
  --neon1:#C45B13;
  --neon2:#E07D22;
  --accent:#8C5A1C;
  --shadow:rgba(196,91,19,.16);
}
[data-theme="light"] .nav{box-shadow:0 10px 30px rgba(77,58,37,.08);}
[data-theme="light"] .brand img{border-color:rgba(91,72,48,.14);box-shadow:0 10px 28px rgba(77,58,37,.12);}
[data-theme="light"] .nav .links a,
[data-theme="light"] .nav .primary-links a,
[data-theme="light"] .theme,
[data-theme="light"] .nav-toggle{color:var(--text);}
[data-theme="light"] .btn.ghost,
[data-theme="light"] .theme,
[data-theme="light"] .nav-toggle{
  background:rgba(255,255,255,.78);
  border-color:rgba(91,72,48,.16);
}
[data-theme="light"] .theme:hover,
[data-theme="light"] .btn.ghost:hover{background:rgba(255,255,255,.96);}
[data-theme="light"] .hero .bg{opacity:.32;filter:saturate(.88) contrast(1.02);}
[data-theme="light"] .hero .overlay{background:linear-gradient(180deg,rgba(247,242,235,.24),rgba(247,242,235,.44));}
[data-theme="light"] .hero-logo-spin{opacity:.11;filter:drop-shadow(0 0 26px rgba(255,122,24,.16));}
[data-theme="light"] h1.display,
[data-theme="light"] .title,
[data-theme="light"] .card .title{color:var(--text);text-shadow:none;}
[data-theme="light"] .kicker{color:var(--neon1);text-shadow:none;}
[data-theme="light"] .tagline,
[data-theme="light"] .hint,
[data-theme="light"] .small.muted,
[data-theme="light"] .tag{color:var(--muted);}
[data-theme="light"] .section.alt{background:linear-gradient(180deg,#FFF9F2,#F5EBDD);}
[data-theme="light"] .card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(252,246,239,.93));
  border-color:rgba(196,91,19,.18);
  box-shadow:0 18px 38px rgba(77,58,37,.08);
}
[data-theme="light"] .card.glass{
  background:linear-gradient(180deg,rgba(255,247,239,.98),rgba(246,231,214,.94));
  border-color:rgba(196,91,19,.24);
  box-shadow:0 18px 38px rgba(77,58,37,.1);
}
[data-theme="light"] .input,
[data-theme="light"] select,
[data-theme="light"] textarea{
  background:#FFFFFF;
  border-color:rgba(107,88,73,.18);
  color:var(--text);
}
[data-theme="light"] .input::placeholder,
[data-theme="light"] textarea::placeholder{color:#8A7562;}
[data-theme="light"] .hr{background:linear-gradient(90deg,rgba(107,88,73,0),rgba(107,88,73,.22),rgba(107,88,73,0));}
[data-theme="light"] .lab-meter span,
[data-theme="light"] .lab-demo,
[data-theme="light"] .monitor-tags span,
[data-theme="light"] .chip,
[data-theme="light"] .app-panel,
[data-theme="light"] .app-column,
[data-theme="light"] .app-list li,
[data-theme="light"] .list li,
[data-theme="light"] .modal .panel{
  background:rgba(255,255,255,.8);
  border-color:rgba(107,88,73,.16);
}
[data-theme="light"] .orbit-nav,
[data-theme="light"] .monitor-stat,
[data-theme="light"] .monitor-highlights .highlight,
[data-theme="light"] .app-note,
[data-theme="light"] .app-card{
  background:rgba(255,255,255,.88);
  border-color:rgba(107,88,73,.16);
}
[data-theme="light"] .monitor-screen,
[data-theme="light"] .live-site-card,
[data-theme="light"] .product-badge{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,239,228,.92));
  border-color:rgba(107,88,73,.16);
  box-shadow:0 18px 38px rgba(77,58,37,.08);
}
[data-theme="light"] .monitor-step,
[data-theme="light"] .fallback-link{
  background:rgba(255,255,255,.78);
  border-color:rgba(107,88,73,.16);
}
[data-theme="light"] .orbit-card,
[data-theme="light"] .app-stat{
  background:linear-gradient(180deg,rgba(255,248,238,.96),rgba(244,230,211,.9));
  border-color:rgba(196,91,19,.18);
  box-shadow:0 16px 30px rgba(77,58,37,.08);
}
[data-theme="light"] .footer{
  background:#EDE1D0;
  color:#201711;
  border-top-color:rgba(107,88,73,.16);
}
[data-theme="light"] .cookie-banner .panel{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,236,226,.96));
  border-color:rgba(196,91,19,.2);
  box-shadow:0 18px 38px rgba(77,58,37,.12);
}
[data-theme="light"] .footer a,
[data-theme="light"] code{color:inherit;}
[data-theme="light"] code{background:rgba(107,88,73,.1);}
[data-theme="light"] .modal .close{background:rgba(255,255,255,.88);border-color:rgba(107,88,73,.18);}

@media (max-width: 960px){
  .intro-grid{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .desktop-hint{display:none;}
  .mobile-hint{display:inline;}
}


.footer-socials{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem;}
.social-link{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .68rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);font-size:.76rem;font-weight:750;letter-spacing:.04em;color:#DDE5F2;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;}
.social-link:hover{transform:translateY(-2px);border-color:rgba(255,159,26,.65);background:rgba(255,122,24,.11);color:#fff;}
[data-theme="light"] .social-link{color:#17202b;border-color:rgba(20,28,38,.15);background:rgba(20,28,38,.04);}


.hero-world{
  min-height:100svh;
  background:#06110f;
  cursor:default;
  overflow:hidden;
  isolation:isolate;
}
.nb-world-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:0;
  touch-action:none;
  pointer-events:none;
  cursor:default;
}
.hero-world.nb-world-active .nb-world-canvas{pointer-events:auto;cursor:grab;}
.hero-world.nb-world-active .nb-world-canvas:active{cursor:grabbing;}
.hero-world.nb-tank-mode .nb-world-canvas,.hero-world.nb-tank-mode .nb-world-canvas:active,.hero-world.nb-jet-mode .nb-world-canvas,.hero-world.nb-jet-mode .nb-world-canvas:active{cursor:crosshair;}
.hero-world #stars{z-index:1;opacity:.14;pointer-events:none;mix-blend-mode:screen;}
.hero-world .nb-world-overlay{
  z-index:10;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,10,9,.92) 0%,rgba(4,10,9,.76) 35%,rgba(4,10,9,.23) 62%,rgba(4,10,9,.05) 100%),
    linear-gradient(180deg,rgba(3,8,7,.34) 0%,rgba(3,8,7,.01) 52%,rgba(3,8,7,.50) 100%);
  transition:opacity .45s ease,background .45s ease;
}
.hero-world.nb-world-active .nb-world-overlay{
  background:
    linear-gradient(180deg,rgba(2,7,6,.24) 0%,rgba(2,7,6,0) 30%,rgba(2,7,6,.05) 72%,rgba(2,7,6,.44) 100%),
    radial-gradient(circle at 50% 46%,rgba(255,255,255,0) 44%,rgba(0,0,0,.22) 100%);
}
.hero-world .inner{
  z-index:20;
  align-items:flex-start;
  text-align:left;
  pointer-events:none;
}
.nb-intro-layer{
  transition:opacity .36s ease,transform .45s ease,visibility .36s ease;
}
.hero-world.nb-world-active .nb-intro-layer{
  opacity:0;
  transform:translateY(18px) scale(.985);
  visibility:hidden;
  pointer-events:none;
}
.hero-world .hero-content{
  width:min(610px,49vw);
  margin-left:max(1rem,calc((100vw - 1180px)/2));
  margin-right:auto;
  padding:1.45rem 1.55rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(6,15,13,.69),rgba(6,15,13,.38));
  backdrop-filter:blur(10px);
  box-shadow:0 24px 90px rgba(0,0,0,.27);
  pointer-events:none;
}
.hero-world .hero-content .btn,
.hero-world .hero-content button,
.hero-world .hero-content a{pointer-events:auto;}
.hero-world .cta-row{justify-content:flex-start;}
.hero-world .hint{max-width:36rem;}
.nb-world-pitch{
  display:grid;
  gap:.18rem;
  margin:.9rem 0 1rem;
  padding:.72rem .82rem;
  border-left:3px solid #38dc2c;
  background:linear-gradient(90deg,rgba(56,220,44,.10),rgba(255,122,24,.035));
  border-radius:0 14px 14px 0;
}
.nb-world-pitch strong{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;}
.nb-world-pitch span{font-size:.77rem;line-height:1.45;color:#b9c8c2;}
.nb-enter-world{
  background:linear-gradient(135deg,#2ecb35,#ff7a18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 10px 30px rgba(44,202,57,.13),0 10px 40px rgba(255,122,24,.13);
}
.nb-enter-world:hover{transform:translateY(-2px) scale(1.01);}

.nb-world-hud{
  position:absolute;
  z-index:31;
  top:calc(var(--nav-height) + 16px);
  right:clamp(14px,2.4vw,34px);
  display:flex;
  align-items:center;
  gap:.5rem;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
  pointer-events:none;
}
.hero-world.nb-world-active .nb-world-hud{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.nb-mode-switch{
  display:flex;
  padding:4px;
  gap:3px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(3,11,9,.74);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.nb-mode-switch button,.nb-hud-button{
  min-height:38px;
  padding:.48rem .72rem;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:#c9d5d0;
  font:800 .66rem/1 system-ui,sans-serif;
  letter-spacing:.09em;
  cursor:pointer;
}
.nb-mode-switch button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(56,220,44,.28),rgba(56,220,44,.10));
  border-color:rgba(83,231,90,.28);
  box-shadow:inset 0 0 18px rgba(56,220,44,.10);
}
.hero-world.nb-tank-mode .nb-mode-switch #nbTankMode{
  background:linear-gradient(135deg,rgba(255,122,24,.42),rgba(111,34,0,.45));
  border-color:rgba(255,145,70,.46);
  box-shadow:0 0 24px rgba(255,122,24,.15);
}
.hero-world.nb-jet-mode .nb-mode-switch #nbJetMode{
  background:linear-gradient(135deg,rgba(56,220,44,.36),rgba(6,76,26,.48));
  border-color:rgba(95,239,84,.48);
  box-shadow:0 0 24px rgba(56,220,44,.16);
}
.nb-jet-only{display:none!important;}
.hero-world.nb-jet-mode .nb-jet-only{display:inline-flex!important;}
.hero-world.nb-jet-mode .nb-world-controls #nbAimState{
  color:#eaffea;border-color:rgba(95,239,84,.55);background:rgba(4,65,18,.50);box-shadow:0 0 20px rgba(56,220,44,.16);
}
.nb-hud-button{
  border-color:rgba(255,255,255,.12);
  background:rgba(3,11,9,.66);
  backdrop-filter:blur(10px);
  white-space:nowrap;
}
.nb-hud-button:hover,.nb-mode-switch button:hover{color:#fff;border-color:rgba(255,255,255,.24);}

.nb-world-controls{
  position:absolute;
  z-index:24;
  left:50%;
  bottom:18px;
  transform:translate(-50%,10px);
  display:flex;
  align-items:center;
  gap:.65rem;
  max-width:calc(100% - 210px);
  padding:.48rem .7rem;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(3,11,9,.58);
  backdrop-filter:blur(10px);
  color:#dce8e3;
  font-size:.71rem;
  letter-spacing:.025em;
  white-space:nowrap;
  pointer-events:none;
  box-shadow:0 8px 30px rgba(0,0,0,.16);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
}
.hero-world.nb-world-active .nb-world-controls{opacity:1;visibility:visible;transform:translate(-50%,0);}
.nb-world-controls #nbAimState{
  padding:.28rem .5rem;
  border-radius:999px;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.13em;
  color:#9bd8aa;
  border:1px solid rgba(82,224,112,.20);
}
.hero-world.nb-tank-mode .nb-world-controls #nbAimState{
  color:#fff2df;
  border-color:rgba(255,122,24,.55);
  background:rgba(85,29,2,.50);
  box-shadow:0 0 20px rgba(255,122,24,.18);
}
.nb-control-mobile{display:none;}

.nb-crosshair{
  position:absolute;
  z-index:28;
  left:50%;
  top:55%;
  width:38px;
  height:38px;
  transform:translate(-50%,-50%);
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 0 9px rgba(255,122,24,.56));
  transition:opacity .15s ease;
}
.hero-world.nb-world-active.nb-combat-mode .nb-crosshair{opacity:1;}
.hero-world.nb-jet-mode .nb-crosshair b{border-color:#63ef58;box-shadow:0 0 12px rgba(99,239,88,.36);}
.nb-crosshair:before,.nb-crosshair:after,.nb-crosshair i:before,.nb-crosshair i:after{content:"";position:absolute;background:rgba(255,255,255,.96);border-radius:2px;}
.nb-crosshair:before{left:0;top:18px;width:10px;height:2px;}.nb-crosshair:after{right:0;top:18px;width:10px;height:2px;}
.nb-crosshair i:before{left:18px;top:0;width:2px;height:10px;}.nb-crosshair i:after{left:18px;bottom:0;width:2px;height:10px;}
.nb-crosshair b{position:absolute;inset:11px;border:1px solid rgba(255,122,24,.98);border-radius:50%;box-shadow:0 0 12px rgba(255,122,24,.28);}

.nb-fire-button{
  position:absolute;
  z-index:29;
  right:clamp(16px,2.6vw,38px);
  bottom:20px;
  width:76px;
  height:76px;
  border-radius:50%;
  border:1px solid rgba(255,136,43,.88);
  background:radial-gradient(circle at 35% 28%,rgba(255,164,91,.28),rgba(89,24,0,.82) 58%,rgba(31,8,0,.92));
  color:#fff;
  font-weight:950;
  letter-spacing:.10em;
  box-shadow:inset 0 0 0 2px rgba(255,122,24,.15),0 0 34px rgba(255,122,24,.20);
  backdrop-filter:blur(8px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:scale(.9);
  pointer-events:none;
  transition:.18s ease;
}
.hero-world.nb-world-active.nb-combat-mode .nb-fire-button{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;}
.hero-world.nb-jet-mode .nb-fire-button{background:radial-gradient(circle at 35% 28%,rgba(95,239,84,.30),rgba(15,78,22,.82) 58%,rgba(4,32,8,.94));border-color:rgba(95,239,84,.9);box-shadow:inset 0 0 0 2px rgba(56,220,44,.18),0 0 34px rgba(56,220,44,.22);}
.nb-fire-button:hover{transform:scale(1.05)!important;box-shadow:inset 0 0 0 2px rgba(255,122,24,.24),0 0 46px rgba(255,122,24,.32);}

.nb-hit-card{
  position:absolute;
  z-index:32;
  right:clamp(16px,3vw,42px);
  top:calc(var(--nav-height) + 78px);
  width:min(310px,calc(100% - 32px));
  padding:1rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(4,13,11,.91);
  backdrop-filter:blur(16px);
  box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 40px rgba(255,122,24,.08);
}
.nb-hit-card span{display:block;color:#78e690;font-size:.65rem;letter-spacing:.15em;margin-bottom:.3rem;}
.nb-hit-card strong{display:block;font-size:1.3rem;margin-bottom:.8rem;}
.nb-hit-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.nb-hit-card button{padding:.55rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#14201d;color:#fff;cursor:pointer;}
.nb-hit-card #nbHitOpen{background:linear-gradient(135deg,#2a9f38,#b84e0b);border-color:rgba(255,255,255,.18);}

.nb-impact-flash{
  position:absolute;
  inset:0;
  z-index:27;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 55%,rgba(255,244,211,.34),rgba(255,122,24,.08) 24%,transparent 62%);
  mix-blend-mode:screen;
}
.nb-impact-flash.active{animation:nbImpactFlash .28s ease-out both;}
@keyframes nbImpactFlash{0%{opacity:.82}28%{opacity:.34}100%{opacity:0}}


.nb-jet-mobile-controls{
  position:absolute;
  z-index:30;
  left:0;right:0;bottom:14px;
  display:none;
  pointer-events:none;
}
.nb-jet-stick{
  position:absolute;
  left:18px;bottom:0;
  width:116px;height:116px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.20);
  background:radial-gradient(circle,rgba(255,255,255,.08),rgba(3,11,9,.66) 66%);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 0 28px rgba(56,220,44,.08),0 8px 30px rgba(0,0,0,.18);
  pointer-events:auto;
  touch-action:none;
  user-select:none;
}
.nb-jet-stick span{position:absolute;left:50%;top:9px;transform:translateX(-50%);font-size:.52rem;font-weight:900;letter-spacing:.12em;color:#9bd8aa;}
.nb-jet-stick:before,.nb-jet-stick:after{content:"";position:absolute;background:rgba(255,255,255,.12);pointer-events:none;}
.nb-jet-stick:before{left:50%;top:20%;bottom:20%;width:1px;}.nb-jet-stick:after{top:50%;left:20%;right:20%;height:1px;}
.nb-jet-stick i{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#38dc2c,#ff7a18);box-shadow:0 0 24px rgba(56,220,44,.20);pointer-events:none;}
.nb-jet-boost{
  position:absolute;
  right:18px;bottom:0;
  width:88px;height:88px;border-radius:50%;
  border:1px solid rgba(255,145,70,.70);
  background:radial-gradient(circle at 35% 28%,rgba(255,164,91,.22),rgba(89,24,0,.80) 60%,rgba(31,8,0,.92));
  color:#fff;font:950 .66rem/1 system-ui,sans-serif;letter-spacing:.09em;
  box-shadow:0 0 30px rgba(255,122,24,.16);pointer-events:auto;touch-action:none;user-select:none;
}
.nb-jet-boost.active{transform:scale(.95);box-shadow:0 0 42px rgba(255,122,24,.35);}
.nb-jet-mobile-controls.swapped .nb-jet-stick{left:auto;right:18px;}
.nb-jet-mobile-controls.swapped .nb-jet-boost{right:auto;left:18px;}
.hero-world.nb-jet-mode .nb-fire-button{bottom:22px;right:50%;transform:translateX(50%) scale(1);}
.hero-world.nb-jet-mode .nb-fire-button:hover{transform:translateX(50%) scale(1.05)!important;}

.nb-world-loading{
  position:absolute;
  z-index:40;
  inset:0;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:.55rem;
  background:linear-gradient(180deg,#07130f,#091812);
  transition:opacity .45s ease,visibility .45s ease;
  pointer-events:none;
}
.nb-world-loading.hidden{opacity:0;visibility:hidden;}
.nb-loading-mark{width:68px;height:68px;display:grid;place-items:center;border:2px solid #36cc42;border-top-color:#ff7a18;border-radius:22px;font-size:1.55rem;font-weight:900;box-shadow:0 0 40px rgba(255,122,24,.12);}
.nb-world-loading strong{font-size:.75rem;letter-spacing:.13em;}.nb-world-loading span{font-size:.72rem;color:#9fb3aa;}

@media (max-width: 1000px){
  .hero-world .hero-content{width:min(570px,68vw);margin-left:1rem;padding:1.15rem 1.2rem;}
  .nb-world-hud{right:14px;}
  .nb-world-controls{bottom:104px;max-width:calc(100% - 34px);}
  .nb-control-desktop{display:none;}.nb-control-mobile{display:inline;}
}
@media (max-width: 700px){
  .hero-world{min-height:100svh!important;}
  .hero-world .inner{position:absolute;inset:var(--nav-height) 0 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:.8rem .7rem 7rem;text-align:left;}
  .hero-world .hero-content{width:100%;max-width:100%;margin:0;padding:.9rem .95rem;border-radius:18px;background:linear-gradient(180deg,rgba(5,13,11,.79),rgba(5,13,11,.40));}
  .hero-world h1.display{font-size:clamp(1.9rem,10vw,3rem);max-width:12ch;}
  .hero-world .tagline{max-width:28rem;margin-left:0;font-size:.95rem;}
  .nb-world-pitch{margin:.7rem 0 .75rem;padding:.58rem .7rem;}
  .nb-world-pitch span{font-size:.72rem;}
  .hero-world .cta-row.nb-intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;}
  .hero-world .cta-row.nb-intro-actions .btn{width:auto;min-width:0;font-size:.78rem;padding:.62rem .62rem;}
  .hero-world .cta-row.nb-intro-actions .nb-enter-world{grid-column:1/-1;min-height:46px;}
  .hero-world .cta-row.nb-intro-actions #ctaWhats{grid-column:1/-1;}
  .hero-world .hint{display:none;}
  .nb-world-hud{left:10px;right:10px;top:calc(var(--nav-height) + 10px);gap:.35rem;flex-wrap:wrap;justify-content:flex-end;}
  .nb-mode-switch{margin-right:auto;}
  .nb-mode-switch button,.nb-hud-button{min-height:36px;padding:.45rem .58rem;font-size:.60rem;}
  .nb-world-controls{left:10px;right:92px;bottom:16px;transform:translateY(10px);max-width:none;white-space:normal;font-size:.61rem;line-height:1.3;border-radius:14px;}
  .hero-world.nb-world-active .nb-world-controls{transform:none;}
  .nb-world-controls #nbAimState{flex:0 0 auto;}
  .nb-fire-button{right:12px;bottom:12px;width:70px;height:70px;font-size:.72rem;}
  .hero-world.nb-jet-mode .nb-jet-mobile-controls{display:block;}
  .hero-world.nb-jet-mode .nb-world-controls{bottom:138px;right:10px;}
  .hero-world.nb-jet-mode .nb-fire-button{bottom:28px;right:50%;width:72px;height:72px;}
  .hero-world.nb-jet-mode .nb-hit-card{bottom:150px;}
  .nb-crosshair{top:58%;}
  .nb-hit-card{top:auto;bottom:96px;right:10px;}
}
@media (max-width: 430px){
  .nb-hud-button{font-size:.56rem;padding:.42rem .5rem;}
  #nbExitWorld{display:none;}
  .nb-world-controls{right:88px;}
}

@media (max-width: 900px) and (orientation: landscape){
  .hero-world{min-height:100svh!important;}
  .nb-world-hud{top:calc(var(--nav-height) + 6px);left:8px;right:8px;gap:.25rem;}
  .nb-mode-switch button,.nb-hud-button{min-height:32px;padding:.38rem .48rem;font-size:.54rem;}
  .nb-world-controls{bottom:8px;left:140px;right:140px;font-size:.56rem;padding:.35rem .55rem;}
  .hero-world.nb-jet-mode .nb-world-controls{bottom:8px;left:150px;right:150px;}
  .hero-world.nb-jet-mode .nb-jet-mobile-controls{display:block;}
  .nb-jet-stick{width:96px;height:96px;left:12px;bottom:10px;}
  .nb-jet-boost{width:76px;height:76px;right:12px;bottom:18px;}
  .nb-jet-mobile-controls.swapped .nb-jet-stick{right:12px;left:auto;}
  .nb-jet-mobile-controls.swapped .nb-jet-boost{left:12px;right:auto;}
  .hero-world.nb-jet-mode .nb-fire-button{bottom:15px;width:64px;height:64px;font-size:.62rem;}
  .nb-hit-card{top:calc(var(--nav-height) + 52px);bottom:auto;max-width:240px;padding:.72rem;}
}

@media (prefers-reduced-motion:reduce){
  .nb-world-loading,.nb-intro-layer,.nb-world-hud,.nb-world-controls{transition:none;}
  .nb-impact-flash.active{animation:none;opacity:.2;}
}
[data-theme="light"] .hero-world .nb-world-overlay{
  background:linear-gradient(90deg,rgba(247,242,235,.90),rgba(247,242,235,.63) 38%,rgba(247,242,235,.12) 72%,rgba(247,242,235,.02));
}
[data-theme="light"] .hero-world.nb-world-active .nb-world-overlay{
  background:linear-gradient(180deg,rgba(247,242,235,.08),transparent 34%,rgba(0,0,0,.22));
}
[data-theme="light"] .hero-world .hero-content{background:rgba(255,250,245,.67);border-color:rgba(82,50,28,.10);}
[data-theme="light"] .nb-world-pitch strong{color:#15201d;}
[data-theme="light"] .nb-world-pitch span{color:#43504b;}


body.nb-world-open{overflow:hidden!important;overscroll-behavior:none;touch-action:none;}
body.nb-world-open .nav,
body.nb-world-open main,
body.nb-world-open footer.footer,
body.nb-world-open .fab{visibility:hidden!important;pointer-events:none!important;}
body.nb-world-open .hero-world.nb-world-active{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
}
body.nb-world-open .hero-world.nb-world-active .nb-world-canvas,
body.nb-world-open .hero-world.nb-world-active #stars,
body.nb-world-open .hero-world.nb-world-active .nb-world-overlay{inset:0!important;width:100%!important;height:100%!important;}
body.nb-world-open .hero-world.nb-world-active .nb-world-hud{
  top:max(8px,env(safe-area-inset-top))!important;
  right:max(10px,env(safe-area-inset-right))!important;
  left:max(10px,env(safe-area-inset-left))!important;
}
body.nb-world-open .hero-world.nb-world-active .nb-world-controls{
  bottom:max(10px,env(safe-area-inset-bottom));
}
body.nb-world-open .hero-world.nb-world-active .nb-hit-card{top:max(62px,calc(env(safe-area-inset-top) + 54px));}
#nbGyroToggle[aria-pressed="true"]{color:#fff;border-color:rgba(95,239,84,.72);background:rgba(7,92,30,.68);box-shadow:0 0 24px rgba(56,220,44,.18);}
.hero-world.nb-gyro-active .nb-jet-stick{box-shadow:inset 0 0 32px rgba(56,220,44,.14),0 0 0 2px rgba(56,220,44,.14),0 8px 30px rgba(0,0,0,.18);}

@media (hover:hover) and (pointer:fine){
  .hero-world.nb-jet-mode #nbGyroToggle{display:none!important;}
}

@media (max-width:900px){
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{top:max(6px,env(safe-area-inset-top))!important;}
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch button,
  body.nb-world-open .hero-world.nb-world-active .nb-hud-button{min-height:34px;}
  body.nb-world-open .hero-world.nb-world-active .nb-fire-button{bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px));}
}

@media (max-width:900px) and (orientation:landscape){
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-right:4px;scrollbar-width:none;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud::-webkit-scrollbar{display:none;}
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch{flex:0 0 auto;margin-right:0;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls{bottom:max(6px,env(safe-area-inset-bottom));}
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-stick{bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));}
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-boost{bottom:max(14px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));}
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-mobile-controls.swapped .nb-jet-stick{right:max(10px,env(safe-area-inset-right));left:auto;}
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-mobile-controls.swapped .nb-jet-boost{left:max(10px,env(safe-area-inset-left));right:auto;}
}

.nb-vehicle-only{display:none!important;}
.hero-world.nb-jet-mode .nb-vehicle-only,.hero-world.nb-tank-mode .nb-vehicle-only{display:inline-flex!important;}
.nb-tank-mobile-controls{position:absolute;z-index:30;left:18px;bottom:18px;display:none;gap:10px;pointer-events:none;}
.nb-tank-mobile-controls button{width:62px;height:62px;border-radius:18px;border:1px solid rgba(255,145,70,.55);background:rgba(42,19,8,.78);color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 0 24px rgba(255,122,24,.12);pointer-events:auto;touch-action:none;user-select:none;}
.nb-tank-mobile-controls button.active{transform:scale(.94);background:rgba(104,38,3,.9);box-shadow:0 0 32px rgba(255,122,24,.24);}
@media (max-width:900px){.hero-world.nb-tank-mode .nb-tank-mobile-controls{display:flex;}}
@media (max-width:900px) and (orientation:landscape){body.nb-world-open .hero-world.nb-tank-mode .nb-tank-mobile-controls{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));}}
body.nb-world-open #nbExitWorld{display:inline-flex!important;}


.nb-sub-only,.nb-tank-only{display:none!important;}
.hero-world.nb-sub-mode .nb-sub-only{display:inline-flex!important;}
.hero-world.nb-tank-mode .nb-tank-only{display:inline-flex!important;}
.hero-world.nb-sub-mode .nb-mode-switch #nbSubMode{
  background:linear-gradient(135deg,rgba(44,168,210,.42),rgba(3,53,78,.58));
  border-color:rgba(92,205,245,.48);box-shadow:0 0 24px rgba(44,168,210,.18);color:#fff;
}
.hero-world.nb-sub-mode .nb-world-controls #nbAimState{
  color:#e9fbff;border-color:rgba(92,205,245,.55);background:rgba(3,53,78,.52);box-shadow:0 0 20px rgba(44,168,210,.15);
}
.hero-world.nb-sub-mode .nb-fire-button{
  background:radial-gradient(circle at 35% 28%,rgba(104,220,255,.30),rgba(5,68,98,.85) 58%,rgba(2,28,42,.96));
  border-color:rgba(104,220,255,.9);box-shadow:inset 0 0 0 2px rgba(104,220,255,.16),0 0 34px rgba(44,168,210,.24);
}
.hero-world.nb-sub-mode .nb-crosshair b{border-color:#6cdcff;box-shadow:0 0 12px rgba(108,220,255,.40);}
.hero-world.nb-sub-mode .nb-world-canvas,.hero-world.nb-sub-mode .nb-world-canvas:active{cursor:crosshair;}
.hero-world.nb-sub-mode .nb-vehicle-only{display:inline-flex!important;}

.nb-sub-mobile-controls{position:absolute;z-index:30;display:none;left:14px;right:14px;bottom:16px;pointer-events:none;align-items:flex-end;justify-content:space-between;}
.nb-sub-pad{position:relative;width:132px;height:132px;pointer-events:auto;}
.nb-sub-pad button,.nb-sub-depth button,.nb-tank-mobile-controls button{
  border:1px solid rgba(255,255,255,.22);background:rgba(3,15,19,.75);color:#fff;backdrop-filter:blur(10px);font-weight:900;box-shadow:0 8px 28px rgba(0,0,0,.18);touch-action:none;user-select:none;
}
.nb-sub-pad button{position:absolute;width:48px;height:48px;border-radius:50%;}
#nbSubForward{left:42px;top:0}#nbSubBack{left:42px;bottom:0}#nbSubLeft{left:0;top:42px}#nbSubRight{right:0;top:42px}
.nb-sub-depth{display:grid;gap:8px;pointer-events:auto;}
.nb-sub-depth button{min-width:84px;min-height:48px;border-radius:14px;font-size:.64rem;letter-spacing:.07em;}
.nb-jet-control-choice{
  position:absolute;z-index:45;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 28px));padding:1.05rem;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(3,12,10,.94);backdrop-filter:blur(18px);box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 50px rgba(56,220,44,.08);color:#fff;
}
.nb-jet-control-choice[hidden]{display:none!important;}
.nb-jet-control-choice span{display:block;font-size:.62rem;letter-spacing:.14em;color:#78e690;margin-bottom:.35rem;}
.nb-jet-control-choice strong{display:block;font-size:1.25rem;margin-bottom:.45rem;}
.nb-jet-control-choice p{color:#b8c8c1;font-size:.78rem;line-height:1.5;margin:0 0 .85rem;}
.nb-jet-control-choice div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.nb-jet-control-choice button{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#11211d;color:#fff;font-weight:850;letter-spacing:.05em;}
#nbJetChoiceCancel{grid-column:1/-1;background:transparent;color:#aebbb6;}


@media (max-width:900px){
  .hero-world.nb-sub-mode .nb-sub-mobile-controls{display:flex;}
  .hero-world.nb-sub-mode .nb-world-controls{bottom:145px;left:8px;right:8px;}
  .hero-world.nb-sub-mode .nb-fire-button{right:50%;transform:translateX(50%) scale(1);bottom:28px;}
  .hero-world.nb-tank-mode .nb-tank-mobile-controls{display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:48px 48px 48px;gap:5px;left:12px;bottom:14px;width:auto;}
  .hero-world.nb-tank-mode #nbTankUp{grid-column:2;grid-row:1}.hero-world.nb-tank-mode #nbTankLeft{grid-column:1;grid-row:2}.hero-world.nb-tank-mode #nbTankRight{grid-column:3;grid-row:2}.hero-world.nb-tank-mode #nbTankDown{grid-column:2;grid-row:3}
  .hero-world.nb-tank-mode .nb-tank-mobile-controls button{width:56px;height:48px;border-radius:12px;}
}
@media (max-width:900px) and (orientation:landscape){
  .hero-world.nb-sub-mode .nb-sub-mobile-controls{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));}
  .hero-world.nb-sub-mode .nb-world-controls{bottom:6px;left:150px;right:150px;}
}


.hero-world.nb-gyro-active .nb-jet-stick{
  opacity:.22;
  pointer-events:none;
  transform:scale(.92);
}
.hero-world.nb-gyro-active .nb-jet-stick span::after{
  content:" · GYRO ACTIVE";
  color:#78e690;
}

@media (max-width:900px) and (orientation:portrait){
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{
    top:max(6px,env(safe-area-inset-top))!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px;
    align-items:start;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch{
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
    justify-content:flex-start;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch::-webkit-scrollbar{display:none;}
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch button,
  body.nb-world-open .hero-world.nb-world-active .nb-hud-button{
    flex:0 0 auto;
    min-height:32px;
    padding:.34rem .46rem;
    font-size:.52rem;
    letter-spacing:.04em;
  }
  body.nb-world-open .hero-world.nb-world-active #nbExitWorld{
    grid-column:2;
    grid-row:1;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls{
    left:8px;
    right:8px;
    width:auto;
    max-width:none;
    padding:.38rem .54rem;
    font-size:.54rem;
    line-height:1.28;
    background:rgba(2,11,9,.68);
    backdrop-filter:blur(10px);
    border-radius:12px;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls #nbDesktopHelp{display:none!important;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls #nbMobileHelp{display:inline!important;}

  body.nb-world-open .hero-world.nb-jet-mode .nb-world-controls{
    bottom:max(126px,calc(env(safe-area-inset-bottom) + 118px));
  }
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-stick{
    width:92px;height:92px;
    left:max(10px,env(safe-area-inset-left));
    bottom:max(14px,calc(env(safe-area-inset-bottom) + 4px));
  }
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-boost{
    width:72px;height:72px;
    right:max(10px,env(safe-area-inset-right));
    bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));
  }
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-mobile-controls.swapped .nb-jet-stick{
    left:auto;right:max(10px,env(safe-area-inset-right));
  }
  body.nb-world-open .hero-world.nb-jet-mode .nb-jet-mobile-controls.swapped .nb-jet-boost{
    right:auto;left:max(10px,env(safe-area-inset-left));
  }
  body.nb-world-open .hero-world.nb-jet-mode .nb-fire-button{
    width:64px;height:64px;
    bottom:max(25px,calc(env(safe-area-inset-bottom) + 12px));
    font-size:.58rem;
  }
body.nb-world-open .hero-world.nb-tank-mode .nb-world-controls,
  body.nb-world-open .hero-world.nb-sub-mode .nb-world-controls{
    bottom:max(148px,calc(env(safe-area-inset-bottom) + 140px));
  }
  body.nb-world-open .hero-world.nb-tank-mode .nb-tank-mobile-controls{
    left:max(10px,env(safe-area-inset-left));
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 4px));
  }
  body.nb-world-open .hero-world.nb-sub-mode .nb-sub-mobile-controls{
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(10px,calc(env(safe-area-inset-bottom) + 4px));
  }
  body.nb-world-open .hero-world.nb-sub-mode .nb-sub-pad{width:112px;height:112px;}
  body.nb-world-open .hero-world.nb-sub-mode .nb-sub-pad button{width:42px;height:42px;}
  body.nb-world-open .hero-world.nb-sub-mode #nbSubForward{left:35px;top:0}
  body.nb-world-open .hero-world.nb-sub-mode #nbSubBack{left:35px;bottom:0}
  body.nb-world-open .hero-world.nb-sub-mode #nbSubLeft{left:0;top:35px}
  body.nb-world-open .hero-world.nb-sub-mode #nbSubRight{right:0;top:35px}
  body.nb-world-open .hero-world.nb-sub-mode .nb-sub-depth button{min-width:74px;min-height:42px;font-size:.56rem;}

  .nb-jet-control-choice{
    width:min(360px,calc(100% - 22px));
    max-height:calc(100dvh - 28px);
    overflow:auto;
    padding:.9rem;
  }
  .nb-jet-control-choice strong{font-size:1.08rem;}
  .nb-jet-control-choice p{font-size:.72rem;}
}

@media (max-width:420px) and (orientation:portrait){
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{grid-template-columns:minmax(0,1fr) auto;}
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch button,
  body.nb-world-open .hero-world.nb-world-active .nb-hud-button{font-size:.48rem;padding:.31rem .40rem;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls{font-size:.50rem;}
}


.brand img[src*="nou-bou-official-logo-web"]{
  width:108px;height:48px;object-fit:contain;border:0;border-radius:0;
  box-shadow:none;background:transparent;
}
.footer .brand img[src*="nou-bou-official-logo-web"]{width:116px;height:52px;}

.nb-world-loading{
  padding:24px;
  background:
    radial-gradient(circle at 50% 42%,rgba(56,220,44,.075),transparent 31%),
    radial-gradient(circle at 64% 56%,rgba(255,122,24,.055),transparent 32%),
    linear-gradient(180deg,#06110e,#091811 55%,#040a08);
}
.nb-loading-card{
  width:min(430px,calc(100vw - 36px));display:grid;justify-items:center;gap:.56rem;
  padding:1.3rem 1.25rem 1.15rem;border-radius:26px;
  border:1px solid rgba(255,255,255,.09);background:rgba(4,13,10,.60);
  backdrop-filter:blur(12px);box-shadow:0 26px 100px rgba(0,0,0,.36);
}
.nb-loading-logo{
  width:min(230px,70vw);height:112px;object-fit:contain;padding:13px 18px;
  border-radius:22px;background:#f8faf8;border:1px solid rgba(255,255,255,.92);
  box-shadow:0 12px 36px rgba(0,0,0,.30),0 0 0 4px rgba(255,255,255,.07);
  transform:rotate(-1.2deg);
}
.nb-world-loading strong{font-size:.76rem;letter-spacing:.15em;margin-top:.25rem;color:#f4fff8;}
.nb-loading-worth{font-size:.76rem!important;color:#c7d7cf!important;font-weight:650;}
.nb-loading-track{
  width:100%;height:10px;margin-top:.35rem;border-radius:999px;overflow:hidden;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.25);
}
.nb-loading-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38dc2c 0%,#7ce34e 48%,#ff7a18 100%);box-shadow:0 0 18px rgba(56,220,44,.38);transition:width .18s ease;}
.nb-loading-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;font-size:.69rem;color:#9fb3aa;}
.nb-loading-row b{font-variant-numeric:tabular-nums;color:#effff2;font-size:.72rem;}

.nb-world-clock{
  display:inline-flex;align-items:center;min-height:34px;padding:.42rem .62rem;border-radius:999px;
  border:1px solid rgba(164,197,255,.20);background:rgba(9,18,29,.66);color:#d9e6ff;
  font-size:.58rem;font-weight:850;letter-spacing:.08em;font-variant-numeric:tabular-nums;
  white-space:nowrap;backdrop-filter:blur(10px);
}
.nb-mode-switch button:disabled,.nb-hud-button:disabled{opacity:.42;cursor:progress;filter:saturate(.45);}
.nb-mode-switch button.nb-loading-mode::after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nbSpin .75s linear infinite;}
@keyframes nbSpin{to{transform:rotate(360deg)}}

.nb-game-settings{
  position:absolute;z-index:48;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(390px,calc(100% - 26px));padding:1.05rem;border-radius:21px;
  border:1px solid rgba(255,255,255,.15);background:rgba(3,12,10,.95);color:#fff;
  backdrop-filter:blur(20px);box-shadow:0 30px 100px rgba(0,0,0,.5),0 0 54px rgba(56,220,44,.07);
}
.nb-game-settings[hidden]{display:none!important;}
.nb-game-settings>span{display:block;color:#78e690;font-size:.61rem;letter-spacing:.14em;margin-bottom:.35rem;}
.nb-game-settings>strong{display:block;font-size:1.22rem;margin-bottom:.35rem;}
.nb-game-settings>p{margin:.1rem 0 .85rem;color:#b7c8c0;font-size:.76rem;line-height:1.5;}
.nb-quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.65rem;}
.nb-quality-options button,.nb-game-settings>#nbSettingsClose{
  min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#10211b;color:#fff;font-weight:900;letter-spacing:.07em;
}
.nb-quality-options button.active{border-color:rgba(83,229,72,.72);background:linear-gradient(135deg,rgba(56,220,44,.31),rgba(14,74,30,.58));box-shadow:0 0 22px rgba(56,220,44,.12);}
.nb-game-settings>small{display:block;min-height:2.3em;color:#8fa49b;font-size:.67rem;line-height:1.4;margin-bottom:.7rem;}
.nb-game-settings>#nbSettingsClose{width:100%;background:transparent;}

@media (max-width:900px) and (orientation:portrait){
  .brand img[src*="nou-bou-official-logo-web"]{width:92px;height:42px;}
  .nb-loading-card{padding:1.05rem 1rem .95rem;border-radius:22px;}
  .nb-loading-logo{height:94px;width:min(205px,66vw);}
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{grid-template-columns:minmax(0,1fr) auto auto!important;}
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch{grid-column:1/-1;width:100%;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-clock{grid-column:1;grid-row:2;justify-self:start;min-height:30px;font-size:.49rem;padding:.32rem .48rem;}
  body.nb-world-open .hero-world.nb-world-active #nbSettingsToggle{grid-column:2;grid-row:2;}
  body.nb-world-open .hero-world.nb-world-active #nbExitWorld{grid-column:3;grid-row:2;}
  body.nb-world-open .hero-world.nb-world-active #nbSoundToggle{grid-column:1;grid-row:3;justify-self:start;}
  body.nb-world-open .hero-world.nb-world-active .nb-vehicle-only,
  body.nb-world-open .hero-world.nb-world-active .nb-jet-only,
  body.nb-world-open .hero-world.nb-world-active .nb-tank-only,
  body.nb-world-open .hero-world.nb-world-active .nb-sub-only{align-self:start;}
  .nb-game-settings{top:48%;max-height:calc(100dvh - 30px);overflow:auto;}
}

@media (max-width:900px) and (orientation:landscape){
  body.nb-world-open .hero-world.nb-world-active .nb-world-clock{flex:0 0 auto;min-height:32px;}
  .nb-game-settings{width:min(430px,58vw);max-height:calc(100dvh - 20px);overflow:auto;}
}


.nb-fire-button,.nb-jet-boost,.nb-jet-stick,.nb-tank-mobile-controls button,.nb-sub-pad button,.nb-sub-depth button{touch-action:none;user-select:none;-webkit-user-select:none;}
.nb-game-settings .nb-hud-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;}
.nb-settings-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.68rem 0;border-top:1px solid rgba(255,255,255,.08);}
.nb-settings-section>b{grid-column:1/-1;color:#dce9e2;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;}
.nb-settings-section>small{grid-column:1/-1;color:#8fa49b;font-size:.66rem;line-height:1.4;}
.nb-settings-section .nb-quality-options{grid-column:1/-1;margin:0;}
.nb-settings-actions.nb-jet-only,.nb-settings-actions.nb-sub-only{display:none!important;}
.hero-world.nb-jet-mode .nb-settings-actions.nb-jet-only,.hero-world.nb-sub-mode .nb-settings-actions.nb-sub-only{display:grid!important;}
.nb-settings-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;}
.nb-settings-footer-actions button{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#10211b;color:#fff;font-weight:900;letter-spacing:.06em;}
.nb-settings-footer-actions #nbExitWorld{background:rgba(104,20,12,.62);border-color:rgba(255,116,92,.32);}
.nb-settings-footer-actions #nbSettingsClose{background:transparent;}

@media (max-width:900px){
  body.nb-world-open .hero-world.nb-world-active .nb-world-hud{
    top:max(5px,env(safe-area-inset-top))!important;
    left:max(5px,env(safe-area-inset-left))!important;
    right:max(5px,env(safe-area-inset-right))!important;
    display:flex!important;align-items:center!important;gap:5px!important;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch{
    flex:1 1 auto!important;min-width:0;width:auto!important;margin:0!important;
    overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;
  }
  body.nb-world-open .hero-world.nb-world-active .nb-world-clock{flex:0 0 auto!important;min-height:30px!important;font-size:.48rem!important;padding:.30rem .43rem!important;}
  body.nb-world-open .hero-world.nb-world-active #nbSettingsToggle{flex:0 0 auto!important;min-height:30px!important;padding:.30rem .43rem!important;font-size:.48rem!important;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-controls{display:none!important;}
  .nb-game-settings{top:50%!important;width:min(420px,calc(100% - 18px))!important;max-height:calc(100dvh - 18px)!important;overflow:auto!important;padding:.85rem!important;}
  .nb-settings-section{padding:.55rem 0;gap:.38rem;}
  .nb-settings-section .nb-hud-button{font-size:.57rem;min-height:38px;}
}
@media (max-width:460px) and (orientation:portrait){
  body.nb-world-open .hero-world.nb-world-active .nb-mode-switch button{font-size:.44rem!important;padding:.28rem .34rem!important;min-height:30px!important;}
  body.nb-world-open .hero-world.nb-world-active .nb-world-clock{font-size:.43rem!important;}
  body.nb-world-open .hero-world.nb-world-active #nbSettingsToggle{font-size:.43rem!important;}
  .nb-game-settings{font-size:.9rem;}
}