:root{
  --black:#050505;
  --graphite:#111318;
  --charcoal:#1C1F26;
  --silver:#C8CDD2;
  --white:#F4F4F2;
  --gray:#A7ADB5;
  --blue:#8FD8FF;
  --muted:#727985;
  --danger:#d7d7d7;
  --radius:22px;
  --shadow: 0 24px 80px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 70% 0%, rgba(143,216,255,.16), transparent 32%), linear-gradient(180deg,#050505 0%,#0a0b0d 45%,#050505 100%);
  color:var(--white);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin:0 auto}
.nav{
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(18px);
  background:rgba(5,5,5,.78);
  border-bottom:1px solid rgba(200,205,210,.12);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:210px;max-width:56vw;height:auto}
.nav-links{display:flex;gap:22px;align-items:center;font-size:14px;color:var(--gray)}
.nav-links a:hover{color:var(--white)}
.nav-cta{border:1px solid rgba(143,216,255,.45);padding:10px 16px;border-radius:999px;color:var(--white);box-shadow:0 0 24px rgba(143,216,255,.08)}
.mobile-toggle{display:none;background:transparent;border:1px solid rgba(200,205,210,.2);color:var(--white);border-radius:10px;padding:9px 12px}
.hero{padding:94px 0 68px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:2.8px;font-size:12px;font-weight:700;margin-bottom:18px}
h1{font-size:clamp(44px,7vw,86px);line-height:.95;margin:0 0 24px;letter-spacing:-2.6px}
h2{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:0 0 18px;letter-spacing:-1.4px}
h3{font-size:22px;margin:0 0 8px}.lead{font-size:20px;color:#d6d9dc;max-width:650px}.muted{color:var(--gray)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 21px;font-weight:750;border:1px solid rgba(200,205,210,.24);cursor:pointer;transition:.2s ease;background:transparent;color:var(--white)}.btn:hover{transform:translateY(-1px);border-color:rgba(143,216,255,.7)}.btn-primary{background:linear-gradient(135deg,#f7f8fa,#aeb6bf);color:#050505;border:none}.btn-blue{background:linear-gradient(135deg,#8FD8FF,#d7f1ff);color:#050505;border:none}.btn-dark{background:#0a0b0d;color:var(--white)}.fine{font-size:12px;color:var(--muted)}
.vial-visual{min-height:520px;border:1px solid rgba(200,205,210,.14);border-radius:36px;background:radial-gradient(circle at 50% 20%,rgba(143,216,255,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:var(--shadow);position:relative;overflow:hidden}.vial{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:390px;border-radius:58px 58px 32px 32px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.02),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 30px rgba(255,255,255,.06),0 30px 80px rgba(0,0,0,.72)}.cap{position:absolute;top:-35px;left:35px;width:100px;height:54px;background:linear-gradient(180deg,#d4d8dc,#888f98);border-radius:14px 14px 8px 8px}.label{position:absolute;left:16px;right:16px;top:150px;height:126px;background:linear-gradient(180deg,#060606,#14171d);border:1px solid rgba(200,205,210,.42);border-radius:12px;padding:16px 12px;text-align:center}.label .brand{letter-spacing:3px;font-weight:800;font-size:16px}.label .sub{font-size:9px;letter-spacing:2px;color:var(--gray);margin-bottom:16px}.label .material{font-size:13px;color:var(--silver);letter-spacing:1.5px}.reflection{position:absolute;bottom:54px;left:22%;right:22%;height:38px;background:radial-gradient(ellipse,rgba(143,216,255,.22),transparent 68%);filter:blur(6px)}
.trustbar{border-top:1px solid rgba(200,205,210,.11);border-bottom:1px solid rgba(200,205,210,.11);background:rgba(17,19,24,.55)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px 0}.trust-item{padding:14px}.trust-item strong{display:block;color:var(--white);margin-bottom:4px}.trust-item span{color:var(--gray);font-size:14px}
section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{max-width:560px;color:var(--gray)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid rgba(200,205,210,.13);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:24px;box-shadow:0 16px 60px rgba(0,0,0,.22)}.card:hover{border-color:rgba(143,216,255,.34)}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.badge{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#dfe8ee;border:1px solid rgba(200,205,210,.2);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.035)}.badge.blue{border-color:rgba(143,216,255,.36);color:#d7f1ff}.product-img{height:215px;border-radius:18px;background:radial-gradient(circle at center,rgba(143,216,255,.14),transparent 45%),linear-gradient(145deg,#0c0e12,#171a21);display:grid;place-items:center;margin-bottom:18px;position:relative;overflow:hidden}.mini-vial{width:58px;height:152px;border-radius:22px 22px 14px 14px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.03),rgba(255,255,255,.15));border:1px solid rgba(255,255,255,.16);position:relative}.mini-vial:before{content:"";position:absolute;top:-19px;left:14px;width:30px;height:27px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#cdd2d7,#7e8791)}.mini-vial:after{content:"ECHELON";position:absolute;left:7px;right:7px;top:61px;height:44px;border:1px solid rgba(200,205,210,.35);font-size:6px;display:grid;place-items:center;letter-spacing:1px;color:var(--silver);background:#070707;border-radius:4px}.price{font-size:27px;font-weight:850;margin:10px 0 16px}.price small{font-size:13px;color:var(--gray);font-weight:500}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{border:1px solid rgba(200,205,210,.13);border-radius:28px;background:rgba(17,19,24,.68);padding:30px}.darkband{background:linear-gradient(180deg,rgba(17,19,24,.7),rgba(5,5,5,.5));border-top:1px solid rgba(200,205,210,.1);border-bottom:1px solid rgba(200,205,210,.1)}
.footer{padding:48px 0;border-top:1px solid rgba(200,205,210,.12);color:var(--gray);background:#050505}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}.footer a{display:block;margin:8px 0;color:var(--gray)}.footer a:hover{color:var(--white)}
.popup{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.62);padding:18px}.popup.show{display:flex}.popup-box{width:min(520px,94vw);border:1px solid rgba(143,216,255,.28);border-radius:28px;background:radial-gradient(circle at top right,rgba(143,216,255,.15),transparent 35%),#08090b;box-shadow:var(--shadow);padding:30px;position:relative}.popup-close{position:absolute;right:17px;top:15px;background:none;border:none;color:var(--gray);font-size:26px;cursor:pointer}.field{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(200,205,210,.18);background:#0d0f14;color:var(--white);margin:10px 0}.field:focus{outline:none;border-color:rgba(143,216,255,.65)}
.product-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:start}.product-purchase{position:sticky;top:100px}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 26px}.opt{border:1px solid rgba(200,205,210,.18);background:#0b0d11;color:var(--white);border-radius:16px;padding:14px;text-align:center;cursor:pointer}.opt.active,.qty-card.active{border-color:rgba(143,216,255,.82);box-shadow:0 0 0 1px rgba(143,216,255,.2),0 0 22px rgba(143,216,255,.09)}.qty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0 22px}.qty-card{border:1px solid rgba(200,205,210,.15);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:18px;cursor:pointer}.qty-card strong{display:block;font-size:20px}.qty-card span{display:block;color:var(--gray);font-size:13px}.total-box{border:1px solid rgba(143,216,255,.22);border-radius:18px;padding:18px;background:rgba(143,216,255,.055);margin:14px 0}.total{font-size:34px;font-weight:900}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--gray);font-size:13px;font-weight:650}.table td{padding:14px;background:rgba(255,255,255,.035);border-top:1px solid rgba(200,205,210,.08);border-bottom:1px solid rgba(200,205,210,.08)}.table td:first-child{border-left:1px solid rgba(200,205,210,.08);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid rgba(200,205,210,.08);border-radius:0 14px 14px 0}.faq-item{border-bottom:1px solid rgba(200,205,210,.1);padding:20px 0}.faq-item h3{font-size:19px}.notice{border:1px solid rgba(200,205,210,.14);border-radius:20px;background:rgba(255,255,255,.035);padding:18px;color:#d0d3d7}.legal-list li{margin-bottom:12px;color:#d1d5d9}.toast{position:fixed;right:18px;bottom:18px;z-index:60;background:#0b0d11;border:1px solid rgba(143,216,255,.35);border-radius:16px;padding:15px 18px;color:var(--white);display:none;box-shadow:var(--shadow)}.toast.show{display:block}.cart-summary{position:fixed;right:18px;top:86px;width:min(420px,92vw);z-index:40;border:1px solid rgba(143,216,255,.25);border-radius:22px;background:#08090b;box-shadow:var(--shadow);padding:20px;display:none}.cart-summary.show{display:block}.cart-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(200,205,210,.1);padding:12px 0}.checkbox{display:flex;gap:10px;align-items:start;margin:10px 0;color:#d1d5d9}.checkbox input{margin-top:5px}.mini-logo{width:190px;margin-bottom:14px}
@media(max-width:900px){.nav-links{display:none}.mobile-toggle{display:block}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:68px;background:#070707;border-bottom:1px solid rgba(200,205,210,.12);flex-direction:column;padding:20px}.hero-grid,.product-layout,.split{grid-template-columns:1fr}.vial-visual{min-height:420px}.trust-grid,.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.product-purchase{position:static}.option-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){h1{font-size:42px}.trust-grid,.cards,.footer-grid,.qty-grid{grid-template-columns:1fr}.section-head{display:block}.hero{padding-top:60px}.logo img{width:180px}}

.btn.disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.35)}
.link-button{background:none;border:0;color:var(--blue);font-size:12px;cursor:pointer;padding:6px 0}
.link-button:hover{text-decoration:underline}
.summary-box{border:1px solid rgba(143,216,255,.22);border-radius:22px;background:rgba(143,216,255,.045);padding:22px;margin-top:16px}
.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(200,205,210,.1);padding:12px 0}.summary-row:last-child{border-bottom:0}.summary-row.total-row{font-size:22px;font-weight:850;color:var(--white)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}}

.product-photo-frame{min-height:520px;border:1px solid rgba(200,205,210,.14);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;place-items:center;padding:22px}.product-photo-frame img{width:100%;height:100%;object-fit:cover;border-radius:28px;display:block}.product-card-img{height:245px;border-radius:18px;background:#08090b;display:grid;place-items:center;margin-bottom:18px;position:relative;overflow:hidden;border:1px solid rgba(200,205,210,.10)}.product-card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}.margin-pill{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#d7f1ff;border:1px solid rgba(143,216,255,.36);border-radius:999px;padding:6px 9px;background:rgba(143,216,255,.055);display:inline-block;margin-top:8px}
@media(max-width:900px){.product-photo-frame{min-height:420px}}
