.benefits-page{color:#16221d;background:#f7f3e8;min-height:100vh}.benefits-page>header{border-bottom:1px solid #ded8ca;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.benefit-brand{color:inherit;font:700 21px Georgia,serif;text-decoration:none}.benefit-brand span{color:#fff;background:#145baf;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:9px;display:inline-grid}.benefits-page header nav{align-items:center;gap:22px;display:flex}.benefits-page header nav a{color:#66716c;font-size:11px;text-decoration:none}.benefits-page header nav .join{color:#fff;background:#16221d;border-radius:9px;padding:10px 13px;font-weight:900}.benefit-hero{background:radial-gradient(circle at 20% 30%,#fff5dc,#f7f3e8 45%);grid-template-columns:1.3fr .7fr;align-items:center;gap:55px;padding:75px 7vw;display:grid}.benefit-hero small,.benefit-intro small,.privacy-promise small,.benefit-cta small{letter-spacing:.17em;color:#9a7141;font-size:9px;font-weight:900}.benefit-hero h1{letter-spacing:-.04em;margin:17px 0;font:clamp(50px,6vw,82px)/1 Georgia,serif}.benefit-hero h1 em{color:#ff795f;font-weight:500}.benefit-hero p{color:#69746e;max-width:670px;font-size:16px;line-height:1.7}.benefit-hero>div>div{gap:8px;margin:25px 0 17px;display:flex}.benefit-hero>div>div a{color:#16221d;border:1px solid #d5cec0;border-radius:10px;padding:13px 16px;font-size:10px;font-weight:900;text-decoration:none}.benefit-hero>div>div a:first-child{color:#fff;background:#145baf;border-color:#145baf}.benefit-hero>div>span{color:#838d87;font-size:9px}.benefit-hero aside{color:#fff;background:#162c23;border-radius:22px;padding:24px;box-shadow:0 25px 60px #173a2825}.benefit-hero aside>small{color:#e8bb63}.benefit-hero aside>div{border-bottom:1px solid #ffffff14;grid-template-columns:28px 1fr auto;align-items:center;padding:13px 0;font-size:10px;display:grid}.benefit-hero aside b{color:#78988a}.benefit-hero aside i{color:#75d29b;font-size:8px}.benefit-intro{text-align:center;padding:70px 20px 25px}.benefit-intro h2,.privacy-promise h2,.benefit-cta h2{margin:12px 0;font:clamp(34px,4vw,55px) Georgia,serif}.benefit-intro p{color:#6d7772;max-width:690px;margin:auto;line-height:1.6}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 6vw 75px;display:grid}.benefit-grid article{background:#fffaf0;border:1px solid #ded8ca;border-radius:16px;padding:22px}.benefit-grid article>span{color:#a34838;background:#ffe0d8;border-radius:11px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.benefit-grid h3{margin:17px 0 8px;font:20px Georgia,serif}.benefit-grid p{color:#707b75;font-size:10px;line-height:1.6}.privacy-promise{color:#fff;background:#142b22;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;padding:65px 8vw;display:grid}.privacy-promise p{color:#afc0b8;line-height:1.7}.privacy-promise ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.privacy-promise li{background:#ffffff0b;border:1px solid #ffffff15;border-radius:9px;padding:12px;font-size:10px}.privacy-promise li:before{content:"✓";color:#72d09a;margin-right:9px}.benefit-cta{text-align:center;padding:80px 20px}.benefit-cta>span{color:#fff;background:#ff795f;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:24px;display:grid}.benefit-cta p{color:#6d7772}.benefit-cta>a{color:#fff;background:#145baf;border-radius:10px;margin:15px;padding:14px 18px;font-size:11px;font-weight:900;text-decoration:none;display:inline-block}.benefit-cta i{color:#7d8681;font-size:10px;display:block}.benefit-cta i a{color:#145baf}.benefits-page>footer{color:#75807a;justify-content:space-between;align-items:center;padding:25px 5vw;font-size:10px;display:flex}.benefits-page>footer a{color:#16221d;font:15px Georgia,serif;text-decoration:none}@media (max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-hero,.privacy-promise{grid-template-columns:1fr}}@media (max-width:600px){.benefits-page header nav a:not(.join){display:none}.benefit-grid{grid-template-columns:1fr}.benefit-hero{padding:55px 22px}.benefit-hero>div>div{flex-direction:column}.benefits-page>footer{text-align:center;flex-direction:column}}