:root{--bg: #f0f8ff;--bg-soft: #e6f2ff;--txt: #0d1b2a;--txt-dim: #4a5568;--brand: #3a86ff;--pill: #e0e8f9;--stroke: #cdd9ed;--paper: #ffffff;--surf: #ffffff;--card: #ffffff;--ink: #0d1b2a;--muted: #4a5568;--brand-2: #3ecf8e;--warn: #e53e3e;--ok: #38a169;--ring: rgba(58, 134, 255, .25);--soft: #e2e8f0;--shadow: 0 10px 20px rgba(0, 0, 0, .05), 0 4px 8px rgba(0, 0, 0, .04)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);margin:0;color:var(--txt);line-height:1.7}.hero{display:grid;grid-template-columns:1fr;align-items:center}.hero--dark{background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);color:var(--txt)}.hero__wrap{max-width:1160px;margin:0 auto;padding:48px 20px 56px}.hero__meta{display:flex;align-items:center;gap:8px;margin-bottom:14px}.hero__pill{background:var(--pill);border:1px solid var(--stroke);color:var(--txt-dim);padding:6px 10px;border-radius:999px;font-size:.82rem;letter-spacing:.2px}.hero__dot{color:var(--txt-dim)}.hero__title{font-size:clamp(1.75rem,2.5vw,2.6rem);line-height:1.15;margin:0 0 10px;color:var(--txt)}.hero__subtitle{color:var(--txt-dim);max-width:68ch;margin:0 0 18px}.hero__subtitle strong{color:var(--txt)}.hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--stroke);background:var(--bg-soft);border-radius:10px;color:var(--txt);font-size:.9rem}.badge svg{width:18px;height:18px;fill:var(--brand)}.hero__cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid var(--stroke);transition:all .2s ease-in-out}.btn--primary{background:var(--brand);color:#fff;border-color:transparent}.btn--primary:hover{background:#2b78ff}.btn--primary:focus-visible,.btn--ghost:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn--ghost{background:transparent;color:var(--txt)}.btn--ghost:hover{background:var(--bg-soft)}@media (min-width: 980px){.hero{grid-template-columns:1.2fr .8fr}.hero__wrap{padding:64px 32px 72px}.hero__media{min-height:420px;background:radial-gradient(1200px 600px at 20% 30%,rgba(58,134,255,.1),transparent 60%);display:flex;align-items:center;justify-content:center;padding-top:20px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}.wrap{max-width:1100px;margin:auto;padding:24px}header.hero{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#e0f2ff 0%,#ffffff 100%);box-shadow:var(--shadow);padding:28px}.hero-grid{display:grid;gap:20px;align-items:center}@media (min-width: 980px){.hero-grid{grid-template-columns:1.1fr .9fr}}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(58,134,255,.1);border:1px solid var(--soft);color:var(--muted);padding:8px 12px;border-radius:999px;font-size:12px}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:8px 0 6px;color:var(--ink)}.sub{color:var(--muted);max-width:60ch}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--soft);padding:8px 12px;border-radius:12px;background:var(--bg-soft);color:var(--ink)}.hero img{width:100%;height:auto;border-radius:18px;box-shadow:0 16px 40px #0000001a}.nav{position:sticky;top:10px;z-index:20;margin:22px 0 10px}.nav .pillnav{display:flex;flex-wrap:wrap;gap:10px;background:var(--paper);border:1px solid var(--soft);border-radius:999px;padding:10px;box-shadow:var(--shadow)}.nav a{color:var(--ink);text-decoration:none;font-weight:700;padding:10px 14px;border-radius:999px;border:1px solid transparent}.nav a:hover{border-color:var(--soft);background:var(--bg-soft)}section{background:var(--surf);border:1px solid var(--soft);border-radius:22px;box-shadow:var(--shadow);padding:22px;margin:18px 0;color:var(--ink)}section h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px;color:var(--ink)}.kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--brand);text-transform:uppercase}.lead{color:var(--muted)}.tldr{background:linear-gradient(180deg,rgba(58,134,255,.15),rgba(58,134,255,.08));border-color:#3a86ff59}.tldr p strong{color:var(--brand)}.cols{display:grid;gap:16px}@media (min-width: 920px){.cols{grid-template-columns:1.2fr .8fr}}.pros{background:linear-gradient(180deg,rgba(62,207,142,.15),rgba(62,207,142,.05));border-color:#3ecf8e59}.cons{background:linear-gradient(180deg,rgba(255,122,122,.12),rgba(255,122,122,.04));border-color:#ff7a7a59}ul{padding-left:18px;margin:8px 0;color:var(--ink)}li+li{margin-top:6px}.how{display:grid;gap:18px}@media (min-width: 980px){.how{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 760px){.steps{grid-template-columns:repeat(3,1fr)}}.node{background:var(--bg-soft);border:1px solid var(--soft);border-radius:16px;padding:14px;text-align:center;color:var(--ink)}.node h3{margin:4px 0 8px;font-size:1.05rem;color:var(--ink)}.node p{color:var(--muted)}.callout{background:var(--bg-soft);border:1px dashed var(--soft);border-radius:14px;padding:12px;color:var(--ink)}.hl{background:linear-gradient(90deg,rgba(58,134,255,.35),rgba(58,134,255,.15));padding:2px 6px;border-radius:6px}.timeline{display:grid;gap:12px}@media (min-width: 880px){.timeline{grid-template-columns:repeat(4,1fr)}}.week{background:var(--bg-soft);border:1px solid var(--soft);border-radius:14px;padding:12px;color:var(--ink)}.week h4{margin:0 0 6px;color:var(--ink)}.week p{color:var(--muted)}.ingredients{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (min-width: 900px){.ingredients{grid-template-columns:repeat(4,1fr)}}.ing{background:var(--bg-soft);border:1px solid var(--soft);border-radius:16px;padding:14px;text-align:left;color:var(--ink)}.ing img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;border-radius:12px;margin-bottom:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.1))}.ing small{color:var(--muted)}details{border:1px solid var(--soft);background:var(--bg-soft);border-radius:14px;padding:12px;margin:10px 0;color:var(--ink)}summary{font-weight:800;cursor:pointer;color:var(--ink)}.cta-wrap{text-align:center;background:linear-gradient(135deg,#e0f2ff,#ffffff);border-color:var(--soft);color:var(--ink)}.cta-img{width:min(520px,92%);height:auto;margin:6px auto 10px;display:block;border-radius:18px;box-shadow:0 16px 40px #0000001a}.cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:900;padding:16px 22px;border-radius:14px;box-shadow:0 16px 40px var(--ring);transition:transform .15s ease}.cta:hover{transform:translateY(-2px)}.muted{color:var(--muted)}.check{color:var(--ok)}.x{color:var(--warn)}