.site-header{padding:12px 0}
.site-header.is-scrolled,.site-header.is-open{padding:0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}
.nav-shell{width:min(1240px,calc(100% - 48px));min-height:64px}
.brand-lockup{font-size:1rem;letter-spacing:-.02em}
.site-nav{gap:clamp(16px,2vw,28px);font-size:.875rem}
.site-nav a{display:inline-flex;align-items:center;min-height:44px}
.site-nav .nav-cta,.site-nav .nav-cdss{min-height:44px;padding:10px 15px;border-radius:999px}
.site-nav .nav-cta{padding-inline:19px}

.hero-section{min-height:min(850px,92vh);padding:150px 24px 84px;align-items:center;background:radial-gradient(circle at 78% 34%,rgba(35,164,85,.22),transparent 27%),linear-gradient(125deg,#04111f 0%,#06263a 54%,#074950 100%);animation:none}
.hero-section::before{inset:0;opacity:.35;transform:none;animation:none;background:linear-gradient(115deg,transparent 0 58%,rgba(245,200,76,.12) 58.2%,transparent 58.6%),repeating-linear-gradient(0deg,transparent 0 63px,rgba(255,255,255,.04) 64px)}
.hero-section::after{opacity:1;animation:none;background:linear-gradient(180deg,rgba(4,17,31,.04),rgba(4,17,31,.55))}
.hero-overlay{background:linear-gradient(90deg,rgba(4,17,31,.68),rgba(4,17,31,.08))}
.hero-ambient{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.hero-ambient::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 210deg at 58% 48%,transparent 0 18%,rgba(24,168,226,.24) 27%,transparent 38%,rgba(35,164,85,.2) 51%,transparent 62%,rgba(245,200,76,.15) 73%,transparent 84%);mix-blend-mode:screen;filter:blur(32px);animation:ambientAurora 18s ease-in-out infinite alternate;will-change:transform,opacity}
.hero-ambient::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1.5px);background-size:68px 68px;opacity:.18;mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);animation:ambientStars 16s ease-in-out infinite alternate;will-change:background-position,opacity}
.hero-ambient-orb{position:absolute;display:block;width:46vw;height:46vw;min-width:460px;min-height:460px;border-radius:50%;mix-blend-mode:screen;filter:blur(10px);will-change:transform,opacity}
.hero-ambient-orb-one{top:-30%;right:-7%;background:radial-gradient(circle,rgba(20,201,255,.46) 0%,rgba(24,168,226,.2) 34%,transparent 68%);animation:ambientFloatOne 11s ease-in-out infinite alternate}
.hero-ambient-orb-two{bottom:-48%;left:20%;background:radial-gradient(circle,rgba(39,224,121,.38) 0%,rgba(35,164,85,.16) 40%,transparent 70%);animation:ambientFloatTwo 14s ease-in-out infinite alternate}
.hero-ambient-orb-three{top:14%;left:39%;width:30vw;height:30vw;min-width:330px;min-height:330px;background:radial-gradient(circle,rgba(245,200,76,.29) 0%,rgba(245,200,76,.08) 42%,transparent 70%);animation:ambientFloatThree 13s ease-in-out infinite alternate}
.hero-ambient-current{position:absolute;right:-18%;bottom:-26%;width:98%;height:62%;border:2px solid rgba(245,200,76,.28);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 0 42px rgba(24,168,226,.09),0 0 0 88px rgba(35,164,85,.065),0 0 0 138px rgba(245,200,76,.045);animation:ambientCurrent 9s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes ambientAurora{0%{opacity:.58;transform:translate3d(-4%,2%,0) rotate(-8deg) scale(.94)}100%{opacity:1;transform:translate3d(6%,-3%,0) rotate(7deg) scale(1.08)}}
@keyframes ambientStars{0%{opacity:.1;background-position:0 0}100%{opacity:.28;background-position:34px 68px}}
@keyframes ambientFloatOne{0%{opacity:.72;transform:translate3d(0,0,0) scale(1)}100%{opacity:1;transform:translate3d(-16%,16%,0) scale(1.18)}}
@keyframes ambientFloatTwo{0%{opacity:.64;transform:translate3d(-7%,0,0) scale(.94)}100%{opacity:1;transform:translate3d(15%,-16%,0) scale(1.14)}}
@keyframes ambientFloatThree{0%{opacity:.52;transform:translate3d(-10%,12%,0) scale(.9)}100%{opacity:.96;transform:translate3d(18%,-12%,0) scale(1.16)}}
@keyframes ambientCurrent{0%{opacity:.48;transform:translate3d(0,0,0) rotate(-8deg) scale(1)}100%{opacity:.95;transform:translate3d(-7%,-10%,0) rotate(-2deg) scale(1.07)}}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;gap:clamp(52px,9vw,130px);width:min(1240px,100%)}
.hero-main{max-width:790px}
.hero-main .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-size:.75rem;letter-spacing:.14em}
.hero-main .eyebrow::before,.hero-main .eyebrow::after{content:"";flex:0 0 clamp(18px,3vw,34px);height:2px;background:var(--sun)}
.hero-main h1{max-width:none;margin-bottom:24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,7.4vw,7rem);font-weight:600;line-height:.9;letter-spacing:-.055em;text-wrap:balance}
.hero-main h1 em{color:var(--sun);font-weight:400}
.hero-copy{max-width:670px;margin-bottom:32px;color:rgba(255,255,255,.76);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.hero-main .hero-actions{gap:22px}
.hero-main .button-primary{min-height:52px;padding-inline:24px;border-radius:999px}
.hero-text-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;color:rgba(255,255,255,.9);font-weight:750;border-bottom:1px solid rgba(255,255,255,.42)}
.hero-text-link span{color:var(--sun);transition:transform 180ms ease}
.hero-text-link:hover span{transform:translateX(4px)}
.hero-store-link{color:rgba(255,255,255,.9)}
.hero-store-link span{color:var(--reef)}

