@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Montserrat:wght@300;400;500;600&display=swap');
:root{--gold:#f8b447;--ink:#07080d;--mist:#fff7e9}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:var(--mist);font-family:Montserrat,Arial,sans-serif}.stage{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto auto;justify-items:center;padding:clamp(20px,2.2vw,36px);background:url('assets/capa-nda.png') center center/cover no-repeat}.shade,.stars,.grid{position:absolute;inset:0;pointer-events:none;z-index:-1}.shade{background:linear-gradient(90deg,rgba(5,7,12,.88),rgba(5,7,12,.57) 48%,rgba(5,7,12,.42)),linear-gradient(0deg,rgba(5,7,12,.78),transparent 38%,rgba(5,7,12,.25))}.stars{background-image:radial-gradient(circle at 12% 22%,#fff6ce 0 1px,transparent 2px),radial-gradient(circle at 76% 18%,#ffd384 0 1px,transparent 2px),radial-gradient(circle at 65% 72%,#f2a333 0 1px,transparent 2px);background-size:189px 201px,251px 163px,317px 263px;opacity:.75;animation:twinkle 5s ease-in-out infinite alternate}.grid{inset:58% -10% -35%;background:linear-gradient(rgba(241,155,56,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(241,155,56,.07) 1px,transparent 1px);background-size:46px 46px;transform:perspective(550px) rotateX(61deg);transform-origin:bottom;mask-image:linear-gradient(to bottom,transparent,#000 52%)}
.brand{position:absolute;top:clamp(19px,2.5vw,42px);left:clamp(19px,3vw,54px);z-index:2}.brand img{width:clamp(180px,16vw,250px);max-height:205px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(246,166,55,.3))}.top-copy{text-align:center;z-index:2;margin-top:clamp(15px,2.2vh,34px)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;color:#ffc464;text-transform:uppercase;font-size:clamp(10px,1vw,13px);letter-spacing:.28em;margin:0 0 13px}.eyebrow span{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow span:last-child{transform:scaleX(-1)}h1{font:600 clamp(25px,3.3vw,51px)/1.14 Cinzel,Georgia,serif;letter-spacing:.025em;margin:0;text-shadow:0 3px 20px #05070c}
.hero{width:min(850px,82vw);min-height:clamp(270px,43vh,525px);display:grid;place-items:center;position:relative;z-index:1;pointer-events:none}.iasbella{width:100%;height:100%;max-height:clamp(270px,47vh,560px);object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 17px rgba(247,146,37,.46)) drop-shadow(0 0 45px rgba(235,111,25,.20));animation:levitate 5.12s ease-in-out infinite}.energy-core{position:absolute;width:min(31vw,290px);aspect-ratio:1;border:1px solid rgba(255,190,87,.45);border-radius:50%;box-shadow:0 0 30px rgba(255,161,45,.45),inset 0 0 40px rgba(255,175,53,.28);animation:pulse 2.6s ease-in-out infinite}.orbital{position:absolute;width:min(66vw,790px);aspect-ratio:1/.29;border:1px solid rgba(251,177,71,.28);border-radius:50%;transform:rotate(-18deg);animation:rotate 12s linear infinite}.orbital-b{width:min(55vw,650px);transform:rotate(33deg);animation-duration:17s;animation-direction:reverse}
.bottom-copy{text-align:center;position:relative;z-index:2;max-width:750px;margin-top:-4px}.copy{color:rgba(255,246,230,.97);font-weight:400;font-size:clamp(16px,1.65vw,21px);line-height:1.55;max-width:670px;margin:0 auto 16px;text-shadow:0 2px 13px #05070c}.signal{display:inline-flex;align-items:center;gap:9px;color:rgba(255,224,165,.93);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:10px 15px;border:1px solid rgba(239,165,64,.32);border-radius:999px;background:rgba(7,8,13,.54);backdrop-filter:blur(7px)}.signal i{width:7px;height:7px;display:block;border-radius:50%;background:#d48032;animation:ping 1.8s infinite}.signal.active i{background:#ffd36b}.counter{margin-top:10px}.counter-label{display:block;color:rgba(255,208,124,.78);font-size:9px;text-transform:uppercase;letter-spacing:.25em;margin-bottom:4px}.counter strong{font:500 clamp(20px,2.6vw,31px)/1 Cinzel,serif;letter-spacing:.15em;color:#ffe2a0}footer{align-self:end;display:flex;justify-content:center;gap:11px;margin-top:clamp(15px,2.8vh,31px);font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:rgba(239,213,172,.65)}.separator{color:var(--gold)}
@keyframes levitate{50%{transform:translateY(-11px) scale(1.008)}}@keyframes pulse{50%{transform:scale(1.1);opacity:.52;box-shadow:0 0 54px rgba(255,161,45,.7),inset 0 0 55px rgba(255,175,53,.4)}}@keyframes rotate{to{transform:rotate(342deg)}}@keyframes twinkle{50%{opacity:.35}}@keyframes ping{70%{box-shadow:0 0 0 8px rgba(238,164,59,0)}100%{box-shadow:0 0 0 0 rgba(238,164,59,0)}}
@media(max-width:620px){.stage{grid-template-rows:auto auto minmax(240px,1fr) auto auto;padding:18px 15px;background-position:58% center}.shade{background:linear-gradient(90deg,rgba(5,7,12,.87),rgba(5,7,12,.52)),linear-gradient(0deg,rgba(5,7,12,.82),transparent 40%,rgba(5,7,12,.3))}.brand img{width:135px}.top-copy{margin-top:52px}.eyebrow{font-size:9px;letter-spacing:.18em}.eyebrow span{width:24px}h1{font-size:clamp(23px,7.1vw,34px)}.hero{width:126vw;min-height:300px}.iasbella{max-height:380px}.energy-core{width:54vw}.orbital{width:112vw}.orbital-b{width:88vw}.copy{max-width:350px;font-size:15px}.signal{font-size:9px;letter-spacing:.1em}footer{font-size:8px;letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}