:root { --chem-coral:#c95d64; --chem-coral-deep:#a83f49; --chem-ink:#33282a; --chem-cream:#fff9f4; --chem-peach:#f7dfd0; }
.chemistry-demo-page { background:var(--chem-cream); color:var(--chem-ink); }
.chemistry-demo { width:min(1120px, calc(100% - 2.5rem)); margin:0 auto; padding:2rem 0 5rem; }
.chemistry-demo__breadcrumb { display:flex; gap:.6rem; color:#735d60; font-size:.92rem; margin:0 0 3rem; }.chemistry-demo__breadcrumb a { color:inherit; }
.chemistry-demo__hero { display:grid; grid-template-columns:1.3fr .7fr; gap:4rem; align-items:center; }.chemistry-demo__eyebrow,.chemistry-demo__card-label { color:var(--chem-coral-deep); font-size:.78rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.chemistry-demo h1 { font-size:clamp(2.5rem, 6vw, 4.9rem); line-height:.98; margin:.5rem 0 1.3rem; max-width:800px; }.chemistry-demo h2 { line-height:1.12; }.chemistry-demo__intro { font-size:1.25rem; line-height:1.6; max-width:690px; }.chemistry-demo__proof { list-style:none; padding:0; margin:1.75rem 0; display:grid; gap:.7rem; }.chemistry-demo__proof li::before { content:'✓'; color:var(--chem-coral-deep); font-weight:900; margin-right:.7rem; }.chemistry-demo__cta { display:inline-flex; gap:.7rem; align-items:center; background:var(--chem-coral); color:white; border-radius:999px; padding:.9rem 1.25rem; text-decoration:none; font-weight:800; box-shadow:0 8px 18px rgb(108 38 43 / .18); }.chemistry-demo__cta:hover { background:var(--chem-coral-deep); color:white; }.chemistry-demo__reassure { color:#735d60; font-size:.9rem; margin-top:1rem; }.chemistry-demo__notice { background:#fff0d9; border-left:4px solid #c67814; border-radius:.4rem; padding:1rem; }
.chemistry-demo__card { background:linear-gradient(145deg,#f7dfd0,#fff); padding:2rem; border:1px solid #e6c4b7; border-radius:1.5rem; box-shadow:0 20px 45px rgb(79 42 44 / .12); }.chemistry-demo__card img { width:98px; height:auto; }.chemistry-demo__card h2 { font-size:1.75rem; margin:.25rem 0 .75rem; }.chemistry-demo__card p { line-height:1.55; }.chemistry-demo__card dl { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0 0; }.chemistry-demo__card dt { color:#735d60; font-size:.8rem; }.chemistry-demo__card dd { font-weight:800; margin:.25rem 0 0; }
.chemistry-demo__steps { margin-top:6rem; }.chemistry-demo__steps > h2 { font-size:clamp(2rem,4vw,3rem); margin-top:.4rem; }.chemistry-demo__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2rem; }.chemistry-demo__grid article { background:white; border:1px solid #efdcd4; border-radius:1rem; padding:1.5rem; }.chemistry-demo__grid span { color:var(--chem-coral-deep); font-size:1.5rem; font-weight:900; }.chemistry-demo__grid h3 { margin:.8rem 0 .4rem; }.chemistry-demo__grid p,.chemistry-demo__disclosure p { color:#59494c; line-height:1.6; }.chemistry-demo__disclosure { margin-top:3rem; padding:2rem; border-radius:1rem; background:#f4e9df; }.chemistry-demo__disclosure h2 { margin-top:0; }.chemistry-demo--redirect { min-height:45vh; text-align:center; padding-top:8rem; }
.chemistry-demo__choices{margin-top:5rem;scroll-margin-top:1rem}.chemistry-demo__choices>h2{font-size:clamp(2rem,4vw,3rem);margin:.4rem 0 2rem}.chemistry-demo__choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.chemistry-demo__choice{display:flex;flex-direction:column;padding:1.5rem;border:1px solid #efdcd4;border-radius:1rem;background:#fff}.chemistry-demo__choice h3{font-size:1.35rem;margin:.25rem 0 .6rem}.chemistry-demo__choice>p:not(.chemistry-demo__card-label):not(.chemistry-demo__notice){color:#59494c;line-height:1.55}.chemistry-demo__choice ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:1rem 0}.chemistry-demo__choice li{padding:.3rem .55rem;border-radius:999px;background:#f7dfd0;color:#6b3c41;font-size:.78rem;font-weight:750}.chemistry-demo__choice .chemistry-demo__cta{margin-top:auto;width:max-content}.chemistry-demo__choice small{margin-top:.7rem;color:#735d60}
@media (max-width:760px) { .chemistry-demo { width:min(100% - 1.5rem,1120px); }.chemistry-demo__breadcrumb { margin-bottom:2rem; }.chemistry-demo__hero,.chemistry-demo__grid,.chemistry-demo__choice-grid { grid-template-columns:1fr; gap:1.25rem; }.chemistry-demo__steps { margin-top:3.5rem; } }