.customer-result { background: var(--forest); color: white; }
.hero-result-note { display: block; max-width: 620px; margin-top: 16px; color: #82978f; font-size: 10px; line-height: 1.5; }
.hero-copy h1.result-headline { max-width: 680px; font-size: clamp(46px, 5.2vw, 68px); }
.brand-logo-link { display: inline-flex; align-items: center; height: 48px; }
.brand-logo { display: block; width: 190px; height: auto; }
.footer-logo { height: 58px; }
.footer-logo .brand-logo { width: 210px; }
.footer-grid a:hover { color: white; }
.result-proof { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.result-number { position: relative; min-height: 360px; border: 1px solid #345247; display: flex; flex-direction: column; justify-content: center; padding: 45px; background: repeating-linear-gradient(165deg, rgba(185,239,125,.035) 0 12px, transparent 12px 25px); }
.result-number::before { content: "✓"; position: absolute; right: 30px; top: 28px; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--lime); color: var(--forest); font-family: var(--display); font-weight: 800; }
.result-number span, .result-number small { font-family: var(--display); font-weight: 800; letter-spacing: .14em; color: #a9bdb5; }
.result-number strong { font-family: var(--display); font-size: clamp(56px,7vw,88px); letter-spacing: -.07em; line-height: 1; color: var(--lime); margin: 17px 0; }
.result-story blockquote { font-family: var(--display); font-weight: 800; font-size: clamp(30px,4vw,45px); line-height: 1.13; letter-spacing: -.045em; margin: 18px 0 25px; }
.result-story > p:not(.section-label) { color: #b5c5bf; font-size: 17px; }
.result-story ul { display: flex; flex-wrap: wrap; gap: 10px 20px; list-style: none; padding: 0; margin: 25px 0; }
.result-story li { font-size: 13px; color: #d5e0dc; }
.result-story li span { color: var(--lime); margin-right: 5px; }
.text-link { display: inline-flex; gap: 12px; align-items: center; color: var(--lime); font-family: var(--display); font-weight: 800; border-bottom: 1px solid #527166; padding-bottom: 5px; }
.results-note { display: block; max-width: 670px; color: #82978f; font-size: 10px; line-height: 1.5; margin-top: 25px; }
@media (max-width: 900px) { .result-proof { grid-template-columns: 1fr; gap: 45px; } .result-number { min-height: 280px; } }
@media (max-width: 600px) { .hero-copy h1.result-headline { font-size: 43px; } .brand-logo-link { height: 42px; } .brand-logo { width: 150px; } .footer-logo .brand-logo { width: 180px; } .result-number { min-height: 230px; padding: 30px; } .result-number::before { width: 40px; height: 40px; right: 20px; top: 20px; } .result-story blockquote { font-size: 32px; } .result-story ul { display: grid; } }