/* novatidde.com — Novotide independent guide site
   CSS prefix: nvtd- (unique to this build, not reused elsewhere) */

:root{
  --nvtd-purple:#4B2E83;
  --nvtd-purple-dark:#352063;
  --nvtd-coral:#D2542E;
  --nvtd-coral-dark:#B5431F;
  --nvtd-cream:#FAF7F2;
  --nvtd-cream-2:#F2ECE1;
  --nvtd-ink:#1E1B2E;
  --nvtd-grey:#5B5668;
  --nvtd-line:#E4DEEF;
  --nvtd-white:#FFFFFF;
  --nvtd-success:#2E8B57;
  --nvtd-radius:16px;
  --nvtd-shadow:0 10px 30px rgba(75,46,131,.12);
  --nvtd-shadow-lg:0 20px 50px rgba(75,46,131,.18);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;
  font-family:'Inter','Segoe UI',Arial,Helvetica,sans-serif;
  color:var(--nvtd-ink);
  background:var(--nvtd-cream);
  font-size:18px;
  line-height:1.65;
  overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--nvtd-purple);text-decoration:none}
a:hover{color:var(--nvtd-coral)}
ul{margin:0;padding:0}
.nvtd-container{max-width:1180px;margin:0 auto;padding:0 20px}
section{padding:64px 0}
h1,h2,h3,h4{font-family:'Sora','Inter',Arial,sans-serif;color:var(--nvtd-purple-dark);line-height:1.25;margin:0 0 16px}
h1{font-size:30px}
@media(min-width:640px){h1{font-size:32px}}
h2{font-size:26px}
h3{font-size:20px}
p{margin:0 0 16px}
.nvtd-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nvtd-coral);background:#FBE9E2;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.nvtd-center{text-align:center}
.nvtd-sectionhead{max-width:720px;margin:0 auto 40px;text-align:center}

