:root{
  --ink:#0b0d10;
  --white:#ffffff;
  --offwhite:#f6f8fa;
  --blue:#2f6fb3;
  --blue-dark:#1f527f;
  --blue-light:#6fa8d8;
  --blue-deep:#173250;
  --muted:#69707d;
  --line:#e6e9ee;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
.display{font-family:'Anton',sans-serif;letter-spacing:0.5px;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px;}

/* ticker */
.ticker{
  background:var(--blue-light);color:var(--white);
  font-size:12px;font-weight:700;letter-spacing:1.5px;text-align:center;
  padding:9px 12px;text-transform:uppercase;
}

/* nav */
header.nav{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line);}
.nav-inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.logo-main{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:0.5px;color:var(--ink);}
.logo-sub{font-family:'Inter',sans-serif;font-weight:700;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue);}
.footer-brand .logo-main{color:var(--white);}
.footer-brand .logo-sub{color:var(--blue-light);}
nav.links{display:flex;gap:28px;}
nav.links a{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;color:var(--ink);transition:color .15s ease;padding:4px 0;}
nav.links a:hover, nav.links a.active{color:var(--blue);}
.nav-cta{
  background:var(--blue);color:var(--white);
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;
  padding:11px 20px;border-radius:2px;display:flex;align-items:center;gap:8px;white-space:nowrap;
}
.nav-cta:hover{background:var(--blue-dark);}
.burger{display:none;background:none;border:0;cursor:pointer;padding:6px;}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;}

