:root{--paper:#f7f8f5;--ink:#153d35;--green:#d4ee8b;--muted:#5a6c65}body{background:var(--paper)}header{background:#fff;max-width:none;height:88px;padding-inline:5%;border-bottom:1px solid #dce5df}header nav{gap:22px}.nav-cta{background:#153d35;color:white;border:0}.button{border-radius:8px;min-height:52px}.button:hover{box-shadow:0 6px 20px #173e3520}.visual-hero{position:relative;overflow:hidden;background:#edf3e9;min-height:600px}.hero-photo{position:absolute;inset:0 0 0 43%;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf3e9 0%,#edf3e92b 35%,#17392e08)}.hero-photo>span{position:absolute;right:25px;bottom:25px;z-index:1;color:white;font-size:10px;letter-spacing:3px;background:#153d3580;padding:7px 12px}.visual-hero-inner{position:relative;min-height:600px;display:flex;align-items:center;justify-content:space-between}.visual-hero-copy{padding:65px 0;z-index:1}.visual-hero-copy .eyebrow{font-size:13px;letter-spacing:1px}.visual-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.45;letter-spacing:-2px;margin:20px 0}.visual-hero h1 em,.compare-masthead h1 em{font-style:normal;background:linear-gradient(transparent 72%,#d4ee8b 72%)}.visual-hero-copy>p:not(.eyebrow){font-size:16px;line-height:2.1;margin-bottom:28px}.hero-main-cta{min-width:310px;font-size:15px;padding:19px 26px;box-shadow:0 6px 16px #183c3525}.hero-sub-link{display:block;font-size:12px;font-weight:700;margin-top:16px}.hero-floating-note{background:#fffffff2;backdrop-filter:blur(10px);width:258px;padding:25px 28px;transform:rotate(4deg);box-shadow:0 18px 50px #183c3525;align-self:flex-end;margin:0 40px 62px 20px;border-top:6px solid #d4ee8b}.hero-floating-note>span{font-size:9px;letter-spacing:3px;display:block}.hero-floating-note strong{display:block;font-size:18px;margin:12px 0}.hero-floating-note p{font-size:13px;line-height:2.3}.hero-floating-note a{font-size:12px;font-weight:700;border-bottom:1px solid}.trust-strip{display:flex;justify-content:center;gap:70px;align-items:center;background:#153d35;color:white;padding:16px 20px;font-size:12px;letter-spacing:1px}.trust-strip b{font-size:27px;color:#d4ee8b;margin-right:6px}.quick-picks{padding:64px 0 30px}.quick-picks h2,.how-section h2{font-size:29px}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pick-card{background:white;border:1px solid #dbe4dc;border-radius:12px;padding:25px 28px;box-shadow:0 5px 20px #24443805;transition:transform .2s}.pick-card:hover{transform:translateY(-4px)}.pick-label{display:inline-block;font-size:11px;font-weight:700;background:#eef4df;padding:5px 12px;border-radius:5px}.pick-logo{font-size:28px;font-weight:900;letter-spacing:-1px;margin:20px 0 10px}.pick-card p{font-size:13px;color:var(--muted)}.pick-bottom{font-size:12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e9e1;margin-top:20px;padding-top:14px}.pick-bottom b{border-radius:50%;background:#153d35;color:#fff;width:30px;height:30px;text-align:center;line-height:30px}.how-section{padding:48px 0 55px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-card{border-radius:12px;background:#e8efea;padding:26px;text-align:center}.how-card:nth-child(2){background:#eaf0db}.how-card:nth-child(3){background:#f1eadf}.how-icon{width:66px;margin:0 auto 12px}.how-icon svg{width:100%;height:66px}.mini-label{font-size:11px;letter-spacing:1px}.how-card h3{font-size:21px;margin:6px 0 18px}.flow{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.flow b{background:white;border:1px solid #ced9ce;border-radius:6px;padding:8px}.flow>span{font-size:22px}.how-card p{font-size:12px;text-align:left;line-height:1.9;min-height:68px}.how-card>a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.comparison.section{padding-top:30px}.compare-masthead{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;background:#eaf0e4;padding:45px;border-radius:16px;margin-bottom:25px}.compare-masthead .eyebrow{font-size:10px;margin-bottom:14px}.editorial-label{font-size:12px;background:white;padding:5px 10px}.compare-masthead h1{font-size:38px;line-height:1.6;margin:15px 0;letter-spacing:-1px}.compare-masthead p{font-size:14px}.compare-visual{position:relative;padding:35px 0 0 20px}.mini-compare{background:#fff;padding:25px;border-radius:9px;transform:rotate(3deg);box-shadow:12px 15px 0 #d2dfbd}.mini-compare>span{font-size:9px;letter-spacing:2px;display:block;margin-bottom:15px}.mini-compare>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;border-bottom:1px solid #e3e8df;padding:13px 0;font-size:11px}.mini-compare i{font-style:normal;background:#edf3df;text-align:center;border-radius:4px;padding:3px}.mini-compare strong{font-size:13px;display:block;margin-top:18px}.visual-orbit{position:absolute;top:-12px;right:-5px;z-index:1;background:#d4ee8b;width:80px;height:80px;padding:15px;border-radius:50%;transform:rotate(12deg)}.visual-orbit svg{width:100%;height:100%}.comparison-intro{justify-content:space-between;background:#fff;border:1px solid #dce4d8;border-radius:8px;padding:15px 20px;margin:20px 0}.comparison .notice{background:transparent;border-left:3px solid #aabb9c;padding:8px 16px;font-size:11px;margin:20px 0 35px}.notice a{text-decoration:underline}.goal-box{background:#fff;border:2px solid #153d35;border-radius:12px;padding:28px}.goal-box h2{margin-bottom:20px}.goal-button{border-radius:7px;font-size:13px;font-weight:700;flex:1;min-width:130px}.goal-button[aria-pressed=true]{box-shadow:0 3px 0 #b8d275}.goal-box p{padding:14px 0 0;color:#53685e}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.comparison-table{background:white}.comparison-table thead th{background:#153d35!important;color:white}.comparison-table tbody th:first-child{background:#f0f4e8;font-size:16px}.comparison-table tbody tr:nth-child(even) td{background:#f7f9f5}.comparison-table td{font-size:13px}.comparison-table a{text-decoration:none}.service-card{border-radius:12px;border:1px solid #cbd9cd;padding:0;overflow:hidden;box-shadow:0 7px 24px #173b3507}.service-ribbon{background:#e7eddf;padding:10px 30px;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:15px}.service-ribbon b{font-size:13px}.service-card .service-heading{padding:28px 30px 0}.service-heading .rank{border-radius:8px;background:#f0e1ab;color:#65501c;font-family:Georgia,serif;position:relative}.service-heading .rank:before{content:'PICK';position:absolute;font-family:Arial,sans-serif;font-size:8px;top:3px;letter-spacing:2px}.service-heading .eyebrow{font-size:11px;letter-spacing:1px}.service-card .service-fit{margin:22px 30px 0;border-left:4px solid #bfd67b;font-size:14px}.service-card .service-columns{padding:0 30px;margin-top:20px}.service-columns>div{padding:0 18px 0 0}.service-columns>div+div{border-left:1px solid #e2e7dd;padding:0 0 0 25px}.good-dot,.caution-dot{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5efd5;color:#284c37}.caution-dot{background:#f9e9d7;color:#996421}.service-card .actions{padding:20px 30px;margin:0;background:#f5f7f0;justify-content:space-between;border-top:1px solid #e5e9df}.service-card .button{min-width:260px}.card-art{border-radius:10px 10px 0 0}.article-card{background:white;border:1px solid #e0e6dc;border-radius:10px;overflow:hidden}.card-body{padding:20px}.start-grid a{border-radius:10px}.notebook-banner{border-radius:16px}.reading .how-grid{grid-template-columns:1fr}.reading .how-card p{min-height:auto}.reading .how-section{padding:20px 0}.reading .how-section h2{font-size:24px}footer{margin-top:40px}
@media(max-width:1050px){header nav{gap:12px}.hero-floating-note{margin-right:0;width:225px}.compare-masthead{padding:30px;gap:25px}.compare-masthead h1{font-size:32px}.how-card{padding:20px}.flow{font-size:10px}}
@media(max-width:760px){header{height:78px}header nav{top:78px;gap:20px;background:white}.visual-hero-inner{min-height:auto;display:block;width:88%}.visual-hero-copy{padding:40px 0 28px}.visual-hero h1{font-size:43px;line-height:1.4;margin:17px 0}.visual-hero-copy .eyebrow{font-size:10px}.visual-hero-copy>p:not(.eyebrow){font-size:13px;margin-bottom:22px}.hero-photo{inset:0;opacity:.19}.hero-photo:after{background:linear-gradient(90deg,#edf3e9 10%,#edf3e950)}.hero-photo>span{display:none}.hero-floating-note{width:auto;margin:0 0 30px;transform:none;padding:16px 20px;border-top:0;border-left:4px solid #b6d672;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;position:relative}.hero-floating-note>span{font-size:8px}.hero-floating-note strong{font-size:14px;margin:5px 0}.hero-floating-note p{grid-column:2;grid-row:1/4;margin:0;font-size:10px}.hero-floating-note a{font-size:10px;width:fit-content}.hero-main-cta{min-width:0;width:100%;font-size:14px}.hero-sub-link{font-size:10px}.trust-strip{gap:12px;padding:12px 4%;font-size:9px;letter-spacing:0;justify-content:space-between}.trust-strip b{font-size:20px}.quick-picks{padding-top:40px}.quick-picks h2,.how-section h2{font-size:23px}.pick-grid{grid-template-columns:1fr;gap:12px}.pick-card{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.pick-label{grid-column:1/-1;width:fit-content;font-size:10px}.pick-logo{font-size:23px;margin:8px 0;align-self:center}.pick-card p{font-size:11px;margin:8px 0}.pick-bottom{grid-column:1/-1;margin-top:6px;padding-top:10px}.pick-bottom b{width:25px;height:25px;line-height:25px}.how-section{padding:30px 0}.how-grid{grid-template-columns:1fr;gap:12px}.how-card{display:grid;grid-template-columns:64px 1fr;text-align:left;gap:0 18px;padding:22px}.how-icon{grid-column:1;grid-row:1/4;width:58px;align-self:center;margin:0}.mini-label,.how-card h3{grid-column:2}.how-card h3{font-size:19px;margin:3px 0 10px}.flow{grid-column:2;justify-content:flex-start}.how-card p,.how-card>a{grid-column:1/-1}.how-card p{min-height:0;margin:14px 0 10px}.compare-masthead{grid-template-columns:1fr;padding:25px;gap:18px}.compare-masthead h1{font-size:30px}.compare-masthead p{font-size:13px}.compare-masthead .button{width:100%}.compare-visual{padding:8px 12px 15px;max-width:330px;width:100%;margin:auto}.mini-compare{padding:16px}.mini-compare>div{padding:6px 0}.mini-compare strong{margin-top:10px;font-size:12px}.visual-orbit{width:50px;height:50px;padding:9px;top:-12px;right:-3px}.comparison-intro{display:grid;font-size:11px;gap:5px}.goal-box{padding:20px}.goal-box h2{font-size:20px}.goal-buttons{gap:8px}.goal-button{min-width:calc(50% - 8px);font-size:11px;padding:11px 8px}.goal-box p{font-size:12px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:8px}.service-ribbon{padding:9px 20px;font-size:10px}.service-card .service-heading{padding:22px 20px 0}.service-heading .rank{padding-top:8px}.service-heading .eyebrow{font-size:10px}.service-heading h2{font-size:25px}.service-kind{font-size:10px}.service-card .service-fit{margin:18px 20px 0;font-size:12px;padding:12px}.service-card .service-columns{padding:0 20px;gap:5px}.service-columns>div,.service-columns>div+div{padding:0;border:0}.service-columns p{font-size:12px}.service-card .actions{padding:18px 20px;gap:10px}.service-card .button{width:100%;min-width:0;font-size:13px}.service-card .text-link{font-size:12px}.comparison-table tbody th:first-child{font-size:13px;min-width:120px}.comparison-table th,.comparison-table td{padding:16px 12px}.comparison-table{min-width:650px}.comparison #recommendations>h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pick-card{transition:none}}
