/* Shared KiraFirst site chrome: four-category navigation + footer */
.categoryNav{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.navGroup{position:relative}.navTop{border:0;background:transparent;color:#637087;font:inherit;font-size:14px;font-weight:700;padding:11px 13px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px}.menuChevron{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;transform-origin:50% 45%;transition:transform .18s ease;flex:0 0 auto}.navGroup:hover .navTop,.navGroup:focus-within .navTop,.navGroup.open .navTop{background:#f4f7fa;color:#0d1b3d}.navGroup.active .navTop{background:#eef8f4;color:#0d1b3d}.navGroup.active .navTop:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:3px;background:#16835b}.navGroup.open .navTop .menuChevron{transform:rotate(180deg)}.navDropdown{position:absolute;left:0;top:calc(100% + 8px);min-width:210px;padding:8px;background:#fff;border:1px solid #e1e7ef;border-radius:14px;box-shadow:0 18px 45px rgba(13,27,61,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease;z-index:130}.navGroup:hover .navDropdown,.navGroup:focus-within .navDropdown,.navGroup.open .navDropdown{opacity:1;visibility:visible;transform:translateY(0)}.navDropdown a{display:block!important;padding:10px 12px!important;margin:0!important;border-radius:9px;font-size:13px!important;color:#637087!important;font-weight:600!important}.navDropdown a:before,.navDropdown a:after{display:none!important}.navDropdown a:hover{background:#f4f7fa!important;color:#0d1b3d!important}.navDropdown a.active{background:#eef8f4!important;color:#0d1b3d!important;font-weight:800!important}.navLearn{display:inline-flex;align-items:center;color:#637087;font-size:14px;font-weight:700;padding:11px 13px;border-radius:10px}.navLearn:hover{background:#f4f7fa;color:#0d1b3d}.navLearn.active{background:#eef8f4;color:#0d1b3d;box-shadow:inset 0 -2px #16835b}.mobileMenu{display:none;border:1px solid #dfe5ed;background:#fff;color:#0d1b3d;padding:9px 11px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;align-items:center;gap:8px}.mobileMenu[aria-expanded="true"] .menuChevron{transform:rotate(180deg)}.footerLinks{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px 24px!important}.footerLinks h4{color:#142038}.footerLinks a{line-height:1.35}.footerBrand p{color:#8893a5}.footerBrand>a:not(.logo){display:inline-block;margin-top:10px;color:#16835b;font-size:12px;font-weight:700}.footerBottom span:last-child{font-weight:600;color:#758197}
/* SEO phase 1 */
.seoGuide{padding:70px 0;background:#f7f9fc;border-top:1px solid #e8edf3}.seoGuideHead{max-width:820px;margin-bottom:28px}.seoGuideHead h2{margin:7px 0 12px;color:#0d1b3d;font-size:32px;line-height:1.18}.seoGuideHead>p:last-child{color:#657188;font-size:16px;line-height:1.65}.seoGuideGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.seoGuideGrid article{background:#fff;border:1px solid #e1e7ef;border-radius:20px;padding:25px}.seoGuide h3{margin:0 0 10px;color:#14213d;font-size:19px}.seoGuideGrid p,.seoFaq p{margin:0;color:#68758b;line-height:1.65;font-size:14px}.seoFaq{margin-top:30px;max-width:900px}.seoFaq>h3{font-size:22px;margin-bottom:12px}.seoFaq details{background:#fff;border:1px solid #e1e7ef;border-radius:14px;margin:9px 0;padding:0 18px}.seoFaq summary{cursor:pointer;padding:16px 0;font-weight:750;color:#182641}.seoFaq details p{padding:0 0 17px}.seoLinks{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}.seoLinks>strong{width:100%;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7b879a}.seoLinks a{display:inline-flex;gap:10px;align-items:center;border:1px solid #dce5ed;background:#fff;border-radius:12px;padding:11px 14px;color:#263650;font-size:13px;font-weight:700}.seoLinks a span{color:#16835b}.seoLinks a:hover{border-color:#b9dccc;background:#f2faf7}
/* Shared Learn article system */
.articleHero{padding:52px 0 36px!important;background:#f4f7fb}.articleHero>.wrap{max-width:1000px!important}.articleHero h1{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.1!important;letter-spacing:-1.3px!important;max-width:760px!important;margin:10px 0 16px!important}.articleHero .intro{font-size:17px!important;line-height:1.6!important;max-width:700px!important;color:#66748b!important}.article{padding:44px 0 72px!important}.article>.wrap.articleGrid{max-width:980px!important;margin-left:auto!important;margin-right:auto!important}.article .articleGrid{display:grid!important;grid-template-columns:minmax(0,640px) 280px!important;gap:44px!important;align-items:start!important}.prose{font-size:16.5px!important;line-height:1.72!important;color:#344158!important;max-width:640px!important}.prose h2{font-size:27px!important;line-height:1.2!important;color:#102044!important;margin:36px 0 11px!important}.prose h3{font-size:20px!important;line-height:1.3!important;color:#102044!important;margin:26px 0 8px!important}.prose a{color:#16835b;font-weight:750}.example{background:#f0faf6!important;border-radius:16px!important;padding:20px 22px!important;margin:22px 0!important;color:#183b30!important}.note{background:#f4f7fb!important;border-radius:16px!important;padding:18px 20px!important;margin:22px 0!important}.articleGrid .cta{position:sticky!important;top:110px!important;background:#10244b!important;color:#fff!important;border-radius:22px!important;padding:24px!important;font-size:15px!important}.articleGrid .cta h2{font-size:24px!important;line-height:1.2!important}.articleGrid .cta p{color:#d9e3f4!important;line-height:1.5!important}.articleGrid .cta a{display:block!important;text-align:center!important;background:#5bd3a5!important;color:#07172f!important;padding:13px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;margin-top:16px!important}.related{margin-top:26px!important;padding-top:20px!important;border-top:1px solid #e1e7ef!important}.related strong{display:block;color:#102044;margin-bottom:9px}.related a{display:block;margin:6px 0}
/* Homepage conversion hierarchy: tools first, explanation second. */
body:has(.homeCategories) main{display:flex;flex-direction:column}body:has(.homeCategories) .hero{order:1;padding-top:62px;padding-bottom:58px}body:has(.homeCategories) #tools{order:2;padding-top:62px;padding-bottom:62px}body:has(.homeCategories) .kiraIntro{order:3;padding-top:56px;padding-bottom:56px}body:has(.homeCategories) .learnHome{order:4;padding-top:60px;padding-bottom:60px}body:has(.homeCategories) #why{order:5;padding-top:58px;padding-bottom:58px}.homeCategories .categoryCard{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.homeCategories .categoryCard:hover{transform:translateY(-2px);border-color:#b8d8cb;box-shadow:0 14px 34px rgba(13,27,61,.07)}body:has(.homeCategories) .heading{margin-bottom:24px}body:has(.homeCategories) .kiraIntroGrid{gap:42px}body:has(.homeCategories) .kiraMark{padding:32px}body:has(.homeCategories) .kiraMark .bigK{font-size:78px}body:has(.homeCategories) .kiraMark strong{font-size:30px;margin-top:18px}body:has(.homeCategories) .kiraMark p{font-size:16px}body:has(.homeCategories) .kiraSteps article{padding:20px}body:has(.homeCategories) .kiraSteps h3{font-size:20px}body:has(.homeCategories) .learnCards article{min-height:235px}body:has(.homeCategories) #why .features article{padding-top:20px;padding-bottom:20px}
@media(max-width:1100px) and (min-width:801px){.nav{gap:14px}.categoryNav{gap:3px;margin-left:auto}.navTop,.navLearn{font-size:13px;padding:10px 9px}.start{font-size:12px;padding:10px 12px}.footerLinks{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:850px){.articleHero>.wrap,.article>.wrap.articleGrid{max-width:none!important}.article .articleGrid{grid-template-columns:1fr!important;gap:26px!important}.articleGrid .cta{position:static!important}.articleHero{padding:38px 0 26px!important}.articleHero h1{font-size:clamp(29px,8vw,36px)!important;letter-spacing:-1px!important}.articleHero .intro{font-size:16.5px!important}.article{padding:30px 0 52px!important}.prose{font-size:16px!important;line-height:1.7!important;max-width:none!important}.prose h2{font-size:24px!important;margin-top:32px!important}.prose h3{font-size:19px!important}.articleGrid .cta h2{font-size:23px!important}}
@media(max-width:800px){.nav{position:relative}.nav .categoryNav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #edf0f4;border-bottom:1px solid #dfe5ed;padding:10px 14px 15px;box-shadow:0 16px 30px rgba(13,27,61,.1);white-space:normal}.nav .categoryNav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobileMenu{display:flex;margin-left:auto}.nav .start{margin-left:0}.navGroup{position:relative}.navTop,.navLearn{width:100%;justify-content:space-between;background:#f7f9fc;border:1px solid #edf0f4}.navGroup.active .navTop,.navLearn.active{background:#eef8f4}.navDropdown{display:none;position:static;min-width:0;box-shadow:none;border:0;background:transparent;padding:5px 0 0;opacity:1;visibility:visible;transform:none}.navGroup.open .navDropdown{display:block}.navGroup:hover .navDropdown:not(:focus-within){display:none}.navGroup.open:hover .navDropdown{display:block}.navDropdown a{background:#fff;margin-top:4px!important;border:1px solid #edf0f4}.footerLinks{grid-template-columns:1fr 1fr!important}.seoGuide{padding:48px 0}.seoGuideHead h2{font-size:27px}.seoGuideGrid{grid-template-columns:1fr}.heroGrid>div.preview,.retHeroGrid>.retPreview,.incomeHeroGrid>.incomePreview,.savingsHeroGrid>.savingsPreview,.debtHeroGrid>.debtPreview,.emergencyHeroGrid>.emergencyPreview,.emHeroGrid>.emPreview,.homeHeroGrid>.homePreview,.affHeroGrid>.affPreview,.affHeroGrid>.affHeroCard{display:none!important}.heroGrid,.retHeroGrid,.incomeHeroGrid,.savingsHeroGrid,.debtHeroGrid,.emergencyHeroGrid,.emHeroGrid,.homeHeroGrid,.affHeroGrid{grid-template-columns:1fr!important}.retHero,.incomeHero,.savingsHero,.debtHero,.emergencyHero,.emHero,.affHero{padding-bottom:42px!important}body:has(.homeCategories) .hero{padding-top:44px;padding-bottom:40px}body:has(.homeCategories) #tools,body:has(.homeCategories) .kiraIntro,body:has(.homeCategories) .learnHome,body:has(.homeCategories) #why{padding-top:46px;padding-bottom:46px}}
@media(max-width:650px){body:has(.homeCategories) .hero{padding-top:34px!important;padding-bottom:30px!important}body:has(.homeCategories) .hero h1{margin-bottom:18px!important}body:has(.homeCategories) .hero .lead{margin-bottom:18px!important}body:has(.homeCategories) .hero .pills{margin-bottom:16px!important}body:has(.homeCategories) .kiraStrip{margin-top:16px!important}body:has(.homeCategories) .kiraIntro{padding-top:36px!important;padding-bottom:36px!important}body:has(.homeCategories) .kiraIntroGrid{gap:26px!important}body:has(.homeCategories) .kiraMark{padding:22px!important;border-radius:22px!important}body:has(.homeCategories) .kiraMark .bigK{font-size:54px!important}body:has(.homeCategories) .kiraMark strong{font-size:24px!important;margin-top:12px!important}body:has(.homeCategories) .kiraMark p{font-size:14px!important;line-height:1.5!important;margin-bottom:0!important}body:has(.homeCategories) .kiraSteps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body:has(.homeCategories) .kiraSteps article{padding:15px!important;border-radius:16px!important;min-height:145px!important}body:has(.homeCategories) .kiraSteps i{font-size:10px!important;letter-spacing:.08em!important}body:has(.homeCategories) .kiraSteps h3{font-size:16px!important;margin:6px 0!important}body:has(.homeCategories) .kiraSteps p{font-size:12px!important;line-height:1.4!important}body:has(.homeCategories) #tools{padding-top:38px!important;padding-bottom:38px!important}body:has(.homeCategories) .categoryCard{padding:20px!important;border-radius:19px!important}body:has(.homeCategories) .learnHome{padding-top:38px!important;padding-bottom:38px!important}body:has(.homeCategories) .learnHomeHead{margin-bottom:18px!important}body:has(.homeCategories) .learnHomeHead h2{font-size:28px!important}body:has(.homeCategories) .learnHomeHead>p{font-size:14px!important;line-height:1.5!important}body:has(.homeCategories) .learnCards{gap:10px!important}body:has(.homeCategories) .learnCards article{min-height:195px!important;padding:15px!important}body:has(.homeCategories) .learnCards h3{font-size:17px!important;line-height:1.25!important}body:has(.homeCategories) .learnCards p{font-size:12.5px!important;line-height:1.45!important}body:has(.homeCategories) #why{padding-top:38px!important;padding-bottom:38px!important}body:has(.homeCategories) #why .whyGrid{gap:22px!important}body:has(.homeCategories) #why .features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body:has(.homeCategories) #why .features article{padding:15px!important;border-radius:16px!important;min-height:145px!important}body:has(.homeCategories) #why .features article h3{font-size:15px!important;margin:7px 0!important}body:has(.homeCategories) #why .features article p{font-size:12px!important;line-height:1.4!important}body:has(.homeCategories) #why .features article i{font-size:10px!important}.footerMain{padding-top:34px!important;padding-bottom:26px!important}.footerBottom{padding-top:16px!important;padding-bottom:16px!important}}
@media(max-width:520px){.nav .start{display:none}.nav .categoryNav.open{grid-template-columns:1fr}.mobileMenu{margin-left:auto}.footerLinks{grid-template-columns:1fr 1fr!important;gap:20px 16px!important}.footerMain{gap:24px}.footerBrand{padding-bottom:0}.seoGuide{padding:40px 0}.seoGuideHead h2{font-size:24px}.seoGuideGrid article{padding:20px}.seoLinks a{width:100%;justify-content:space-between}}