/* hero (page-level, chevron bottom) */
.hero{
  position:relative;background:var(--ink);color:var(--white);overflow:hidden;
  padding:90px 24px 130px;text-align:center;
  clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%);
}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;}
.hero-content{position:relative;z-index:2;max-width:760px;margin:0 auto;}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue-light);margin-bottom:18px;}
.hero h1{font-size:clamp(40px,9vw,80px);line-height:0.98;text-transform:uppercase;}
.hero .sub1{margin-top:22px;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#cdd7e2;}
.hero .sub2{font-family:'Anton',sans-serif;font-size:clamp(20px,3.2vw,30px);text-transform:uppercase;margin-top:6px;line-height:1.2;}
.hero p.desc{max-width:520px;margin:22px auto 0;font-size:14px;color:#a9b4c0;line-height:1.6;}
.hero-ctas{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;
  padding:15px 26px;border-radius:2px;border:1.5px solid transparent;
  transition:transform .15s ease, background .15s ease, color .15s ease;
  cursor:pointer;
}
.btn:hover{transform:translateY(-2px);}
.btn-outline{border-color:var(--white);color:var(--white);}
.btn-outline:hover{background:var(--white);color:var(--ink);}
.btn-outline.dark{border-color:var(--ink);color:var(--ink);}
.btn-outline.dark:hover{background:var(--ink);color:var(--white);}
.btn-solid{background:var(--blue);color:var(--white);}
.btn-solid:hover{background:var(--blue-dark);}
.btn-wa{background:#25D366;color:#0b0d10;}
.btn-wa:hover{background:#1ebe5a;}

/* stats */
.stats{padding:70px 24px 30px;text-align:center;}
.stats .eyebrow{color:var(--blue);}
.stats h2{font-size:clamp(24px,4vw,34px);text-transform:uppercase;margin-top:8px;}
.stats-grid{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin-left:auto;margin-right:auto;}
.stat{padding:0 20px;border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .num{font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,38px);color:var(--ink);}
.stat .label{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}

/* headline band */
.headline-band{padding:70px 24px 60px;text-align:center;}
.headline-band .eyebrow{color:var(--blue);}
.headline-band h2{font-size:clamp(26px,4.5vw,40px);text-transform:uppercase;max-width:780px;margin:10px auto 0;line-height:1.15;}
.headline-band p{max-width:600px;margin:16px auto 0;color:var(--muted);font-size:15px;line-height:1.6;}

/* paths (index page cards) */
.paths{background:var(--offwhite);padding:20px 24px 96px;}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto;}
.path-card{background:var(--white);border:1px solid var(--line);padding:38px 32px;display:flex;flex-direction:column;}
.path-card .tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:14px;}
.path-card h3{font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase;line-height:1.15;margin-bottom:14px;}
.path-card p.desc{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px;}
.path-card ul{margin-bottom:28px;}
.path-card li{font-size:13.5px;color:var(--ink);padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;}
.path-card li:first-child{border-top:none;}
.path-card li::before{content:"—";color:var(--blue);flex-shrink:0;}
.path-card .btn{justify-content:center;margin-top:auto;}
.path-card.dark{background:var(--ink);color:var(--white);border-color:var(--ink);}
.path-card.dark p.desc{color:#aab4c0;}
.path-card.dark li{color:var(--white);border-top-color:#242a31;}

/* feature grid (used on wholesale / dropshipping pages) */
.features{padding:20px 24px 90px;}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1180px;margin:0 auto;background:var(--line);}
.feature{background:var(--white);padding:34px 26px;}
.feature .num{font-family:'Anton',sans-serif;font-size:14px;color:var(--blue);margin-bottom:14px;}
.feature h4{font-size:15px;text-transform:uppercase;letter-spacing:0.4px;margin-bottom:10px;}
.feature p{font-size:13.5px;color:var(--muted);line-height:1.6;}

/* process / steps (sequence — numbering is meaningful here) */
.process{background:var(--blue-deep);color:var(--white);padding:80px 24px 90px;}
.process .headline-band{padding-top:0;}
.process .eyebrow{color:var(--blue-light);}
.process p.lead{color:#cdd7e2;}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1180px;margin:54px auto 0;}
.step{position:relative;padding-top:8px;}
.step .step-num{font-family:'Anton',sans-serif;font-size:44px;color:rgba(255,255,255,.25);line-height:1;}
.step h4{margin-top:10px;font-size:15px;text-transform:uppercase;letter-spacing:0.4px;}
.step p{margin-top:10px;font-size:13.5px;color:#b7c2cf;line-height:1.6;}

/* cta band */
.cta-band{background:var(--blue);color:var(--white);padding:56px 24px;text-align:center;}
.cta-band h3{font-family:'Anton',sans-serif;font-size:clamp(22px,3.4vw,32px);text-transform:uppercase;}
.cta-band p{margin-top:10px;color:#dbe8f4;font-size:14px;}
.cta-band .btn{margin-top:24px;}

/* faq */
.faq{padding:90px 24px;max-width:820px;margin:0 auto;}
.faq details{border-bottom:1px solid var(--line);padding:20px 0;}
.faq summary{
  cursor:pointer;list-style:none;font-weight:700;font-size:15px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:'Anton',sans-serif;font-size:20px;color:var(--blue);flex-shrink:0;}
.faq details[open] summary::after{content:"–";}
.faq p{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.7;}

/* trust / about (index) */
.trust{background:var(--blue-deep);color:var(--white);padding:80px 24px 90px;}
.trust-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;}
.trust-img{background:linear-gradient(160deg,#0b0d10,#1c3f63);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);}
.trust-img .vial{background:var(--white);color:var(--ink);padding:10px 18px;font-family:'Anton',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;}
.trust-text .eyebrow{color:var(--blue-light);}
.trust-text h2{font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,38px);text-transform:uppercase;line-height:1.15;margin-top:10px;}
.trust-text p{margin-top:18px;color:#cdd7e2;font-size:14.5px;line-height:1.7;max-width:480px;}
.trust-text .btn{margin-top:26px;}

/* footer */
footer{background:var(--ink);color:#8b93a0;padding:56px 24px 30px;}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;}
.footer-brand .logo{color:var(--white);}
.footer-brand p{margin-top:12px;font-size:13px;max-width:280px;line-height:1.6;}
.footer-cta{text-align:right;}
.footer-cta p{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:#8b93a0;}
.footer-bottom{max-width:1180px;margin:40px auto 0;padding-top:22px;border-top:1px solid #1c2128;font-size:12px;text-align:center;color:#5b6270;}
.disclaimer{max-width:760px;margin:14px auto 0;font-size:11px;line-height:1.6;color:#5b6270;text-align:center;}

/* floating whatsapp */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:60;
  background:#25D366;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.wa-float svg{width:28px;height:28px;}

@media(max-width:860px){
  nav.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:16px 24px;border-bottom:1px solid var(--line);gap:16px;}
  nav.links.open{display:flex;}
  .burger{display:block;}
  .path-grid{grid-template-columns:1fr;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .step-grid{grid-template-columns:1fr 1fr;}
  .trust-inner{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);row-gap:28px;}
  .stat:nth-child(2n){border-right:none;}
  .footer-inner{flex-direction:column;}
  .footer-cta{text-align:left;}
}
@media(max-width:520px){
  .feature-grid{grid-template-columns:1fr;}
  .step-grid{grid-template-columns:1fr;}
}