/* Homepage redesign packet, Oct 27 2026. Scoped to body.hp26 so no other page changes. */
.hp26{--hp-green:#1F5A2E;--hp-green-d:#174822;--hp-ink:#171815;--hp-mut:#59655d;--hp-line:#DDD9CD}
.hp26 .shell{max-width:1200px}
/* one primary button: deep green, white text, same height/radius everywhere on this page */
.hp26 .button-accent,.hp26 .button-dark{background:var(--hp-green);border-color:var(--hp-green);color:#fff;border-radius:12px;font-weight:700}
.hp26 .button-accent:hover,.hp26 .button-dark:hover{background:var(--hp-green-d);border-color:var(--hp-green-d);color:#fff}
.hp26 .button-accent{min-height:52px}
.hp26 .button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1.5px solid var(--hp-green);border-radius:12px;color:var(--hp-green);font-weight:700;text-decoration:none;background:#fff}
.hp26 .button-secondary:hover{background:#EEF5EC}
/* hero */
body.hp26 #w26-home h1{font-size:clamp(2.25rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.035em;max-width:none;text-wrap:balance;margin:12px 0 14px}
.hp26 .hx2-hint{font-size:.82rem;color:var(--hp-mut)}
.hp26 .w26-trustline{margin:14px 0 0;font-size:.84rem;color:var(--hp-mut);font-weight:600}
.hp26 .w26-example .eyebrow+h2{margin-top:6px}
.hp26 .w26-chart-head a{text-decoration:none;font-weight:700;color:var(--hp-ink)}
.hp26 .w26-chart-head a:after{content:" \2192";opacity:0;transition:opacity .15s}
.hp26 .w26-chart-head a:hover:after,.hp26 .w26-chart-head a:focus-visible:after{opacity:1}
.hp26 .w26-example .button-secondary{margin-top:6px}
/* one link style: no underline, arrow, underline on hover (body copy excepted) */
.hp26 .hp-link{font-weight:700;color:var(--hp-green);text-decoration:none}
.hp26 .hp-link:after{content:" \2192"}
.hp26 .hp-link:hover{text-decoration:underline;text-underline-offset:3px}
/* consistent rhythm */
.hp26 .hp-sec{padding:64px 0}
.hp26 .hp-sec.alt{background:#F3F2EB}
.hp26 .hp-sec h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 8px}
.hp26 .hp-sub{color:var(--hp-mut);max-width:62ch;margin:0 0 26px;line-height:1.6}
/* trade chips */
.hp26 .hp-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.hp26 .hp-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--hp-line);border-radius:999px;background:#fff;color:var(--hp-ink);font-weight:700;text-decoration:none}
.hp26 .hp-chips a:hover{border-color:var(--hp-green);color:var(--hp-green)}
/* clickable cards */
.hp26 .hp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hp26 .hp-card{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid var(--hp-line);border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.hp26 .hp-card:hover,.hp26 .hp-card:focus-visible{border-color:#8FB08A;box-shadow:0 10px 28px rgba(23,24,21,.07)}
.hp26 .hp-card:focus-visible{outline:3px solid var(--hp-green);outline-offset:3px}
.hp26 .hp-card h3{font-size:1.15rem;line-height:1.25;letter-spacing:-.02em;margin:12px 0 8px}
.hp26 .hp-card p{margin:0 0 14px;color:#51534d;line-height:1.55;font-size:.96rem}
.hp26 .hp-card .hp-fact{margin-top:auto;padding-top:12px;border-top:1px solid #E7E3D6;font-weight:700;font-size:.92rem;color:var(--hp-ink)}
.hp26 .hp-card .hp-go{margin-top:10px;font-weight:700;color:var(--hp-green)}
.hp26 .hp-card .hp-go:after{content:" \2192"}
.hp26 .hp-card small{display:block;margin-top:8px;color:var(--hp-mut);font-size:.8rem;line-height:1.45}
.hp26 .hp-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#EAF0E4}
.hp26 .hp-icon svg{width:22px;height:22px;fill:none;stroke:var(--hp-green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hp26 .hp-cards.six{grid-template-columns:repeat(3,minmax(0,1fr))}
/* trust row + price changes */
.hp26 .hp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hp26 .hp-trust h3{font-size:1.05rem;margin:12px 0 6px}
.hp26 .hp-trust p{margin:0;color:#51534d;line-height:1.55;font-size:.95rem}
.hp26 .hp-changes{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.hp26 .hp-changes li{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:baseline;padding:16px 18px;border:1px solid var(--hp-line);border-radius:14px;background:#fff}
.hp26 .hp-changes time{font-size:.8rem;font-weight:700;color:var(--hp-mut);white-space:nowrap}
.hp26 .hp-changes b{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-green)}
.hp26 .hp-changes a{font-weight:700;color:var(--hp-ink);text-decoration:none}
.hp26 .hp-changes a:hover{text-decoration:underline;text-underline-offset:3px}
/* FAQ */
.hp26 .hp-faq details{border:1px solid var(--hp-line);border-radius:14px;background:#fff;padding:0 18px;margin:0 0 10px}
.hp26 .hp-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700;list-style:none}
.hp26 .hp-faq summary::-webkit-details-marker{display:none}
.hp26 .hp-faq summary:after{content:"+";margin-left:auto;font-size:1.3rem;color:var(--hp-green)}
.hp26 .hp-faq details[open] summary:after{content:"\2212"}
.hp26 .hp-faq details p{margin:0 0 16px;color:#51534d;line-height:1.6}
.hp26 .hp-faq details p a{color:var(--hp-green);text-decoration:underline;text-underline-offset:3px}
/* final CTA */
.hp26 .hp-final{background:var(--hp-green);color:#fff;padding:56px 0;text-align:center}
.hp26 .hp-final h2{color:#fff;margin:0 0 8px}
.hp26 .hp-final p{margin:0 0 22px;color:#DCEBD8}
.hp26 .hp-final .button{background:#fff;border-color:#fff;color:var(--hp-green-d)}
.hp26 .hp-final .button:hover{background:#EEF5EC;color:var(--hp-green-d)}
@media(max-width:900px){.hp26 .hp-cards,.hp26 .hp-cards.six,.hp26 .hp-trust{grid-template-columns:1fr}.hp26 .hp-sec{padding:44px 0}}
@media(max-width:760px){body.hp26 #w26-home h1{font-size:2.25rem}.hp26 .hp-changes li{grid-template-columns:1fr}}
.hp26 #w26-home a.hp-card,.hp26 #w26-home a.hp-card *{text-decoration:none}
body.hp26 #w26-home h1{font-size:clamp(2.1rem,3.6vw,3.25rem)}
.hp26 #w26-home .hp-chips a,.hp26 #w26-home a.button-secondary,.hp26 #w26-home .w26-chart-head a{text-decoration:none}
