:root{
  --black:#050607;
  --black2:#0a0d0f;
  --white:#f7f9fa;
  --muted:#a9b2b8;
  --teal:#18d7ee;
  --teal2:#55ebf7;
  --line:rgba(255,255,255,.12);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,4vw,64px);
  background:rgba(5,6,7,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{
  display:inline-flex;align-items:baseline;
  font-weight:1000;font-style:italic;letter-spacing:-.055em;
  font-size:clamp(24px,3vw,36px);
  line-height:.9;
}
.brand-refuel{color:var(--teal);margin-left:.16em}
.brand sup{font-size:.28em;margin-left:.2em;color:var(--teal)}
nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}
nav a:not(.nav-cta){color:#dbe2e6}
.nav-cta{
  border:1px solid var(--teal);
  color:var(--teal);
  padding:10px 14px;border-radius:999px;
}
.hero{
  min-height:calc(100vh - 74px);
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:52px;align-items:center;
  max-width:var(--max);margin:0 auto;
  padding:clamp(72px,8vw,120px) 24px;
  overflow:hidden;
}
.eyebrow{
  color:var(--teal);font-size:13px;font-weight:900;letter-spacing:.18em;
  margin:0 0 16px;
}
.eyebrow.dark{color:#071013}
.hero h1,.section h2{
  font-size:clamp(48px,7vw,96px);
  line-height:.9;letter-spacing:-.055em;margin:0;font-weight:1000;
}
.hero h1{max-width:760px}
.hero-sub{
  color:var(--teal);font-size:clamp(22px,3vw,34px);
  font-weight:850;margin:22px 0 12px;
}
.hero-body{max-width:600px;color:#c9d0d4;font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 14px}
.button{
  padding:15px 20px;border-radius:8px;
  font-size:13px;letter-spacing:.06em;font-weight:950;
}
.button.primary{background:var(--teal);color:#001014}
.button.secondary{border:1px solid #4b545a;color:#fff}
.microcopy,.retail-note,.form-note{font-size:12px;color:#7f898f}
.hero-visual{position:relative}
.hero-visual .glow{
  position:absolute;inset:15% 10%;
  background:radial-gradient(circle,rgba(24,215,238,.22),transparent 65%);
  filter:blur(30px);
}
.hero-visual img{
  position:relative;z-index:1;
  border-radius:20px;
  box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);
}
.impact-strip{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  max-width:100%;background:#080b0d;
}
.impact-strip div{padding:28px;text-align:center;border-right:1px solid var(--line)}
.impact-strip div:last-child{border-right:0}
.impact-strip strong{display:block;color:var(--teal);letter-spacing:.14em;font-size:12px}
.impact-strip span{font-size:13px;color:#b7c0c5}
.section{padding:clamp(76px,9vw,140px) 24px}
.section-dark{background:#080a0c}
.section-heading,.split,.big-statement,.launch-card,.memorial{
  max-width:var(--max);margin:0 auto;
}
.section-heading{max-width:920px;text-align:center}
.section-heading h2,.split h2,.big-statement h2,.launch h2,.memorial h2{
  font-size:clamp(40px,5.3vw,72px);line-height:.95;letter-spacing:-.045em;
}
.section-heading p:not(.eyebrow),.split-copy p,.big-statement p,.launch-card>p,.memorial p{
  color:#bec7cc;font-size:18px;
}
.steps{
  max-width:var(--max);margin:56px auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.steps article{
  min-height:250px;border:1px solid var(--line);
  border-radius:18px;padding:28px;background:#0c1012;
}
.steps span,.retail-grid span{color:var(--teal);font-weight:900}
.steps h3{font-size:40px;margin:54px 0 8px;letter-spacing:-.03em}
.steps p{color:#9fa9af}
.split{
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
}
.quote-card{
  border:1px solid rgba(24,215,238,.38);
  background:linear-gradient(145deg,rgba(24,215,238,.08),rgba(255,255,255,.025));
  border-radius:24px;padding:42px;
}
.quote-card p{font-size:clamp(32px,4vw,52px);font-weight:950;line-height:1.02;margin:0 0 18px}
.quote-card span{color:var(--muted)}
.section-teal{background:var(--teal);color:#071013}
.big-statement{max-width:1050px}
.big-statement p{color:#173036}
.big-statement h2{color:#071013}
.retail-grid{
  max-width:var(--max);margin:50px auto 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.retail-grid>div{
  border:1px solid var(--line);border-radius:16px;padding:24px;background:#0b0f11;
}
.retail-grid strong{display:block;font-size:20px;margin:26px 0 7px}
.retail-grid p{color:#929da3;font-size:14px}
.retail-note{max-width:var(--max);margin:22px auto 0;text-align:center}
.memorial{
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;
}
.memorial-mark{
  width:94px;height:94px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--teal);color:var(--teal);font-size:34px;
}
.launch{
  background:
    radial-gradient(circle at 50% 0%,rgba(24,215,238,.15),transparent 42%),
    #050607;
}
.launch-card{
  max-width:900px;text-align:center;border:1px solid rgba(24,215,238,.26);
  border-radius:28px;padding:clamp(36px,7vw,74px);
  background:#090d0f;
}
.signup-form{
  display:flex;gap:10px;max-width:650px;margin:30px auto 10px;
}
.signup-form input{
  flex:1;min-width:0;background:#050708;border:1px solid #293138;color:white;
  border-radius:10px;padding:16px 17px;font-size:16px;
}
.signup-form button{
  border:0;background:var(--teal);color:#001014;border-radius:10px;
  padding:16px 20px;font-weight:950;cursor:pointer;
}
footer{
  padding:42px 24px 56px;text-align:center;border-top:1px solid var(--line);
  color:#9da7ad;
}
.footer-brand{margin-bottom:18px}
.legal{font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:900px){
  nav a:not(.nav-cta){display:none}
  .hero{grid-template-columns:1fr;min-height:auto;gap:38px}
  .hero-visual{order:-1}
  .hero h1{font-size:clamp(50px,15vw,82px)}
  .impact-strip{grid-template-columns:repeat(2,1fr)}
  .impact-strip div:nth-child(2){border-right:0}
  .steps,.retail-grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
}
@media (max-width:600px){
  .site-header{padding:16px 18px}
  .brand{font-size:25px}
  nav{gap:8px}
  .nav-cta{padding:9px 12px;font-size:12px}
  .hero{padding:50px 18px 72px}
  .hero-copy{text-align:left}
  .hero-actions{flex-direction:column}
  .button{text-align:center}
  .impact-strip{grid-template-columns:1fr 1fr}
  .impact-strip div{padding:20px 10px}
  .section{padding:76px 18px}
  .steps,.retail-grid{grid-template-columns:1fr}
  .steps article{min-height:210px}
  .steps h3{margin-top:38px}
  .memorial{grid-template-columns:1fr;text-align:center}
  .memorial-mark{margin:0 auto}
  .signup-form{flex-direction:column}
}