:root{
  --bg:#070707;
  --panel:rgba(9,10,10,.72);
  --panel-strong:rgba(5,5,5,.88);
  --text:#f4f1ea;
  --muted:#c7bfb1;
  --line:rgba(255,255,255,.14);
  --orange:#f28a0c;
  --orange-2:#ffae2e;
  --shadow:0 24px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a{color:inherit;text-decoration:none}
.page{overflow:hidden;background:#050505}
.hero{
  position:relative;
  min-height:78vh;
  display:grid;
  place-items:center;
  padding:48px 18px 72px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.84)),
    url("assets/hero-bg.jpg") center/cover no-repeat;
}
.hero__shade{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,130,0,.18),transparent 28%),
    radial-gradient(circle at 20% 70%,rgba(255,115,0,.18),transparent 24%),
    linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.15),rgba(0,0,0,.8));
  pointer-events:none;
}
.snow{position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:54px 54px,82px 82px;background-position:0 0,28px 34px;animation:drift 18s linear infinite}
@keyframes drift{to{background-position:0 480px,28px 560px}}
.hero__content{position:relative;z-index:2;width:min(860px,100%);text-align:center;margin:auto;padding:28px 18px;border-radius:34px;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.28));}
.brand-logo{width:min(260px,58vw);height:auto;filter:drop-shadow(0 12px 34px rgba(0,0,0,.75));margin-bottom:18px;mix-blend-mode:screen}
.eyebrow{margin:0 0 10px;color:var(--orange-2);text-transform:uppercase;letter-spacing:.22em;font-weight:800;font-size:12px}
h1{margin:0;font-size:clamp(52px,10vw,118px);line-height:.86;text-transform:uppercase;letter-spacing:.02em;font-weight:1000;text-shadow:0 16px 48px rgba(0,0,0,.85)}
h1 span{display:block;color:#fff;background:linear-gradient(180deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{color:var(--orange)}
.lead{width:min(640px,100%);margin:22px auto 0;color:#eee1d3;font-size:clamp(16px,2vw,21px);line-height:1.55;text-shadow:0 4px 16px rgba(0,0,0,.75)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(520px,100%);margin:30px auto 0}
.countdown div{padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.32);backdrop-filter:blur(10px)}
.countdown strong{display:block;color:var(--orange);font-size:clamp(26px,4vw,42px);line-height:1;font-weight:1000}.countdown small{display:block;margin-top:8px;text-transform:uppercase;font-size:12px;font-weight:800;color:#fff}
.notify{width:min(560px,100%);margin:44px auto 0}.notify label{display:block;margin-bottom:12px;color:#f5efe6;font-weight:650}.notify__row{display:flex;gap:0;justify-content:center}.notify input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.7);color:#fff;padding:16px 18px;border-radius:12px 0 0 12px;outline:none;font-size:15px}.notify input:focus{border-color:var(--orange)}.notify button{border:0;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:white;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:0 26px;border-radius:0 12px 12px 0;cursor:pointer;box-shadow:0 12px 30px rgba(242,138,12,.32)}
.socials{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.socials a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:10px 14px;border-radius:999px;color:#efe7dc;font-weight:700;font-size:14px}.socials a:hover{border-color:var(--orange);color:#fff}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:58px max(22px,7vw);background:linear-gradient(180deg,#090909,#050505);border-top:1px solid rgba(255,255,255,.08);position:relative}.features:before{content:"";position:absolute;inset:auto 0 0;height:120px;background:repeating-linear-gradient(-12deg,rgba(255,255,255,.04) 0 8px,transparent 8px 26px);opacity:.2}.features article{position:relative;z-index:1;text-align:center;padding:10px 32px;border-right:1px solid rgba(255,255,255,.14)}.features article:last-child{border-right:0}.icon{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;border:2px solid var(--orange);border-radius:18px;color:var(--orange);font-size:31px;font-weight:900}.features h2{margin:0 0 12px;font-size:20px}.features p{margin:0;color:var(--muted);line-height:1.55;font-size:15px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px max(22px,7vw);background:#050505;border-top:1px solid rgba(255,255,255,.08);color:#aaa;flex-wrap:wrap}.powered{display:flex;align-items:center;gap:10px;color:#fff}.powered span{color:#aaa}.powered img{width:38px;height:38px;object-fit:cover;border-radius:10px}.powered strong{font-size:18px;letter-spacing:.01em}.footer p{margin:0;color:#858585}
@media (max-width:900px){.features{grid-template-columns:repeat(2,1fr);gap:1px;padding:42px 18px}.features article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:28px 16px}.features article:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:560px){.hero{min-height:76vh;padding:32px 14px 48px}.hero__content{padding:18px 4px}.countdown{gap:8px}.countdown div{padding:13px 6px;border-radius:12px}.notify__row{flex-direction:column;gap:10px}.notify input,.notify button{border-radius:12px;width:100%;min-height:52px}.features{grid-template-columns:1fr}.features article,.features article:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.footer{justify-content:center;text-align:center}.powered{justify-content:center;width:100%}}