@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--yellow:#ffd400;--ink:#0d1310;--white:#f8faf6;--muted:#b5bdb7}*{box-sizing:border-box}html{background:#e9ede8}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 80% 10%,#344032 0,transparent 30%),#0b110e;min-height:100vh}.shell{width:min(1500px,calc(100% - 38px));min-height:calc(100vh - 38px);margin:19px auto;border:1px solid rgba(255,255,255,.13);border-radius:42px;overflow:hidden;background:linear-gradient(115deg,rgba(16,24,19,.98),rgba(9,14,12,.95));box-shadow:0 28px 90px rgba(0,0,0,.28)}header,footer{height:88px;padding:0 clamp(24px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{display:block;width:160px;max-height:42px}.status{display:flex;align-items:center;gap:10px;color:#dfe5df;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.status i{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 8px rgba(255,212,0,.12);animation:pulse 2s infinite}.hero{min-height:calc(100vh - 215px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:clamp(45px,7vw,105px) clamp(24px,7vw,105px)}.copy{position:relative;z-index:3;max-width:760px}.eyebrow{display:inline-flex;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.22em}.copy h1{font-size:clamp(46px,6vw,96px);line-height:.94;letter-spacing:-.065em;margin:26px 0 30px;max-width:900px}.copy h1 em{display:block;color:var(--yellow);font-style:normal}.copy>p{max-width:690px;color:#cad1cb;font-size:clamp(16px,1.35vw,20px);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:38px}.actions a,.actions button{min-height:58px;border-radius:5px;padding:0 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font:800 12px Manrope;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.primary{background:var(--yellow);color:#101512;text-decoration:none;border:1px solid var(--yellow)}.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.actions a:hover,.actions button:hover{transform:translateY(-3px);transition:.25s}.trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.trust span{padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#aeb7b0;font-size:11px}.solar{position:relative;aspect-ratio:1;max-width:680px;width:100%;justify-self:end}.sun{position:absolute;inset:37%;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#fff6a1,var(--yellow) 45%,#f2a900);box-shadow:0 0 95px rgba(255,212,0,.45);color:#111;font-size:10px;font-weight:800;letter-spacing:.23em;z-index:2}.halo{position:absolute;border-radius:50%;border:1px solid rgba(255,212,0,.16)}.halo-one{inset:28%}.halo-two{inset:16%}.halo-three{inset:3%}.orbit{position:absolute;border-radius:50%;animation:spin linear infinite}.orbit-one{inset:27%;animation-duration:10s}.orbit-two{inset:15%;animation-duration:17s;animation-direction:reverse}.orbit-three{inset:3%;animation-duration:24s}.planet{position:absolute;top:0;left:50%;display:block;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.16);box-shadow:0 8px 24px #000}.p1{width:18px;height:18px}.p2{width:25px;height:25px}.p3{width:13px;height:13px}.energy-card{position:absolute;width:175px;min-height:104px;padding:19px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(20,28,23,.8);backdrop-filter:blur(15px);display:grid;align-content:center;gap:9px;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:float 5s ease-in-out infinite}.energy-card small{font-size:8px;color:var(--yellow);letter-spacing:.12em}.energy-card b{font-size:19px}.card-a{right:0;top:56%}.card-b{left:2%;top:23%;animation-delay:-1.4s}.card-c{right:5%;top:8%;animation-delay:-2.8s}footer{height:68px;border-top:1px solid rgba(255,255,255,.1);border-bottom:0;color:#869189;font-size:10px;text-transform:uppercase;letter-spacing:.1em}footer a{color:#fff;text-decoration:none}dialog{width:min(520px,calc(100% - 30px));border:1px solid #303a34;border-radius:28px;padding:34px;background:#101713;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(2,5,3,.72);backdrop-filter:blur(8px)}dialog h2{font-size:34px;line-height:1;margin:18px 0}dialog p{color:#aeb8b1;line-height:1.6}dialog>a{margin-top:10px;padding:18px;border:1px solid #303a34;border-radius:15px;display:flex;justify-content:space-between;gap:20px;color:#fff;text-decoration:none}dialog>a:hover{border-color:var(--yellow);background:#18211c}dialog>a span{color:#aab4ad}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(255,212,0,0)}}@keyframes float{50%{transform:translateY(-11px)}}@media(max-width:900px){.shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.hero{grid-template-columns:1fr;padding-top:65px}.solar{max-width:540px;justify-self:center;order:-1}.copy{text-align:center;margin:auto}.copy>p{margin-inline:auto}.actions,.trust{justify-content:center}footer{height:auto;padding-block:24px;gap:15px;flex-wrap:wrap}}@media(max-width:580px){header{height:76px}.brand img{width:132px}.status{font-size:0}.hero{padding:38px 20px 55px}.solar{margin:-30px 0 -15px}.energy-card{width:125px;min-height:76px;padding:12px}.energy-card b{font-size:14px}.copy h1{font-size:45px}.actions{display:grid}.actions a,.actions button{width:100%}.trust{display:none}footer{justify-content:center;text-align:center}}