/* tokens measured off the Wuffes 5-Reasons v1 render (donors/, 2026-11-05) */
@font-face{font-family:"Satoshi Variable";src:url(fonts/satoshi.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-600.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-700.woff2) format("woff2");font-weight:700;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;color:#212427;background:#fffaf7;font-size:16px;line-height:24px;padding-bottom:72px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Satoshi Variable",Satoshi,Inter,sans-serif;color:#17443d;font-weight:700}
.ann{background:#17443d;color:#fff;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:8px 12px;font-size:13px;font-weight:600}
.ann .rt{color:#c5fa56}
.ann a{text-decoration:underline}
.sale{background:#17443d;border-top:1px solid #2c5a52;text-align:center;padding:10px 12px 12px;font-family:Poppins,Inter,sans-serif}
.sh1{color:#c5fa56;font-weight:700;font-size:14px;line-height:19.6px}
.sh2{color:#fff;font-weight:600;font-size:12px;line-height:16.8px;margin-top:2px}
.sh3{color:#fff;font-size:12px;opacity:.85;margin-top:2px}
.hero{background:#f7ece1}
.in{max-width:720px;margin:0 auto;padding:24px 20px}
.heroimg{border-radius:16px;width:100%;margin-bottom:20px}
.hero h1{font-size:30px;line-height:38px}
.byline{margin:14px 0 16px}
.by{font-weight:700}
.dt{font-size:14px;line-height:20px}
.hero p{margin-bottom:12px}
.r{border-bottom:1px solid #efe3d6}
.r h2{font-size:24px;line-height:32px;margin:18px 0 10px}
.r p{margin-bottom:12px}
.rimg{border-radius:16px;width:100%;max-height:440px;object-fit:cover}
.tbl{border:1px solid #17443d;border-radius:12px;overflow:hidden;margin-top:10px;background:#fff}
.tr{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6ddd3}
.tr span{padding:10px 12px;font-size:14px;line-height:20px}
.tr span:first-child{font-weight:700}
.th{background:#17443d;border-top:0}
.th span{color:#fff;font-size:16px;line-height:24px;font-weight:700}
.tags{overflow:hidden;margin-top:6px}
.tagtrack{display:flex;flex-wrap:nowrap;gap:8px;width:max-content;animation:mq 30s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tagtrack{animation:none;flex-wrap:wrap;width:auto}}
.tag{display:inline-flex;align-items:center;gap:6px;background:#17443d;color:#fff;font-size:14px;font-weight:500;line-height:20px;padding:8px 14px;border-radius:999px;white-space:nowrap}
.tag svg circle{fill:#c5fa56}.tag svg path{stroke:#17443d}
.ugc{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory}
.ugc img{height:340px;width:auto;border-radius:14px;scroll-snap-align:start;border:1px solid #e6ddd3}
.rvs{display:grid;gap:12px;margin:8px 0 18px}
.rv{background:#fff;border:1px solid #e6ddd3;border-radius:16px;padding:16px}
.rv .stars{display:flex;gap:2px;margin-bottom:6px}
.rvt{font-weight:700}
.rvn{font-size:18px;font-weight:700;line-height:28px;margin:0!important}
.rvn span{font-size:12px;font-weight:500;color:#17443d;margin-left:6px}
.cta{display:block;text-align:center;background:#c5fa56;color:#212427;font-weight:700;font-size:14px;line-height:24px;padding:12px 16px;border-radius:999px;border:2px solid #17443d;margin:10px 0 18px;text-transform:uppercase}
.steps{display:grid;gap:12px;margin-top:16px}
.step{background:#f7ece1;border-radius:14px;padding:16px}
.step .sh{font-family:"Satoshi Variable",Inter,sans-serif;font-size:20px;line-height:28px;font-weight:700;margin-bottom:6px}
.step p:last-child{margin:0}
.offer{background:#17443d;padding:28px 16px}
.offer .card{max-width:560px;margin:0 auto;background:#fff;border-radius:20px;padding:20px;position:relative}
.lbl{position:absolute;top:16px;left:16px;background:#c5fa56;color:#212427;font-size:14px;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid #17443d}
.offer .card>img{border-radius:14px;margin-bottom:12px}
.proof{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.offer h2{color:#212427;font-size:24px;line-height:32px;margin:6px 0 10px}
.bl{list-style:none;display:grid;gap:8px;margin-bottom:14px}
.bl li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:20px}
.bl svg{flex:0 0 18px;margin-top:1px}
.tiers{display:grid;gap:10px}
.tier{display:grid;grid-template-columns:22px 1fr;gap:2px 8px;align-items:center;border:2px solid #e6ddd3;border-radius:14px;padding:12px;cursor:pointer}
.tier.on{border-color:#17443d;background:#f6ffe6}
.tier input{accent-color:#17443d}
.tn{font-weight:700;font-size:15px}
.tp{grid-column:2;font-weight:700;color:#17443d}
.ts{grid-column:2;font-size:13px;color:#555}
.tier ul{grid-column:2;font-size:13px;line-height:19px;margin:4px 0 0 16px;color:#333}
.cta.big{font-size:15px;padding:14px 16px;margin:16px 0}
.offer h3{font-size:18px;line-height:26px;color:#212427;margin-bottom:8px}
.final{margin-top:12px;background:#17443d;color:#c5fa56;font-weight:700;font-size:13px;line-height:19px;text-align:center;border-radius:10px;padding:10px}
.ft{background:#17443d;color:#fff;font-size:12px;line-height:18px;text-align:center;padding:20px 16px 28px;border-top:1px solid #2c5a52}
.sticky{position:fixed;left:0;right:0;bottom:0;background:#17443d;padding:10px 16px;z-index:20}
.sticky a{display:block;max-width:520px;margin:0 auto;text-align:center;background:#c5fa56;color:#212427;font-weight:700;font-size:14px;line-height:24px;padding:10px 12px;border-radius:999px;text-transform:uppercase}
@media (min-width:900px){.hero h1{font-size:40px;line-height:48px}.r h2{font-size:28px;line-height:36px}.rvs{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}