:root{
  --ink:#0b0b0c;
  --paper:#f7f6f2;
  --chen-blue:#5b7fbe;
  --boost-blue:#5878b4;
  --sig-green:#5fa35a;
  --sig-yellow:#e8b84b;
  --sig-red:#c94f39;
  --line: rgba(11,11,12,0.12);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
img{display:block; max-width:100%;}

/* ===== NAV ===== */
nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; justify-content:space-between; align-items:center;
  padding:26px 6vw;
}
nav.on-dark{color:#fff; mix-blend-mode:difference;}
nav.on-light{color:var(--ink);}
nav.site-banner{
  background:var(--chen-blue);
  color:#fff;
}
nav.site-banner .nav-mark{color:#fff;}
nav.site-banner .nav-links a{color:rgba(255,255,255,0.85);}
nav.site-banner .nav-links a:hover, nav.site-banner .nav-links a.active{color:#fff;}
.nav-mark{font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:0.08em; font-size:14px; text-decoration:none;}
nav.nav-standalone{
  justify-content:center;
  background:var(--boost-blue);
  padding:18px 6vw;
  position:fixed;
  top:0; left:0; right:0;
  z-index:50;
}
nav.nav-standalone .nav-mark{
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:0.12em;
  cursor:pointer;
}
.nav-links{display:flex; gap:28px; font-size:12px; letter-spacing:0.08em; text-transform:uppercase;}
.nav-links a{text-decoration:none; opacity:0.75; transition:opacity 0.2s ease;}
.nav-links a:hover, .nav-links a.active{opacity:1;}

footer{
  padding:36px 6vw; display:flex; justify-content:space-between; align-items:center;
  font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(11,11,12,0.45);
  border-top:1px solid var(--line);
}

/* ===== HOME ===== */
.home-hero{
  min-height:100svh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  padding:0 6vw;
  background:var(--paper);
}
.home-logo{width:min(60vw, 340px); margin-bottom:40px;}
.home-words{
  max-width:480px;
  font-family:'Inter',sans-serif;
  font-size:clamp(16px,2vw,18px);
  line-height:1.7;
  color:rgba(11,11,12,0.7);
}
.home-sub{
  margin-top:14px;
  font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--chen-blue); font-weight:600;
}
.home-links{
  margin-top:44px; display:flex; gap:30px;
  font-size:12px; letter-spacing:0.1em; text-transform:uppercase;
}
.home-links a{text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:4px; transition:border-color 0.2s ease;}
.home-links a:hover{border-color:var(--ink);}

/* ===== ABOUT ===== */
.about-hero{
  padding:180px 6vw 80px;
  border-bottom:1px solid var(--line);
}
.eyebrow{
  font-size:13px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--chen-blue); margin-bottom:18px; font-weight:600;
}
h1.wordmark{
  font-family:'Oswald',sans-serif; font-weight:700;
  font-size:clamp(40px, 7vw, 84px);
  line-height:0.98; letter-spacing:-0.01em; text-transform:uppercase;
  max-width:900px;
}
.about-photo{
  width:100%; overflow:hidden; max-height:82vh;
}
.about-photo img{width:100%; height:100%; object-fit:cover; object-position:center 55%;}

.about-body{
  padding:80px 6vw 140px;
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px;
}
.about-body p{font-size:17px; line-height:1.8; color:rgba(11,11,12,0.75); margin-bottom:20px;}
.fund-photo{border-radius:4px; overflow:hidden;}
.fund-photo img{width:100%; display:block;}
.stat-row{display:flex; gap:44px; margin-top:10px; flex-wrap:wrap;}
.stat b{font-family:'Oswald',sans-serif; font-size:32px; display:block; color:var(--chen-blue);}
.stat span{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(11,11,12,0.55);}
.pull-label{font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(11,11,12,0.45); margin-bottom:16px;}

/* ===== EBOOST ===== */
.eboost-hero{
  padding:170px 6vw 60px;
  text-align:center;
}
nav.nav-standalone + .eboost-hero{
  padding-top:120px;
}
.eboost-logo-wrap{display:flex; justify-content:center; margin-bottom:30px;}
.eboost-logo-wrap img{width:min(50vw, 260px);}
.eboost-hero h1{
  font-family:'Poppins',sans-serif; font-weight:700;
  font-size:clamp(28px,3.6vw,44px); color:var(--boost-blue);
}
.eboost-hero .tagline{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:19px;
  color:var(--ink); margin-top:12px;
}
.eboost-hero .tagline .accent{color:var(--boost-blue);}
.pain-hook{
  max-width:620px; margin:28px auto 0; text-align:center;
}
.pain-hook h3{
  font-family:'Poppins',sans-serif; font-weight:700; font-size:20px;
  color:var(--ink); margin-bottom:10px;
}
.pain-hook p{
  font-size:15px; line-height:1.7; color:rgba(11,11,12,0.65);
}
.ready-line{
  max-width:640px; margin:24px auto 0; text-align:center;
  font-size:15px; line-height:1.7; color:rgba(11,11,12,0.7);
  font-weight:500;
}

.eboost-body{padding:20px 6vw 140px;}
.card-mock{
  max-width:900px; margin:70px auto 0;
  display:grid; grid-template-columns: 1fr 1fr; gap:70px; align-items:center;
}
.nfc-card-photo{
  border-radius:18px; overflow:hidden;
  box-shadow: 0 30px 60px -20px rgba(88,120,180,0.35);
  aspect-ratio: 1.586/1;
}
.nfc-card-photo img{
  width:100%; height:100%; object-fit:cover; object-position:68% 40%;
}

.eboost-copy p{font-size:16px; line-height:1.75; color:rgba(11,11,12,0.7);}
.eboost-copy ul{margin-top:22px; display:flex; flex-direction:column; gap:14px;}
.eboost-copy li{font-size:15px; display:flex; gap:12px; align-items:flex-start; line-height:1.5;}
.dot{width:8px; height:8px; border-radius:50%; margin-top:7px; flex-shrink:0;}
.dot.g{background:var(--sig-green);} .dot.y{background:var(--sig-yellow);} .dot.r{background:var(--sig-red);}

.order-row{
  max-width:340px; margin:60px auto 0; text-align:left;
}
.order-row label{
  font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:rgba(11,11,12,0.5);
  display:block; margin-bottom:10px;
}
.order-row select{
  width:100%; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px;
  padding:14px 18px; border-radius:10px; border:1px solid var(--line);
  background:#fff; color:var(--ink); appearance:none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1L7 7L13 1' stroke='%235878b4' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat; background-position: right 18px center;
  cursor:pointer;
}
.order-row select:focus{outline:2px solid var(--boost-blue); outline-offset:2px;}
.pay-toggle{
  max-width:340px; margin:22px auto 0;
  display:flex; border:1px solid var(--line); border-radius:10px; overflow:hidden;
}
.pay-toggle button{
  flex:1; padding:12px 10px; border:none; background:#fff; cursor:pointer;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:13px; color:rgba(11,11,12,0.55);
  transition:background 0.2s ease, color 0.2s ease;
}
.pay-toggle button.active{background:var(--boost-blue); color:#fff;}
.pay-note{
  max-width:340px; margin:14px auto 0; font-size:13px; line-height:1.6; color:rgba(11,11,12,0.6); text-align:center;
}
.price-breakdown{
  max-width:340px; margin:18px auto 0;
  border:1px solid var(--line); border-radius:12px; padding:16px 20px;
}
.price-breakdown .row{
  display:flex; justify-content:space-between; font-size:14px; padding:6px 0;
  color:rgba(11,11,12,0.65);
}
.price-breakdown .row.total{
  border-top:1px solid var(--line); margin-top:6px; padding-top:12px;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--ink);
}
.checkout-panel{
  max-width:340px; margin:24px auto 0; text-align:left;
}
.checkout-panel input, .checkout-panel textarea{
  width:100%; font-family:'Inter',sans-serif; font-size:14px;
  padding:12px 14px; border-radius:8px; border:1px solid var(--line);
  margin-bottom:12px; background:#fff; color:var(--ink);
}
.checkout-panel label{
  font-size:12px; letter-spacing:0.05em; text-transform:uppercase; color:rgba(11,11,12,0.5);
  display:block; margin-bottom:6px;
}
.field-row{
  display:grid; grid-template-columns:1fr 1fr; gap:12px;
}
.field-row .field-full{grid-column:1 / -1;}
.checkout-panel select{
  width:100%; font-family:'Inter',sans-serif; font-size:14px;
  padding:12px 14px; border-radius:8px; border:1px solid var(--line);
  margin-bottom:12px; background:#fff; color:var(--ink); appearance:none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1L7 7L13 1' stroke='%235878b4' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat; background-position: right 14px center;
  cursor:pointer;
}
.ship-note{
  font-size:12px; color:rgba(11,11,12,0.5); margin:-4px 0 14px;
}
.confirm-box{
  max-width:340px; margin:24px auto 0; padding:24px;
  background:#f4f6fb; border-radius:12px; text-align:left;
}
.confirm-box h3{font-family:'Poppins',sans-serif; font-weight:700; font-size:17px; color:var(--ink); margin-bottom:10px;}
.confirm-box p{font-size:14px; line-height:1.7; color:rgba(11,11,12,0.75); margin-bottom:12px;}
.confirm-box .order-num{
  font-family:'Poppins',sans-serif; font-weight:700; color:var(--boost-blue);
}
.cta-row{display:flex; justify-content:center; margin-top:16px;}
.back-link{
  display:block; text-align:center; margin-top:16px; font-size:13px; color:rgba(11,11,12,0.5);
  text-decoration:underline; cursor:pointer; background:none; border:none;
}
.cta{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:15px;
  background:var(--boost-blue); color:#fff; text-decoration:none;
  padding:16px 34px; border-radius:40px;
  display:inline-flex; align-items:center; gap:10px;
  transition:transform 0.2s ease;
  box-shadow: 0 16px 32px -14px rgba(88,120,180,0.6);
}
.cta:hover{transform:translateY(-2px);}

@media (max-width: 760px){
  .about-body{grid-template-columns:1fr;}
  .card-mock{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }