:root{
  --abyss-bg:#02070d;
  --abyss-panel:rgba(5,17,28,.82);
  --abyss-line:rgba(0,238,255,.42);
  --abyss-cyan:#00eaff;
  --abyss-cyan-soft:#8ef7ff;
  --abyss-text:#d8edf6;
  --abyss-muted:#7f9aaa;
  --abyss-red:#ff275d;
  --abyss-violet:#9e69ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.landing-page{margin:0;background:#02070d;color:var(--abyss-text);font-family:'Rajdhani','Segoe UI',Arial,sans-serif;overflow-x:hidden}
.landing-page a{color:inherit}
.landing-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 48% 28%,#0a4560 0,#062435 28%,#020a12 60%,#010409 100%)}

.hero-layer{position:absolute;inset:-6%;pointer-events:none;will-change:transform,opacity}
.hero-ocean{z-index:-8;background:linear-gradient(180deg,rgba(6,48,70,.42),rgba(0,10,18,.15) 52%,rgba(0,2,7,.96)),radial-gradient(ellipse at 50% -18%,rgba(86,218,255,.18),transparent 47%)}
.hero-rays{z-index:-7;opacity:.5;background:linear-gradient(108deg,transparent 31%,rgba(82,225,255,.14) 41%,transparent 48%),linear-gradient(81deg,transparent 46%,rgba(104,228,255,.1) 54%,transparent 62%);filter:blur(3px);animation:rays 12s ease-in-out infinite alternate}
.hero-base{z-index:-6;inset:3% -5% -8% -5%;background-image:linear-gradient(180deg,rgba(2,8,15,.03),rgba(1,4,9,.28)),url('scenes/base_scene.webp');background-size:cover;background-position:center 34%;opacity:.88;filter:saturate(.9) brightness(.73) contrast(1.12);animation:baseDrift 22s ease-in-out infinite alternate}
.hero-base:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,4,9,.32),transparent 24%,transparent 72%,rgba(0,4,9,.46)),radial-gradient(circle at 55% 48%,transparent 12%,rgba(0,4,10,.15) 48%,rgba(0,3,8,.64) 100%)}
.hero-base:after{content:"";position:absolute;left:8%;right:8%;bottom:5%;height:31%;background:linear-gradient(180deg,transparent,rgba(0,7,13,.48));filter:blur(12px)}
.hero-monster{z-index:-4;left:auto;right:15%;top:4%;bottom:auto;width:min(34vw,540px);aspect-ratio:365/285;background:url('scenes/leviathan_scene.webp') center/contain no-repeat;opacity:0;filter:saturate(.58) brightness(.4) contrast(1.32) blur(.25px);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.85) 58%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.85) 58%,transparent 82%);animation:monsterReveal 18s ease-in-out infinite}
.hero-sub{z-index:-2;left:clamp(-64px,-3vw,-28px);bottom:5vh;width:min(51vw,850px);aspect-ratio:1672/941;background:url('scenes/sub_scene.png') center/contain no-repeat;filter:saturate(.96) brightness(.9) contrast(1.08) drop-shadow(0 22px 34px rgba(0,0,0,.58));animation:subApproach 16s cubic-bezier(.22,.65,.28,1) infinite}
.hero-particles{z-index:-1;background-image:radial-gradient(circle at 20% 20%,rgba(180,240,255,.11) 0 1px,transparent 1px),radial-gradient(circle at 60% 80%,rgba(180,240,255,.09) 0 1px,transparent 1px);background-size:160px 160px,220px 220px;opacity:.55;animation:marineSnow 22s linear infinite}
.hero-vignette{z-index:0;background:radial-gradient(circle at 50% 46%,transparent 24%,rgba(0,0,0,.16) 56%,rgba(0,0,0,.62) 100%)}
.bubble{position:absolute;bottom:-10vh;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(226,249,255,.75),rgba(161,242,255,.15) 62%,transparent 70%);box-shadow:0 0 10px rgba(151,239,255,.18);opacity:0;animation:bubbleUp linear infinite}
.hero-warning{position:absolute;right:clamp(28px,5vw,70px);top:118px;z-index:9;min-width:220px;padding:13px 16px;border:1px solid rgba(255,39,93,.4);background:linear-gradient(145deg,rgba(36,5,13,.62),rgba(36,5,13,.22));color:#ff87a4;font:12px monospace;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 18px rgba(255,39,93,.1);opacity:0;animation:warning 16s ease-in-out infinite}
.hero-warning strong{display:block;color:#ff5a88;font-size:14px;margin-bottom:3px}

.landing-nav{position:absolute;z-index:12;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,74px);border-bottom:1px solid rgba(0,234,255,.13);background:linear-gradient(180deg,rgba(1,7,12,.8),rgba(1,7,12,.18));backdrop-filter:blur(8px)}
.brand-mini{font-weight:800;letter-spacing:.18em;font-size:clamp(17px,1.7vw,26px);color:#dcfbff;text-shadow:0 0 18px rgba(0,234,255,.5)}
.brand-mini span{color:var(--abyss-cyan)}
.nav-links{display:flex;gap:28px;font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.nav-links a{text-decoration:none;color:#9eb6c2}
.nav-links a:hover{color:#e8fdff}
.nav-actions a{text-decoration:none;border:1px solid rgba(0,234,255,.46);padding:9px 15px;border-radius:4px;color:#c8f9ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}

.hero-content{position:relative;z-index:6;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:clamp(32px,6vw,100px);padding:110px clamp(28px,6vw,110px) 70px}
.hero-copy{max-width:720px;padding-top:16vh}
.hero-kicker{color:#73eefa;font:600 13px/1.2 monospace;letter-spacing:.18em;text-transform:uppercase;opacity:0;animation:titleReveal .9s 1.2s forwards}
.hero-title{margin:12px 0 18px;font-size:clamp(58px,8vw,126px);line-height:.78;font-weight:500;letter-spacing:.13em;color:#e7fdff;text-shadow:0 0 8px rgba(160,245,255,.7),0 0 28px rgba(0,225,255,.34);opacity:0;transform:translateY(24px) scale(.985);animation:titleReveal 1.1s 1.7s cubic-bezier(.2,.8,.2,1) forwards}
.hero-title small{display:block;font-size:.49em;letter-spacing:.31em;margin-top:.27em;color:#b9eef6}
.hero-tagline{max-width:560px;font-size:clamp(17px,1.7vw,24px);line-height:1.55;color:#b7d3df;opacity:0;animation:titleReveal .9s 2.35s forwards}
.hero-signal{display:flex;gap:8px;align-items:center;margin-top:24px;color:#5ecbda;font:600 11px monospace;letter-spacing:.16em;text-transform:uppercase;opacity:0;animation:titleReveal .8s 2.75s forwards}
.hero-signal:before{content:"";width:34px;height:1px;background:var(--abyss-cyan);box-shadow:0 0 8px var(--abyss-cyan)}

.login-hud{position:relative;justify-self:end;width:min(100%,450px);padding:30px 31px 27px;border:1px solid rgba(0,234,255,.55);background:linear-gradient(145deg,rgba(2,14,24,.88),rgba(3,11,19,.72));box-shadow:0 0 0 1px rgba(0,234,255,.1) inset,0 24px 70px rgba(0,0,0,.4),0 0 38px rgba(0,234,255,.07);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);backdrop-filter:blur(11px);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(26px);transition:opacity .82s ease,transform .82s ease,visibility 0s linear .82s}
.landing-page.login-visible .login-hud{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.login-hud:before,.login-hud:after{content:"";position:absolute;width:72px;height:2px;background:var(--abyss-cyan);box-shadow:0 0 12px rgba(0,234,255,.8)}
.login-hud:before{left:22px;top:0}
.login-hud:after{right:22px;bottom:0}
.hud-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;padding-bottom:13px;border-bottom:1px solid rgba(0,234,255,.16)}
.hud-heading strong{font-size:16px;letter-spacing:.12em;color:#d7fbff}
.hud-heading span{font:11px monospace;color:#3bdfee}
.hud-field{margin-bottom:16px}
.hud-field label{display:block;margin-bottom:7px;color:#7fa6b7;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.hud-field input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(76,161,186,.45);border-radius:3px;background:rgba(2,11,18,.72);color:#fff;outline:none;font:600 16px inherit;transition:.2s}
.hud-field input:focus{border-color:var(--abyss-cyan);box-shadow:0 0 0 2px rgba(0,234,255,.06),0 0 20px rgba(0,234,255,.07)}
.hud-btn{display:block;width:100%;padding:14px 18px;border-radius:3px;border:1px solid var(--abyss-cyan);cursor:pointer;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-family:inherit}
.hud-btn.primary{background:linear-gradient(180deg,#52f4ff,#00c8dc);color:#001015;box-shadow:0 0 22px rgba(0,234,255,.26)}
.hud-btn.secondary{margin-top:10px;background:rgba(0,16,27,.5);color:#98f6ff}
.hud-btn:hover{filter:brightness(1.08)}
.hud-error{margin-bottom:15px;padding:10px 12px;border:1px solid rgba(255,39,93,.5);background:rgba(255,39,93,.09);color:#ff7895;font-size:13px}
.hud-status{display:flex;align-items:center;gap:8px;margin-top:18px;color:#5f8697;font:11px monospace;letter-spacing:.06em}
.hud-status i{width:8px;height:8px;border-radius:50%;background:#20ffad;box-shadow:0 0 9px #20ffad}
.skip-intro{position:absolute;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);border:0;background:transparent;color:#6d9eaf;font:11px monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.75}
.skip-intro:hover{color:#c3f9ff}

.landing-sections{position:relative;z-index:8;background:linear-gradient(180deg,#03101a,#02080e 35%,#010509);border-top:1px solid rgba(0,234,255,.18)}
.section{max-width:1260px;margin:0 auto;padding:90px 28px}
.section-eyebrow{color:var(--abyss-cyan);font:600 12px monospace;letter-spacing:.18em;text-transform:uppercase}
.section h2{margin:10px 0 18px;font-size:clamp(30px,4vw,52px);letter-spacing:.05em;color:#dffcff}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.intro-sonar{aspect-ratio:1;border:1px solid rgba(0,234,255,.22);border-radius:50%;max-width:330px;background:repeating-radial-gradient(circle,transparent 0 44px,rgba(0,234,255,.12) 45px 46px),conic-gradient(from 270deg,rgba(0,234,255,.28),transparent 18%,transparent);box-shadow:0 0 70px rgba(0,234,255,.06) inset;position:relative;animation:sonarSpin 9s linear infinite}
.intro-sonar:after{content:"ABYSS // 7842 M";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:11px monospace;color:#80dae4;letter-spacing:.1em}
.section-copy{font-size:18px;line-height:1.75;color:#9cb8c5}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.feature-card{min-height:160px;padding:22px;border:1px solid rgba(0,234,255,.17);background:linear-gradient(135deg,rgba(6,28,43,.68),rgba(2,9,15,.76));transition:.2s}
.feature-card:hover{transform:translateY(-3px);border-color:rgba(0,234,255,.48);box-shadow:0 10px 35px rgba(0,0,0,.27)}
.feature-card b{display:block;color:#bffaff;letter-spacing:.09em;margin-bottom:8px}
.feature-card p{margin:0;color:#7695a5;line-height:1.55}
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.teaser{overflow:hidden;border:1px solid rgba(0,234,255,.25);background:#06131e}
.teaser img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8) brightness(.76);transition:.5s}
.teaser:hover img{transform:scale(1.035);filter:saturate(1) brightness(.9)}
.teaser div{padding:17px}
.teaser strong{color:#bffaff;letter-spacing:.06em}
.teaser p{margin:7px 0 0;color:#7793a2}

.landing-footer{padding:34px max(28px,6vw);border-top:1px solid rgba(0,234,255,.16);display:flex;justify-content:space-between;gap:24px;align-items:center;color:#668493;font-size:13px}
.landing-footer b{color:#aeeff6;letter-spacing:.12em}
.footer-brand{display:flex;align-items:center;gap:18px;min-width:0}
.footer-studio-logo{width:clamp(110px,12vw,180px);height:auto;display:block;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.06))}
.footer-brand-copy{display:flex;flex-direction:column;gap:4px}
.footer-brand-copy span{color:#668493}

@keyframes marineSnow{to{background-position:12px -80px,-18px -110px}}
@keyframes engineGlow{to{opacity:.55;transform:scale(1.08)}}
@keyframes rays{to{transform:translate3d(2%,1%,0) scale(1.04);opacity:.62}}
@keyframes baseDrift{from{transform:scale(1.035) translate3d(-.7%,0,0)}to{transform:scale(1.085) translate3d(.8%,-1.2%,0)}}
@keyframes subApproach{
  0%{transform:translate3d(-7%,5%,0) scale(.91);opacity:.18}
  14%{opacity:.92}
  55%{transform:translate3d(2%,-1%,0) scale(.97);opacity:1}
  86%{transform:translate3d(6%,-2%,0) scale(.995);opacity:.98}
  100%{transform:translate3d(8%,-3%,0) scale(1.01);opacity:.82}
}
@keyframes monsterReveal{
  0%,28%,100%{opacity:0;transform:translate3d(4%,-2%,0) scale(.96)}
  38%,56%{opacity:.25;transform:translate3d(-1%,1%,0) scale(1.015)}
  68%{opacity:.055;transform:translate3d(-3%,2%,0) scale(1.03)}
}
@keyframes warning{0%,27%,100%{opacity:0;transform:translateX(25px)}35%,53%{opacity:1;transform:translateX(0)}65%{opacity:0}}
@keyframes wakePulse{50%{opacity:.45;transform:rotate(-7deg) scaleX(1.2)}}
@keyframes titleReveal{to{opacity:1;transform:none}}
@keyframes bubbleUp{0%{transform:translateY(0) translateX(0) scale(.7);opacity:0}12%{opacity:.35}70%{opacity:.25}100%{transform:translateY(-115vh) translateX(34px) scale(1.2);opacity:0}}
@keyframes sonarSpin{to{transform:rotate(360deg)}}

body.intro-skipped .hero-title,
body.intro-skipped .hero-kicker,
body.intro-skipped .hero-tagline,
body.intro-skipped .hero-signal{animation:none;opacity:1;transform:none}
body.intro-skipped .login-hud{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
body.intro-skipped .hero-monster,
body.intro-skipped .hero-warning{animation:none;opacity:.08}
.reduce-motion .hero-layer,.reduce-motion .bubble,.reduce-motion .intro-sonar{animation:none!important}

@media(max-width:980px){
  .nav-links{display:none}
  .hero-content{grid-template-columns:1fr;align-content:center;padding-top:100px}
  .hero-copy{padding-top:7vh;text-align:center;max-width:none}
  .hero-signal{justify-content:center}
  .login-hud{justify-self:center}
  .hero-sub{width:72vw;left:-10vw;bottom:7vh;opacity:.68}
  .hero-monster{width:62vw;right:8%;top:7%}
  .intro-grid{grid-template-columns:1fr}
  .intro-sonar{margin:auto}
  .feature-grid,.teaser-grid{grid-template-columns:1fr 1fr}
  .section{padding:70px 24px}
}
@media(max-width:640px){
  .landing-nav{height:62px;padding:0 18px}
  .nav-actions{display:none}
  .hero-content{padding:84px 17px 48px;gap:26px}
  .hero-copy{padding-top:0}
  .hero-title{font-size:clamp(46px,16vw,72px)}
  .login-hud{padding:24px 20px}
  .hero-warning{display:none}
  .hero-sub{width:88vw;left:-16vw;bottom:10vh;opacity:.48}
  .feature-grid,.teaser-grid{grid-template-columns:1fr}
  .section{padding:58px 18px}
  .landing-footer{flex-direction:column;text-align:center}
  .footer-brand{flex-direction:column;justify-content:center}
  .footer-studio-logo{width:min(180px,48vw)}
}
@media(prefers-reduced-motion:reduce){
  .hero-layer,.bubble,.intro-sonar{animation:none!important}
  .hero-title,.hero-kicker,.hero-tagline,.hero-signal{animation:none;opacity:1;transform:none}
  .login-hud{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
}


/* DEV 037 – perspective submarine departure toward the habitat */
.hero-wake{
  z-index:-3;
  left:3vw;
  bottom:4vh;
  width:min(42vw,700px);
  height:min(25vw,410px);
  inset:auto auto 4vh 3vw;
  opacity:0;
  transform-origin:44% 58%;
  background:
    radial-gradient(ellipse at 27% 59%,rgba(177,234,240,.20) 0 10%,rgba(87,178,192,.13) 20%,rgba(21,83,99,.05) 44%,transparent 68%),
    repeating-radial-gradient(ellipse at 22% 58%,rgba(200,244,249,.16) 0 1px,transparent 2px 12px);
  filter:blur(5px);
  mix-blend-mode:screen;
  animation:wakeToBase 13.5s cubic-bezier(.18,.62,.25,1) infinite;
}
.hero-wake:before,
.hero-wake:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,248,252,.36),rgba(100,194,207,.12) 38%,transparent 70%);
  filter:blur(2px);
  opacity:.55;
}
.hero-wake:before{left:8%;top:42%;width:18%;height:20%;box-shadow:28px -18px 0 -7px rgba(190,237,244,.16),62px 14px 0 -11px rgba(190,237,244,.15),92px -8px 0 -14px rgba(190,237,244,.13)}
.hero-wake:after{left:2%;top:53%;width:11%;height:13%;box-shadow:36px 20px 0 -5px rgba(190,237,244,.14),74px -22px 0 -7px rgba(190,237,244,.12)}
.hero-sub{
  z-index:-2;
  left:-3vw;
  bottom:-5vh;
  width:min(48vw,790px);
  aspect-ratio:3/2;
  height:auto;
  background:url('scenes/sub_departing.png') center/contain no-repeat;
  filter:saturate(.52) brightness(.68) contrast(1.12) drop-shadow(0 20px 34px rgba(0,0,0,.66));
  animation:subToBase 13.5s cubic-bezier(.18,.62,.25,1) infinite;
  transform-origin:55% 52%;
}
.hero-sub:before,.hero-sub:after{display:none!important}

@keyframes subToBase{
  0%{transform:translate3d(-10vw,10vh,0) scale(1.12);opacity:0}
  7%{opacity:.88}
  16%{transform:translate3d(-2vw,5vh,0) scale(1.02);opacity:.94}
  58%{transform:translate3d(34vw,-11vh,0) scale(.58);opacity:.78;filter:saturate(.47) brightness(.61) contrast(1.12) drop-shadow(0 15px 28px rgba(0,0,0,.56))}
  86%{transform:translate3d(50vw,-20vh,0) scale(.34);opacity:.42;filter:saturate(.42) brightness(.52) contrast(1.08) drop-shadow(0 8px 18px rgba(0,0,0,.42))}
  100%{transform:translate3d(57vw,-24vh,0) scale(.24);opacity:0;filter:saturate(.36) brightness(.45) contrast(1.05)}
}
@keyframes wakeToBase{
  0%{transform:translate3d(-10vw,10vh,0) scale(1.15) rotate(-5deg);opacity:0}
  8%{opacity:.36}
  20%{opacity:.27}
  58%{transform:translate3d(31vw,-9vh,0) scale(.62) rotate(-4deg);opacity:.18}
  86%{transform:translate3d(47vw,-18vh,0) scale(.38) rotate(-3deg);opacity:.08}
  100%{transform:translate3d(54vw,-22vh,0) scale(.28) rotate(-2deg);opacity:0}
}
@media(max-width:980px){
  .hero-sub{width:66vw;left:-15vw;bottom:8vh;opacity:.54}
  .hero-wake{width:58vw;left:-8vw;bottom:13vh}
}
@media(max-width:640px){
  .hero-sub{width:76vw;left:-24vw;bottom:18vh;opacity:.34}
  .hero-wake{width:70vw;left:-17vw;bottom:22vh;opacity:.2}
}
@media(prefers-reduced-motion:reduce){
  .hero-sub{animation:none!important;transform:translate3d(20vw,-6vh,0) scale(.58);opacity:.42}
  .hero-wake{display:none}
}


/* DEV 037 FIX1 – smoother lower-left departure with visible wake */
.hero-sub{
  left:-11vw;
  bottom:-13vh;
  width:min(35vw,580px);
  background:url('scenes/sub_departing.png') center/contain no-repeat;
  filter:saturate(.34) brightness(.56) contrast(1.1) drop-shadow(0 18px 28px rgba(0,0,0,.62));
  transform-origin:58% 56%;
  animation:subToBaseFix1 12.5s linear infinite;
}
.hero-wake{
  z-index:-3;
  left:-14vw;
  bottom:-15vh;
  width:min(30vw,480px);
  height:min(22vw,340px);
  opacity:0;
  transform-origin:53% 60%;
  background:
    radial-gradient(ellipse at 58% 52%, rgba(182,240,246,.34) 0 8%, rgba(103,198,213,.22) 16%, rgba(29,105,122,.10) 34%, transparent 58%),
    radial-gradient(ellipse at 42% 55%, rgba(190,239,246,.22) 0 7%, rgba(83,173,192,.16) 18%, transparent 50%),
    radial-gradient(ellipse at 65% 45%, rgba(155,228,237,.18) 0 6%, rgba(72,156,173,.12) 20%, transparent 46%),
    repeating-radial-gradient(circle at 38% 57%, rgba(223,250,255,.55) 0 1.4px, transparent 2px 10px),
    repeating-radial-gradient(circle at 54% 49%, rgba(210,247,252,.34) 0 1px, transparent 1.8px 9px);
  filter:blur(3px);
  mix-blend-mode:screen;
  animation:wakeToBaseFix1 12.5s linear infinite;
}
.hero-wake:before,
.hero-wake:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle, rgba(228,251,255,.92), rgba(157,226,236,.28) 45%, transparent 72%);
  opacity:.72;
  filter:blur(1px);
}
.hero-wake:before{
  left:48%; top:40%; width:7%; height:8%;
  box-shadow:
    -16px 18px 0 2px rgba(221,249,255,.34),
    -42px 11px 0 1px rgba(221,249,255,.26),
    -64px 26px 0 -1px rgba(221,249,255,.24),
    -84px -5px 0 -2px rgba(221,249,255,.22),
    -106px 16px 0 -2px rgba(221,249,255,.18);
}
.hero-wake:after{
  left:40%; top:56%; width:4.8%; height:5.6%;
  box-shadow:
    -14px -16px 0 1px rgba(221,249,255,.26),
    -38px -6px 0 0 rgba(221,249,255,.22),
    -57px 9px 0 -1px rgba(221,249,255,.18),
    -76px 18px 0 -2px rgba(221,249,255,.16),
    -97px 0 0 -2px rgba(221,249,255,.14);
}
@keyframes subToBaseFix1{
  0%{transform:translate3d(-16vw,22vh,0) scale(.92); opacity:0}
  6%{transform:translate3d(-13vw,20vh,0) scale(.89); opacity:.92}
  100%{transform:translate3d(33vw,-7vh,0) scale(.28); opacity:.18}
}
@keyframes wakeToBaseFix1{
  0%{transform:translate3d(-17vw,22vh,0) scale(1.0) rotate(-6deg); opacity:0}
  5%{opacity:.78}
  100%{transform:translate3d(29vw,-6vh,0) scale(.34) rotate(-4deg); opacity:.06}
}
@media(max-width:980px){
  .hero-sub{width:46vw; left:-20vw; bottom:2vh;}
  .hero-wake{width:41vw; left:-22vw; bottom:0vh;}
}
@media(max-width:640px){
  .hero-sub{width:58vw; left:-28vw; bottom:14vh;}
  .hero-wake{width:52vw; left:-30vw; bottom:12vh; opacity:.32;}
}
@media(prefers-reduced-motion:reduce){
  .hero-sub{transform:translate3d(10vw,2vh,0) scale(.52); opacity:.38}
  .hero-wake{display:none}
}


/* DEV 037 FIX2 – lower, flatter approach path toward the habitat */
.hero-sub{
  left:-13vw;
  bottom:-19vh;
  width:min(32vw,530px);
  animation:subToBaseFix2 13.5s linear infinite;
}
.hero-wake{
  left:-16vw;
  bottom:-20vh;
  width:min(28vw,450px);
  height:min(20vw,320px);
  animation:wakeToBaseFix2 13.5s linear infinite;
}
@keyframes subToBaseFix2{
  0%{transform:translate3d(-19vw,25vh,0) scale(.82);opacity:0}
  5%{transform:translate3d(-15vw,23vh,0) scale(.78);opacity:.9}
  28%{transform:translate3d(1vw,17vh,0) scale(.65);opacity:.86}
  55%{transform:translate3d(18vw,10vh,0) scale(.49);opacity:.72}
  78%{transform:translate3d(31vw,4vh,0) scale(.36);opacity:.55}
  100%{transform:translate3d(41vw,-1vh,0) scale(.23);opacity:.16}
}
@keyframes wakeToBaseFix2{
  0%{transform:translate3d(-20vw,25vh,0) scale(.92) rotate(-3deg);opacity:0}
  5%{opacity:.74}
  28%{transform:translate3d(-2vw,18vh,0) scale(.72) rotate(-3deg);opacity:.5}
  55%{transform:translate3d(16vw,11vh,0) scale(.53) rotate(-2.5deg);opacity:.31}
  78%{transform:translate3d(29vw,5vh,0) scale(.39) rotate(-2deg);opacity:.16}
  100%{transform:translate3d(39vw,0vh,0) scale(.27) rotate(-1.5deg);opacity:.03}
}
@media(max-width:980px){
  .hero-sub{width:43vw;left:-21vw;bottom:-3vh}
  .hero-wake{width:38vw;left:-24vw;bottom:-4vh}
}
@media(max-width:640px){
  .hero-sub{width:54vw;left:-28vw;bottom:9vh}
  .hero-wake{width:49vw;left:-31vw;bottom:8vh}
}


/* DEV 037 FIX3 – start from lower edge and follow lower green path */
.hero-sub{left:-9vw;bottom:-24vh;width:min(30vw,500px);animation:subToBaseFix3 13.5s linear infinite;}
.hero-wake{left:-12vw;bottom:-25vh;width:min(26vw,410px);height:min(19vw,300px);animation:wakeToBaseFix3 13.5s linear infinite;}
@keyframes subToBaseFix3{
  0%{transform:translate3d(-17vw,45vh,0) scale(.78);opacity:0}
  6%{transform:translate3d(-13vw,43vh,0) scale(.74);opacity:.92}
  28%{transform:translate3d(1vw,37vh,0) scale(.60);opacity:.84}
  56%{transform:translate3d(17vw,30vh,0) scale(.45);opacity:.70}
  80%{transform:translate3d(30vw,23vh,0) scale(.31);opacity:.48}
  100%{transform:translate3d(39vw,17vh,0) scale(.18);opacity:.12}
}
@keyframes wakeToBaseFix3{
  0%{transform:translate3d(-18vw,46vh,0) scale(.90) rotate(-3deg);opacity:0}
  5%{opacity:.82}
  28%{transform:translate3d(-1vw,38vh,0) scale(.70) rotate(-3deg);opacity:.58}
  56%{transform:translate3d(15vw,31vh,0) scale(.50) rotate(-2.5deg);opacity:.36}
  80%{transform:translate3d(28vw,24vh,0) scale(.35) rotate(-2deg);opacity:.18}
  100%{transform:translate3d(37vw,18vh,0) scale(.22) rotate(-1.5deg);opacity:.04}
}
@media(max-width:980px){.hero-sub{width:41vw;left:-17vw;bottom:-8vh}.hero-wake{width:36vw;left:-20vw;bottom:-9vh}}
@media(max-width:640px){.hero-sub{width:52vw;left:-25vw;bottom:2vh}.hero-wake{width:46vw;left:-28vw;bottom:1vh}}
@media(prefers-reduced-motion:reduce){.hero-sub{transform:translate3d(12vw,18vh,0) scale(.42);opacity:.34}.hero-wake{display:none}}


/* DEV 037 FIX4 – split rear/front turbulence and depth-only disappearance */
.hero-wake-rear{
  z-index:-3;
  opacity:0;
  background:
    radial-gradient(ellipse at 60% 54%,rgba(155,225,235,.40) 0 8%,rgba(84,180,195,.24) 18%,rgba(27,105,124,.12) 36%,transparent 62%),
    radial-gradient(ellipse at 42% 57%,rgba(197,238,244,.24) 0 7%,rgba(82,170,188,.15) 21%,transparent 54%),
    repeating-radial-gradient(circle at 44% 54%,rgba(226,251,255,.45) 0 1.4px,transparent 2.2px 10px);
  filter:blur(2.7px);
  mix-blend-mode:screen;
  animation:wakeRearToBaseFix4 13.5s linear infinite;
}
.hero-wake-front{
  position:absolute;
  z-index:-1;
  left:-11vw;
  bottom:-24vh;
  width:min(27vw,430px);
  height:min(20vw,315px);
  pointer-events:none;
  transform-origin:56% 58%;
  opacity:0;
  mix-blend-mode:screen;
  animation:wakeFrontToBaseFix4 13.5s linear infinite;
}
.hero-wake-front:before,
.hero-wake-front:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hero-wake-front:before{
  background:
    radial-gradient(circle at 47% 53%,rgba(238,253,255,.95) 0 1.6%,rgba(175,231,240,.52) 2.2%,transparent 5%),
    radial-gradient(circle at 39% 45%,rgba(231,252,255,.82) 0 1.3%,rgba(161,224,236,.42) 2%,transparent 4.5%),
    radial-gradient(circle at 31% 59%,rgba(235,253,255,.72) 0 1%,rgba(149,214,226,.36) 1.8%,transparent 4.3%),
    radial-gradient(circle at 25% 50%,rgba(220,249,253,.65) 0 .9%,rgba(135,207,221,.30) 1.7%,transparent 4%),
    radial-gradient(circle at 19% 66%,rgba(220,249,253,.58) 0 .8%,rgba(135,207,221,.26) 1.5%,transparent 3.8%),
    radial-gradient(ellipse at 48% 57%,rgba(175,231,239,.26),rgba(80,177,192,.13) 31%,transparent 64%);
  filter:blur(.4px);
}
.hero-wake-front:after{
  left:2%;top:28%;width:52%;height:43%;
  background:linear-gradient(102deg,transparent 0%,rgba(204,246,251,.07) 17%,rgba(165,230,239,.22) 46%,rgba(94,190,207,.11) 70%,transparent 100%);
  filter:blur(7px);
  transform:rotate(-7deg);
}
.hero-sub{
  z-index:-2;
  animation:subToBaseFix4 13.5s linear infinite;
  opacity:1;
}
@keyframes subToBaseFix4{
  0%{transform:translate3d(-17vw,45vh,0) scale(.78);opacity:.96;filter:saturate(.34) brightness(.58) contrast(1.1) drop-shadow(0 18px 28px rgba(0,0,0,.62))}
  6%{transform:translate3d(-13vw,43vh,0) scale(.74);opacity:.96;filter:saturate(.33) brightness(.56) contrast(1.1) drop-shadow(0 17px 26px rgba(0,0,0,.60))}
  28%{transform:translate3d(1vw,37vh,0) scale(.60);opacity:.95;filter:saturate(.29) brightness(.49) contrast(1.09) drop-shadow(0 14px 22px rgba(0,0,0,.56))}
  56%{transform:translate3d(17vw,30vh,0) scale(.42);opacity:.94;filter:saturate(.23) brightness(.40) contrast(1.07) drop-shadow(0 10px 17px rgba(0,0,0,.48))}
  80%{transform:translate3d(30vw,23vh,0) scale(.23);opacity:.93;filter:saturate(.17) brightness(.30) contrast(1.05) drop-shadow(0 6px 11px rgba(0,0,0,.38))}
  100%{transform:translate3d(39vw,17vh,0) scale(.075);opacity:.92;filter:saturate(.10) brightness(.18) contrast(1.02) drop-shadow(0 2px 4px rgba(0,0,0,.22))}
}
@keyframes wakeRearToBaseFix4{
  0%{transform:translate3d(-18vw,46vh,0) scale(.94) rotate(-3deg);opacity:0}
  4%{opacity:.86}
  28%{transform:translate3d(-1vw,38vh,0) scale(.72) rotate(-3deg);opacity:.66}
  56%{transform:translate3d(15vw,31vh,0) scale(.48) rotate(-2.5deg);opacity:.43}
  80%{transform:translate3d(28vw,24vh,0) scale(.27) rotate(-2deg);opacity:.23}
  100%{transform:translate3d(37vw,18vh,0) scale(.10) rotate(-1.5deg);opacity:.06}
}
@keyframes wakeFrontToBaseFix4{
  0%{transform:translate3d(-17vw,45vh,0) scale(.93) rotate(-3deg);opacity:0}
  4%{opacity:.94}
  28%{transform:translate3d(0vw,37vh,0) scale(.71) rotate(-3deg);opacity:.78}
  56%{transform:translate3d(16vw,30vh,0) scale(.47) rotate(-2.5deg);opacity:.56}
  80%{transform:translate3d(29vw,23vh,0) scale(.26) rotate(-2deg);opacity:.32}
  100%{transform:translate3d(38vw,17vh,0) scale(.09) rotate(-1.5deg);opacity:.08}
}
@media(max-width:980px){
  .hero-wake-front{width:37vw;left:-19vw;bottom:-8vh}
}
@media(max-width:640px){
  .hero-wake-front{width:47vw;left:-27vw;bottom:2vh}
}
@media(prefers-reduced-motion:reduce){
  .hero-sub{animation:none!important;transform:translate3d(12vw,18vh,0) scale(.42);opacity:.92;filter:saturate(.22) brightness(.38)}
  .hero-wake-rear,.hero-wake-front{display:none}
}


/* DEV 037 FIX5 – one-shot cinematic sequence; leviathan shadow behind habitat; wakes removed */
.hero-rays{
  animation:raysIntroFix5 9s ease-out 1 forwards;
}
.hero-base{
  z-index:-5;
  animation:baseIntroFix5 12s ease-out 1 forwards;
}
.hero-monster{
  z-index:-6;
  right:9%;
  top:17%;
  width:min(48vw,760px);
  aspect-ratio:365/285;
  opacity:0;
  mix-blend-mode:normal;
  filter:grayscale(1) saturate(.15) brightness(.13) contrast(1.45) blur(2.2px);
  mask-image:radial-gradient(ellipse at center,#000 30%,rgba(0,0,0,.92) 49%,rgba(0,0,0,.55) 67%,transparent 84%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,rgba(0,0,0,.92) 49%,rgba(0,0,0,.55) 67%,transparent 84%);
  animation:leviathanRiseFix5 8.5s ease-in-out 3.7s 1 forwards;
}
.hero-warning{
  animation:warning 10.5s ease-in-out 3.9s 1 forwards;
}
.hero-sub{
  animation:subToBaseFix5 13.5s linear 1 forwards;
}
.hero-wake,.hero-wake-rear,.hero-wake-front{display:none!important;animation:none!important}

@keyframes raysIntroFix5{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.46}
  100%{transform:translate3d(1.4%,.8%,0) scale(1.025);opacity:.56}
}
@keyframes baseIntroFix5{
  0%{transform:scale(1.035) translate3d(-.7%,0,0)}
  100%{transform:scale(1.065) translate3d(.4%,-.7%,0)}
}
@keyframes leviathanRiseFix5{
  0%{opacity:0;transform:translate3d(0,17vh,0) scale(.84)}
  20%{opacity:.08;transform:translate3d(-1vw,11vh,0) scale(.90)}
  48%{opacity:.42;transform:translate3d(-2.4vw,3vh,0) scale(1.00)}
  68%{opacity:.30;transform:translate3d(-3.2vw,-2vh,0) scale(1.035)}
  88%{opacity:.07;transform:translate3d(-4vw,-8vh,0) scale(1.07)}
  100%{opacity:0;transform:translate3d(-4.7vw,-12vh,0) scale(1.09)}
}
@keyframes subToBaseFix5{
  0%{transform:translate3d(-17vw,45vh,0) scale(.78);opacity:.96;filter:saturate(.34) brightness(.58) contrast(1.1) drop-shadow(0 18px 28px rgba(0,0,0,.62))}
  6%{transform:translate3d(-13vw,43vh,0) scale(.74);opacity:.96;filter:saturate(.33) brightness(.56) contrast(1.1) drop-shadow(0 17px 26px rgba(0,0,0,.60))}
  28%{transform:translate3d(1vw,37vh,0) scale(.60);opacity:.96;filter:saturate(.29) brightness(.49) contrast(1.09) drop-shadow(0 14px 22px rgba(0,0,0,.56))}
  56%{transform:translate3d(17vw,30vh,0) scale(.42);opacity:.96;filter:saturate(.23) brightness(.40) contrast(1.07) drop-shadow(0 10px 17px rgba(0,0,0,.48))}
  80%{transform:translate3d(30vw,23vh,0) scale(.23);opacity:.96;filter:saturate(.17) brightness(.29) contrast(1.05) drop-shadow(0 6px 11px rgba(0,0,0,.38))}
  100%{transform:translate3d(39vw,17vh,0) scale(.045);opacity:.96;filter:saturate(.07) brightness(.10) contrast(1.00) drop-shadow(0 1px 2px rgba(0,0,0,.16))}
}
body.intro-skipped .hero-rays,
body.intro-skipped .hero-base,
body.intro-skipped .hero-monster,
body.intro-skipped .hero-warning,
body.intro-skipped .hero-sub{animation:none!important}
body.intro-skipped .hero-rays{opacity:.56;transform:translate3d(1.4%,.8%,0) scale(1.025)}
body.intro-skipped .hero-base{transform:scale(1.065) translate3d(.4%,-.7%,0)}
body.intro-skipped .hero-monster,body.intro-skipped .hero-warning{opacity:0!important}
body.intro-skipped .hero-sub{transform:translate3d(39vw,17vh,0) scale(.045);opacity:.96;filter:saturate(.07) brightness(.10) contrast(1)}
@media(max-width:980px){.hero-monster{width:64vw;right:2%;top:20%}}
@media(max-width:640px){.hero-monster{width:82vw;right:-12%;top:23%}}
@media(prefers-reduced-motion:reduce){.hero-monster,.hero-warning{display:none!important}.hero-base,.hero-rays{animation:none!important}.hero-sub{animation:none!important;transform:translate3d(15vw,22vh,0) scale(.35);opacity:.9;filter:saturate(.17) brightness(.3)}}


/* DEV 037 FIX6 – smaller sub; natural final fade; visible leviathan shadow */
.hero-monster{
  z-index:-4;
  left:34%;
  right:auto;
  top:10%;
  width:min(42vw,680px);
  opacity:0;
  mix-blend-mode:screen;
  filter:grayscale(.85) saturate(.35) brightness(.44) contrast(1.35) blur(1.4px);
  mask-image:radial-gradient(ellipse at 56% 48%,#000 27%,rgba(0,0,0,.94) 46%,rgba(0,0,0,.55) 66%,transparent 86%);
  -webkit-mask-image:radial-gradient(ellipse at 56% 48%,#000 27%,rgba(0,0,0,.94) 46%,rgba(0,0,0,.55) 66%,transparent 86%);
  animation:leviathanRiseFix6 8.8s ease-in-out 3.6s 1 forwards;
}
.hero-sub{
  width:min(27vw,450px);
  animation:subToBaseFix6 13.5s linear 1 forwards;
}
@keyframes leviathanRiseFix6{
  0%{opacity:0;transform:translate3d(0,17vh,0) scale(.84)}
  18%{opacity:.10;transform:translate3d(-.5vw,11vh,0) scale(.91)}
  42%{opacity:.38;transform:translate3d(-1.5vw,4vh,0) scale(1)}
  62%{opacity:.32;transform:translate3d(-2.5vw,-1vh,0) scale(1.04)}
  82%{opacity:.12;transform:translate3d(-3.2vw,-6vh,0) scale(1.07)}
  100%{opacity:0;transform:translate3d(-4vw,-10vh,0) scale(1.09)}
}
@keyframes subToBaseFix6{
  0%{transform:translate3d(-17vw,45vh,0) scale(.68);opacity:.96;filter:saturate(.30) brightness(.55) contrast(1.1) drop-shadow(0 16px 25px rgba(0,0,0,.60))}
  6%{transform:translate3d(-13vw,43vh,0) scale(.65);opacity:.96;filter:saturate(.29) brightness(.53) contrast(1.1) drop-shadow(0 15px 24px rgba(0,0,0,.58))}
  28%{transform:translate3d(1vw,37vh,0) scale(.52);opacity:.96;filter:saturate(.25) brightness(.46) contrast(1.09) drop-shadow(0 12px 20px rgba(0,0,0,.53))}
  56%{transform:translate3d(17vw,30vh,0) scale(.36);opacity:.96;filter:saturate(.20) brightness(.36) contrast(1.07) drop-shadow(0 8px 14px rgba(0,0,0,.45))}
  82%{transform:translate3d(30vw,23vh,0) scale(.18);opacity:.94;filter:saturate(.13) brightness(.23) contrast(1.04) drop-shadow(0 4px 8px rgba(0,0,0,.32))}
  94%{transform:translate3d(37vw,18vh,0) scale(.085);opacity:.82;filter:saturate(.08) brightness(.14) contrast(1.02) drop-shadow(0 2px 3px rgba(0,0,0,.20))}
  100%{transform:translate3d(39vw,17vh,0) scale(.045);opacity:0;filter:saturate(.05) brightness(.08) contrast(1)}
}
body.intro-skipped .hero-sub{transform:translate3d(39vw,17vh,0) scale(.045)!important;opacity:0!important;filter:saturate(.05) brightness(.08) contrast(1)!important}
body.intro-skipped .hero-monster{opacity:0!important}
@media(max-width:980px){.hero-monster{left:23%;right:auto;top:14%;width:58vw}.hero-sub{width:37vw}}
@media(max-width:640px){.hero-monster{left:8%;right:auto;top:19%;width:76vw}.hero-sub{width:48vw}}
@media(prefers-reduced-motion:reduce){.hero-monster{display:none!important}.hero-sub{animation:none!important;transform:translate3d(15vw,22vh,0) scale(.30);opacity:.82;filter:saturate(.14) brightness(.28)}}


/* DEV 037 FIX7 – clearly visible one-shot leviathan silhouette */
.hero-monster{
  z-index:-3;
  left:19%;
  right:auto;
  top:6%;
  width:min(56vw,900px);
  aspect-ratio:365/285;
  opacity:0;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  mix-blend-mode:normal;
  filter:saturate(.55) brightness(.78) contrast(1.18) blur(.45px);
  mask-image:radial-gradient(ellipse at 58% 49%,#000 35%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.72) 70%,transparent 91%);
  -webkit-mask-image:radial-gradient(ellipse at 58% 49%,#000 35%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.72) 70%,transparent 91%);
  animation:leviathanRiseFix7 10.6s ease-in-out 2.9s 1 forwards;
}
.hero-monster:after{
  content:"";
  position:absolute;
  left:43%;
  top:37%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#73dfff;
  box-shadow:0 0 9px #73dfff,0 0 18px rgba(74,209,255,.75);
  opacity:0;
  animation:leviathanEyeFix7 10.6s ease-in-out 2.9s 1 forwards;
}
@keyframes leviathanRiseFix7{
  0%{opacity:0;transform:translate3d(0,16vh,0) scale(.90)}
  14%{opacity:.18;transform:translate3d(-.5vw,12vh,0) scale(.94)}
  32%{opacity:.58;transform:translate3d(-1.4vw,7vh,0) scale(.99)}
  53%{opacity:.68;transform:translate3d(-2.5vw,2vh,0) scale(1.035)}
  72%{opacity:.56;transform:translate3d(-3.2vw,-2vh,0) scale(1.065)}
  88%{opacity:.20;transform:translate3d(-4vw,-6vh,0) scale(1.09)}
  100%{opacity:0;transform:translate3d(-4.7vw,-10vh,0) scale(1.11)}
}
@keyframes leviathanEyeFix7{
  0%,18%,92%,100%{opacity:0}
  32%,72%{opacity:.62}
}
body.intro-skipped .hero-monster{opacity:0!important;animation:none!important}
body.intro-skipped .hero-monster:after{opacity:0!important;animation:none!important}
@media(max-width:980px){.hero-monster{left:10%;top:10%;width:72vw}}
@media(max-width:640px){.hero-monster{left:-4%;top:15%;width:92vw}}
@media(prefers-reduced-motion:reduce){.hero-monster{display:none!important}}


/* DEV 037 FIX8 – leviathan removed until scene layers are rebuilt */
.hero-monster{display:none!important;}

/* DEV 283 – public world chronicle teaser */
.world-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center}
.world-story-media{position:relative;overflow:hidden;border:1px solid rgba(79,205,220,.22);border-radius:16px;background:#031019;box-shadow:0 22px 56px rgba(0,0,0,.34)}
.world-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(2,8,13,.28)),linear-gradient(0deg,rgba(2,8,13,.35),transparent 45%);pointer-events:none}
.world-story-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.82) contrast(1.06)}
.world-story-copy h2{margin-bottom:15px}
.world-story-quote{margin:22px 0;padding:16px 18px;border-left:2px solid #55d7e8;background:rgba(6,29,41,.68);color:#a9c5ce;font-size:.9rem;line-height:1.65;letter-spacing:.02em}
.world-story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.story-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgba(82,204,221,.34);border-radius:7px;background:rgba(20,110,129,.08);color:#9feaf4;text-decoration:none;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.74rem}
.story-btn.primary{border-color:#57d7e9;background:rgba(42,174,194,.13);color:#d9fbff;box-shadow:0 0 22px rgba(54,193,214,.08)}
.story-btn:hover{background:rgba(42,174,194,.18)}
@media(max-width:900px){.world-story{grid-template-columns:1fr}.world-story-media{order:2}.world-story-copy{order:1}}

/* DEV 945 – public legal/footer framework */
.public-legal-footer{padding:28px max(24px,6vw);border-top:1px solid rgba(0,234,255,.16);display:flex;justify-content:space-between;align-items:center;gap:22px;background:rgba(1,7,11,.78);color:#668493;font-size:13px}
.public-legal-brand{display:flex;flex-direction:column;gap:4px}.public-legal-brand strong{color:#aeeff6;letter-spacing:.12em}.public-legal-brand span{color:#668493}.public-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}.public-legal-footer a{color:#7da6b1;text-decoration:none}.public-legal-footer a:hover{color:#c9f7fb}
body.landing-page{font-family:'Segoe UI',Arial,sans-serif}
@media(max-width:700px){.public-legal-footer{flex-direction:column;text-align:center}.public-legal-footer nav{justify-content:center}}