/* Source: tirzepatide.html at 1dbc2a5. Shared editorial components, unchanged. */
:root{
  --paper:#FBF7F0; --paper-2:#F4EDE1; --sand:#EFE4D2; --sand-2:#E7D8BF;
  --ink:#221D18; --ink-2:#6E645A; --ink-3:#A69B8B;
  --line:#E8DFD0; --line-2:#DCD1BE;
  --teal:#00B4C5; --teal-ink:#00727D;
  --dark:#26201A; --dark-2:#1C1712;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --dock-h:78px;
  --blush:#FBEDF0; --blush-2:#F3CDD5; --rose:#B4506B;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden;line-height:1.5}
img{display:block;max-width:100%}
svg{flex:none}
a{text-decoration:none;color:inherit}
.serif{font-family:var(--serif);font-weight:400}
.serif i,.serif em{font-style:italic}

/* ===== Canonical footer (injected) ===== */
.footer{background:#0A0A0A;padding:60px 40px 36px;color:#94A3B0}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08)}
.footer-brand-text{font-size:14px;line-height:1.6;color:#6B7C8A;max-width:280px;margin-top:16px}
.footer-col h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94A3B0;margin-bottom:16px}
.footer-col a{display:block;font-size:14px;color:#6B7C8A;text-decoration:none;padding:5px 0;transition:color 0.2s}
.footer-col a:hover{color:#FFFFFF}
.footer-bottom{padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-bottom p{font-size:13px;color:#6B7C8A}
.footer-legal{display:flex;gap:24px}
.footer-legal a{font-size:13px;color:#6B7C8A;text-decoration:none;transition:color 0.2s}
.footer-legal a:hover{color:#FFFFFF}
.footer-disclaimer{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;line-height:1.7;color:#6B7C8A;opacity:0.7}
.footer-seals{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:20px}
.footer-seals a{display:inline-block;opacity:0.85;transition:opacity 0.2s}
.footer-seals a:hover{opacity:1}
.footer-trust{display:flex;align-items:center;gap:20px;padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.06);flex-wrap:wrap}
.trust-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:12px;font-weight:500;color:rgba(255,255,255,0.75);transition:all 0.25s}
.trust-chip:hover{background:rgba(0,180,197,0.08);border-color:rgba(0,180,197,0.2);color:rgba(255,255,255,0.95)}
.trust-chip svg{width:14px;height:14px;color:#00B4C5;flex-shrink:0}
@media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.footer{padding:40px 20px 28px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}.trust-chip{padding:6px 12px;font-size:11px}}
/* ===== end canonical footer ===== */

/* promo bar */
.promo{position:relative;z-index:90;background:var(--dark-2);color:#F5EFE6;text-align:center;padding:12px 20px;font-size:13.5px;font-weight:500;letter-spacing:0.01em}
.promo a{color:inherit;display:inline-flex;align-items:center;gap:8px}
.promo svg{width:13px;height:13px}
.promo b{color:#fff;font-weight:700}
@media(max-width:640px){.promo-long{display:none}}

/* brand bar */
.brand{position:relative;z-index:200;background:var(--paper);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand a.back{font-size:14px;font-weight:600;color:var(--ink-2)}
.brand a.back:hover{color:var(--ink)}

/* ============ HERO ============ */
.hero{background:linear-gradient(166deg,var(--paper) 0%,#F6EFEA 52%,var(--blush) 100%);position:relative;overflow:hidden}
.hero-in{max-width:1180px;margin:0 auto;padding:44px 24px 0;display:flex;flex-direction:column}
.hero-copy{text-align:center;max-width:640px;margin:0 auto;position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:20px}
.eyebrow::before,.eyebrow::after{content:'';width:26px;height:1px;background:var(--line-2)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,10.5vw,64px);line-height:0.99;letter-spacing:-0.02em;margin-bottom:20px}
.hero h1 em{font-style:italic}
.hero-sub{font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:470px;margin:0 auto 28px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#FDFBF7;border-radius:100px;padding:19px 40px;font-size:16.5px;font-weight:700;letter-spacing:-0.01em;transition:transform 0.18s,box-shadow 0.18s,background 0.18s}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(34,29,24,0.22);background:#000}
.cta svg{width:16px;height:16px}
.hero-fine{margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--ink-3)}
.hero-fine a{text-decoration:underline;color:var(--ink-2)}

/* product stage */
.stage{position:relative;margin-top:8px;padding:26px 0 0;display:flex;justify-content:center}
.stage-disc{position:relative;width:min(88vw,560px);aspect-ratio:1.55/1;display:flex;align-items:center;justify-content:center}
.stage-disc::before{content:'';position:absolute;inset:6% -4%;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,var(--blush-2) 0%,rgba(243,205,213,0.42) 48%,rgba(243,205,213,0) 72%)}
.stage-img{position:relative;z-index:2;width:min(46vw,260px);height:auto}
/* floating ingredient chips */
.chip{position:absolute;z-index:4;background:rgba(255,255,255,0.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(34,29,24,0.08);border-radius:14px;padding:10px 15px;box-shadow:0 10px 26px rgba(60,40,25,0.14);text-align:left}
.chip b{display:block;font-size:13.5px;font-weight:700;letter-spacing:-0.02em;line-height:1.1}
.chip em{display:block;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.chip-1{top:1%;left:0}
.chip-2{top:0;right:1%}
.chip-3{bottom:4%;right:1%}
.chip-4{bottom:1%;left:1%}

/* trust ticker */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.ticker-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);padding:8px 6px;gap:0 8px}
.tk{display:flex;align-items:center;gap:11px;padding:12px 12px;font-size:13px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-2)}
.tk svg{width:17px;height:17px;color:var(--teal-ink);flex:none}

/* ============ QUIZ ============ */
.quiz{background:var(--paper);padding:84px 24px 4px;text-align:center}
.quiz-in{max-width:640px;margin:0 auto}
.quiz-opts{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:32px auto 0}
.qo{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:100px;padding:19px 26px;font-size:16px;font-weight:700;letter-spacing:-0.01em;transition:transform 0.16s,border-color 0.16s,box-shadow 0.16s}
.qo:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(60,40,25,0.10)}
.qo svg{width:15px;height:15px;color:var(--ink-3);flex:none}
.qo:hover svg{color:var(--ink)}
.quiz-note{margin:20px auto 0;font-size:12px;line-height:1.6;color:var(--ink-3);max-width:440px}

/* ============ PULL LINE ============ */
.pull{background:var(--paper);padding:0 24px 96px;text-align:center}
.pull p{font-family:var(--serif);font-weight:400;font-size:clamp(28px,5.6vw,46px);line-height:1.14;letter-spacing:-0.01em;max-width:720px;margin:0 auto}
.pull em{font-style:italic;color:var(--rose)}

/* ============ INGREDIENTS ============ */
.sec{padding:96px 24px}
.sec-in{max-width:1080px;margin:0 auto}
.kick{font-size:11.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:16px}
h2.disp{font-family:var(--serif);font-weight:400;font-size:clamp(34px,6.4vw,54px);line-height:1.02;letter-spacing:-0.015em;margin-bottom:14px}
h2.disp em{font-style:italic}
.lede{font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:520px}
.ing-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:40px}
.ing{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px 30px;position:relative;overflow:hidden}
.ing::after{content:attr(data-n);position:absolute;top:14px;right:22px;font-family:var(--serif);font-size:58px;line-height:1;color:var(--paper-2)}
.ing .tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal-ink);background:rgba(0,180,197,0.08);border:1px solid rgba(0,180,197,0.18);border-radius:100px;padding:5px 12px;margin-bottom:16px}
.ing h3{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-0.01em;margin-bottom:9px;position:relative;z-index:2}
.ing p{font-size:15px;line-height:1.65;color:var(--ink-2);max-width:420px;position:relative;z-index:2}
.ing .dose{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-2);font-size:12.5px;font-weight:600;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.ing .dose svg{width:14px;height:14px;color:var(--teal-ink)}
.ing-foot{margin-top:22px;font-size:13px;line-height:1.6;color:var(--ink-3);max-width:560px}

/* ============ PLANS ============ */
.plans{background:var(--dark);color:#F5EFE6;padding:96px 24px}
.plans-in{max-width:1080px;margin:0 auto;text-align:center}
.plans .kick{color:var(--teal)}
.plans h2.disp{color:#FDFAF4}
.plans .lede{color:rgba(245,239,230,0.6);margin:0 auto}
.plan-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:44px;text-align:left}
.plan{position:relative;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:28px 26px;transition:border-color 0.2s,background 0.2s;display:flex;flex-direction:column}
.plan:hover{border-color:rgba(255,255,255,0.3)}
.plan.hot{background:#FDFAF4;color:var(--ink);border-color:#FDFAF4}
.plan .badge{position:absolute;top:-13px;left:24px;background:var(--teal);color:#00343A;font-size:11px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase;padding:6px 14px;border-radius:100px}
.plan .p-term{font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:rgba(245,239,230,0.55);margin-bottom:14px}
.plan.hot .p-term{color:var(--ink-3)}
.plan .p-num{font-size:52px;font-weight:800;letter-spacing:-0.045em;line-height:0.95}
.plan .p-num span[data-clyr-price]{font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.plan .p-mo{font-size:14px;font-weight:600;color:rgba(245,239,230,0.55);margin-top:9px}
.plan.hot .p-mo{color:var(--ink-2)}
.plan .p-mo span[data-clyr-price]{font-size:inherit;font-weight:inherit}
.plan ul{list-style:none;margin:20px 0 24px;display:flex;flex-direction:column;gap:9px}
.plan li{font-size:13.5px;line-height:1.45;color:rgba(245,239,230,0.7);display:flex;gap:9px;align-items:flex-start}
.plan.hot li{color:var(--ink-2)}
.plan li svg{width:14px;height:14px;color:var(--teal);flex:none;margin-top:2px}
.plan.hot li svg{color:var(--teal-ink)}
.plan .p-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:100px;padding:15px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,0.25);color:#FDFAF4;transition:all 0.2s}
.plan .p-cta:hover{background:rgba(255,255,255,0.08)}
.plan.hot .p-cta{background:var(--ink);color:#FDFAF4;border-color:var(--ink)}
.plan.hot .p-cta:hover{background:#000}
.plans-fine{margin-top:26px;font-size:13px;color:rgba(245,239,230,0.45);line-height:1.6}

/* ============ HOW IT WORKS: phone + steps ============ */
.how{background:var(--paper);padding:96px 24px}
.how-in{max-width:1080px;margin:0 auto}
.how-grid{display:grid;grid-template-columns:1fr;gap:52px;margin-top:8px;align-items:center}
/* CSS phone */
.phone-wrap{display:flex;justify-content:center;padding:26px 0 6px}
.phone{width:272px;height:556px;background:#0F0D0B;border-radius:44px;padding:11px;box-shadow:0 34px 70px rgba(10,60,70,0.26),inset 0 0 0 2px #2B2622;position:relative;transform:rotate(-2deg)}
.phone::before{content:'';position:absolute;top:22px;left:50%;transform:translateX(-50%);width:86px;height:24px;background:#0F0D0B;border-radius:14px;z-index:3}
.screen{width:100%;height:100%;background:var(--paper);border-radius:34px;overflow:hidden;display:flex;flex-direction:column}
.scr-top{padding:40px 20px 14px;border-bottom:1px solid var(--line)}
.scr-brand{font-weight:800;font-size:15px;letter-spacing:-0.03em}
.scr-brand span{color:var(--teal)}
.scr-prog{height:4px;background:var(--paper-2);border-radius:100px;margin-top:12px;overflow:hidden}
.scr-prog i{display:block;height:100%;width:44%;background:var(--teal);border-radius:100px}
.scr-body{padding:18px 18px 8px;flex:1}
.scr-step{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-dark,#009BAA);background:var(--teal-light,#E0F7FA);padding:4px 9px;border-radius:999px;margin-bottom:8px}
.scr-title{font-size:20px;font-weight:800;letter-spacing:-0.02em;margin-bottom:12px}
.scr-title em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--teal-dark,#009BAA)}
.scr-yn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.scr-card{border:1.5px solid var(--line-2);border-radius:12px;padding:10px 6px;text-align:center;font-size:12px;font-weight:700;color:var(--ink-2);background:#fff}
.scr-card .e{display:block;font-size:18px;margin-bottom:3px;font-style:normal}
.scr-card.on{border-color:var(--teal);color:var(--teal-dark,#009BAA);box-shadow:0 0 0 1px var(--teal);background:linear-gradient(180deg,rgba(0,180,197,.06),#fff)}
.scr-q{font-family:var(--sans);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:0;margin-bottom:8px;color:var(--ink)}
.scr-q.small{font-size:12.5px}
.scr-opt{border:1.5px solid var(--line-2);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.scr-opt.on{border-color:var(--ink);color:var(--ink);background:#fff}
.scr-opt .r{width:16px;height:16px;border:1.5px solid var(--line-2);border-radius:50%;flex:none;position:relative}
.scr-opt.on .r{border-color:var(--ink)}
.scr-opt.on .r::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.scr-note{font-size:11px;color:var(--ink-3);line-height:1.5;margin-top:14px}
.scr-cta{margin:0 18px 18px;background:var(--teal);color:#fff;text-align:center;border-radius:100px;padding:13px;font-size:14px;font-weight:700}
/* steps */
.steps{display:flex;flex-direction:column}
.st{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.st:last-child{border-bottom:1px solid var(--line)}
.st .n{font-family:var(--serif);font-size:26px;color:var(--ink-3);line-height:1;padding-top:2px}
.st h3{font-size:19px;font-weight:700;letter-spacing:-0.02em;margin-bottom:6px;line-height:1.2}
.st p{font-size:15px;line-height:1.6;color:var(--ink-2)}

/* ============ WHAT ARRIVES ============ */
.arrive{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 24px}
.arrive-in{max-width:1080px;margin:0 auto}
.arrive-grid{display:grid;grid-template-columns:1fr;gap:44px;align-items:center;margin-top:6px}
/* the formula label */
.formula{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-top:38px;box-shadow:0 20px 50px rgba(60,40,25,0.06)}
.f-row{display:grid;grid-template-columns:1fr;gap:7px;padding:24px 26px;border-bottom:1px solid var(--line)}
.f-row:last-child{border-bottom:none}
.f-name{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:-0.01em;display:flex;align-items:center;gap:10px}
.f-name span{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-ink);background:rgba(0,180,197,0.10);border-radius:100px;padding:4px 10px;flex:none}
.f-role{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.f-dose{font-size:11.5px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--rose)}
@media(min-width:880px){
  .f-row{grid-template-columns:250px 1fr 220px;align-items:center;gap:26px;padding:27px 34px}
  .f-dose{text-align:right}
}

/* the melt moment */
.melt-wrap{max-width:760px;margin:0 auto;background:linear-gradient(172deg,var(--paper) 0%,var(--blush) 100%);border:1px solid var(--line);border-radius:30px;padding:34px 24px 34px;text-align:center;overflow:hidden}
.melt-stage{position:relative;height:200px;display:flex;align-items:flex-end;justify-content:center}
.melt-img{width:min(38vw,215px);height:auto;animation:meltPulse 5.5s ease-in-out infinite}
.melt-b{position:absolute;bottom:64px;z-index:3;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.95);border:1.5px solid rgba(180,80,107,0.5);box-shadow:0 1px 3px rgba(45,70,100,0.15);opacity:0;animation:rise 5.5s ease-in infinite}
.melt-b.b2{width:6px;height:6px;animation-delay:0.9s;margin-left:-70px}
.melt-b.b3{width:7px;height:7px;animation-delay:1.8s;margin-left:64px}
.melt-b.b4{width:5px;height:5px;animation-delay:2.7s;margin-left:-32px}
.melt-b.b5{width:8px;height:8px;animation-delay:3.5s;margin-left:38px}
.melt-b.b6{width:5px;height:5px;animation-delay:4.3s;margin-left:6px}
.melt-cap{margin-top:20px;font-family:var(--serif);font-size:clamp(22px,3.4vw,30px);letter-spacing:-0.01em}
.melt-cap em{font-style:italic;color:var(--rose)}
.melt-sub{margin-top:8px;font-size:13px;color:var(--ink-3)}
@keyframes meltPulse{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(10px) scale(0.965);opacity:0.82}}
@keyframes rise{0%{opacity:0;transform:translateY(0)}12%{opacity:0.9}70%{opacity:0.5}100%{opacity:0;transform:translateY(-130px)}}
@media(prefers-reduced-motion:reduce){.melt-img,.melt-b{animation:none}.melt-b{display:none}}

/* CSS parcel */
.box-wrap{display:flex;justify-content:center;padding:18px 0 4px}
.parcel{width:min(82vw,440px)}
.parcel svg{width:100%;height:auto;display:block}
.arr-list{display:flex;flex-direction:column}
.arr{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line-2)}
.arr:last-child{border-bottom:1px solid var(--line-2)}
.arr svg{width:20px;height:20px;color:var(--teal-ink);flex:none;margin-top:2px}
.arr h3{font-size:17px;font-weight:700;letter-spacing:-0.015em;margin-bottom:4px}
.arr p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}

/* ============ COMPARISON ============ */
.vs{background:var(--paper);padding:96px 24px}
.vs-in{max-width:1000px;margin:0 auto}
.cmp{margin-top:40px;display:flex;flex-direction:column;gap:12px}
.cmp-r{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px 20px;display:grid;grid-template-columns:1fr;gap:11px}
.cmp-q{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3)}
.cmp-a{font-size:15px;line-height:1.5;color:var(--ink)}
.cmp-a.them{color:var(--ink-2)}
.cmp-a b{display:block;font-size:10.5px;font-weight:800;letter-spacing:0.09em;text-transform:uppercase;margin-bottom:3px;color:var(--teal-ink)}
.cmp-a.them b{color:var(--ink-3)}
.cmp-a .mk{display:inline-block;flex:none;width:15px;height:15px;margin-right:8px;vertical-align:-2px}
.cmp-t{display:inline}
.cmp-head{display:none}
@media(min-width:900px){
  .cmp{gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(60,40,25,0.06)}
  .cmp-head,.cmp-r{grid-template-columns:1.05fr 1fr 1fr;gap:0;align-items:stretch;padding:0;border:none;border-radius:0;background:transparent}
  .cmp-head{display:grid;background:var(--paper-2);border-bottom:1px solid var(--line)}
  .cmp-head>div{padding:16px 24px;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase}
  .cmp-head .h-ours{color:var(--ink);background:rgba(0,180,197,0.10)}
  .cmp-head .h-them{color:var(--ink-3)}
  .cmp-r{border-bottom:1px solid var(--line)}
  .cmp-r:last-child{border-bottom:none}
  .cmp-r>div{padding:22px 24px;display:flex;align-items:center}
  .cmp-q{align-self:stretch}
  .cmp-a.ours{background:rgba(0,180,197,0.05);border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .cmp-a b{display:none}
  .cmp-t{display:block}
}
.vs-fine{margin-top:20px;font-size:12.5px;line-height:1.65;color:var(--ink-3);max-width:720px}

/* ============ STANDARD (manifesto) ============ */
.std{background:var(--dark);color:#F5EFE6;padding:96px 24px;text-align:center}
.std-in{max-width:820px;margin:0 auto}
.std .kick{color:var(--teal)}
.std h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,6.6vw,54px);line-height:1.12;letter-spacing:-0.01em}
.std h2 em{font-style:italic;color:var(--teal)}
.std p{margin:24px auto 0;font-size:15.5px;line-height:1.7;color:rgba(245,239,230,0.6);max-width:560px}
.std-row{margin-top:36px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.std-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.16);border-radius:100px;padding:10px 18px;font-size:12.5px;font-weight:600;color:rgba(245,239,230,0.78)}
.std-chip svg{width:14px;height:14px;color:var(--teal)}
@media(max-width:640px){.std{padding:72px 20px 64px}.std-row{gap:8px;margin-top:28px}.std-chip{padding:8px 12px;font-size:11px;gap:6px}}

/* ============ FAQ ============ */
.q{padding:88px 24px;max-width:820px;margin:0 auto}
.qi{border-bottom:1px solid var(--line)}
.qb{width:100%;background:none;border:none;font-family:inherit;text-align:left;padding:22px 0;font-size:17px;font-weight:600;letter-spacing:-0.015em;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px}
.qb .i{color:var(--teal-ink);font-size:24px;font-weight:300;flex-shrink:0;transition:transform 0.25s;line-height:1}
.qb.open .i{transform:rotate(45deg)}
.qa{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}
.qa.open{max-height:620px;padding-bottom:22px}
.qa p{font-size:15.5px;line-height:1.7;color:var(--ink-2)}
.q h2.disp{margin-bottom:28px}

/* ============ CLOSE ============ */
.close{background:linear-gradient(172deg,var(--paper-2) 0%,var(--sand) 100%);padding:96px 24px;text-align:center;border-top:1px solid var(--line)}
.close h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,8vw,62px);line-height:1.02;letter-spacing:-0.015em;margin-bottom:16px}
.close h2 em{font-style:italic}
.close p{font-size:16px;color:var(--ink-2);margin-bottom:30px;max-width:420px;margin-left:auto;margin-right:auto}
.close .price-line{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:22px}

.isi{background:var(--paper);padding:44px 24px;border-top:1px solid var(--line)}
.isi-in{max-width:820px;margin:0 auto}
.isi-in h3{font-size:15px;font-weight:700;margin-bottom:11px}
.isi-in p{font-size:12.5px;color:var(--ink-3);line-height:1.7}

/* sticky mobile buy bar */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:250;background:rgba(251,247,240,0.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;transform:translateY(120%);transition:transform 0.3s ease}
.dock.up{transform:translateY(0)}
.dock-p b{display:block;font-size:19px;font-weight:800;letter-spacing:-0.03em;line-height:1}
.dock-p b span[data-clyr-price]{font-size:inherit;font-weight:inherit}
.dock-p em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:3px}
.dock a{flex:1;background:var(--ink);color:#FDFAF7;text-align:center;padding:15px;border-radius:100px;font-size:15.5px;font-weight:700}
@media(max-width:899px){
  .footer{padding-bottom:calc(var(--dock-h) + 26px + env(safe-area-inset-bottom))}
}
@media(max-width:400px){
  .chip{padding:8px 12px}
  .chip b{font-size:12px}
  .chip em{font-size:9.5px}
}

/* ============ DESKTOP ============ */
@media(min-width:900px){
  .hero-in{padding:64px 40px 0;flex-direction:row;align-items:center;gap:24px}
  .hero-copy{text-align:left;margin:0;flex:1 1 52%}
  .eyebrow::before{display:none}
  .hero h1{font-size:clamp(58px,5.6vw,78px)}
  .hero-sub{margin:0 0 32px}
  .stage{flex:1 1 48%;margin:0;padding:40px 0 64px}
  .stage-disc{width:100%;max-width:560px}
  .stage-img{width:min(25vw,300px)}
  .chip-1{top:9%;left:5%}
  .chip-2{top:3%;right:7%}
  .chip-3{bottom:12%;right:5%}
  .chip-4{bottom:6%;left:6%}
  .ticker-in{grid-template-columns:repeat(4,1fr);padding:14px 6px}
  .tk{justify-content:center;padding:8px 14px;font-size:13.5px}
  .ing-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .ing p{max-width:none}
  .plan-grid{grid-template-columns:repeat(2,1fr);gap:18px;align-items:stretch;max-width:820px;margin-left:auto;margin-right:auto}
  .plan.hot{transform:scale(1.035)}
  .how-grid{grid-template-columns:0.9fr 1.1fr;gap:72px}
  .arrive-grid{grid-template-columns:0.9fr 1.1fr;gap:72px}
  .st{grid-template-columns:52px 1fr;padding:26px 0}
  .st h3{font-size:21px}
  .dock{display:none}
  .sec,.how,.arrive,.vs{padding-left:40px;padding-right:40px}
}

@media(min-width:760px){.choose-grid{grid-template-columns:1fr 1fr !important}}
/* ---- site nav + breadcrumb (ported, media-correct) ---- */
:root{--white:#FFF;--black:#0A0A0A;--dark:#1A1A1A;--teal:#00B4C5;--teal-dark:#009BAA;--teal-light:#E0F7FA;--gray-50:#F8FAFB;--gray-100:#F1F4F6;--gray-200:#E2E7EB;--gray-400:#94A3B0;--gray-500:#6B7C8A;--gray-600:#4A5568;--gray-800:#2D3748;--green:#10B981;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',-apple-system,sans-serif;--radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 4px 20px rgba(0,0,0,0.06);--shadow-lg:0 12px 40px rgba(0,0,0,0.08);--shadow-teal:0 8px 30px rgba(0,180,197,0.2)}
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,0.05);padding:0 40px}.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{height:32px}.nav-links{display:flex;align-items:center;gap:24px;white-space:nowrap}.nav-links a{font-size:15px;font-weight:500;color:var(--gray-600);text-decoration:none;transition:color 0.2s}.nav-links a:hover{color:var(--dark)}.nav-cta{background:var(--teal)!important;color:var(--white)!important;padding:10px 28px!important;border-radius:100px!important;font-weight:600!important;font-size:14px!important;transition:all 0.2s!important}.nav-cta:hover{background:var(--teal-dark)!important;transform:translateY(-1px);box-shadow:var(--shadow-teal)}.nav-portal{color:var(--teal)!important;font-weight:600!important}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--dark);margin:5px 0;border-radius:2px}
.breadcrumb{max-width:1200px;margin:0 auto;padding:16px 40px;font-size:13px;color:var(--gray-400)}.breadcrumb a{color:var(--gray-500);text-decoration:none}.breadcrumb a:hover{color:var(--teal)}
/* ===== Canonical mega-menu nav (injected) ===== */
.nav-links{display:flex;align-items:center;gap:28px}
.nav-item{position:relative}
.nav-item > a{font-size:15px;font-weight:500;color:#4A5568;text-decoration:none;transition:color 0.2s;padding:26px 0;display:inline-flex;align-items:center}
.nav-item > a:hover{color:#1A1A1A}
.nav-item > a .chev{display:inline-block;margin-left:4px;transition:transform 0.2s;vertical-align:middle}
.nav-item:hover > a .chev{transform:rotate(180deg)}
.megamenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(0);background:#fff;border:1px solid #E2E7EB;border-radius:20px;box-shadow:0 20px 50px rgba(15,30,60,0.14);padding:22px;min-width:520px;opacity:0;visibility:hidden;transition:all 0.2s;pointer-events:none;z-index:200}
.nav-item:hover .megamenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(8px)}
.mm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.mm-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:#1A1A1A;transition:background 0.15s}
.mm-link:hover{background:#F4EDE1}.mm-link img{transition:transform .2s}.mm-link:hover img{transform:translateY(-3px)}
.mm-link img{width:34px;height:48px;flex-shrink:0;object-fit:contain}
.mm-link-text{display:flex;flex-direction:column;line-height:1.2}
.mm-link-text strong{font-size:14px;font-weight:600;color:#1A1A1A}
.mm-link-text span{font-size:12px;color:#6B7C8A;margin-top:2px}
.mm-footer{margin-top:12px;padding-top:12px;border-top:1px solid #F1F4F6;display:flex;justify-content:space-between;align-items:center}
.mm-footer .mm-count{font-size:12px;color:#6B7C8A}
.mm-footer a{font-size:13px;font-weight:600;color:#00B4C5;text-decoration:none}
.nav-links a.nav-active,.nav-item.nav-active > a{color:#00B4C5;font-weight:600}
@media (max-width:900px){
  .nav-item .megamenu{display:none}
  .mobile-menu-btn{display:block}
  .nav-links{display:none}
  .nav.mobile-open .nav-links{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:72px;left:0;right:0;background:#FFFFFF;box-shadow:0 12px 40px rgba(0,0,0,0.12);padding:24px 20px;gap:18px;border-bottom:1px solid #E2E7EB;z-index:99}
  .nav.mobile-open .nav-item > a{padding:0}
  .nav.mobile-open .nav-links a{font-size:16px}
  .nav.mobile-open .mobile-menu-btn span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav.mobile-open .mobile-menu-btn span:nth-child(2){opacity:0}
  .nav.mobile-open .mobile-menu-btn span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
}
/* ===== end canonical mega-menu nav ===== */
/* ===== Canonical footer (injected) ===== */

@media(max-width:768px){.nav{padding:0 20px}.breadcrumb{padding:12px 20px}.nav-links{display:none}.mobile-menu-btn{display:block}.nav.mobile-open .nav-links{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#FFFFFF;box-shadow:0 12px 40px rgba(0,0,0,0.12);padding:20px;border-bottom:1px solid #E2E7EB;gap:16px}.nav.mobile-open{background:#FFFFFF}}
.breadcrumb{background:transparent}
.pay{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px auto 0;max-width:820px}.pay-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.pay-l{font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-right:4px;min-width:64px;text-align:right}.pay-c{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 11px}.pay-c img{width:14px;height:14px;border-radius:3px}.who{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin:22px auto 0}.who>div{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px 18px}.who h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:0 0 6px}.who p{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}@media(max-width:640px){.who{grid-template-columns:1fr}.pay{gap:12px}.pay-row{gap:5px}.pay-l{flex-basis:100%;min-width:0;text-align:center;margin:0 0 2px}.pay-c{font-size:11.5px;padding:5px 9px;gap:0}.pay-c img{display:none}}
.stack{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px auto 0;max-width:820px;background:rgba(255,255,255,0.045);border:1px dashed rgba(255,255,255,0.28);border-radius:20px;padding:20px 24px;text-align:left;color:#F5EFE6;text-decoration:none;transition:border-color .2s,background .2s}
.stack:hover{border-color:var(--teal);background:rgba(255,255,255,0.07)}
.stack-kick{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.stack-h{font-size:18px;font-weight:800;letter-spacing:-0.02em;line-height:1.2}
.stack-sub{font-size:13.5px;color:rgba(245,239,230,0.6);margin-top:6px;line-height:1.5}
.stack-price{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.stack-num{font-size:30px;font-weight:800;letter-spacing:-0.04em;line-height:1}
.stack-cta{display:inline-flex;align-items:center;border-radius:100px;padding:11px 18px;font-size:14px;font-weight:700;background:#FDFAF4;color:var(--ink);white-space:nowrap}
@media(max-width:640px){.stack{flex-direction:column;align-items:stretch}.stack-price{flex-direction:row;align-items:center;justify-content:space-between}}

/* Tirzepatide: blue palette on the PT-141 template */
:root{--rose:#0A8C99;--blush:#EAF6F8;--blush-2:#CFEBEF}
.stage-disc.vial::before{background:radial-gradient(ellipse at 50% 50%,rgba(207,235,239,0.95) 0%,rgba(207,235,239,0.45) 48%,rgba(207,235,239,0) 72%)}
.stage-disc.vial .stage-img{width:36%;max-width:220px;position:relative;z-index:2}
.stage-disc.vial .chip{z-index:3}
.stage-disc.vial .chip-1{left:0;top:8%}.stage-disc.vial .chip-2{right:0;top:2%}.stage-disc.vial .chip-3{right:0;bottom:6%}.stage-disc.vial .chip-4{left:0;bottom:6%}
@media(max-width:480px){
  /* phones: the vial is tall and the stage is narrow, so the four labels flow underneath it instead of floating on top */
  .stage-disc.vial{aspect-ratio:auto;flex-wrap:wrap;justify-content:center;gap:10px;padding:6px 0 4px}
  .stage-disc.vial .stage-img{width:44%;max-width:180px;flex:0 0 100%;margin:0 auto 6px}
  .stage-disc.vial .chip{position:static;flex:0 0 calc(50% - 5px);margin:0;transform:none}
}
.hero-price{margin:14px 0 0;font-size:15px;color:var(--ink-2);font-weight:600}
.hero-price b{color:var(--ink);font-weight:800}
.dose-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
@media(min-width:720px){.dose-grid{grid-template-columns:1fr 1fr 1fr}}
.dose{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.dose:hover{border-color:var(--rose);box-shadow:0 12px 30px rgba(10,140,153,.12)}
.dose b{font-size:20px;font-weight:800;letter-spacing:-0.02em;margin-bottom:4px}
.dose span{display:flex;justify-content:space-between;font-size:14.5px;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:6px}
.dose span em{font-style:normal;font-weight:800;color:var(--ink)}
@media(max-width:480px){.quiz .qo{font-size:15px;padding:15px 16px;text-align:left;justify-content:space-between;line-height:1.25}}
@media(max-width:380px){.quiz .qo{font-size:14px;padding:14px 14px}}