/* Buttons */
.nvtd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:999px;font-weight:700;font-size:17px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.nvtd-btn-primary{background:var(--nvtd-coral);color:#fff;box-shadow:0 8px 20px rgba(210,84,46,.35)}
.nvtd-btn-primary:hover{background:var(--nvtd-coral-dark);color:#fff;transform:translateY(-2px)}
.nvtd-btn-outline{background:transparent;border-color:var(--nvtd-purple);color:var(--nvtd-purple)}
.nvtd-btn-outline:hover{background:var(--nvtd-purple);color:#fff}
.nvtd-btn-block{width:100%}
.nvtd-secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--nvtd-grey);margin-top:10px}

/* Announcement bar */
.nvtd-announce{background:var(--nvtd-purple-dark);color:#fff;text-align:center;font-size:13px;padding:8px 16px;letter-spacing:.02em}
.nvtd-announce strong{color:#F8D7C9}

/* Header */
header.nvtd-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--nvtd-line)}
.nvtd-headrow{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nvtd-logo{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:var(--nvtd-purple-dark);display:flex;align-items:center;gap:8px}
.nvtd-logo span{color:var(--nvtd-coral)}
nav.nvtd-nav{display:none;gap:28px;align-items:center}
nav.nvtd-nav a{font-weight:600;font-size:15px;color:var(--nvtd-ink)}
.nvtd-headcta{display:none}
.nvtd-burger{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.nvtd-burger span{width:26px;height:3px;background:var(--nvtd-purple-dark);border-radius:2px}
@media(min-width:960px){
  nav.nvtd-nav{display:flex}
  .nvtd-headcta{display:inline-flex}
  .nvtd-burger{display:none}
}
.nvtd-mobilemenu{display:none;flex-direction:column;gap:2px;padding:10px 20px 18px;border-top:1px solid var(--nvtd-line)}
.nvtd-mobilemenu.nvtd-open{display:flex}
.nvtd-mobilemenu a{padding:10px 0;font-weight:600;border-bottom:1px solid var(--nvtd-line)}

/* Hero */
.nvtd-hero{padding:48px 0 56px;background:linear-gradient(180deg,#FDFBF8 0%,var(--nvtd-cream) 100%)}
.nvtd-hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
@media(min-width:960px){.nvtd-hero-grid{grid-template-columns:1.05fr .95fr}}
.nvtd-bullets{list-style:none;margin:20px 0;display:grid;gap:10px}
.nvtd-bullets li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--nvtd-purple-dark)}
.nvtd-bullets li svg{flex:none;margin-top:2px}
.nvtd-numgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.nvtd-numbox{background:#fff;border:1px solid var(--nvtd-line);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:center;box-shadow:var(--nvtd-shadow)}
.nvtd-numbox .nvtd-num{font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:var(--nvtd-coral)}
.nvtd-numbox small{display:block;color:var(--nvtd-grey);font-size:13px}
.nvtd-extralist{background:#fff;border:1px solid var(--nvtd-line);border-radius:12px;padding:18px 20px;margin:20px 0}
.nvtd-extralist h4{margin:0 0 10px;font-size:15px;color:var(--nvtd-purple-dark)}
.nvtd-extralist ul{list-style:none;display:grid;gap:8px}
.nvtd-extralist li{font-size:15px;padding-left:22px;position:relative}
.nvtd-extralist li::before{content:"✓";position:absolute;left:0;color:var(--nvtd-success);font-weight:800}
.nvtd-hero-media{text-align:center}
.nvtd-hero-media img{max-width:320px;margin:0 auto;filter:drop-shadow(0 20px 30px rgba(75,46,131,.25))}
.nvtd-diagram-card{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:18px;margin-top:18px;box-shadow:var(--nvtd-shadow);text-align:left}
.nvtd-diagram-card h5{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--nvtd-coral);font-weight:800}
.nvtd-diagram-legend{display:flex;gap:16px;margin-top:8px;font-size:13px;color:var(--nvtd-grey)}
.nvtd-diagram-legend span{display:inline-flex;align-items:center;gap:6px}
.nvtd-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.nvtd-diagram-caption{font-size:12px;color:var(--nvtd-grey);margin-top:8px;font-style:italic}

/* Visualization (fullness curve) */
.nvtd-viz-path{stroke-dasharray:600;stroke-dashoffset:600;animation:nvtd-draw 2.4s ease forwards .4s}
.nvtd-viz-path2{stroke-dasharray:600;stroke-dashoffset:600;animation:nvtd-draw 2.4s ease forwards .9s}
@keyframes nvtd-draw{to{stroke-dashoffset:0}}
.nvtd-orb{animation:nvtd-pulse 2.6s ease-in-out infinite}
.nvtd-orb2{animation:nvtd-pulse 2.6s ease-in-out infinite .6s}
.nvtd-orb3{animation:nvtd-pulse 2.6s ease-in-out infinite 1.2s}
@keyframes nvtd-pulse{0%,100%{opacity:.55;r:5}50%{opacity:1;r:8}}
@media(prefers-reduced-motion:reduce){
  .nvtd-viz-path,.nvtd-viz-path2,.nvtd-orb,.nvtd-orb2,.nvtd-orb3{animation:none;stroke-dashoffset:0;opacity:1}
}

/* trust strip */
.nvtd-truststrip{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:34px;padding-top:28px;border-top:1px solid var(--nvtd-line)}
.nvtd-truststrip img{height:52px;width:auto}

/* Why choose / 4 box grid */
.nvtd-grid4{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:720px){.nvtd-grid4{grid-template-columns:repeat(4,1fr)}}
.nvtd-card{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:22px;box-shadow:var(--nvtd-shadow);text-align:center}
.nvtd-card svg{margin:0 auto 12px}
.nvtd-card h3{font-size:17px;margin-bottom:6px}
.nvtd-card p{font-size:15px;color:var(--nvtd-grey);margin:0}

/* wave divider */
.nvtd-wave{display:block;width:100%;line-height:0}
.nvtd-wave svg{width:100%;height:auto;display:block}

/* CTA band */
.nvtd-ctaband{background:var(--nvtd-purple);color:#fff;text-align:center;padding:52px 0}
.nvtd-ctaband h2{color:#fff}
.nvtd-ctaband p{color:#E7DFF5}

/* what is / feature split */
.nvtd-split{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
@media(min-width:900px){.nvtd-split{grid-template-columns:1fr 1fr}}
.nvtd-split.nvtd-rev .nvtd-split-media{order:2}
@media(max-width:899px){.nvtd-split .nvtd-split-media{order:-1}}
.nvtd-split-media img{border-radius:var(--nvtd-radius);box-shadow:var(--nvtd-shadow-lg)}

/* pricing */
.nvtd-stock{text-align:center;font-size:14px;color:var(--nvtd-coral-dark);font-weight:700;margin-bottom:22px}
.nvtd-pricegrid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:860px){.nvtd-pricegrid{grid-template-columns:repeat(3,1fr)}}
.nvtd-pricecard{position:relative;background:#fff;border:2px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:26px 20px;text-align:center;box-shadow:var(--nvtd-shadow)}
.nvtd-pricecard.nvtd-best{border-color:var(--nvtd-coral);transform:scale(1.03);box-shadow:var(--nvtd-shadow-lg)}
.nvtd-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--nvtd-coral);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px;border-radius:999px;white-space:nowrap}
.nvtd-pricecard img{max-width:150px;margin:10px auto 14px}
.nvtd-pricecard .nvtd-qty{font-weight:700;color:var(--nvtd-purple-dark);margin-bottom:4px}
.nvtd-pricecard .nvtd-perbottle{font-size:34px;font-weight:800;color:var(--nvtd-coral);font-family:'Sora',sans-serif}
.nvtd-pricecard .nvtd-perbottle sup{font-size:16px;top:-14px}
.nvtd-pricecard .nvtd-perday{font-size:13px;color:var(--nvtd-grey);margin-bottom:6px}
.nvtd-pricecard .nvtd-wasprice{text-decoration:line-through;color:#9b93ad;font-size:14px}
.nvtd-pricecard .nvtd-total{font-size:14px;color:var(--nvtd-grey);margin:6px 0 16px}
.nvtd-pricecard .nvtd-save{display:inline-block;background:#FDE9DF;color:var(--nvtd-coral-dark);font-weight:700;font-size:13px;padding:4px 12px;border-radius:999px;margin-bottom:12px}
.nvtd-payicons{display:flex;justify-content:center;gap:8px;margin-top:14px;font-size:12px;color:var(--nvtd-grey)}

/* guarantee */
.nvtd-guarantee{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:36px;box-shadow:var(--nvtd-shadow)}
@media(min-width:860px){.nvtd-guarantee{grid-template-columns:160px 1fr}}
.nvtd-badge-circle{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--nvtd-purple),var(--nvtd-purple-dark));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;text-align:center;margin:0 auto;box-shadow:var(--nvtd-shadow-lg)}
.nvtd-badge-circle .nvtd-bignum{font-size:34px;line-height:1}
.nvtd-badge-circle small{font-size:11px;letter-spacing:.06em}

/* shipping strip */
.nvtd-shipstrip{background:var(--nvtd-cream-2);text-align:center;padding:28px 0}
.nvtd-shipstrip .nvtd-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.nvtd-shipitem{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--nvtd-purple-dark);font-size:15px}

/* ingredients */
.nvtd-ingrid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:720px){.nvtd-ingrid{grid-template-columns:repeat(2,1fr)}}
.nvtd-ingcard{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:24px;box-shadow:var(--nvtd-shadow)}
.nvtd-ingcard h3{display:flex;align-items:center;gap:10px;font-size:19px}
.nvtd-ingnum{width:34px;height:34px;border-radius:50%;background:var(--nvtd-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
.nvtd-ingcard p{font-size:15px;color:var(--nvtd-grey);margin:0 0 8px}
.nvtd-ingcard .nvtd-role{font-size:13px;font-weight:700;color:var(--nvtd-coral-dark)}

/* benefits */
.nvtd-benefgrid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:720px){.nvtd-benefgrid{grid-template-columns:repeat(2,1fr)}}
.nvtd-benefcard{background:#fff;border-left:4px solid var(--nvtd-coral);border-radius:0 var(--nvtd-radius) var(--nvtd-radius) 0;padding:22px;box-shadow:var(--nvtd-shadow)}
.nvtd-benefcard .nvtd-keying{font-size:13px;color:var(--nvtd-purple);font-weight:700;margin-bottom:8px}

/* story */
.nvtd-story{background:var(--nvtd-cream-2);border-radius:var(--nvtd-radius);padding:36px}

/* FAQ */
.nvtd-faq{max-width:860px;margin:0 auto}
.nvtd-faq details{background:#fff;border:1px solid var(--nvtd-line);border-radius:12px;padding:6px 20px;margin-bottom:12px}
.nvtd-faq summary{cursor:pointer;font-weight:700;padding:14px 0;color:var(--nvtd-purple-dark);list-style:none;display:flex;justify-content:space-between;gap:12px}
.nvtd-faq summary::-webkit-details-marker{display:none}
.nvtd-faq summary::after{content:"+";font-size:22px;color:var(--nvtd-coral)}
.nvtd-faq details[open] summary::after{content:"–"}
.nvtd-faq p{padding-bottom:16px;color:var(--nvtd-grey);margin:0}

/* label */
.nvtd-label{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:30px;box-shadow:var(--nvtd-shadow);max-width:560px;margin:0 auto}
.nvtd-label table{width:100%;border-collapse:collapse;font-size:15px}
.nvtd-label th,.nvtd-label td{text-align:left;padding:8px 0;border-bottom:1px solid var(--nvtd-line)}

/* references */
.nvtd-reflist{list-style:none;display:grid;gap:10px;max-width:800px;margin:0 auto}
.nvtd-reflist li{font-size:14px;color:var(--nvtd-grey);padding-left:20px;position:relative}
.nvtd-reflist li::before{content:"→";position:absolute;left:0;color:var(--nvtd-coral)}
.nvtd-reflist a{word-break:break-word}

/* reviews */
.nvtd-reviewgrid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:720px){.nvtd-reviewgrid{grid-template-columns:repeat(3,1fr)}}
.nvtd-reviewcard{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:22px;box-shadow:var(--nvtd-shadow)}
.nvtd-stars{color:#F2A33D;letter-spacing:2px;margin-bottom:10px}
.nvtd-reviewcard .nvtd-who{font-weight:700;color:var(--nvtd-purple-dark);font-size:14px;margin-top:10px}

/* pros/cons */
.nvtd-proscons{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:720px){.nvtd-proscons{grid-template-columns:1fr 1fr}}
.nvtd-proscons .nvtd-card{text-align:left}
.nvtd-proscons ul{list-style:none;display:grid;gap:10px}
.nvtd-proscons li{padding-left:24px;position:relative;font-size:15px}
.nvtd-pros li::before{content:"✓";position:absolute;left:0;color:var(--nvtd-success);font-weight:800}
.nvtd-cons li::before{content:"•";position:absolute;left:0;color:var(--nvtd-coral);font-weight:800}

/* blog grid (card style) */
.nvtd-bloggrid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:640px){.nvtd-bloggrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.nvtd-bloggrid{grid-template-columns:repeat(3,1fr)}}
.nvtd-blogcard{background:#fff;border-radius:var(--nvtd-radius);overflow:hidden;box-shadow:var(--nvtd-shadow);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}
.nvtd-blogcard:hover{transform:translateY(-4px);box-shadow:var(--nvtd-shadow-lg)}
.nvtd-blogcard img{width:100%;height:210px;object-fit:cover}
.nvtd-blogbody{padding:20px 22px 24px}
.nvtd-blogcat{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--nvtd-purple)}
.nvtd-blogcard h3{margin:10px 0 10px;font-size:19px}
.nvtd-blogcard p{font-size:15px;color:var(--nvtd-grey);margin:0 0 14px}
.nvtd-readlink{font-weight:700;font-size:14px;color:var(--nvtd-coral)}

/* blog post body */
.nvtd-postwrap{max-width:760px;margin:0 auto}
.nvtd-postmeta{font-size:13px;color:var(--nvtd-grey);margin-bottom:10px}
.nvtd-posthero{border-radius:var(--nvtd-radius);margin-bottom:28px;box-shadow:var(--nvtd-shadow)}
.nvtd-postwrap h2{margin-top:34px}
.nvtd-chart-card{background:#fff;border:1px solid var(--nvtd-line);border-radius:var(--nvtd-radius);padding:20px;box-shadow:var(--nvtd-shadow);margin:26px 0}
.nvtd-backlink{display:inline-block;margin-top:30px;font-weight:700}
.nvtd-postlinks{background:var(--nvtd-cream-2);border-radius:var(--nvtd-radius);padding:20px 24px;margin:32px 0}
.nvtd-postlinks ul{list-style:none;display:grid;gap:8px}
.nvtd-postlinks li::before{content:"→ ";color:var(--nvtd-coral)}

/* sticky mobile order bar */
.nvtd-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--nvtd-line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -6px 20px rgba(0,0,0,.08);transition:transform .2s ease}
.nvtd-stickybar.nvtd-hide{transform:translateY(110%)}
.nvtd-stickybar .nvtd-stickyprice{font-weight:800;color:var(--nvtd-purple-dark)}
.nvtd-stickybar .nvtd-btn{padding:12px 22px;font-size:15px}
@media(min-width:960px){.nvtd-stickybar{display:none}}

/* footer */
footer.nvtd-footer{background:var(--nvtd-purple-dark);color:#D9CFEE;padding:52px 0 24px;font-size:14px}
.nvtd-footgrid{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:30px}
@media(min-width:720px){.nvtd-footgrid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.nvtd-footgrid h4{color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}
.nvtd-footgrid ul{list-style:none;display:grid;gap:8px}
.nvtd-footgrid a{color:#D9CFEE}
.nvtd-footgrid a:hover{color:#fff}
.nvtd-footlogo{font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:#fff;margin-bottom:10px}
.nvtd-disclaimerbox{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;font-size:12.5px;color:#C2B5E0;line-height:1.7}
.nvtd-copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:18px;font-size:12.5px;color:#B6A8D9;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}

/* exit popup */
.nvtd-popupwrap{position:fixed;inset:0;background:rgba(30,27,46,.6);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.nvtd-popupwrap.nvtd-show{display:flex}
.nvtd-popup{background:#fff;border-radius:var(--nvtd-radius);max-width:420px;width:100%;padding:32px;text-align:center;position:relative;box-shadow:var(--nvtd-shadow-lg)}
.nvtd-popupclose{position:absolute;top:14px;right:16px;background:none;border:0;font-size:20px;cursor:pointer;color:var(--nvtd-grey)}

/* back to top */
.nvtd-totop{position:fixed;right:18px;bottom:90px;width:44px;height:44px;border-radius:50%;background:var(--nvtd-purple);color:#fff;display:none;align-items:center;justify-content:center;border:0;cursor:pointer;box-shadow:var(--nvtd-shadow);z-index:55}
.nvtd-totop.nvtd-visible{display:flex}
@media(min-width:960px){.nvtd-totop{bottom:28px}}

/* legal pages (self-contained) */
.nvtd-legalnav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--nvtd-line)}
.nvtd-legalbody{max-width:800px;margin:0 auto;padding:40px 20px 70px}
.nvtd-legalbody h1{margin-bottom:6px}
.nvtd-legalbody h2{font-size:20px;margin-top:30px}
.nvtd-legalbody p,.nvtd-legalbody li{color:var(--nvtd-grey);font-size:16px}
.nvtd-updated{color:var(--nvtd-grey);font-size:13px;margin-bottom:30px}

/* reveal animation */
.nvtd-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
.nvtd-reveal.nvtd-in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.nvtd-reveal{opacity:1;transform:none;transition:none}}

.nvtd-skiplink{position:absolute;left:-999px;top:0;background:#fff;padding:10px 16px;z-index:200}
.nvtd-skiplink:focus{left:10px;top:10px}