/* Customer review, 20 October 2026. */
#pain .heading-top > div { min-width: 0; }
#pain .subheading { max-width: none; text-wrap: initial; }
#pain .pain-invitation { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #95d8b8; border-radius: 999px; padding: 12px 18px; min-height: 46px; background: #e6fff2; color: #075d40; font-family: inherit; font-weight: 600; line-height: 1.35; text-align: left; flex-shrink: 0; cursor: pointer; }
#pain .pain-invitation:hover { background: #caffea; border-color: #008657; }
#pain .pain-invitation:focus-visible { outline: 3px solid #008657; outline-offset: 4px; }
#pain .tagline { margin-top: 26px; color: #008657; font-size: clamp(21px, 2.2vw, 30px); line-height: 1.3; font-weight: 700; letter-spacing: -.025em; text-wrap: balance; }
.keep-together { white-space: nowrap; }
@media (min-width: 761px) {
 #pain .heading-top { align-items: flex-end; }
 #pain .pain-intro-line { display: block; }
 #how .subheading { max-width: none; text-wrap: initial; }
 .coming { grid-template-columns: minmax(0, 1fr) auto; }
 .coming .coming-title .green { display: block; }
}
/* Seven navigation links fit on desktop; use the menu on smaller laptops. */
@media (min-width: 1101px) { .header nav { gap: clamp(14px, 1.7vw, 25px); } .header .inner { gap: 18px; } }
@media (min-width: 761px) and (max-width: 1100px) {
 .header .menu-btn { display: inline-flex; }
 .header nav { display: none; position: absolute; top: 82px; left: 0; right: 0; padding: 22px; margin: 0; background: #fff; border-bottom: 1px solid #e6efec; box-shadow: 0 18px 35px #122c1c19; flex-direction: column; align-items: flex-start; gap: 8px; max-height: calc(100dvh - 82px); overflow-y: auto; }
 .header nav.open { display: flex; }
 .header nav a { display: flex; align-items: center; min-height: 44px; font-size: 15px; }
}
.blog-page main { min-height: 62vh; padding-block: 68px 80px; }
.blog-page .blog-start { border-top: 1px solid #dce4e5; margin-top: 38px; padding-top: 32px; }
.blog-page .blog-mark { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: #caffea; color: #075d40; font-size: 32px; }
.blog-page .blog-start h2 { margin-top: 22px; }
.blog-page .blog-start p { max-width: 550px; }
.blog-page .blog-start .btn { white-space: normal; text-align: center; }
.blog-page .blog-back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 28px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .blog-page main { padding-block: 42px 56px; } }