:root{color-scheme:light;--navy: #08233f;--ink: #102033;--slate: #516176;--muted: #728197;--teal: #137c77;--teal-dark: #0f5e5b;--gold: #c99a2e;--saffron: #d97706;--mist: #eef7f6;--cloud: #f7fafc;--cream: #fff7e8;--white: #ffffff;--border: #dbe5ec;--shadow: 0 18px 45px rgba(8, 35, 63, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cloud);color:var(--ink)}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--cloud)}img,svg{max-width:100%}a{color:var(--teal);text-decoration:none}a:hover{color:var(--navy)}p{line-height:1.68}h1,h2,h3,h4{margin:0;color:var(--navy);font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.08;letter-spacing:0}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section{padding-block:clamp(4rem,7vw,7rem)}.section-tight{padding-block:clamp(2.5rem,4vw,4rem)}.bg-white{background:var(--white)}.bg-mist{background:var(--mist)}.bg-cloud{background:var(--cloud)}.bg-cream{background:var(--cream)}.bg-slate-900,.bg-deep-panel{background:#071b34}.bg-calm-radial{background:radial-gradient(circle at top left,rgba(19,124,119,.18),transparent 34rem),linear-gradient(135deg,#fff,#eef7f6 54%,#fff7e8)}.heading-xl{font-size:clamp(2.55rem,6vw,5.5rem);font-weight:900}.heading-lg{font-size:clamp(2rem,4vw,3.7rem);font-weight:900}.heading-md{font-size:clamp(1.45rem,2.6vw,2.25rem);font-weight:850}.body-lead{color:var(--slate);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.75}.long-copy{color:#405168;font-size:1rem;line-height:1.85;text-align:justify}.text-gradient{color:var(--teal)}.text-navy{color:var(--navy)}.text-teal{color:var(--teal)}.text-gold{color:var(--gold)}.text-saffron{color:var(--saffron)}.text-white{color:#fff}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-secondary{color:var(--slate)}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;border:1px solid rgba(19,124,119,.24);border-radius:999px;background:#ffffffb8;color:var(--teal-dark);font-size:.76rem;font-weight:900;letter-spacing:.08em;padding:.42rem .72rem;text-transform:uppercase}.tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--mist);color:var(--teal-dark);font-size:.78rem;font-weight:850;padding:.35rem .72rem}.soft-card{border:1px solid rgba(8,35,63,.1);background:#ffffffeb;box-shadow:var(--shadow)}.lift{transition:transform .16s ease,box-shadow .16s ease}.lift:hover{transform:translateY(-3px);box-shadow:0 22px 56px #08233f24}.btn,.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:900;line-height:1;padding:.82rem 1.08rem}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 12px 28px #08233f2e}.btn-primary:hover{background:var(--teal-dark);color:#fff}.btn-secondary,.btn-outline{border-color:#137c7747;background:#fff;color:var(--teal-dark)}.btn-secondary:hover,.btn-outline:hover{background:var(--mist);color:var(--navy)}.btn-ghost{background:transparent;color:var(--teal-dark);padding-inline:0}.focus-ring:focus-visible{outline:3px solid rgba(19,124,119,.35);outline-offset:3px}.prose-friendly h2+p,.prose-friendly p+h2{margin-top:1.4rem}.prose-friendly p{margin-block:1rem}.grid{display:grid}.flex{display:flex}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.place-items-center{place-items:center}.self-start{align-self:start}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.mx-auto{margin-inline:auto}.text-center{text-align:center}.leading-tight{line-height:1.15}.leading-snug{line-height:1.3}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.font-semibold{font-weight:650}.font-bold{font-weight:750}.font-extrabold{font-weight:850}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.06em}.tracking-widest{letter-spacing:.08em}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.flex-wrap{flex-wrap:wrap}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.my-2{margin-block:.5rem}.ml-1{margin-left:.25rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-5{padding-inline:1.25rem}.px-6{padding-inline:1.5rem}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.py-14{padding-block:3.5rem}.pt-0{padding-top:0}.pt-5{padding-top:1.25rem}.pt-20{padding-top:5rem}.pb-10{padding-bottom:2.5rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.25rem}.rounded-full{border-radius:999px}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.divide-y>*+*{border-top:1px solid #f1f5f9}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.list-none{list-style:none}.opacity-70{opacity:.7}.object-contain{object-fit:contain}.max-h-12{max-height:3rem}.max-h-28{max-height:7rem}.h-4{height:1rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.w-4{width:1rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-24{width:6rem}.min-h-16{min-height:4rem}.min-h-36{min-height:9rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}input,select,textarea{border:1px solid #d5e0e8;background:#fff;color:var(--ink)}summary::-webkit-details-marker{display:none}header.sticky{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(18px)}.mobile-menu-backdrop{position:fixed;inset:0;z-index:70;display:none;background:#08233f6b}.mobile-menu-backdrop.active{display:block}.mobile-menu-panel{position:fixed;inset-block:0;right:0;z-index:80;width:min(360px,92vw);transform:translate(100%);background:#fff;box-shadow:-20px 0 50px #08233f2e;transition:transform .18s ease}.mobile-menu-panel.active{transform:translate(0)}.credit-compare summary,.credit-compare .grid-cols-\[1\.25fr_1fr_0\.8fr_1\.15fr_1\.05fr_0\.7fr\]{grid-template-columns:1.25fr 1fr .8fr 1.15fr 1.05fr .7fr}.finder-quiz{display:grid;gap:2rem;grid-template-columns:.85fr 1.15fr;align-items:start}.finder-quiz__panel{border:1px solid rgba(8,35,63,.1);border-radius:1.25rem;background:#fff;padding:1.5rem;box-shadow:var(--shadow)}.finder-quiz__step{display:none}.finder-quiz__step.is-active{display:block}.finder-quiz__question{color:var(--navy);font-size:1.35rem;font-weight:900}.finder-quiz__options{display:grid;gap:.75rem;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.finder-quiz__options button{border:1px solid #dbe5ec;border-radius:1rem;background:var(--cloud);color:var(--navy);cursor:pointer;font-weight:800;padding:.9rem 1rem;text-align:left}.finder-quiz__options button:hover{border-color:#137c7761;background:var(--mist)}.finder-quiz__nav{display:flex;gap:1rem;margin-top:1.25rem}.finder-quiz__results{margin-top:1.5rem}.finder-quiz__warning{border-radius:1rem;background:var(--cream);color:#7c3b00;line-height:1.6;padding:1rem}.finder-quiz__result-grid{display:grid;gap:1rem;margin-top:1rem}.finder-result-card{border:1px solid #dbe5ec;border-radius:1rem;padding:1rem}.finder-result-card h3{font-size:1.1rem}.finder-result-card__issuer{color:var(--muted);font-weight:750}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.start-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.relatable-moment{display:grid;grid-template-columns:1.08fr .92fr;gap:1.25rem;align-items:center;background:linear-gradient(135deg,#fffffff5,#eef7f6eb),#fff}.relatable-moment img{display:block;width:100%;border:1px solid rgba(8,35,63,.08);border-radius:1rem;background:#fff}@media(min-width:640px){.sm\:block{display:block}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.72fr_1\.28fr\]{grid-template-columns:.72fr 1.28fr}.lg\:grid-cols-\[1\.3fr_0\.85fr_0\.85fr\]{grid-template-columns:1.3fr .85fr .85fr}.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:self-start{align-self:start}}@media(min-width:1280px){.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.hero-grid,.finder-quiz,.two-col{grid-template-columns:1fr}.tool-grid,.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relatable-moment{grid-template-columns:1fr}}@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.section{padding-block:3.5rem}.tool-grid,.start-grid,.stat-grid,.finder-quiz__options{grid-template-columns:1fr}.long-copy{text-align:left}}
