:root[data-ambience=star] #hero{--bg-hero: #77e}:root[data-ambience=moon] #hero{--bg-hero: navy}#hero{display:flex;position:relative;align-items:center;background:radial-gradient(circle at bottom,var(--bg-hero) 0,var(--cl-f) 100%);padding:100px 1.5rem;min-height:100vh;overflow-x:hidden;color:var(--cl-0);text-align:center}#hero .ship{position:relative;z-index:2;width:100%;min-height:70vh}#hero h1{position:relative;z-index:1;margin-bottom:30px;font-size:var(--h1-fs);line-height:1.1}#hero h1 b,#hero h1 strong{font-weight:900;letter-spacing:3px;text-shadow:0 0 15px rgba(255,255,255,.2)}#hero h1 b{display:inline-block;animation:gradient-move 5s ease-in infinite;border-radius:10px;background:linear-gradient(45deg,var(--cl-mint),var(--cl-0),var(--cl-3));background-position:0 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:3px 10px;color:transparent}@keyframes gradient-move{0%{background-position:0% 0}to{background-position:200% 0}}#hero h1 small{font-weight:200;font-size:1em}#hero h1 span{display:block;opacity:.9;margin-top:10px;font-weight:400;font-size:.7em;letter-spacing:5px}#hero a{border-color:var(--cl-mint);background:#1219;color:#fff;font-size:1rem}#hero a:hover{background:#fff;color:#000}#hero .tagline{opacity:.95;margin:50px auto 15px;font-weight:600;font-size:var(--tg-fs);line-height:1.4}#hero h2{color:#fff}#hero .subtitle,#hero .stat-desc{color:var(--cl-0)}#hero h2{font-size:1.8em}#hero h2 small{font-weight:400;font-size:.7em;letter-spacing:2px}#hero .subtitle{opacity:.8;margin:120px auto 40px;max-width:600px;font-size:1.1rem;line-height:1.5}#hero .stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;gap:60px;margin:40px 0}#hero .stats-row .stat{text-align:center}#hero .stats-row .stat .stat-value{margin-bottom:5px;color:var(--cl-mint-l);font-weight:900;font-size:2rem;text-shadow:0 0 10px var(--cl-zeal)}#hero .stats-row .stat .stat-desc{font-weight:600;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}#hero .logo{margin-top:40px;height:150px}#hero .logo svg{fill:#0000;stroke:#fff;stroke-width:2px;opacity:.8;width:150px;height:100%}#hero:before{position:absolute;top:40%;left:30%;transform-origin:center;opacity:.7;z-index:1;filter:blur(60px);animation:fluidOrbit 20s ease-in-out infinite;border-radius:50%;background:linear-gradient(259.53deg,#1a5fff 6.53%,#ff6a1a 95.34%);width:300px;height:300px;pointer-events:none;content:""}#hero:after{position:absolute;top:60%;right:25%;transform-origin:center;opacity:.5;z-index:1;filter:blur(60px);animation:fluidOrbit 15s ease-in-out infinite reverse;animation-delay:-7s;border-radius:50%;background:linear-gradient(120deg,#ff6a1a 20%,#1a5fff 80%);width:200px;height:200px;pointer-events:none;content:""}@keyframes fluidOrbit{0%{transform:translate(0) scale(1) rotate(0);opacity:.4}25%{transform:translate(40%,-20%) scale(1.1) rotate(90deg);opacity:.6}50%{transform:translate(60%,30%) scale(.9) rotate(180deg);opacity:.3}75%{transform:translate(10%,40%) scale(1.05) rotate(270deg);opacity:.5}to{transform:translate(0) scale(1) rotate(360deg);opacity:.4}}@keyframes navyPulse{0%{transform:scale(1);opacity:.68;filter:blur(26px)}50%{transform:scale(1.06);opacity:.92;filter:blur(32px)}to{transform:scale(1);opacity:.68;filter:blur(26px)}}@media screen and (max-width:449px){#hero{--h1-fs: 2rem;--tg-fs: 1rem}#hero h1 b,#hero h1 strong{letter-spacing:1px}}@media screen and (min-width:450px)and (max-width:798px){#hero{--h1-fs: 2.2rem;--tg-fs: 1.1rem}}@media screen and (max-width:798px){#hero .stats-row{display:block}}@media screen and (min-width:799px){#hero{--h1-fs: 3.3rem;--tg-fs: 1.3rem}}