.hero-note{padding:28px;border-top:3px solid var(--sun);color:var(--white);background:rgba(6,24,39,.68);backdrop-filter:blur(12px)}
.hero-note img{width:62px;height:auto;aspect-ratio:180 / 136;margin-bottom:20px}
.hero-note-label{margin-bottom:12px;color:var(--sun);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.hero-note>p:not(.hero-note-label){margin-bottom:22px;font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;line-height:1.5}
.hero-note-meta{display:flex;flex-wrap:wrap;gap:8px}
.hero-note-meta span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.7);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

.hero-scroll-cue{position:absolute;z-index:3;right:max(24px,calc((100% - 1240px)/2));bottom:28px;display:flex;align-items:center;gap:12px;min-height:44px;color:rgba(255,255,255,.62);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hero-scroll-cue span:last-child{color:var(--sun);font-size:1.1rem}
.signal-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:max(24px,calc((100% - 1240px)/2));background:#fff}
.metric{min-height:104px;padding:24px clamp(18px,2.5vw,34px)}
.metric:first-child{border-left:1px solid var(--line)}
.metric span{color:var(--ocean-2);font-family:Georgia,"Times New Roman",serif;font-size:1.8rem}
.metric p{color:#596777;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.site-header a:focus-visible,.hero-section a:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--sun);outline-offset:4px}

@media(max-width:980px){
  .site-header{padding:6px 0}
  .nav-shell{width:min(100% - 32px,1240px)}
  .site-nav{top:72px}
  .hero-section{min-height:auto;padding:132px 24px 76px}
  .hero-layout{grid-template-columns:1fr;gap:48px}
  .hero-note{max-width:580px}
  .hero-scroll-cue{display:none}
}

@media(max-width:720px){
  .hero-section{padding:116px 18px 56px}
  .hero-main h1{font-size:clamp(3.25rem,16vw,5rem);line-height:.92}
  .hero-main .hero-actions{align-items:stretch;flex-direction:column;gap:10px}
  .hero-main .hero-actions .button{width:100%}
  .hero-text-link{justify-content:center;border:0}
  .hero-note{padding:24px}
  .signal-strip{grid-template-columns:repeat(2,1fr);padding-inline:0}
  .metric,.metric:first-child{min-height:96px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:0}
}

@media(prefers-reduced-motion:reduce){
  .hero-text-link span{transition:none}
  .hero-ambient::before,.hero-ambient::after,.hero-ambient-orb-one,.hero-ambient-orb-two,.hero-ambient-orb-three,.hero-ambient-current{animation:none}
}