.refraction-page{--rb:#087eaf;--rd:#09536f;--rl:#c8e4ec;color:#31586a}.refraction-page .sub-hero{background:linear-gradient(115deg,#f1faff,#f9fdff 54%,#e4f5fa)}.refraction-page h2,.refraction-page h3,.refraction-page .sub-title{color:var(--rd)}.rf-head{max-width:46rem;margin-bottom:1.5rem}.rf-head h2{margin:.4rem 0;font-size:clamp(1.55rem,3vw,2.2rem)}.rf-grid,.rf-split,.rf-faq{display:grid;gap:1rem}.rf-grid{grid-template-columns:repeat(3,1fr)}.rf-split{grid-template-columns:1fr 1fr}.rf-grid article,.rf-note,.rf-alert{padding:1.3rem;background:#fff;border:1px solid var(--rl);border-radius:14px}.rf-grid h3,.rf-note h2,.rf-alert h2{margin:.1rem 0 .6rem}.rf-grid p,.rf-note p{margin:0;line-height:1.8}.rf-note--soft{border-left:4px solid var(--rb);background:#f3fbfd}.rf-note .lower-button{margin:.85rem .35rem 0 0}.rf-alert{background:#f3fbfd}.rf-alert ul{margin:.5rem 0 0;padding-left:1.2rem}.rf-alert li{margin:.5rem 0;line-height:1.65}.rf-faq{grid-template-columns:repeat(2,1fr)}.rf-faq details{padding:0 1rem;background:#fff;border:1px solid var(--rl);border-radius:12px}.rf-faq summary{padding:1rem 0;cursor:pointer;font-weight:700;color:var(--rd)}.rf-faq p{margin:0;padding:0 0 1rem;line-height:1.7}.rf-cta{padding:clamp(1.5rem,4vw,3rem);border-radius:18px;background:linear-gradient(120deg,#087eaf,#0dadd0);color:#fff}.rf-cta h2,.rf-cta .sub-kicker{color:#fff}.rf-cta .lower-button{background:#fff;color:var(--rd);border-color:#fff}.rf-cta .lower-button--ghost{background:transparent;color:#fff}@media(max-width:760px){.refraction-page .sub-section{padding-top:2.65rem;padding-bottom:2.65rem}.rf-grid{grid-template-columns:1fr}.rf-split,.rf-faq{grid-template-columns:1fr}.rf-grid article,.rf-note,.rf-alert{padding:1.05rem}.rf-cta .lower-button{min-height:48px;font-size:.9rem}.rf-cta .lower-cta-row{gap:.6rem}}
