/* ===================================================================
   NEXBURN — nexsburn.com
   Layout concept: an instrument panel. A sticky "quick facts" card
   parked on the left while the argument scrolls past it on the right.

   Structure unique to this build:
     · sticky quick-facts card (not a nav rail — an actual data card)
     · 24-hour dosing arc signature with two marked dose points
     · disclosure ledger: what the label states vs what it withholds
     · caffeine + licorice interaction panel (formula-specific)
     · ingredient groups as collapsible <details> clusters
     · comparison strip: liquid drops vs capsules

   Palette: slate #0d1117 | panel #151b24 | blue #2f6fed | ice #e8edf5
   Display: 'Archivo'   Body: 'IBM Plex Sans'
   NOTE: grids use minmax(0,1fr); flex children min-width:0;
         images capped with min(NNNpx,100%); hero mobile order H1->img->rest.
=================================================================== */

:root{
  --slate:#0d1117;
  --panel:#151b24;
  --panel-2:#1c232e;
  --blue:#2f6fed;
  --blue-soft:#6f9bf5;
  --ice:#e8edf5;
  --dim:#8b97a8;
  --edge:#232b37;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'IBM Plex Sans',sans-serif;
  color:var(--ice);
  background:var(--slate);
  margin:0;font-size:17px;line-height:1.72;
}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.02em;}
.nx-tag{text-transform:uppercase;letter-spacing:2.6px;font-weight:600;font-size:.7rem;color:var(--blue-soft);}
a{color:inherit;}
main a:not(.nx-btn):not(.nx-btn2){color:var(--blue-soft);text-decoration:underline;text-underline-offset:3px;}
main a:not(.nx-btn):not(.nx-btn2):hover{color:#fff;}
img{max-width:100%;height:auto;display:block;}
.nx-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.nx-narrow{max-width:800px;}

/* buttons */
.nx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:#fff;font-weight:600;font-size:1rem;padding:14px 28px;border-radius:6px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s;}
.nx-btn:hover{background:#4a83f2;color:#fff;transform:translateY(-2px);}
.nx-btn2{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid var(--edge);color:var(--ice);font-weight:600;font-size:.94rem;padding:12px 24px;border-radius:6px;text-decoration:none;transition:all .15s;}
.nx-btn2:hover{border-color:var(--blue);color:var(--blue-soft);}

/* strip + nav */
.nx-strip{background:#080b0f;color:#6f7c8e;font-size:.71rem;text-align:center;padding:8px 16px;line-height:1.5;}
.nx-nav{position:sticky;top:0;z-index:1000;background:rgba(13,17,23,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge);padding:12px 0;}
.nx-nav .nx-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nx-brand{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.3rem;color:#fff;display:flex;align-items:center;gap:9px;text-decoration:none;}
.nx-brand i{width:10px;height:10px;background:var(--blue);border-radius:2px;transform:rotate(45deg);display:block;}
.nx-links{display:flex;gap:20px;list-style:none;margin:0;padding:0;align-items:center;}
.nx-links a{color:var(--ice);font-weight:500;font-size:.9rem;opacity:.82;text-decoration:none;}
.nx-links a:hover{opacity:1;color:var(--blue-soft);}
.nx-burger{display:none;background:none;border:none;color:var(--ice);font-size:1.65rem;cursor:pointer;}
@media(max-width:980px){
  .nx-links{position:absolute;top:100%;left:0;right:0;background:var(--slate);flex-direction:column;gap:0;border-top:1px solid var(--edge);display:none;}
  .nx-links.open{display:flex;}
  .nx-links li{width:100%;border-bottom:1px solid var(--edge);}
  .nx-links a{display:block;padding:14px 24px;}
  .nx-cta-nav{display:none;}
  .nx-burger{display:block;}
}

/* hero — split card: copy panel + product panel */
.nx-hero{padding:34px 0 0;background:linear-gradient(180deg,#111823 0%,var(--slate) 100%);border-bottom:1px solid var(--edge);}
.nx-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:stretch;background:var(--panel);border:1px solid var(--edge);
  border-radius:16px;overflow:hidden;
}
@media(max-width:980px){.nx-hero-grid{display:flex;flex-direction:column;}}
.nx-hero-copy{padding:34px 34px;min-width:0;display:flex;flex-direction:column;justify-content:center;}
@media(max-width:560px){.nx-hero-copy{padding:26px 20px;}}
.nx-hero h1{font-size:2.4rem;margin:12px 0 15px;}
@media(max-width:560px){.nx-hero h1{font-size:1.95rem;}}
.nx-hero h1 em{font-style:normal;color:var(--blue-soft);}
.nx-hero-media{
  min-width:0;display:flex;align-items:center;justify-content:center;padding:30px 24px;
  background:radial-gradient(ellipse at 50% 35%, #24406e 0%, #1a2740 55%, #141c2b 100%);
  border-left:1px solid var(--edge);
}
@media(max-width:980px){.nx-hero-media{border-left:none;border-top:1px solid var(--edge);padding:26px 20px;}}
.nx-hero-media img{max-width:min(360px,100%);margin:0 auto;filter:drop-shadow(0 20px 34px rgba(0,0,0,.55));}
.nx-hero-top,.nx-hero-rest{min-width:0;}
@media(max-width:980px){
  .nx-hero-copy{display:contents;}
  .nx-hero-top{order:1;padding:26px 22px 0;}
  .nx-hero-media{order:2;}
  .nx-hero-rest{order:3;padding:22px 22px 28px;}
}
.nx-lede{color:var(--dim);font-size:1.04rem;max-width:560px;}
.nx-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px;}
.nx-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;}
.nx-pill{border:1px solid var(--edge);border-radius:4px;padding:4px 11px;font-size:.75rem;font-weight:500;color:var(--dim);}

/* dosing arc */
.nx-arc{padding:30px 0 26px;}
.nx-arc svg{width:100%;max-width:460px;height:120px;margin:0 auto;display:block;}
.nx-arc-path{fill:none;stroke:var(--edge);stroke-width:3;}
.nx-arc-live{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;}
.nx-arc-dot{fill:var(--blue);}
.nx-arc-txt{fill:var(--dim);font-size:10px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;letter-spacing:1px;}
.nx-arc-cap{text-align:center;color:var(--dim);font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;}

/* body: sticky facts card + content */
.nx-body{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:44px;align-items:start;padding:52px 0;}
@media(max-width:1040px){.nx-body{grid-template-columns:1fr;gap:26px;}}
.nx-facts{position:sticky;top:90px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:20px 20px;}
@media(max-width:1040px){.nx-facts{position:static;}}
.nx-facts h3{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--blue-soft);margin:0 0 14px;}
.nx-facts dl{margin:0;}
.nx-facts dt{font-size:.68rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--dim);font-weight:600;margin-top:12px;}
.nx-facts dt:first-of-type{margin-top:0;}
.nx-facts dd{margin:2px 0 0;font-size:.92rem;color:var(--ice);}
.nx-facts .nx-btn{width:100%;margin-top:18px;}

.nx-main{min-width:0;}
.nx-blk{padding:0 0 46px;}
.nx-blk h2{font-size:1.75rem;margin:8px 0 13px;}
.nx-blk p{color:var(--dim);}
.nx-blk p strong{color:var(--ice);}

/* answer box */
.nx-ans{background:var(--panel);border:1px solid var(--edge);border-left:4px solid var(--blue);border-radius:8px;padding:18px 20px;margin-bottom:18px;}
.nx-ans .l{display:block;font-size:.66rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--blue-soft);margin-bottom:7px;}
.nx-ans p{margin:0;color:var(--ice);font-size:1rem;}
.nx-ans p+p{margin-top:8px;color:var(--dim);font-size:.94rem;}

/* quality chips */
.nx-marks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
@media(max-width:700px){.nx-marks{grid-template-columns:repeat(2,minmax(0,1fr));}}
.nx-mark{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:15px 10px;text-align:center;}
.nx-mark img{max-width:min(100px,100%);margin:0 auto 8px;border-radius:4px;}
.nx-mark p{margin:0;font-size:.8rem;font-weight:600;color:var(--ice);}

/* wide image */
.nx-wide img{width:100%;border-radius:10px;border:1px solid var(--edge);}

/* ledger */
.nx-ledger{background:var(--panel);border:1px solid var(--edge);border-radius:10px;overflow:hidden;}
.nx-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px;padding:13px 18px;border-bottom:1px solid var(--edge);align-items:center;}
.nx-ledger-row:last-child{border-bottom:none;}
.nx-ledger-row span{font-size:.93rem;min-width:0;color:var(--ice);}
.nx-ledger-row b{justify-self:end;font-size:.69rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 11px;border-radius:4px;white-space:nowrap;}
.nx-y{background:rgba(47,111,237,.15);color:var(--blue-soft);border:1px solid rgba(47,111,237,.35);}
.nx-n{background:rgba(255,138,90,.12);color:#ff9d6e;border:1px solid rgba(255,138,90,.3);}
@media(max-width:540px){.nx-ledger-row{grid-template-columns:1fr;gap:6px;} .nx-ledger-row b{justify-self:start;}}

/* details clusters */
.nx-group{border:1px solid var(--edge);border-radius:8px;background:var(--panel);margin-bottom:12px;overflow:hidden;}
.nx-group summary{cursor:pointer;list-style:none;padding:15px 44px 15px 18px;position:relative;font-family:'Archivo',sans-serif;font-weight:600;font-size:1rem;color:#fff;}
.nx-group summary::-webkit-details-marker{display:none;}
.nx-group summary::after{content:'+';position:absolute;right:16px;top:12px;font-size:1.35rem;color:var(--blue-soft);transition:transform .2s;}
.nx-group[open] summary::after{transform:rotate(45deg);}
.nx-group .nx-gbody{padding:0 18px 16px;}
.nx-group .nx-gbody p{margin:0 0 10px;color:var(--dim);font-size:.92rem;}
.nx-group .nx-gbody p:last-child{margin-bottom:0;}
.nx-group .nx-gbody b{color:var(--ice);}

/* comparison strip */
.nx-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media(max-width:680px){.nx-cmp{grid-template-columns:1fr;}}
.nx-cmp div{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:18px 20px;}
.nx-cmp h4{font-size:.98rem;margin:0 0 8px;}
.nx-cmp ul{margin:0;padding-left:18px;color:var(--dim);font-size:.9rem;}
.nx-cmp li{margin-bottom:5px;}
.nx-cmp .on{border-color:rgba(47,111,237,.5);}

/* alert */
.nx-alert{background:#231a12;border:1px solid #5c4525;border-radius:10px;padding:22px 24px;}
.nx-alert h3{color:#ffb572;font-size:1rem;margin:0 0 10px;}
.nx-alert p{color:#dcc7ae;margin:0 0 10px;font-size:.92rem;}
.nx-alert ul{margin:0;padding-left:19px;color:#dcc7ae;font-size:.92rem;}
.nx-alert li{margin-bottom:6px;}

/* pricing */
.nx-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media(max-width:900px){.nx-prices{grid-template-columns:1fr;max-width:370px;margin:0 auto;}}
.nx-price{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:22px 18px;text-align:center;position:relative;display:flex;flex-direction:column;}
.nx-price.best{border-color:var(--blue);}
.nx-flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-weight:700;font-size:.67rem;letter-spacing:.6px;text-transform:uppercase;padding:4px 12px;border-radius:4px;white-space:nowrap;}
.nx-flag.alt{background:var(--panel-2);color:var(--ice);border:1px solid var(--edge);}
.nx-price img.p{max-width:min(150px,100%);margin:2px auto 10px;}
.nx-price .nm{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.12rem;color:#fff;}
.nx-price .sb{color:var(--dim);font-size:.8rem;margin-bottom:9px;}
.nx-price .v{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.9rem;color:var(--blue-soft);line-height:1;}
.nx-price .v span{font-family:'IBM Plex Sans',sans-serif;font-size:.78rem;font-weight:400;color:var(--dim);}
.nx-price .t{font-weight:600;margin:7px 0 9px;font-size:.9rem;color:var(--ice);}
.nx-price ul{list-style:none;margin:0 0 13px;padding:0;text-align:left;}
.nx-price li{font-size:.82rem;color:var(--dim);padding-left:15px;position:relative;margin-bottom:3px;}
.nx-price li::before{content:'\203A';position:absolute;left:0;color:var(--blue-soft);}
.nx-price .nx-btn{width:100%;margin-top:auto;}
.nx-pay{max-width:min(155px,100%);margin:10px auto 0;opacity:.6;border-radius:3px;}
.nx-pnote{background:var(--panel);border:1px dashed var(--blue);border-radius:8px;padding:14px 20px;text-align:center;color:var(--blue-soft);font-weight:600;font-size:.89rem;}

/* voices */
.nx-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media(max-width:900px){.nx-voices{grid-template-columns:1fr;}}
.nx-voice{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:18px;}
.nx-vt{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.nx-vt img{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.nx-av{width:42px;height:42px;border-radius:50%;background:var(--panel-2);border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;font-family:'Archivo',sans-serif;font-weight:700;color:var(--blue-soft);flex-shrink:0;}
.nx-vn{font-weight:600;font-size:.9rem;color:#fff;}
.nx-vl{color:var(--dim);font-size:.76rem;}
.nx-stars{color:var(--blue-soft);letter-spacing:2px;font-size:.82rem;margin-bottom:5px;}
.nx-voice p{margin:0;color:var(--dim);font-size:.88rem;}
.nx-rate{text-align:center;margin-top:22px;}
.nx-rate img{max-width:min(230px,100%);margin:0 auto;border-radius:4px;}

/* guarantee */
.nx-guar{display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:28px;}
.nx-guar img{max-width:min(145px,100%);margin:0 auto;}
.nx-guar-c{flex:1 1 320px;min-width:0;}
.nx-guar-c h3{font-size:1.3rem;margin:0 0 9px;}
.nx-guar-c p{color:var(--dim);}

/* qa */
.nx-qa{margin:0;}
.nx-qa dt{font-family:'Archivo',sans-serif;font-weight:600;font-size:1rem;color:#fff;padding-top:15px;border-top:1px solid var(--edge);}
.nx-qa dt:first-of-type{border-top:none;padding-top:0;}
.nx-qa dd{margin:6px 0 15px;color:var(--dim);font-size:.92rem;}

/* refs */
.nx-refs{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:18px 20px;}
.nx-refs h3{font-size:.98rem;margin:0 0 9px;}
.nx-refs ul{margin:0;padding-left:18px;}
.nx-refs li{font-size:.87rem;color:var(--dim);margin-bottom:5px;}

/* final */
.nx-final{background:linear-gradient(135deg,#152238 0%,var(--slate) 100%);border:1px solid var(--edge);text-align:center;border-radius:12px;padding:40px 26px;}
.nx-final h2{font-size:1.75rem;}
.nx-final img{max-width:min(210px,100%);margin:16px auto;}
.nx-final .v{font-family:'Archivo',sans-serif;font-weight:700;color:var(--blue-soft);font-size:1.75rem;margin:4px 0 16px;}

/* footer */
.nx-foot{background:#080b0f;color:#6f7c8e;padding:34px 0 24px;font-size:.84rem;border-top:1px solid var(--edge);}
.nx-foot a{color:var(--ice);text-decoration:none;}
.nx-foot a:hover{color:var(--blue-soft);}
.nx-foot hr{border:none;border-top:1px solid var(--edge);margin:18px 0;}
.nx-fc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:18px;}
@media(max-width:760px){.nx-fc{grid-template-columns:1fr;gap:14px;}}
.nx-fc h4{color:#fff;font-size:.79rem;margin:0 0 8px;text-transform:uppercase;letter-spacing:1.5px;}
.nx-fc ul{list-style:none;margin:0;padding:0;}
.nx-fc li{margin-bottom:4px;}

/* sticky */
.nx-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#080b0f;border-top:1px solid var(--blue);padding:9px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;}
.nx-bar .p{color:#fff;line-height:1.2;}
.nx-bar .p b{color:var(--blue-soft);font-size:1rem;font-family:'Archivo',sans-serif;}
.nx-bar .p small{display:block;color:#6f7c8e;font-size:.68rem;}
@media(max-width:980px){.nx-bar{display:flex;}body{padding-bottom:66px;}}

.nx-c{text-align:center;}