/* Kinda Invested — calmer 2026 design. Intentionally quiet and easy to scan. */
:root{--ink:#1d2723;--muted:#59655f;--deep:#244b3d;--deep2:#1e3b31;--cream:#f8f9f7;--paper:#fff;--mint:#e7f0eb;--green:#cde0d5;--peach:#f5e9e0;--lavender:#ebedeb;--orange:#ce8567;--line:#e0e5e0;--round:12px;--shadow:0 7px 30px rgba(29,40,34,.045);--w:1100px}
html{scroll-behavior:smooth}
body{background:#f8f9f7;color:#1d2723;font:400 16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
h1,h2,h3,h4{font-family:inherit;letter-spacing:-.041em;font-weight:680;line-height:1.15;color:#1b2922}
p{color:#56635b}
a:hover{color:#356953}
.container{max-width:1100px}
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{height:69px}
.brand{font-family:inherit;font-size:1.14rem;font-weight:780;letter-spacing:-.05em;gap:10px;color:#1b2922}
.brand-word>span{color:#2d6951}
.brand small{display:none}
.brand-mark{width:33px;height:33px;transform:none;border-radius:9px!important;box-shadow:none}
.brand-mark img{height:33px;width:33px}
.main-nav a{font-size:.88rem;color:#4b5850;font-weight:550}
.main-nav a[aria-current="page"]{text-decoration:none;color:#225740;font-weight:720}
.main-nav{gap:27px}
.button{font-weight:650;border-radius:9px;box-shadow:none;padding:11px 16px;transform:none;transition:background .15s,border-color .15s}
.button:hover{transform:none}
.button-dark,.button-primary{background:#254b3d;border:1px solid #254b3d;color:#fff;box-shadow:none}
.button-dark:hover,.button-primary:hover{background:#173b2d;border-color:#173b2d;box-shadow:none;color:#fff}
.button-outline,.button-light{background:#fff;border:1px solid #cad4cc;color:#254b3d}
.button-outline:hover,.button-light:hover{background:#f4f7f3;border-color:#8fab9a;color:#254b3d}
.header-cta{font-size:.82rem}
.menu-toggle{border:1px solid #dfe5df;border-radius:9px}
.eyebrow{font-weight:650;letter-spacing:.08em;font-size:.7rem;color:#477b60}
.eyebrow:before{display:none}
/* Home: an introduction, three clear options, three reading links. */
.hero{padding:73px 0 64px;background:#f8f9f7;color:#1d2723;border:0;overflow:visible}
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);gap:62px;align-items:center}
.hero .hero-overline{font-size:.82rem;color:#397352;font-weight:650;line-height:1.4;max-width:none;margin:0 0 21px}
.hero h1{font:700 clamp(3.1rem,5.5vw,5.25rem)/1.06 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.058em;margin:0 0 25px;color:#1d2921;max-width:650px}
.hero h1 em{font-style:normal;color:#397256;font-weight:700}
.hero-copy>p:not(.hero-overline):not(.hero-note){font-size:1.05rem;line-height:1.65;color:#59675e;max-width:465px;margin:0}
.hero-actions{display:flex;gap:11px;margin:27px 0 0;flex-wrap:wrap}
.hero-note{font-size:.76rem;font-weight:500;margin:19px 0 0;color:#78847a}
.hero-feature{width:100%;max-width:460px;justify-self:center;background:#eff3ee;border:1px solid #e7ece6;border-radius:20px;padding:9px}
.hero-feature img{display:block;width:100%;height:auto;max-height:375px;object-fit:contain}
.home-choices{padding:46px 0 51px;background:#fff;border-block:1px solid #e7ebe6}
.home-choices h2,.home-reads h2{font-size:clamp(1.35rem,2.3vw,1.8rem);letter-spacing:-.03em;margin:0 0 20px;font-weight:690}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.choice-tile{display:block;position:relative;background:#fff;border:1px solid #dfe6df;border-radius:13px;padding:20px 21px 23px;min-height:173px;transition:border-color .15s,background .15s}
.choice-tile:hover{background:#fbfcfa;border-color:#94b39f;color:#1d2921}
.choice-symbol{color:#3e805e;font-size:.8rem;font-weight:750}
.choice-tile h3{font-size:1.13rem;font-weight:700;margin:13px 0 6px;letter-spacing:-.025em}
.choice-tile p{font-size:.86rem;line-height:1.6;margin:0;color:#69756c;max-width:260px}
.choice-arrow{position:absolute;right:20px;top:18px;color:#628975}
.choice-arrow svg{width:19px;height:19px}
.home-reads{padding:52px 0 46px}
.home-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.home-read-list{border-top:1px solid #dfe5df;margin:2px 0 0}
.home-read{display:grid;grid-template-columns:126px minmax(0,1fr) 25px;gap:20px;align-items:center;min-height:69px;padding:14px 5px;border-bottom:1px solid #dfe5df;color:#29342e;transition:background .15s}
.home-read:hover{background:#f1f5f1;color:#263d2f}
.home-read-type{font-size:.75rem;color:#748178}
.home-read strong{font-size:.98rem;letter-spacing:-.015em;font-weight:610}
.home-read-arrow svg{width:17px;height:17px}
.home-note{padding:0 24px 28px}
.home-note p{border-top:1px solid #e6eae4;padding-top:19px;color:#7a837d;font-size:.75rem;margin:0}
/* All other pages share one quiet visual system. */
.section{padding:58px 0}.section-tight{padding:55px 0}
.section-tight[style]{background:#f2f5f2!important;border-block:1px solid #e2e8e2}
.section-head{border-bottom:1px solid #dfe5df;padding-bottom:20px;margin-bottom:24px}
.section-head h2{font-size:clamp(1.75rem,2.8vw,2.45rem);margin:5px 0 9px;font-weight:690}
.section-head p{font-size:.92rem}
.page-hero{background:#eef3ef;border:0;border-bottom:1px solid #e0e8df;padding:54px 0;color:#1d2921}
.page-hero .eyebrow{color:#40765c}
.page-hero h1{color:#192820;font-size:clamp(2.5rem,4.5vw,3.8rem);font-family:inherit;margin:12px 0 15px;letter-spacing:-.045em}
.page-hero p{color:#647169;max-width:700px;font-size:1.02rem}
.hero-breadcrumb{color:#63766a}
.content-grid{gap:13px}
.content-card{border:1px solid #e0e6e0;border-radius:12px!important;background:white;box-shadow:none!important;min-height:235px;transition:border-color .15s,box-shadow .15s,transform .15s}
.content-card:hover{transform:translateY(-2px);border-color:#bbd0c0;box-shadow:0 8px 25px rgba(25,47,35,.05)!important}
.card-icon{border:none!important;border-radius:10px!important;transform:none}
.card-icon.mint{background:#e5f0e9}.card-icon.peach{background:#f6ede5}.card-icon.lavender{background:#eef0ee}
.card-category{color:#63806d;font-size:.66rem}
.content-card h3{font-family:inherit;font-size:1.19rem;font-weight:700;letter-spacing:-.02em;margin-top:18px}
.content-card p{color:#68766c;font-size:.85rem}
.card-foot{border-color:#e4e9e2}
.tool-card,.tool-card.featured,.tool-card.warm,.tool-card.lilac{border:1px solid #dfe7df;border-radius:12px!important;background:white!important;box-shadow:none!important;min-height:240px;padding:26px}
.tool-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(35,60,44,.055)!important}
.tool-card h3{font:700 1.5rem/1.2 inherit;letter-spacing:-.035em;color:#213329}
.tool-symbol{color:#3b745a!important;font-size:1.9rem}
.text-link{color:#2c7051;font-weight:690}
.text-link:hover{color:#23523c}
.searchbox,.sidebar-card,.calc-panel,.glossary-term,.prose-card,.intro-panel,.sources,.notice,.article-kicker,.bottom-next,.visually-subtle{border-radius:12px!important;box-shadow:none!important}
.searchbox{background:#fff;border-color:#dbe5db}.filter-btn{background:#fff;border-color:#dbe5dc;border-radius:8px}
.filter-btn.active,.filter-btn:hover{background:#244b3d;border-color:#244b3d;color:#fff}
.article-body h2,.article-body h3,.sidebar-card h3{font-family:inherit}
.article-body h2{font-size:1.65rem;letter-spacing:-.025em}
.article-body p,.article-body ul,.article-body ol{color:#55645a}
.article-kicker{background:#f1f6f1!important;border-color:#bad1be!important}
.sidebar-card,.calc-panel,.prose-card,.glossary-term{background:#fff;border:1px solid #e0e7df}
.sources{background:#f0f4f0}
.notice{background:#f0f4f0;border:1px solid #dce6dd}
.calc-panel{border:1px solid #dfe6df}
.result-panel{background:#294a3c;border:0;border-radius:12px}
.result-number{font-family:inherit;letter-spacing:-.03em}
.glossary-term h3{font-family:inherit;font-size:1.13rem}
.bottom-next{border:1px solid #e0e7df;background:#fff}
.prose-card{padding:34px}
.contact-form input,.contact-form textarea,.calc-field input,.calc-field select{background:#fff;border:1px solid #cfdccf;border-radius:8px}
/* Footer is useful, but not another marketing section. */
.site-footer{background:#203a2f;color:#edf2ed;margin-top:0}
.site-footer .brand,.site-footer .brand-word{color:#fff}
.site-footer .brand-word>span{color:#afd4b9}
.footer-main p{color:#bfcec2;font-size:.87rem;max-width:330px}
.footer-col strong{color:#f4f8f4}
.footer-col a{color:#bdcbbf;font-size:.83rem}
.footer-bottom{border-color:#455e50;color:#b6c9bc}
/* Interactive lessons: one clear idea at a time. */
.path-hero{background:#f1f5f1;border:0;border-bottom:1px solid #e0e7e0;padding:52px 0}
.path-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:55px;align-items:center}
.path-hero h1{font:700 clamp(2.4rem,4.6vw,4rem)/1.1 inherit;letter-spacing:-.052em;margin:12px 0 15px;color:#1c2b22}
.path-hero h1 em{font-style:normal;color:#3d7758;font-weight:700}
.path-hero p{color:#5c6c61;font-size:1.01rem;line-height:1.63;max-width:590px}
.path-hero-art{min-height:0;background:#e9f0e9;border:1px solid #dce8dc;border-radius:17px;box-shadow:none;transform:none;display:flex;align-items:center;overflow:hidden}
.path-hero-art img{width:100%;height:auto;display:block}
.path-section{padding:52px 0 70px}
.path-section-header{margin-bottom:23px}
.path-section-header h2{font:700 1.75rem/1.2 inherit;letter-spacing:-.03em;margin:0 0 7px}
.path-section-header p{font-size:.9rem;margin:0}
.path-total{border:1px solid #e0e6df;background:#fff;color:#284735;border-radius:10px;transform:none;min-width:105px;padding:12px 17px}
.path-total strong{font:700 1.55rem/1.1 inherit}.path-total span{color:#728175;font-size:.7rem}
.path-lesson-list{border-top:1px solid #dce4dc}
.path-lesson{grid-template-columns:36px minmax(0,1fr) 32px 110px;gap:18px;padding:20px 8px;border-bottom:1px solid #dce4dc;border-radius:0;min-height:96px}
.path-lesson:hover{background:#eff4ef}
.path-lesson-number{font:650 .9rem inherit;color:#62856d}
.path-lesson-copy{gap:5px}
.path-lesson-top{color:#7e8b80;font-size:.71rem;letter-spacing:0;font-weight:550}
.path-lesson-copy strong{font:700 1.12rem/1.25 inherit;color:#203329;letter-spacing:-.02em}
.path-lesson-copy>span:last-child{font-size:.81rem;color:#6c796e}
.path-lesson-arrow{border:0;width:30px;height:30px;color:#588568}
.path-lesson-status{grid-column:4;grid-row:1;text-align:right;align-self:center;color:#647d68;font-size:.75rem;font-weight:650}
.path-lesson.is-done{background:#edf5ed}
.path-endnote{font-size:.85rem;margin-top:23px}
.journey-page{background:#f8f9f7;padding:31px 0 67px;min-height:75vh}
.journey-topbar{font-size:.76rem;margin-bottom:25px;color:#5f7564;font-weight:600}
.journey-back{text-decoration:none;color:#326e52}
.journey-count{color:#738477;letter-spacing:.06em}
.journey-layout{grid-template-columns:minmax(200px,.68fr) minmax(0,1.32fr);gap:42px}
.journey-rail{top:105px;padding:12px 0}
.journey-rail h1{font:720 clamp(1.85rem,2.7vw,2.65rem)/1.13 inherit;letter-spacing:-.043em;margin:8px 0 12px;color:#1a2821}
.journey-rail p{font-size:.91rem;color:#68776c}
.journey-facts{border:0;padding:0;margin:19px 0;color:#879186;font-size:.78rem;font-weight:550}
.journey-rail .eyebrow{font-size:.65rem;color:#567b60}
.journey-read-more{font-weight:600;color:#2c6e4f;font-size:.8rem;text-decoration:none}
.journey-progress-head{color:#7f8a81;font-size:.7rem;font-weight:650;letter-spacing:0;text-transform:none}
.journey-progress{background:#e5eae4;height:5px;border-radius:20px;margin-bottom:15px}
.journey-progress span{background:#41825c;border-radius:20px}
.journey-stage{min-height:465px;background:#fff;border:1px solid #e1e7df;border-radius:17px;box-shadow:0 10px 30px rgba(31,53,40,.035);overflow:hidden}
.story-screen,.story-finish{padding:33px clamp(24px,4vw,44px) 28px}
.story-topline{color:#647569}
.story-label{color:#4b7a5b;letter-spacing:.065em;font-size:.67rem;font-weight:750}
.story-issue{font-size:.7rem;letter-spacing:.035em;color:#9da69d}
.story-screen h2,.story-finish h2{font:710 clamp(1.6rem,2.6vw,2.24rem)/1.18 inherit;letter-spacing:-.038em;margin:18px 0 13px;color:#1b2c21}
.story-intro,.story-finish p{font-size:.96rem;line-height:1.68;color:#58675d;max-width:560px}
.story-prompt{margin:23px 0 12px;color:#5d7565;font-size:.74rem;text-transform:none;letter-spacing:0;font-weight:680}
.story-choice-grid{gap:9px}
.story-option{grid-template-columns:27px 1fr 17px;gap:10px;border:1px solid #e1e8df;background:#fcfdfc;border-radius:9px;padding:12px 15px;font-weight:600;transition:border-color .12s,background .12s}
.story-option-emoji{font-size:1.15rem}
.story-option-plus{color:#7f9a87}
.story-option:hover,.story-option.active{background:#edf5ee;border-color:#7fa78a;color:#254734}
.story-reveal-trigger{border:1px solid #b4ccba;background:#edf5ee;color:#244c35;padding:15px 18px;width:100%;text-align:left;border-radius:9px;box-shadow:none;font-weight:660;letter-spacing:0}
.story-reveal-trigger:hover:not(:disabled){background:#e2eee4}
.story-feedback{margin:15px 0 8px;background:#f0f6f0;border:1px solid #dce9dc;border-radius:10px;padding:17px 19px}
.story-feedback-kicker{color:#4f7a5c;font-size:.67rem;letter-spacing:.04em;font-weight:700}
.story-feedback h3{font:700 1rem/1.3 inherit;margin:7px 0;color:#223c2d}
.story-feedback p{color:#53685a;font-size:.85rem;line-height:1.65}
.story-controls{border-color:#edf1ed;margin-top:21px;padding-top:17px}
.story-back{color:#5e7261;font-weight:610;font-size:.83rem}
.story-continue,.story-next-link{background:#284c3b;color:#fff;border:1px solid #284c3b;border-radius:9px;font-size:.85rem;font-weight:650;padding:12px 18px}
.story-continue:hover:not(:disabled),.story-next-link:hover{background:#19392c;border-color:#19392c;color:#fff}
.story-continue:disabled{background:#e7ebe6;border-color:#e7ebe6;color:#9da99e}
.story-slider-label{font-size:.82rem;font-weight:700;color:#526759}
.story-slider-stat strong{font:700 1.13rem inherit;color:#2a6b49}
.story-slider{accent-color:#3d875e}
.story-live-result{border:0;border-radius:9px;padding:16px 17px;background:#eff5ee;font:700 clamp(1.08rem,2vw,1.28rem)/1.35 inherit;color:#2a5138}
.journey-help{font-size:.76rem;color:#849087;padding:15px 3px}
.journey-help button{font-size:.76rem;color:#647a68}
.story-finish{display:flex;flex-direction:column;justify-content:center;min-height:460px;align-items:stretch}
.story-finish h2{margin:9px 0 22px}
.story-finish-overline{font-size:.75rem;font-weight:690;color:#39744e}
.story-summary{background:#ecf4ed;border-radius:11px;padding:21px;margin-bottom:15px}
.story-summary-label{font-size:.68rem;color:#3f7652;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.story-summary p{color:#264634;font-size:1.05rem;line-height:1.5;font-weight:640;margin:9px 0 0}
.story-action{padding:4px 0 0}
.story-action p{margin:9px 0 7px;font-size:.9rem}
.story-source{font-size:.81rem;color:#2b7951;text-decoration:underline;text-underline-offset:2px}
.story-actions{flex-direction:row;gap:19px;flex-wrap:wrap;align-items:center;margin-top:25px}
.story-secondary-link{font-size:.85rem;color:#4a7156;font-weight:600}
.journey-transcript{border-color:#e0e6df;margin:48px 0 18px;max-width:800px}
.journey-transcript section{border-color:#e0e6df}
.journey-transcript h3{font:700 1.2rem/1.3 inherit}
.story-transcript-summary{background:#edf4ed;padding:20px!important;border-radius:10px}
.journey-disclaimer{color:#869086;font-size:.74rem}
@media(max-width:850px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px}
 .hero h1{font-size:clamp(2.75rem,5.5vw,4rem)}
 .path-hero-inner{grid-template-columns:1.15fr .75fr;gap:25px}
 .path-hero-art{min-height:0}
 .journey-layout{grid-template-columns:1fr;gap:14px}
 .journey-rail{position:static;padding:0}
 .journey-rail h1{font-size:2rem}
 .journey-rail p{max-width:600px}
 .journey-facts{margin:12px 0}
 .journey-stage{min-height:400px}
}
@media(max-width:780px){
 .header-inner{height:65px}.main-nav{top:65px;background:#fff;border-bottom:1px solid var(--line)}
 .hero{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:30px}
 .hero-feature{max-width:400px;justify-self:start}
 .choice-grid{grid-template-columns:1fr}
 .choice-tile{min-height:0;padding:17px 20px}.choice-tile h3{margin:7px 0 4px}
 .path-hero-inner{grid-template-columns:1fr}
 .path-hero-art{max-width:390px}
 .path-lesson{grid-template-columns:30px minmax(0,1fr) 22px;gap:9px}
 .path-lesson-status{grid-column:2;grid-row:2;text-align:left}
 .path-lesson-arrow{grid-column:3;grid-row:1}
 .path-section-header{flex-direction:row}
}
@media(max-width:560px){
 .container{padding-inline:19px}
 .brand{font-size:1.05rem}.brand-mark,.brand-mark img{width:31px;height:31px}
 .hero{padding:38px 0 43px}
 .hero h1{font-size:clamp(2.62rem,12vw,3.48rem);line-height:1.08;margin-bottom:17px}
 .hero-copy>p:not(.hero-overline):not(.hero-note){font-size:.98rem}
 .hero-feature{max-width:100%;padding:6px}.hero-feature img{max-height:270px}
 .home-choices,.home-reads{padding-block:38px}.home-reads h2{font-size:1.48rem}
 .home-read{grid-template-columns:minmax(0,1fr) 22px;gap:9px}.home-read-type{display:none}.home-read strong{font-size:.93rem}
 .home-section-head .text-link{font-size:.77rem}
 .home-note{padding-inline:19px}
 .page-hero{padding:38px 0}.page-hero h1{font-size:2.45rem}
 .section{padding:42px 0}.section-head h2{font-size:1.9rem}
 .path-hero{padding:40px 0}.path-hero h1{font-size:2.5rem}
 .path-section{padding:38px 0 60px}.path-section-header h2{font-size:1.5rem}
 .path-lesson{padding:17px 3px}.path-lesson-copy strong{font-size:1.04rem}.path-lesson-copy>span:last-child{font-size:.76rem}
 .journey-page{padding:21px 0 50px}.journey-topbar{margin-bottom:18px}.journey-rail h1{font-size:1.7rem}
 .journey-rail p{font-size:.88rem;margin-bottom:6px}
 .journey-facts{font-size:.73rem;gap:10px}
 .story-screen,.story-finish{padding:25px 20px}
 .story-screen h2,.story-finish h2{font-size:1.8rem;margin:17px 0 12px}
 .story-intro{font-size:.91rem;line-height:1.64}
 .story-option{padding:11px 12px;font-size:.86rem}
 .story-summary p{font-size:.98rem}
 .story-actions{flex-direction:column;align-items:flex-start}
 .journey-help{font-size:.7rem}
}

/* Comparison page: intentionally quiet and easy to scan. */
.home-compare-link{font-size:.91rem;color:#53685a;margin:22px 0 0}.home-compare-link a{font-weight:700;color:#2e6e4d;text-decoration:underline;text-underline-offset:4px}
.compare-intro{background:#f0f5f0;padding:66px 0 62px;border-bottom:1px solid #e0e9e1}.compare-intro .container{max-width:1160px}
.compare-intro h1{font-family:inherit;font-weight:750;max-width:780px;line-height:1.09;letter-spacing:-.047em;font-size:clamp(2.4rem,5vw,4.4rem);margin:18px 0;color:#20362a}
.compare-intro p:not(.eyebrow){max-width:710px;font-size:1.05rem;line-height:1.7;color:#596f60}
.compare-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.compare-jump a{display:inline-flex;padding:12px 18px;border:1px solid #acc6b0;border-radius:9px;color:#265a3f;background:#fff;font-weight:650;font-size:.9rem}
.compare-section{padding:65px 0 74px}.compare-section.alternate{background:#f5f7f4;border-top:1px solid #e5ebe5}
.compare-head{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:20px}.compare-head>div{max-width:700px}.compare-head h2,.compare-action h2{font-family:inherit;font-weight:740;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.035em;margin:9px 0 12px;color:#203429}.compare-head p:not(.eyebrow){font-size:.95rem;color:#617065;line-height:1.7;margin:0}
.compare-filter{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 20px}.compare-filter-btn{font:650 .86rem/1.25 inherit;color:#42584a;background:#fff;border:1px solid #d2dfd5;border-radius:100px;padding:10px 16px;cursor:pointer}.compare-filter-btn.active,.compare-filter-btn:hover{background:#264936;color:#fff;border-color:#264936}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.compare-card{padding:25px 24px 22px;border:1px solid #dce4dc;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:13px;box-shadow:none}.compare-card[hidden]{display:none!important}.compare-top{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}.compare-card h3{font-family:inherit;font-weight:740;font-size:1.25rem;line-height:1.22;letter-spacing:-.025em;color:#243b2c;margin:5px 0 0}.compare-type{font-weight:700;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:#6a7c70}.compare-highlight{border-radius:6px;background:#edf3ed;color:#386046;padding:6px 8px;font-size:.72rem;font-weight:700;white-space:nowrap}.compare-card p{font-size:.88rem;line-height:1.64;color:#5d6b60;margin:0}.compare-card .compare-benefit{font-size:.98rem;color:#2d4333;font-weight:720;line-height:1.4}.compare-watch,.compare-fee{background:#f6f8f5;padding:12px 14px;border-radius:8px}.compare-watch strong,.compare-fee strong{font-size:.73rem;letter-spacing:.02em;color:#455b49}.compare-watch p,.compare-fee p{margin-top:4px}.compare-source{display:block;padding-top:15px;margin-top:auto;border-top:1px solid #e5eae4;font-size:.85rem;font-weight:680;color:#27744a}.compare-source:hover{text-decoration:underline}
.compare-note{color:#69776a;font-size:.78rem;line-height:1.75;margin:20px 0 0;max-width:1040px}.compare-note a{text-decoration:underline;text-underline-offset:3px}
.compare-action{padding:56px 0 72px}.compare-action .container{max-width:760px}.compare-action ol{margin:22px 0 26px;padding-left:23px;color:#506252;line-height:2.05;font-size:.95rem}.compare-action .button{display:inline-flex}
.payday-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.payday-inputs{padding:28px;background:white;border:1px solid #e1e9e0;border-radius:12px;display:grid;gap:20px}.payday-inputs label{font-weight:650;font-size:.91rem;color:#304a36;display:grid;gap:9px}.payday-inputs label span{font-size:.75rem;color:#778879}.payday-inputs input{width:100%;font:700 1.25rem inherit;padding:12px;border:1px solid #d5e2d8;border-radius:8px;background:#fafcfb;color:#213b2c}.payday-result{background:#274c39;color:#fff;padding:36px;border-radius:12px}.payday-result>p:first-child{font-size:.8rem;color:#d6e9dc;font-weight:650}.payday-result strong{font-family:inherit;font-weight:750;font-size:clamp(2.8rem,6vw,4.4rem);line-height:1.1;letter-spacing:-.04em;display:block;margin:13px 0 25px}.payday-bar{height:9px;border-radius:15px;overflow:hidden;background:#688273}.payday-bar span{display:block;width:0%;height:100%;background:#c7e8d2;transition:width .2s}.payday-warning{font-size:.91rem!important;line-height:1.6;color:#e6f2ea!important}.payday-next{display:inline-block;margin-top:16px;color:#fff;text-decoration:underline;text-underline-offset:4px}.payday-negative .payday-result{background:#79483f}
@media(max-width:880px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payday-layout{grid-template-columns:1fr}}
@media(max-width:620px){.compare-intro{padding:42px 0}.compare-section{padding:43px 0}.compare-grid{grid-template-columns:1fr}.compare-head{display:block}.compare-head .text-link{margin-top:15px}.compare-card{padding:21px}.payday-result{padding:24px}}