:root{--accent:#7129d8;--accent-2:#9a51ec;--ink:#11131d;--muted:#555767;--line:#ececf1;--page:#fff;--nav-h:38px}
*{box-sizing:border-box}html{background:#f6f6f8;overflow-x:hidden}body{margin:0;min-width:320px;background:#f6f6f8;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.visual-page{width:min(100%,390px);min-height:844px;margin:0 auto;padding-bottom:5px;background:var(--page);overflow:hidden}
.topbar{height:46px;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr) 28px 42px 28px;gap:7px;align-items:center;border-bottom:1px solid #f0eff2;background:#fff}.brand-lockup{height:40px;display:flex;align-items:center;min-width:0}.logo-slot{width:29px;height:29px;flex:0 0 29px;border:1px dashed #9296a6;border-radius:4px;display:grid;place-items:center;overflow:hidden}.logo-slot img{width:100%;height:100%;object-fit:contain}.brand-copy{min-width:0;margin-left:8px}.brand-copy strong{display:block;font-size:16px;line-height:1;font-weight:800;letter-spacing:-.5px}.brand-copy strong em{color:var(--accent);font-style:normal}.brand-copy small{display:block;margin-top:4px;font-size:6.4px;font-weight:600;color:#464957;white-space:nowrap}.icon-button{width:28px;height:28px;padding:0;border:0;background:transparent}.icon-button img{width:100%;height:100%;object-fit:contain}.login-button{height:25px;border-radius:5px;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:700}.login-button img{width:11px;height:11px;object-fit:contain}
.hero{position:relative;height:172px;padding:13px 17px 0;background:linear-gradient(100deg,#fff 0%,#f6f1ff 100%);overflow:hidden}.hero-copy{position:relative;z-index:2;width:216px}.hero h1{margin:0;font-size:18px;line-height:1.1;letter-spacing:-.4px}.hero h1 em{color:var(--accent);font-style:normal}.hero p{width:205px;margin:8px 0 0;font-size:6.8px;line-height:1.55;color:#444653}.hero-search{display:flex;width:190px;margin-top:7px}.hero-search input{min-width:0;height:21px;flex:1;border:1px solid var(--line);border-radius:4px 0 0 4px;padding:0 8px;font-size:6.5px;background:#fff}.hero-search button{width:43px;border:0;border-radius:0 4px 4px 0;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff;font-size:6.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:2px}.hero-search button img{width:9px;height:9px;filter:brightness(0) invert(1)}.hero-art{position:absolute;z-index:1;right:-3px;top:4px;width:185px;height:145px;object-fit:contain}.metric-grid{position:absolute;z-index:3;left:17px;right:17px;bottom:7px;height:28px;display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid article{display:grid;grid-template-columns:21px 1fr;gap:3px;align-items:center;border-right:1px solid #e6e4ea;padding:0 4px}.metric-grid article:first-child{padding-left:0}.metric-grid article:last-child{border-right:0}.metric-grid img{width:20px;height:20px;object-fit:contain}.metric-grid b,.metric-grid small{display:block}.metric-grid b{font-size:7.5px}.metric-grid small{margin-top:2px;font-size:5.3px;line-height:1.15;color:#4d5060}
.panel{margin:7px 15px 0;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 3px 9px #3820640b}.category-panel{height:73px;padding:5px;display:grid;grid-template-columns:repeat(6,1fr)}.category-panel a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line)}.category-panel a:last-child{border:0}.category-panel img{width:25px;height:25px;object-fit:contain}.category-panel b{margin-top:3px;font-size:6.3px}.category-panel small{margin-top:3px;font-size:4.9px;line-height:1.2;color:var(--muted)}
.section-head{height:29px;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;font-size:9px}.section-head a{font-size:5.5px;font-weight:700;color:var(--accent)}.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 7px 8px}.feature-card{position:relative;min-width:0;min-height:120px}.feature-card>img{width:100%;height:50px;border-radius:5px;object-fit:cover}.feature-card>span,.article-lead>span{display:inline-block;margin-top:4px;padding:1px 3px;border-radius:2px;background:var(--accent);color:#fff;font-size:3.8px;font-weight:700}.feature-card h3{margin:3px 0;font-size:6.4px;line-height:1.45}.feature-card p{margin:0;font-size:4.9px;line-height:1.45;color:var(--muted)}.feature-card small{position:absolute;left:0;bottom:0;font-size:4.8px;color:#464858}.feature-card i{position:absolute;right:1px;bottom:-1px;color:var(--accent);font-size:8px;font-style:normal}
.tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 5px 6px}.tools-grid a{position:relative;min-height:77px;padding:5px 4px;border:1px solid var(--line);border-radius:5px;text-align:center;background:linear-gradient(#faf7ff,#fff)}.tools-grid a:nth-child(2){background:linear-gradient(#f3faef,#fff)}.tools-grid a:nth-child(3){background:linear-gradient(#fff8ef,#fff)}.tools-grid a:nth-child(4){background:linear-gradient(#fff4f8,#fff)}.tools-grid a:nth-child(5){background:linear-gradient(#f2faff,#fff)}.tools-grid a:nth-child(6){background:linear-gradient(#effbf9,#fff)}.tools-grid img{width:26px;height:26px;margin:0 auto 4px;object-fit:contain}.tools-grid b{display:block;font-size:5.5px;line-height:1.25}.tools-grid small{display:block;margin-top:4px;font-size:4.3px;line-height:1.35;color:var(--muted)}.tools-grid i{position:absolute;right:4px;bottom:2px;font-size:6px;color:var(--accent);font-style:normal}
.latest-panel{padding-bottom:7px}.article-layout{display:grid;grid-template-columns:61px 106px 1fr;gap:7px;padding:0 7px}.article-lead-image{width:61px;height:101px;border-radius:5px;object-fit:cover}.article-lead h3{margin:4px 0;font-size:6.8px;line-height:1.4}.article-lead p{margin:0;font-size:5px;line-height:1.5;color:var(--muted)}.article-lead small{display:block;margin-top:9px;font-size:4.8px;color:#474958}.article-list{display:grid;grid-template-rows:repeat(4,1fr)}.article-list a{display:grid;grid-template-columns:36px 1fr;gap:5px;align-items:center}.article-list img{width:34px;height:22px;border-radius:4px;object-fit:cover}.article-list b{display:block;font-size:5.7px;line-height:1.25}.article-list small{display:block;margin-top:2px;font-size:4.3px;color:var(--muted)}
.newsletter{height:49px;margin:8px 22px 0;padding:5px 12px;border-radius:5px;background:linear-gradient(90deg,#9e48ea,#6118c9);color:#fff;display:grid;grid-template-columns:46px 1fr 160px;gap:6px;align-items:center}.newsletter>img{width:42px;height:42px;object-fit:contain}.newsletter h2{margin:0;font-size:8px}.newsletter p{margin:4px 0 0;font-size:5.2px;line-height:1.4}.newsletter form{display:flex}.newsletter input{min-width:0;height:22px;flex:1;border:0;border-radius:4px 0 0 4px;padding:0 7px;font-size:5.5px}.newsletter button{width:50px;border:0;border-radius:0 4px 4px 0;background:#ffc000;font-size:5.5px;font-weight:700}
.trust-section{margin:9px 22px 0}.trust-section h2{margin:0 0 7px;font-size:9px}.trust-section>div{display:grid;grid-template-columns:repeat(4,1fr)}.trust-section article{display:grid;grid-template-columns:25px 1fr;gap:4px;align-items:center;border-right:1px solid var(--line);padding:0 5px}.trust-section article:first-child{padding-left:0}.trust-section article:last-child{border:0}.trust-section img{width:23px;height:23px;object-fit:contain}.trust-section b,.trust-section small{display:block}.trust-section b{font-size:5.1px;line-height:1.2}.trust-section small{margin-top:2px;font-size:4.2px;line-height:1.25;color:var(--muted)}
.bottomnav{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,390px);height:var(--nav-h);transform:translateX(-50%);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -3px 10px #28134514;display:grid;grid-template-columns:repeat(5,1fr)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:5.5px;font-weight:700;color:#5f6170}.bottomnav a.active{color:var(--accent)}.bottomnav img{width:18px;height:17px;object-fit:contain}.drawer{position:fixed;z-index:50;top:0;right:0;width:min(78vw,300px);height:100dvh;padding:20px;background:#fff;box-shadow:-8px 0 30px #0002}.drawer a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-weight:700}.drawer-close{float:right;border:0;border-radius:6px;background:#f2eff7;padding:7px 10px;font-size:13px}[hidden]{display:none!important}
@media(min-width:520px){.visual-page{margin-left:0;box-shadow:0 0 30px #30204412}.bottomnav{left:0;transform:none}}
@media(max-width:359px){.hero-art{right:-18px;opacity:.88}.brand-copy small{display:none}.newsletter{grid-template-columns:42px 1fr}.newsletter form{display:none}.category-panel small{display:none}}
.hero{height:169px}.category-panel{margin-top:0}.feature-card{min-height:110px}.tools-grid a{min-height:70px}.article-lead-image{height:88px}.trust-section{margin-top:8px}
.sub-page{--page-accent:#399918;width:min(100%,390px);min-height:844px;margin:0;background:#fff;padding-bottom:5px;overflow:hidden}.sub-page.purple{--page-accent:#7029d7}.sub-page.payment{--page-accent:#629f16}.sub-page .brand-copy strong em,.sub-page .sub-hero h1 em,.sub-page .section-head a,.sub-page .text-link{color:var(--page-accent)}.sub-page .login-button,.sub-page .hero-search button{background:var(--page-accent)}.sub-hero{position:relative;height:164px;padding:9px 12px;background:linear-gradient(100deg,#fff,#f5faef);overflow:hidden}.purple .sub-hero{background:linear-gradient(100deg,#fff,#f6f0ff)}.payment .sub-hero{background:linear-gradient(100deg,#fff,#f3faef)}.breadcrumb{position:relative;z-index:2;font-size:5px;color:#555;margin-bottom:11px}.sub-hero-copy{position:relative;z-index:2;width:205px}.sub-hero h1{margin:0;font-size:16px;line-height:1.16;letter-spacing:-.3px}.sub-hero h1 em{font-style:normal}.sub-hero p{width:200px;margin:7px 0;font-size:5.3px;line-height:1.45;color:#505262}.sub-hero .hero-search{width:196px;margin-top:7px}.sub-hero-art{position:absolute;right:2px;top:2px;width:180px;height:154px;object-fit:contain}.sub-section{margin:6px 8px 0;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 3px 9px #3820640b}.sub-tabs{height:68px;padding:5px;display:grid;grid-template-columns:repeat(var(--cols,7),1fr)}.sub-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);font-size:5px;font-weight:700}.sub-tabs a:last-child{border:0}.sub-tabs a.active{border-radius:4px;background:#f1faec;color:var(--page-accent)}.sub-tabs img{width:23px;height:23px;object-fit:contain;margin-bottom:3px}.sub-tabs small{margin-top:2px;font-size:3.8px;color:#626473;font-weight:400}.sub-grid{display:grid;grid-template-columns:2fr .9fr;gap:6px;margin:6px 8px 0}.sub-panel{border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 3px 9px #3820640b}.sub-section .section-head,.sub-panel .section-head{height:27px}.guide-list{padding:0 6px 4px}.guide-item{height:77px;border-top:1px solid var(--line);display:grid;grid-template-columns:74px 1fr;gap:7px;align-items:center}.guide-item:first-child{border-top:0}.guide-item>img{width:72px;height:67px;border-radius:5px;object-fit:cover}.guide-item span,.news-item span{display:inline-block;padding:1px 3px;border-radius:2px;background:var(--page-accent);color:#fff;font-size:3.5px;font-weight:700}.guide-item h3{margin:3px 0;font-size:6.2px;line-height:1.25}.guide-item p{margin:0;font-size:4.1px;line-height:1.35;color:var(--muted)}.guide-item small{font-size:3.8px;color:#626473}.side-card{padding:7px;margin-bottom:6px}.side-card h2{margin:0 0 5px;font-size:8px}.side-link{height:28px;display:grid;grid-template-columns:20px 1fr;gap:4px;align-items:center}.side-link img{width:19px;height:19px;object-fit:contain}.side-link b,.side-link small{display:block}.side-link b{font-size:4.8px}.side-link small{font-size:3.8px;color:var(--muted)}.mini-promo{height:76px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7130d5,#9a4eec);color:#fff}.mini-promo img{position:absolute;right:0;bottom:0;width:57px;height:60px;object-fit:contain}.mini-promo h2,.mini-promo p,.mini-promo a{position:relative;z-index:2;max-width:62px}.mini-promo p{font-size:4.2px;line-height:1.35}.mini-promo a{display:inline-flex;padding:4px 7px;border-radius:3px;background:#65b92a;font-size:4px;font-weight:700}.latest-mini{height:67px;padding:0 5px 5px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.latest-mini a{border:1px solid var(--line);border-radius:4px;padding:4px}.latest-mini b{display:block;font-size:4.8px;line-height:1.3}.latest-mini small{font-size:3.7px;color:var(--muted)}
.tool-card-grid{height:220px;padding:0 7px 7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tool-entry{border-radius:5px;padding:6px;text-align:center;background:#f4faee}.tool-entry:nth-child(2){background:#faf5ff}.tool-entry:nth-child(3){background:#fff8e9}.tool-entry:nth-child(4){background:#f2faff}.tool-entry:nth-child(5){background:#effbf8}.tool-entry:nth-child(6){background:#fff2f7}.tool-entry img{width:53px;height:45px;margin:auto;object-fit:contain}.tool-entry h3{margin:4px 0;font-size:6.5px}.tool-entry p{margin:0;font-size:4.4px;line-height:1.35;color:var(--muted)}.tool-entry a{display:inline-flex;margin-top:4px;padding:3px 8px;border:1px solid var(--page-accent);border-radius:8px;color:var(--page-accent);font-size:4px}.more-tool-grid{height:123px;padding:0 7px 5px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.more-tool-entry{border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:5px;align-items:center}.more-tool-entry img{width:25px;height:25px;object-fit:contain}.more-tool-entry b,.more-tool-entry small{display:block}.more-tool-entry b{font-size:5px}.more-tool-entry small{font-size:3.8px;color:var(--muted)}.sub-newsletter{height:48px;margin:6px 12px 0;padding:5px 10px;border-radius:5px;background:linear-gradient(90deg,#3b9115,#72b829);color:#fff;display:grid;grid-template-columns:40px 1fr 150px;gap:5px;align-items:center}.purple .sub-newsletter{background:linear-gradient(90deg,#9146e8,#631bcc)}.sub-newsletter img{width:39px;height:39px;object-fit:contain}.sub-newsletter h2{margin:0;font-size:7px}.sub-newsletter p{margin:3px 0 0;font-size:4.5px}.sub-newsletter form{display:flex}.sub-newsletter input{min-width:0;height:21px;flex:1;border:0;border-radius:4px 0 0 4px;padding:0 6px;font-size:4.8px}.sub-newsletter button{width:47px;border:0;border-radius:0 4px 4px 0;background:#ffc000;font-size:4.8px;font-weight:700}.mini-trust{height:49px;margin:6px 12px 0}.mini-trust h2{margin:0 0 5px;font-size:7px}.mini-trust>div{display:grid;grid-template-columns:repeat(4,1fr)}.mini-trust article{display:grid;grid-template-columns:19px 1fr;gap:3px;border-right:1px solid var(--line);padding:0 4px}.mini-trust article:last-child{border:0}.mini-trust img{width:18px;height:18px;object-fit:contain}.mini-trust b,.mini-trust small{display:block}.mini-trust b{font-size:4.2px}.mini-trust small{font-size:3.5px;color:var(--muted)}
.payment-signals-h{height:43px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr)}.payment-signals-h article{display:grid;grid-template-columns:22px 1fr;gap:3px;align-items:center;border-right:1px solid var(--line);padding:0 4px}.payment-signals-h article:last-child{border:0}.payment-signals-h img{width:21px;height:21px;object-fit:contain}.payment-signals-h b,.payment-signals-h small{display:block}.payment-signals-h b{font-size:4.7px}.payment-signals-h small{font-size:3.5px;color:var(--muted)}.payment-card-grid{height:118px;padding:0 6px 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.payment-entry{text-align:center}.payment-entry img{width:51px;height:38px;margin:auto;object-fit:contain}.payment-entry h3{margin:3px 0;font-size:5.5px}.payment-entry dl{margin:0;display:grid;grid-template-columns:1fr 1fr;font-size:3.5px;line-height:1.35}.payment-entry a{display:inline-flex;margin-top:3px;padding:2px 8px;border-radius:7px;background:#eef6ff;color:#167bd0;font-size:3.8px}.payment-table-wrap{height:118px;padding:0 6px 6px;overflow:hidden}.payment-table{width:100%;border-collapse:collapse;font-size:3.8px}.payment-table th,.payment-table td{height:13px;border:1px solid var(--line);padding:2px;text-align:center}.payment-table th:first-child,.payment-table td:first-child{text-align:left}.payment-guide-grid{height:113px;padding:0 5px 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.payment-guide-grid a img{width:62px;height:49px;border-radius:4px;object-fit:cover}.payment-guide-grid b{display:block;margin-top:3px;font-size:4.5px;line-height:1.3}.payment-guide-grid small{display:block;margin-top:2px;font-size:3.6px;line-height:1.3;color:var(--muted)}.safety-strip{height:55px;padding:5px 12px;display:grid;grid-template-columns:52px 1fr 110px;gap:7px;align-items:center;background:#fff7da}.safety-strip img{width:48px;height:45px;object-fit:contain}.safety-strip h2{font-size:6.8px}.safety-strip li{font-size:3.8px;line-height:1.55}
.resource-grid-h{height:177px;padding:5px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr}.resource-grid-h a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);font-size:5.7px;font-weight:700}.resource-grid-h a:nth-child(5n){border:0}.resource-grid-h img{width:28px;height:28px;object-fit:contain}.resource-grid-h small{margin-top:3px;font-size:4px;color:var(--muted);font-weight:400}.quick-grid-h{height:54px;padding:0 5px 5px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.quick-grid-h a{border:1px solid var(--line);border-radius:4px;padding:3px;display:grid;grid-template-columns:18px 1fr;gap:3px;align-items:center}.quick-grid-h img{width:17px;height:17px}.quick-grid-h b,.quick-grid-h small{display:block}.quick-grid-h b{font-size:3.8px}.quick-grid-h small{font-size:3px;color:var(--muted)}.news-rec-grid{height:222px;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 8px 0}.news-list-h,.rec-list-h{padding:0 6px 4px}.news-item,.rec-item{height:43px;border-top:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;gap:5px;align-items:center}.news-item:first-child,.rec-item:first-child{border-top:0}.news-item img,.rec-item img{width:46px;height:38px;border-radius:4px;object-fit:cover}.news-item b,.rec-item b{display:block;font-size:4.8px;line-height:1.25}.news-item small,.rec-item small{font-size:3.6px;color:var(--muted)}

/* Clean icon alignment pass: source crops contain icon artwork only. */
.tools-grid img{margin-top:0;margin-bottom:2px}
.sub-tabs img{width:25px;height:25px;margin-bottom:3px;object-fit:contain;object-position:center}
.sub-grid{grid-template-columns:minmax(0,1.72fr) minmax(112px,1fr)}
.side-link{min-height:30px;height:auto;grid-template-columns:20px minmax(0,1fr);gap:5px}
.side-link span{min-width:0}
.side-link b,.side-link small{overflow-wrap:anywhere}
.side-link b{line-height:1.2}
.side-link small{margin-top:2px;line-height:1.15}
.payment-signals-h{height:45px}
.payment-signals-h img{width:22px;height:22px;object-position:center}
.safety-strip{height:auto;min-height:64px;padding:6px 12px;grid-template-columns:52px minmax(0,1fr) 110px}
.safety-strip img{width:48px;height:48px;margin:0 auto;align-self:center;object-position:center}
.safety-strip h2{margin:0;line-height:1.25}

/* Fixed navigation safety area: the last content row must scroll fully above it. */
.visual-page,.sub-page{padding-bottom:calc(var(--nav-h) + 10px)}
.tools-page .sub-hero .hero-search{width:170px}
.tools-page .sub-hero-copy{width:195px}
.payment-entry dl{gap:1px 3px;padding:0 3px}
.payment-entry dt,.payment-entry dd{min-width:0;margin:0;line-height:1.25}
.payment-entry dt{text-align:left}
.payment-entry dd{text-align:right;overflow-wrap:anywhere}
.payment .sub-hero{background:linear-gradient(90deg,#fff 0%,#f8fbf6 46%,#f2f8ff 100%)}
.payment .sub-hero-art{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 100%)}
.payment .sub-section{margin-top:4px}.payment .sub-newsletter{height:44px;margin-top:2px}.payment .sub-newsletter img{height:35px}.purple .sub-section{margin-top:4px}.purple .resource-section{margin-top:0}.purple .resource-grid-h{height:165px}.purple .news-rec-grid{height:216px;margin-top:4px}.purple .mini-trust{margin-top:5px;height:35px}