.charm-guide{font-size:18px;line-height:1.65}.charm-intro{background:var(--ink);color:var(--cream);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:70px 5vw;display:grid}.charm-intro h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(42px,6vw,84px);line-height:1.02}.charm-intro p{max-width:640px}.charm-intro figure{min-width:0;margin:0}.charm-intro img{width:100%;height:auto;display:block}.charm-intro figcaption,.charm-intro .concept-note{color:#ddd;margin-top:18px;font-size:14px}.charm-intro .hero-actions{flex-wrap:wrap}.charm-section{max-width:1500px;margin:auto;padding:70px 5vw}.charm-section h2{letter-spacing:-.04em;max-width:880px;margin:18px 0 26px;font-size:clamp(32px,4.4vw,58px);line-height:1.1}.charm-section>p{max-width:960px}.charm-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.charm-parts article{border:1px solid var(--ink);background:var(--cream);padding:28px}.charm-parts article>span{font-size:14px;font-weight:700}.charm-parts h3{margin:20px 0 16px;font-size:26px;line-height:1.2}.charm-parts a{margin-top:18px;display:inline-block}.charm-section a:not(.primary){text-underline-offset:4px;text-decoration:underline}.charm-note{margin-top:26px;font-size:16px}.charm-compare{background:var(--sun);max-width:none}.charm-table-wrap{border:1px solid var(--ink);margin:32px 0;overflow-x:auto}.charm-table-wrap table{border-collapse:collapse;background:var(--cream);width:100%;min-width:580px}.charm-table-wrap caption{text-align:left;background:var(--ink);color:#fff;padding:16px;font-size:16px}.charm-table-wrap th,.charm-table-wrap td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:22px;font-size:16px}.charm-table-wrap thead{background:var(--lime)}.charm-faq{background:var(--cream);max-width:none}.charm-faq details{border-bottom:1px solid var(--line);max-width:960px;padding:22px 0}.charm-faq summary{cursor:pointer;font-size:20px;font-weight:700}.charm-faq details p{margin-top:16px}.charm-guide .eyebrow{font-size:14px}.charm-guide a:focus-visible,.charm-guide summary:focus-visible{outline:3px solid var(--tomato);outline-offset:5px}@media (max-width:900px){.charm-intro{grid-template-columns:1fr;padding:44px 5vw}.charm-parts{grid-template-columns:1fr}.charm-section{padding:44px 5vw}.charm-intro figure{max-width:700px}.charm-faq .hero-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}