.modality-page{font-family:var(--font-body,"Satoshi", sans-serif);color:var(--text-dark,#1a2e26);background:#fbf6f2;min-height:100vh}.modality-container{max-width:1100px;margin:0 auto;padding:0 20px}.modality-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#088b6f 0%,#2f6c52 100%);padding:150px 0 60px}.modality-badge{text-transform:uppercase;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;margin-bottom:16px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-block}.modality-hero h1{font-family:var(--font-heading,"Crimson Pro", serif);color:#fff;margin-bottom:12px;font-size:40px;font-weight:700}.modality-sub{opacity:.95;max-width:750px;margin:0 auto 28px;font-size:17px;line-height:1.6}.modality-selector{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modality-selector-btn{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.modality-selector-btn:hover{background:#ffffff40}.modality-selector-btn.active{color:#088b6f;background:#fff;border-color:#fff}.modality-body{padding:60px 0}.modality-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:50px;display:grid}.modality-card{background:#fff;border:1px solid #e3e3e3;border-radius:16px;padding:36px;box-shadow:0 4px 16px #00000008}.modality-card h2{font-family:var(--font-heading,"Crimson Pro", serif);color:#1a2e26;margin-bottom:20px;font-size:24px;font-weight:700}.modality-list{margin:0;padding:0;list-style:none}.modality-list li{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 0;font-size:15px;line-height:1.5}.modality-cta{background:#fff;border:1px solid #e3e3e3;border-radius:16px;padding:50px 24px;box-shadow:0 4px 16px #00000008}.modality-cta h2{font-family:var(--font-heading,"Crimson Pro", serif);color:#1a2e26;margin-bottom:10px;font-size:30px;font-weight:700}.modality-cta p{color:#4b5563;margin-bottom:24px;font-size:16px}@media (max-width:768px){.modality-hero{padding:130px 0 45px}}
