/* Proposed 4R presentation, scoped to a local preview. Solid colours only. */
h1, h2, h3, h4, .social-item strong, .highlight-word { background-image: none; -webkit-text-fill-color: currentColor; }
.highlight-word { color: var(--accent); }
.btn-primary { background: var(--accent); }
.btn-primary:hover, .btn-primary:focus-visible { background: var(--accent-hover); }
.hero-content h1 { font-size: clamp(1.9rem,3.6vw,3rem); line-height: 1.16; letter-spacing: -.035em; }
.hero-sub { font-size: 1rem; }
.hero { padding-top: 84px; }
.hero-stat-2 { max-width: 185px; }
.method-section { background: #0c1420; }
.method-header { max-width: 810px; margin-bottom: 44px; }
.method-eyebrow { font-size: .72rem; letter-spacing: .13em; font-weight: 600; color: var(--accent); margin-bottom: 20px; }
.method-header h2 { font-size: clamp(1.8rem,3.3vw,2.6rem); line-height: 1.2; letter-spacing: -.035em; margin-bottom: 22px; }
.method-header > p:last-child { color: #aab8ca; line-height: 1.85; max-width: 720px; }
.method-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; }
.method-stage { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid #2b3849; border-radius: 14px; background: #111d2c; }
.method-stage:first-child { border-top: 3px solid var(--accent); }
.method-stage-label { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.method-step-number { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #654639; border-radius: 10px; font-size: .78rem; font-weight: 600; color: var(--accent); flex-shrink: 0; }
.method-stage h3 { font-size: 1.8rem; line-height: 1.15; color: #fff; letter-spacing: -.035em; }
.method-stage h4 { font-size: 1.08rem; line-height: 1.5; color: #f1f5fa; margin-bottom: 14px; }
.method-stage > p { font-size: .9rem; color: #afbdd0; line-height: 1.85; margin-bottom: 22px; }
.method-stage ul { margin: auto 0 25px; list-style: none; padding: 0; }
.method-stage ul li { position: relative; padding-left: 18px; color: #c6d1df; font-size: .82rem; line-height: 1.7; margin-bottom: 9px; }
.method-stage ul li::before { content: ''; width: 5px; height: 5px; background: var(--accent); position: absolute; left: 0; top: .65em; border-radius: 50%; }
.method-deliverable { border-top: 1px solid #2b3849; padding-top: 19px; }
.method-deliverable span { display: block; color: #91a4bc; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 7px; }
.method-deliverable strong { display: block; color: #f0f4fa; font-size: .88rem; line-height: 1.6; }
.method-measurement { display: flex; gap: 26px; align-items: center; padding: 28px 30px; background: #151d27; border: 1px solid #3b414b; border-radius: 12px; margin-top: 28px; }
.method-measure-symbol { font: 600 2.5rem/1 var(--font-head); letter-spacing: -.04em; color: var(--accent); }
.method-measurement h3 { font-size: 1.12rem; margin-bottom: 8px; }
.method-measurement p { font-size: .88rem; line-height: 1.8; color: #afbdd0; }
.method-footer { display: flex; justify-content: space-between; align-items: center; gap: 28px; margin-top: 30px; }
.method-footer p { max-width: 570px; font-size: .82rem; color: #aab8ca; line-height: 1.8; }
.method-footer .btn { flex-shrink: 0; }
.carebond-intro { border-top: 1px solid #293240; background: #0c131e; }
.carebond-intro h2 { font-size: clamp(1.65rem,2.6vw,2.1rem); }
section[id] { scroll-margin-top: 96px; }
@media (min-width:960px) {
 .hero { padding-top: 70px; }
 .hero-inner { gap: 54px; }
 .hero-content { flex: 1 1 54%; min-width: 0; max-width: 560px; flex-shrink: 1; }
 .hero-visual { flex: 1 1 42%; min-width: 0; max-width: 460px; flex-shrink: 1; }
}
@media (max-width:700px) {
 .method-grid { grid-template-columns: 1fr; }
 .method-stage { padding: 25px 22px; }
 .method-header h2 br { display: none; }
 .method-measurement { padding: 24px; align-items: flex-start; gap: 18px; }
 .method-measure-symbol { font-size: 1.8rem; }
 .method-footer { align-items: stretch; flex-direction: column; }
 .method-footer .btn { white-space: normal; text-align: center; justify-content: center; }
}
@media (max-width:639px) {
 .hero { padding-top: 52px; }
 section[id] { scroll-margin-top: 126px; }
 .method-section { padding-top: 60px; padding-bottom: 60px; }
 .method-header { margin-bottom: 30px; }
 .whatsapp-float { display: none; }
}

/* Footer alignment and simple colour-only CTA feedback. */
.btn, .btn:hover, .btn:focus-visible, .btn:active {
 box-shadow: none; filter: none; transform: none;
 transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn:focus-visible { outline: 2px solid var(--white); outline-offset: 4px; }
.whatsapp-float { box-shadow: none; }
.whatsapp-float:hover { background: #1ebe5d; box-shadow: none; transform: none; }
.footer-inner { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 28px; }
.footer-brand, .footer-links, .footer-contacts { min-width: 0; }
.footer-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.footer-links a { white-space: nowrap; }
.footer-contacts a { overflow-wrap: anywhere; }
@media (min-width: 768px) {
 .footer-inner { grid-template-columns: minmax(0,1fr) minmax(280px,auto); gap: 28px 36px; }
 .footer-brand { grid-column: 1 / -1; }
 .footer-links, .footer-contacts { align-self: start; }
}
@media (min-width: 1200px) {
 .footer-inner { grid-template-columns: minmax(0,1fr) auto minmax(280px,auto); gap: 36px; }
 .footer-brand { grid-column: auto; }
}