*{box-sizing:border-box}
body{margin:0;font-family:"Inter",sans-serif;background:#f4fbfb;color:#15313c}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:0 auto}
.top{position:sticky;top:0;z-index:20;background:#ffffffeb;border-bottom:1px solid #d2e6e8;backdrop-filter:blur(8px)}
.top__row{min-height:72px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800}
.nav{display:flex;gap:1rem}
.nav a{padding:.45rem .7rem;border-radius:999px;color:#4d6a75}
.nav a.active,.nav a:hover{background:#daf0f2;color:#164450}
.nav-toggle{display:none;border:0;background:none;font-size:1.45rem}

.intro{padding:2.3rem 0 1.1rem}
.intro__wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.eyebrow{margin:0;color:#2f8f98;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}
h1{margin:.55rem 0 1rem;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08}
.lead{line-height:1.8;color:#4d6a75}
.intro__actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-flex;padding:.72rem 1.02rem;border-radius:12px;font-weight:700}
.btn--primary{background:#23b4a6;color:#072e30}
.btn--ghost{border:1px solid #8ec5cb;color:#1a5f70}

.quick-card{background:#fff;border:1px solid #cae4e8;border-radius:18px;padding:1rem 1.1rem;box-shadow:0 12px 28px #10323814}
.quick-card ul{margin:.5rem 0 .8rem;padding-left:1rem;color:#4d6a75;line-height:1.7}

.symptoms{padding:1rem 0 2rem}
.symptoms h2,.therapy-flow h2,.day-plan h2,.final-cta h3{margin:0 0 .9rem}
.tags{display:flex;flex-wrap:wrap;gap:.6rem}
.tags span{background:#e0f1f3;border:1px solid #c4e1e5;color:#225f6b;padding:.45rem .7rem;border-radius:999px;font-weight:600;font-size:.92rem}

.therapy-flow{padding:0 0 2rem}
.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.flow-step{background:#fff;border:1px solid #cae4e8;border-radius:16px;padding:1rem;box-shadow:0 8px 22px #10323810}
.flow-step small{display:block;color:#27a599;font-weight:800;letter-spacing:.08em;margin-bottom:.45rem}
.flow-step p{color:#4d6a75;line-height:1.7}

.day-plan{padding:0 0 2rem}
.day-plan__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#fff;border:1px solid #cae4e8;border-radius:16px;padding:1rem 1.1rem}
.day-plan__grid p{color:#4d6a75;line-height:1.7}
.day-plan__grid ul{margin:0;padding-left:1rem;color:#315463;line-height:1.8}

.final-cta{padding:0 0 2.2rem}
.final-cta__box{background:linear-gradient(140deg,#ddf3f3,#f7fcfd);border:1px solid #b6dde1;border-radius:18px;padding:1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.final-cta__box p{margin:.4rem 0 0;color:#3e6571;line-height:1.7}

.footer{border-top:1px solid #d2e6e8;padding:1.2rem 0;color:#62828a;font-size:.92rem}
.footer__row{display:flex;justify-content:space-between}

@media (max-width:920px){
	.intro__wrap,.flow-grid,.day-plan__grid,.final-cta__box{grid-template-columns:1fr;display:grid}
	.nav-toggle{display:block}
	.nav{display:none;position:absolute;right:4%;top:66px;background:#fff;border:1px solid #cae4e8;border-radius:12px;padding:.7rem;flex-direction:column}
	.nav.open{display:flex}
	.footer__row{flex-direction:column;gap:.3rem;align-items:center}
}