:root{
  --ink:#eef7ff;
  --muted:#a9c1dc;
  --blue:#20c8ff;
  --blue2:#447cff;
  --violet:#9c63ff;
  --gold:#ffd86b;
  --deep:#06142e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--ink);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:#041027;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-7;
  background:
    linear-gradient(180deg,rgba(3,11,28,.10),rgba(1,8,22,.86)),
    radial-gradient(circle at 50% 20%,rgba(46,147,255,.18),transparent 35%);
}
.sky{
  position:fixed;inset:-3%;z-index:-10;
  background:url('assets/homepage-background.png') center center/cover no-repeat;
  filter:saturate(1.12) contrast(1.04);
  animation:skyDrift 26s ease-in-out infinite alternate;
  transform-origin:center;
}
@keyframes skyDrift{0%{transform:scale(1.03) translate3d(-.4%,0,0)}100%{transform:scale(1.10) translate3d(.8%,-1.2%,0)}}
.aurora{position:fixed;z-index:-8;border-radius:50%;filter:blur(85px);opacity:.35;pointer-events:none}
.aurora-a{width:52vw;height:32vw;left:-12vw;top:38vh;background:linear-gradient(120deg,#00c8ff,#7c36ff);animation:floatA 15s ease-in-out infinite alternate}
.aurora-b{width:42vw;height:26vw;right:-8vw;top:10vh;background:linear-gradient(120deg,#3f7cff,#ffd35e);animation:floatB 18s ease-in-out infinite alternate}
@keyframes floatA{to{transform:translate(6vw,-5vh) scale(1.12)}}
@keyframes floatB{to{transform:translate(-6vw,7vh) scale(.95)}}
.particles{position:fixed;inset:0;z-index:-6;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px);background-size:90px 90px;opacity:.13;animation:sparkle 8s linear infinite}
@keyframes sparkle{50%{opacity:.24;transform:translateY(-8px)}}
.shell{width:min(1180px,calc(100% - 42px));margin:0 auto;padding:34px 0 22px}
.hero{
  min-height:660px;
  display:grid;
  grid-template-columns:1fr 340px;
  align-content:center;
  position:relative;
  padding:100px 24px 70px;
}
.logo{position:absolute;right:20px;left:auto;top:50%;transform:translateY(-50%);width:min(400px,32vw);filter:drop-shadow(0 0 24px rgba(59,183,255,.55)) drop-shadow(0 12px 28px rgba(0,0,0,.45));animation:logoFloat 6s ease-in-out infinite;z-index:3}
@keyframes logoFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 14px)) scale(1.025)}}
.hero-copy{max-width:690px;padding:36px 34px;border-radius:28px;background:linear-gradient(135deg,rgba(6,22,49,.64),rgba(12,21,48,.34));border:1px solid rgba(133,205,255,.28);box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 0 45px rgba(41,137,255,.08);backdrop-filter:blur(8px)}
.eyebrow{font-size:.78rem;letter-spacing:.19em;font-weight:800;color:#8cecff;text-shadow:0 0 18px rgba(70,210,255,.6)}
h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.96;margin:14px 0 18px;text-shadow:0 4px 30px rgba(0,0,0,.55)}
h1 span{display:block;color:var(--gold);text-shadow:0 0 25px rgba(255,205,83,.35)}
.hero-copy p{font-size:1.1rem;line-height:1.7;color:#dcecff;max-width:620px}
.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.download,.ghost,.mini-download{text-decoration:none;color:white}
.download{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:5px;padding:18px 28px;border-radius:16px;border:1px solid rgba(255,232,143,.9);background:linear-gradient(135deg,#b6780d,#f3b72d 55%,#7e4c08);box-shadow:0 0 28px rgba(255,183,45,.38),0 12px 28px rgba(0,0,0,.35);transition:.25s}
.download:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 42px rgba(255,195,70,.62),0 18px 34px rgba(0,0,0,.4)}
.download strong{font-size:1rem;letter-spacing:.04em}.download small{opacity:.86}
.download-glow{position:absolute;inset:-100% auto -100% -30%;width:22%;transform:rotate(20deg);background:rgba(255,255,255,.35);filter:blur(8px);animation:sweep 4.5s ease-in-out infinite}
@keyframes sweep{0%,55%{left:-35%}75%,100%{left:125%}}
.ghost{padding:15px 20px;border-radius:14px;background:rgba(14,48,95,.55);border:1px solid rgba(103,191,255,.35);backdrop-filter:blur(7px)}
.status-card{align-self:end;justify-self:end;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:13px;align-items:center;padding:18px 20px;border-radius:18px;background:rgba(4,17,40,.72);border:1px solid rgba(100,210,255,.28);box-shadow:0 14px 40px rgba(0,0,0,.35);backdrop-filter:blur(9px)}
.status-card small{display:block;color:#90a9c7;font-size:.68rem;letter-spacing:.12em}.status-card strong{display:block;margin-top:3px;color:#ecfbff}.status-dot{width:12px;height:12px;border-radius:50%;background:#51ff9a;box-shadow:0 0 16px #51ff9a;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.3);opacity:.65}}.status-sep{width:1px;height:34px;background:rgba(255,255,255,.14)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{position:relative;overflow:hidden;min-height:210px;padding:28px;border-radius:22px;background:linear-gradient(145deg,rgba(5,22,52,.84),rgba(9,32,64,.60));border:1px solid rgba(104,195,255,.22);box-shadow:0 15px 46px rgba(0,0,0,.30);backdrop-filter:blur(10px);transition:.25s}.card:hover{transform:translateY(-6px)}
.card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-55px;filter:blur(20px);opacity:.38}.card.blue:after{background:#00bfff}.card.purple:after{background:#9857ff}.card.gold:after{background:#ffc33c}.icon{font-size:2rem;color:#9ceaff;text-shadow:0 0 22px currentColor}.card h2{font-family:Georgia,serif;font-size:1.55rem;margin:15px 0 8px}.card p{color:#bdd0e6;line-height:1.6}
.download-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:24px 0;padding:30px;border-radius:24px;background:linear-gradient(110deg,rgba(8,41,88,.84),rgba(79,35,123,.60),rgba(121,78,12,.45));border:1px solid rgba(121,210,255,.28);box-shadow:0 18px 48px rgba(0,0,0,.32)}.download-panel h2{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.download-panel p{margin:0;color:#c7d7ea}.mini-download{white-space:nowrap;padding:16px 22px;border-radius:14px;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,#18b9ff,#6c64ff);box-shadow:0 0 28px rgba(56,163,255,.35);transition:.2s}.mini-download:hover{transform:scale(1.04)}
footer{display:flex;justify-content:space-between;gap:20px;padding:18px 4px;color:#8fa9c4;font-size:.82rem}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:145px;min-height:720px}.status-card{justify-self:start;margin-top:20px}.logo{width:min(680px,88vw)}.cards{grid-template-columns:1fr}.download-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.shell{width:min(100% - 22px,1180px)}.hero{padding-left:0;padding-right:0}.hero-copy{padding:28px 22px}.status-card{grid-template-columns:auto 1fr}.status-sep{display:none}.download{width:100%}.ghost{width:100%;text-align:center}footer{flex-direction:column}}