:root{--navy:#14324F;--teal:#1F8A8A;--sand:#F4EFE6;--orange:#E07A3F;--grey:#5A6B7B;--line:#e3ddd2}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55;font-size:1rem;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.narrow{max-width:640px}
section{padding:56px 0}
.sand{background:var(--sand)}
.navy,.hero{background:var(--navy);color:#fff}
.hero{padding:64px 0 72px}
h1{font-size:clamp(2.4rem,9vw,4rem);line-height:1.05;margin:.2em 0 .3em;letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,5.5vw,2.3rem);line-height:1.15;margin:.2em 0 1em;letter-spacing:-.01em}
h3{font-size:1.05rem;margin:.2em 0 .4em}
.lead{font-size:clamp(1.1rem,3.6vw,1.35rem);max-width:36ch;opacity:.95;margin:0 0 1.6em}
.label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0}
.label.teal{color:var(--teal)}
.btn{display:inline-block;background:var(--orange);color:#fff;border:0;border-radius:8px;padding:14px 22px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn:hover,.btn:focus-visible{filter:brightness(.93)}
.flow{margin:0 0 28px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;overflow:hidden}
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:1fr 1fr}.cards.four{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.cards.four{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
#hoe .card{background:var(--sand);border:0}
.card p{color:var(--grey);margin:0}
.card.dark{background:var(--teal);border-color:var(--teal);color:#fff}
.num{display:inline-block;color:var(--orange);font-weight:700}
ul.x,ul.check{list-style:none;margin:0;padding:0}
ul.x li,ul.check li{padding:6px 0 6px 26px;position:relative}
ul.x li{color:var(--grey)}
ul.x li::before{content:"✕";position:absolute;left:0;color:var(--orange);font-weight:700}
ul.check li::before{content:"✓";position:absolute;left:0;font-weight:700}
.kicker{margin:28px 0 0;padding-left:16px;border-left:4px solid var(--orange);font-weight:600;font-size:1.1rem}
.stat strong{display:block;font-size:1.6rem;color:var(--teal);margin-bottom:4px}
blockquote{margin:16px 0 0}
blockquote p{font-size:clamp(1.25rem,4.4vw,1.8rem);line-height:1.35;font-weight:600;margin:0 0 .8em;max-width:44ch}
blockquote footer{opacity:.85}
.form{display:flex;flex-direction:column;gap:6px}
.form label{font-weight:600;font-size:.9rem;margin-top:10px}
.form input,.form textarea{width:100%;font:inherit;color:var(--navy);padding:12px;border:1px solid #cfc8bb;border-radius:8px;background:#fff}
.form input:focus,.form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}
.form .btn{margin-top:18px;width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.small{font-size:.85rem;color:var(--grey);margin-top:14px}
.foot{background:var(--navy);color:#fff;text-align:center;padding:22px 0;font-size:.9rem}