/* A lighter midnight-teal opening with the original cyan identity. */
.header{background:#162d37;color:#f3fcff;border-bottom:1px solid #69dae64d;box-shadow:0 3px 22px #0b202c15;position:relative;z-index:20;padding:0 4%;gap:30px}
.header .brand{flex-shrink:0}
.header .wordmark-crop img,.hero .wordmark-crop img{filter:none}
.header .wordmark-crop,.hero .wordmark-crop{mix-blend-mode:normal}
.header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(17px,2vw,32px);margin-left:auto}
.header nav a{color:#e5f5f9;font-size:14px;font-weight:550;white-space:nowrap;position:relative}
.header nav a:hover,.header nav a[aria-current="location"]{color:#89f8fc}
.header nav a:not(.header-cta):after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:2px;background:#50ecf3;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header nav a:hover:after,.header nav a[aria-current="location"]:after{transform:scaleX(1)}
.header nav .header-cta{color:#e9fbff;background:#39eff40b;border:1px solid #78dfe588;box-shadow:0 0 19px #13d6de1a;padding:11px 19px;gap:16px}
.header nav .header-cta:hover{background:#39eff41a;border-color:#96fbff;box-shadow:0 0 22px #13d6de33}
.nav-toggle{display:none}
.header a:focus-visible,.nav-toggle:focus-visible{outline-color:#89f8fc}
.hero{color:#f3fcff;background:radial-gradient(ellipse at 82% 43%,#48dce51a,transparent 52%),linear-gradient(115deg,#203f4c 0%,#244a57 57%,#285461 100%);border-bottom:1px solid #70d6e338}
.hero .hero-top .eyebrow{color:#b3f5fc;font-size:12px;letter-spacing:.17em}
.hero .motion-button{color:#c8e5ed}
.hero h1{color:#f7fdff;text-shadow:0 2px 20px #071e2a12}
.hero h1 em{background:linear-gradient(105deg,#61f4fb 7%,#9afaff 55%,#ddfdff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none}
.hero .hero-description{color:#e1f1f5;font-size:17px;line-height:1.7}
.hero .hero-commitment{background:linear-gradient(115deg,#173844f2,#1b404be6);border:1px solid #72dce580;border-left:3px solid #62f5fa;box-shadow:0 12px 32px #061d2917,0 0 26px #39eff412}
.hero .hero-commitment .small-label{color:#9ef9ff}
.hero .hero-commitment strong{color:#f4fcff}
.hero .hero-commitment strong em{color:#91f9ff}
.hero .hero-commitment p{color:#d7edf2}
.hero .hero-commitment p b{color:#fff;font-weight:650}
.hero .hero-commitment small{color:#c3dfe7}
.hero .hero-commitment:after{background:#dbffff;box-shadow:0 0 14px #39eff4aa;left:-3px}
.hero .button.mint{background:linear-gradient(110deg,#37e0e9,#88f1f4);border-color:#26becb;color:#0e3541;box-shadow:0 9px 25px #0ca1b125,0 0 20px #16e4eb22}
.hero .button.mint:hover{background:linear-gradient(110deg,#60edf2,#a6fafb);box-shadow:0 9px 27px #0ca1b13b,0 0 26px #16e4eb38}
.hero .service-wheel{background:radial-gradient(ellipse at 50% 47%,#55e8f024,transparent 65%)}
.hero #orbit-canvas{filter:drop-shadow(0 0 6px #55ecf33b)}
.hero .orbit-full-logo{background:radial-gradient(ellipse,#162d37 40%,#162d37ed 60%,transparent 74%)}
.hero .orbit-brand-line{color:#c0f8fd;text-shadow:none}
.hero .wheel-node{color:#f3fcff;border:1px solid #9ceef3a6;background:#143440f2;box-shadow:0 4px 17px #061b2b22,0 0 18px #39eff420}
.hero .wheel-node span{color:#8cf8ff;text-shadow:none}
.hero .wheel-node:hover,.hero .wheel-node:focus-visible,.hero .wheel-node.orbit-selected{color:#092b37;background:#b2fcff;border-color:#ddffff;box-shadow:0 0 24px #09bccc39}
.hero .wheel-node:hover span,.hero .wheel-node:focus-visible span{color:#086e83}
.hero .wheel-caption{color:#d3eff5}
.hero .hero-foot{color:#cee8ef;border-top-color:#b7edf333}
.hero .hero-foot a{color:#b5f7fc}
.hero .hero-foot a:hover{color:#fff}
.hero a:focus-visible,.hero button:focus-visible{outline-color:#7cf9ff}
@media(min-width:1600px){.header{padding-left:max(4%,calc((100% - 1640px)/2));padding-right:max(4%,calc((100% - 1640px)/2))}}
@media(max-width:1100px){
  .header{height:auto;min-height:82px;flex-wrap:wrap;padding:16px 5%;gap:15px}
  .header .wordmark-crop{width:190px;height:47.5px}
  .header .wordmark-crop img{width:271.55px;height:223.25px;left:-11.875px;top:-59.375px}
  .header nav{width:100%;margin:0;justify-content:flex-start;flex-wrap:wrap;gap:20px 24px;padding:14px 0}
  .nav-ready .nav-toggle{display:flex;align-items:center;gap:12px;min-height:44px;background:#224450;color:#e9fcff;border:1px solid #82d8e088;border-radius:30px;padding:9px 17px;font:500 14px var(--body);margin-left:auto}
  .nav-toggle .nav-icon{font-size:22px;line-height:1;width:17px;text-align:center}
  .nav-ready .header nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:20px 5% 25px;background:#162d37;border-bottom:1px solid #74d4e080;box-shadow:0 16px 25px #04182355;flex-direction:column;align-items:stretch;gap:0}
  .nav-ready .header.menu-open nav{display:flex}
  .header nav a{padding:14px 5px;min-height:48px;white-space:normal;font-size:16px}
  .header nav a:not(.header-cta):after{bottom:4px;right:auto;width:28px}
  .header nav .header-cta{margin-top:10px;align-self:flex-start;padding:11px 19px;font-size:16px}
}
@media(max-width:740px){
  .header{padding:13px 5%;min-height:77px}
  .header .wordmark-crop{width:174px;height:45px}
  .header .wordmark-crop img{width:248.675px;height:204.45px;left:-10.875px;top:-54.375px}
  .hero{background:radial-gradient(ellipse at 70% 76%,#4ae0eb1c,transparent 45%),linear-gradient(155deg,#203f4c,#28515f)}
  .hero .hero-top .eyebrow{font-size:11px;max-width:210px}
  .hero .hero-description{font-size:16px}
}