:root{--ink:#18344b;--navy:#142a55;--blue:#2051a0;--teal:#057f91;--deep:#064b66;--mint:#e9f8f8;--sky:#f3f9fc;--line:#dae8f0;--paper:#fff;--muted:#506779;--purple:#7463b7;--gold:#f1b94c;--shadow:0 16px 46px rgba(18,54,90,.095)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.72;background:#fff;-webkit-font-smoothing:antialiased}p{margin:0 0 17px}h1,h2,h3,h4{color:var(--navy);letter-spacing:-.036em;line-height:1.19;margin:0 0 16px}h1{font-size:clamp(2.3rem,4.65vw,4.15rem)}h2{font-size:clamp(1.72rem,3vw,2.65rem)}h3{font-size:1.26rem}a{color:#026b85;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#183c87}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #efa62f;outline-offset:3px}img{max-width:100%;height:auto;display:block}button{font:inherit}li{padding-left:3px;margin-bottom:9px}ul,ol{margin:0 0 21px;padding-left:24px}strong{font-weight:780}.wrap{max-width:1200px;margin:auto;padding:0 26px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#057a94;margin-bottom:13px}.small{font-size:13px}.fine{font-size:12.5px;color:#5f7082;line-height:1.65}.hidden{display:none!important}.skip{position:absolute;left:10px;top:-120px;z-index:200;background:#fff;padding:12px}.skip:focus{top:10px}
.bar{background:#142955;color:#dbe8f9;font-size:12px}.bar .wrap{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding-top:7px;padding-bottom:7px}.bar strong{color:#fff}.site-header{background:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid #dce9ef;box-shadow:0 4px 17px rgba(14,45,77,.055)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:12px;align-items:center;color:#173e67;text-decoration:none;white-space:nowrap}.brand:hover{color:#173e67}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(140deg,#0cc1b5,#3656a1 78%,#7862c1);border-radius:12px;color:#fff;font-size:29px;line-height:1;font-weight:900;box-shadow:0 8px 20px rgba(27,124,160,.2)}.brand-text{font-weight:920;font-size:19px;line-height:1;letter-spacing:-.052em}.brand-text em{font-style:normal;color:#007d95}.brand-text small{display:block;margin-top:8px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#617b8e}.nav{display:flex;gap:18px;align-items:center}.nav>a{font-size:13px;font-weight:760;text-decoration:none;color:#284a64;white-space:nowrap}.nav>a:hover,.nav>a[aria-current="page"]{color:#008c9b}.nav>a.nav-cta{background:#173b74;padding:10px 16px;border-radius:9px;color:#fff;box-shadow:0 6px 15px rgba(23,59,116,.16)}.nav>a.nav-cta:hover{background:#075c83;color:#fff}.menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:#f3fbfd;color:var(--navy);padding:9px 13px;font-size:14px;font-weight:800;cursor:pointer}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:12px 21px;border-radius:10px;font-weight:850;font-size:14px;line-height:1.3;text-decoration:none!important;text-align:center;border:1px solid transparent;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(125deg,#058ca1,#047289);color:#fff;box-shadow:0 10px 22px rgba(0,111,139,.18)}.btn-primary:hover{background:#086577;color:#fff}.btn-white{background:#fff;color:#173b70}.btn-white:hover{color:#086c82;background:#ecfcff}.btn-outline{background:#fff;border-color:#b9d8e5;color:var(--navy)}.btn-outline:hover{color:var(--deep)}.btn-full{width:100%}.disclosure{font-size:12.5px;color:#586c7f;max-width:750px;margin-top:13px;line-height:1.65}
.hero{padding:67px 0 62px;background:radial-gradient(circle at 80% 32%,#d4f1f5 0,#edf9fc 35%,#fff 80%);border-bottom:1px solid #e8eef2;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.11fr .89fr;gap:45px;align-items:center}.hero h1 span{color:#087d9a}.hero-lead{font-size:18px;color:#486073;line-height:1.65;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{display:inline-block;background:white;border:1px solid #d5e7ee;border-radius:99px;padding:5px 11px;font-weight:750;font-size:12px;color:#3b6174}.hero-frame{min-height:420px;position:relative;background:linear-gradient(135deg,#e9f8fa,#fff 62%,#eaf1ff);border:1px solid #d3e9f0;border-radius:28px;box-shadow:0 30px 75px rgba(28,100,137,.13);display:grid;place-items:center;padding:15px}.hero-frame:before{content:"";position:absolute;width:72%;aspect-ratio:1;right:3%;top:12%;border-radius:100%;background:radial-gradient(circle,#d7f1f2 30%,rgba(215,241,242,0) 72%)}.hero-frame img{position:relative;object-fit:contain;max-height:385px;width:100%;filter:drop-shadow(0 14px 14px rgba(27,63,91,.09))}.hero-foot{text-align:center;font-size:12px;color:#5b7180;margin:12px 0 0}.hero-sticker{position:absolute;top:16px;right:18px;z-index:2;background:#fff;color:#12697c;border:1px solid #d0e6ef;box-shadow:0 7px 14px rgba(8,64,87,.07);font-size:11px;font-weight:840;border-radius:99px;padding:6px 13px}
.section{padding:78px 0}.surface{background:#f5fafc;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}.section-head{text-align:center;max-width:790px;margin:0 auto 32px}.section-head p{color:#526b7c;font-size:17px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #dae8f0;border-radius:17px;padding:24px;box-shadow:0 9px 25px rgba(13,51,85,.035)}.card h3{font-size:18px;margin:9px 0 10px}.card p{font-size:14px;color:#506777;line-height:1.66;margin:0}.card .card-n{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e3f6f4;color:#087b88;font-size:14px;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split p{color:#496275}.showcase{border-radius:21px;background:linear-gradient(155deg,#edf8fa,#fff);border:1px solid #dae8ef;padding:26px;box-shadow:var(--shadow)}.showcase img{margin:auto;max-height:390px;object-fit:contain}.box-note{background:#eaf8f9;border-left:4px solid #0496a4;border-radius:11px;padding:19px 23px;font-size:15px;margin:24px 0}.box-note p:last-child{margin-bottom:0}.key-table{width:100%;border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;text-align:left;background:#fff;font-size:15px}.key-table td,.key-table th{padding:15px 20px;border-bottom:1px solid #e5edf2;vertical-align:top}.key-table th{width:31%;color:#193e64}.key-table tr:last-child td,.key-table tr:last-child th{border:0}.key-table tr:nth-child(even){background:#f8fbfd}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.question{padding:23px;background:#fff;border:1px solid #dae9f0;border-radius:17px}.question span{color:#078297;font-size:11px;letter-spacing:.15em;font-weight:900}.question h3{margin:8px 0;font-size:18px}.question p{font-size:14px;color:#53697b;margin:0}.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.ing-card{background:#fff;border:1px solid #dbe9ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 20px rgba(11,43,67,.04)}.ing-card img{height:184px;width:100%;object-fit:contain;background:#f6fbfc;padding:10px}.ing-card>div{padding:22px 22px 23px}.ing-card h3{font-size:19px}.ing-card p{font-size:14px;color:#536b7d;margin:0}.banner-image{border:1px solid #e3eef4;background:#f8fcfc;border-radius:17px;max-width:100%;padding:12px;max-height:305px;object-fit:contain}.mini-action{margin-top:23px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price{background:#fff;border:1px solid #dce7ef;border-radius:19px;position:relative;text-align:center;padding:28px 24px 24px;box-shadow:0 12px 34px rgba(18,60,88,.055);display:flex;flex-direction:column;align-items:center}.price.featured{border:2px solid #00a8a2;box-shadow:0 20px 48px rgba(0,124,142,.12);background:linear-gradient(#f1fffb,#fff 30%)}.price-label{display:inline-block;letter-spacing:.14em;font-size:11px;font-weight:900;color:#087f96}.price h3{font-size:24px;margin:12px 0}.price-image{height:165px;width:100%;object-fit:contain;margin:8px 0}.price-amount{font-size:40px;line-height:1;font-weight:900;color:#123d72;letter-spacing:-.06em;margin:12px 0 4px}.price-amount span{font-weight:780;font-size:13px;letter-spacing:0}.price-total{font-size:17px;color:#274762;font-weight:850;margin:0 0 9px}.price-list{padding:0;margin:6px 0 21px;list-style:none;font-size:13px;color:#50677a}.price-list li{padding:0;margin:4px 0}.price .btn{margin-top:auto}.price small{display:block;margin-top:11px;font-size:11px;color:#687d8d}.bonus-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px;text-align:center}.bonus-card img{height:185px;object-fit:contain;width:100%;margin-bottom:12px}.bonus-card h3{font-size:17px}.bonus-card p{font-size:13px;color:#53697b;margin-bottom:0}.cta-band{background:linear-gradient(120deg,#163063,#174d7e 65%,#0c747f);color:#fff;padding:63px 0}.cta-band h2{color:#fff}.cta-band p{color:#e2f3f9;max-width:770px}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:26px}.cta-row>.btn{flex:0 0 auto}.cta-band .eyebrow{color:#a3e9ea}
.article-hero{padding:50px 0 39px;background:linear-gradient(125deg,#f3fbfc,#f8fbff);border-bottom:1px solid #e4eef3}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#61748a;margin-bottom:23px}.breadcrumbs a{text-decoration:none;font-weight:750}.article-hero h1{font-size:clamp(2.05rem,4.1vw,3.4rem);max-width:950px}.article-hero p{max-width:870px;color:#52697d;font-size:18px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;align-items:start}.article{min-width:0}.article h2{font-size:29px;margin:37px 0 14px}.article h2:first-child{margin-top:0}.article h3{margin:29px 0 10px;font-size:21px}.article p,.article li{color:#475f72;font-size:16px;line-height:1.8}.article a{font-weight:670}.article-image{max-width:100%;border:1px solid var(--line);border-radius:19px;background:#f3fafc;padding:16px;margin:22px 0 26px}.article-image img{max-height:360px;width:100%;object-fit:contain}.source-box,.toc,.callout{border-radius:15px;padding:21px 24px;border:1px solid #d9eaf0;background:#f2fafb;margin:23px 0}.source-box h3,.toc strong{font-size:17px;margin:0 0 10px;color:#204d69}.source-box p,.source-box li{font-size:14px}.toc ul{columns:2;margin-bottom:0}.toc a{text-decoration:none;font-size:14px}.compare{overflow-x:auto;margin:23px 0}.compare table{min-width:560px}.sidebar{position:sticky;top:103px}.side-card{background:#fff;border:1px solid #dae8f1;padding:19px;border-radius:18px;box-shadow:0 9px 30px rgba(27,65,100,.07);margin-bottom:17px}.side-card h3{font-size:18px}.side-card img{max-height:175px;object-fit:contain;margin:0 auto 12px}.side-card p,.side-card li{font-size:13px;line-height:1.58;color:#597184}.side-card ul{padding-left:19px}.side-links{display:grid;gap:6px}.side-links a{border-bottom:1px solid #e8edf1;padding:7px 0;text-decoration:none;font-size:13px;font-weight:740}.side-links a:last-child{border:0}.side-brand{background:linear-gradient(160deg,#edf9fb,#fff)}.page-end{background:#edf8fa;border:1px solid #d3e9ef;padding:25px;border-radius:17px;margin-top:35px}.page-end h3{font-size:22px}.page-end p{font-size:14px}.page-end .btn{margin-top:5px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide{border:1px solid #dbe9ef;border-radius:16px;padding:23px;background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s}.guide:hover{transform:translateY(-3px);box-shadow:0 13px 25px rgba(20,55,85,.085)}.guide span{font-size:12px;font-weight:900;color:#008b9b;letter-spacing:.14em}.guide strong{font-size:18px;line-height:1.35;color:#183f65}.guide small{font-size:13px;color:#5b7182;line-height:1.6;flex:1}.guide b{font-size:13px;color:#058093}.faq{display:grid;gap:10px;max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid #ddebf1;border-radius:13px;padding:18px 21px}.faq summary{font-size:16px;font-weight:830;color:#1b466c;cursor:pointer}.faq p{color:#506879;font-size:14px;margin:13px 0 0}.footer{background:#102746;color:#cfdfeb;padding:62px 0 23px}.footer h3{color:#fff;font-size:16px}.footer p,.footer a{font-size:13px;color:#cadae7}.footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}.footer-links{display:grid;gap:8px;align-content:start}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-logo{color:#fff;font-size:21px;font-weight:900}.footer-logo em{font-style:normal;color:#63d1d9}.footer-bottom{border-top:1px solid #35506a;margin-top:38px;padding-top:21px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-bottom p{font-size:12px;margin:0;color:#aec2d2}.sticky-cta{display:none}
@media(max-width:1080px){.header-inner{gap:10px}.nav{gap:10px}.nav>a{font-size:12px}.nav>a.nav-cta{padding:10px 12px}.brand-text{font-size:17px}.article-layout{grid-template-columns:minmax(0,1fr) 255px;gap:26px}}
@media(max-width:890px){.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 25px 22px;background:white;border-bottom:1px solid #dcebf1;box-shadow:0 18px 30px rgba(12,42,70,.12);flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav>a{font-size:14px;padding:10px;border-radius:8px}.nav>a.nav-cta{text-align:center}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-frame{max-width:650px;margin:auto;min-height:330px}.hero-frame img{max-height:355px}.split{grid-template-columns:1fr;gap:30px}.grid-4{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;position:static}.side-card{margin:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-row{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.wrap{padding:0 19px}.bar .wrap{justify-content:center;text-align:center}.bar .wrap>span:last-child{display:none}.header-inner{min-height:67px}.brand-mark{width:37px;height:37px;font-size:26px}.brand-text{font-size:16px}.brand-text small{font-size:7.8px;letter-spacing:.12em}.hero{padding:43px 0 46px}.hero h1{font-size:clamp(2.12rem,8.7vw,3.1rem)}.hero-lead{font-size:16px}.hero-actions .btn{width:100%}.hero-frame{min-height:270px;border-radius:20px}.hero-frame img{max-height:275px}.hero-sticker{font-size:10px}.section{padding:53px 0}.grid-4,.grid-3,.grid-2,.ing-grid,.prices,.guide-grid,.question-grid{grid-template-columns:1fr}.ing-card{display:flex;align-items:center}.ing-card img{width:127px;height:159px;flex:none}.ing-card>div{padding:15px}.ing-card h3{font-size:17px}.price{max-width:470px;width:100%;margin:auto}.price.featured{order:-1}.article-hero{padding:32px 0}.article-hero h1{font-size:clamp(2.05rem,8vw,2.65rem)}.article-hero p{font-size:16px}.article h2{font-size:26px}.toc ul{columns:1}.sidebar{grid-template-columns:1fr}.footer{padding-top:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{padding-bottom:62px}.sticky-cta{display:flex;position:fixed;left:0;bottom:0;right:0;z-index:88;background:rgba(255,255,255,.97);box-shadow:0 -4px 20px rgba(13,45,75,.13);border-top:1px solid #dbe9f0;align-items:center;justify-content:space-between;gap:13px;padding:9px max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left))}.sticky-cta strong{font-size:12px;color:#16405d;line-height:1.3}.sticky-cta span{font-size:11px;color:#647b8c}.sticky-cta .btn{padding:10px 15px;min-height:41px;font-size:12px;white-space:nowrap}body{padding-bottom:58px}}
@media(max-width:400px){.ing-card img{width:113px;height:148px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.brand-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.guide{transition:none}}

/* V4: Sidebar remains sticky while the reader moves through the full homepage.
   The main content reserves a real column for the sidebar, preventing overlap. */
#quick-findings{padding-bottom:68px}
.home-overview-layout{
 display:grid; grid-template-columns:minmax(0,1fr) 280px;
 grid-template-areas:"summary sidebar" "questions sidebar" "rest sidebar";
 gap:28px 38px; align-items:start;
}
.home-overview-primary{grid-area:summary;min-width:0}
.home-overview-layout .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-overview-layout>.sidebar{
 grid-area:sidebar; align-self:start; position:sticky; top:96px;
 max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;
 scrollbar-width:thin; scrollbar-color:#bbd7e1 transparent;
}
.home-overview-layout>.sidebar .side-card:last-child{margin-bottom:0}
.home-overview-layout>.sidebar .side-card{padding:16px;margin-bottom:14px}
.home-overview-layout>.sidebar .side-card img{max-height:145px}
.home-overview-layout>.sidebar .side-links a{padding:5px 0}
.home-buyer-questions{
 grid-area:questions;min-width:0;
 background:linear-gradient(145deg,#f3fafc,#f7fbfd);
 border:1px solid #e0ecf2;border-radius:20px;padding:28px 25px 31px;
}
.home-buyer-questions .section-head{max-width:none;text-align:left;margin:0 0 24px}
.home-buyer-questions .section-head h2{font-size:clamp(1.7rem,2.4vw,2.25rem);margin-bottom:12px}
.home-buyer-questions .section-head p{font-size:15px;margin-bottom:0}
.home-buyer-questions .question-grid{gap:13px}
.home-buyer-questions .question{padding:19px 18px;border-radius:14px}
.home-buyer-questions .question h3{font-size:16px}
.home-buyer-questions .question p{font-size:13px}
.home-page-rest{grid-area:rest;min-width:0}
.home-page-rest>.section{padding:57px 0}
.home-page-rest>.section.surface{
 padding:28px 23px; background:linear-gradient(145deg,#f4fafc,#f8fcfd);
 border:1px solid #e0ecf2; border-radius:20px; margin:0 0 18px;
}
.home-page-rest>.section>.wrap{max-width:none;padding:0}
.home-page-rest .section-head{max-width:none;text-align:left;margin-bottom:28px}
.home-page-rest .section-head h2{font-size:clamp(1.75rem,2.3vw,2.3rem)}
.home-page-rest .section-head p{font-size:15px}
.home-page-rest .split{gap:25px;grid-template-columns:1.15fr .85fr}
.home-page-rest .split h2{font-size:clamp(1.7rem,2.5vw,2.3rem)}
.home-page-rest .split p{font-size:15px}
.home-page-rest .ing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page-rest .ing-card img{max-height:165px;object-fit:contain}
.home-page-rest .prices{gap:13px}
.home-page-rest .price{padding:25px 13px 19px;min-width:0}
.home-page-rest .price h3{font-size:20px}
.home-page-rest .price .btn{font-size:13px;padding:10px 8px}
.home-page-rest .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page-rest .bonus-card{min-width:0}
@media(max-width:1110px){
 .home-overview-layout{grid-template-columns:minmax(0,1fr) 255px;column-gap:25px}
 .home-page-rest .prices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:890px){
 .home-overview-layout{grid-template-columns:1fr;grid-template-areas:"summary" "sidebar" "questions" "rest";gap:24px}
 .home-overview-layout>.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-height:none;overflow:visible}
 .home-overview-layout>.sidebar .side-card{margin:0}
 .home-page-rest>.section{padding:45px 0}
 .home-page-rest>.section.surface{padding:28px 22px}
}
@media(max-width:650px){
 #quick-findings{padding-bottom:45px}
 .home-overview-layout .grid-4{grid-template-columns:1fr}
 .home-overview-layout>.sidebar{grid-template-columns:1fr}
 .home-buyer-questions{padding:23px 17px 24px}
 .home-buyer-questions .question-grid{grid-template-columns:1fr}
 .home-page-rest .split{grid-template-columns:1fr}
 .home-page-rest .ing-grid{grid-template-columns:1fr}
 .home-page-rest .prices,.home-page-rest .grid-3{grid-template-columns:1fr}
 .home-page-rest>.section.surface{padding:26px 16px}
}