@font-face{font-family:CRA-Barlow;src:url('fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.cra-comparison{--ink:#122b28;--cream:#f2f0e8;--lime:#dbfb80;--white:#fffefa;--line:#c8cdc1;background:var(--cream);color:var(--ink);font:20px/1.35 Arial,sans-serif;padding:28px 32px 44px;max-width:1280px;margin:auto;box-sizing:border-box}
.cra-comparison *{box-sizing:border-box}
.cra-comparison h1,.cra-comparison h3,.cra-comparison p{margin:0}
.cra-comparison h1{font:700 clamp(42px,5.4vw,68px)/1.05 CRA-Barlow,Arial,sans-serif}
.cra-comparison .intro{font-size:clamp(20px,2.3vw,28px);line-height:1.35;margin:18px 0 34px;max-width:1160px}
.cra-comparison .comparison-grid{display:grid;grid-template-columns:1fr 2.06fr;gap:18px;align-items:stretch}
.cra-comparison article{padding:24px;border-radius:9px}
.cra-comparison .product-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column}
.cra-comparison .substance-card{background:var(--lime)}
.cra-comparison .eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.25;margin-bottom:18px}
.cra-comparison article h3{font:700 clamp(30px,3.6vw,44px)/1.1 CRA-Barlow,Arial,sans-serif;margin-bottom:18px}
.cra-comparison article>p:not(.eyebrow){font-size:clamp(19px,2.2vw,27px)}
.cra-comparison .pill{width:120px;height:98px;display:block;margin:12px auto 24px;flex-shrink:0}
.cra-comparison .roadblock{font-weight:700;margin-top:auto!important;padding-top:12px;font-size:clamp(23px,2.5vw,31px)!important;line-height:1.2}
.cra-comparison .substance-detail{display:grid;grid-template-columns:1fr 1.12fr;gap:22px;margin-top:34px;align-items:center}
.cra-comparison .molecule{width:100%;height:auto;display:block}
.cra-comparison .benefits{border-left:1px solid var(--ink);padding-left:24px;display:grid;gap:30px}
.cra-comparison .benefits .eyebrow{margin-bottom:14px}
.cra-comparison .benefit{font-size:clamp(21px,2.3vw,28px);font-weight:700;line-height:1.2}
.cra-comparison .comparison-goal{text-align:center;margin-top:38px}
.cra-comparison .comparison-goal h3{font:700 clamp(32px,4.2vw,52px)/1.08 CRA-Barlow,Arial,sans-serif;text-transform:uppercase}
.cra-comparison .comparison-goal p{margin-top:20px;font-size:clamp(20px,2.5vw,30px)}
@media(max-width:700px){.cra-comparison{padding:28px 20px 36px}.cra-comparison .comparison-grid{grid-template-columns:1fr;gap:18px}.cra-comparison article{padding:24px}.cra-comparison .product-card .pill{width:105px;height:80px;margin:10px auto}.cra-comparison .roadblock{padding-top:18px}.cra-comparison .substance-detail{grid-template-columns:1fr;gap:20px;margin-top:20px}.cra-comparison .molecule{max-width:270px;margin:auto}.cra-comparison .benefits{border-left:0;border-top:1px solid var(--ink);padding:22px 0 0;gap:25px}.cra-comparison .comparison-goal{margin-top:30px}}