
:root{
  --navy:#06283d;--navy2:#031a28;--navy3:#0a3b55;--blue:#078fd1;--cyan:#18b8e8;
  --ink:#082235;--muted:#607581;--paper:#fbfaf7;--ice:#eff8fc;--line:#dbe7ec;--white:#fff;
  --shell:1440px;--radius:10px;--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
img{display:block;max-width:100%}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.shell{width:min(calc(100% - 96px),var(--shell));margin-inline:auto}
.section-pad{padding:88px 0}
.eyebrow{display:block;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.20em}
.eyebrow.light{color:#5ee0ff}
.btn{height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid transparent;font-size:12px;font-weight:850;transition:.26s var(--ease);position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;top:-100%;left:-35%;width:24%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg);transition:.55s var(--ease)}
.btn:hover:before{left:120%}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:14px;height:14px}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(7,143,209,.18)}
.btn-ghost{background:rgba(255,255,255,.94);border-color:#83c6e4;color:#14384c}
.btn-cyan{background:linear-gradient(135deg,#079ed8,#16bae7);color:#fff}
.btn-white{background:#fff;color:#14384c}
.text-link{display:inline-flex;margin-top:22px;color:var(--blue);font-size:11px;font-weight:850}
.section-lead h2,.feature-copy h2,.network-copy h2,.requirements-copy h2,.story-copy h2{margin:13px 0 0;font-size:44px;line-height:.97;letter-spacing:-.045em}
.section-lead p,.feature-copy p,.requirements-copy p,.story-copy p{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.prose{font-size:16px;line-height:1.75;color:#385261}
.prose p{margin:0 0 19px}
.hero-actions{display:flex;gap:11px;margin-top:25px}
@media(max-width:900px){.shell{width:min(calc(100% - 34px),var(--shell))}.section-pad{padding:62px 0}.section-lead h2,.feature-copy h2,.network-copy h2,.requirements-copy h2,.story-copy h2{font-size:36px}}


/* ==========================================================
   SEA LICENSING — DESKTOP HEADER HEIGHT REFINEMENT
   Slightly taller only; logo/nav/button sizing unchanged
   ========================================================== */

@media (min-width:1101px){

  body > header{
    min-height:116px !important;
  }

  body > header .shell{
    min-height:116px !important;
    box-sizing:border-box !important;
  }

  body > header nav,
  body > header .nav,
  body > header .header-nav{
    align-self:center !important;
  }

}

