:root{--ink:#16282b;--soft:#647576;--canvas:#f8faf7;--white:#fff;--line:#dae5df;--deep:#153b38;--accent:#177d6e;--mint:#d7f6e9;--lime:#d5f6a4;--shadow:0 16px 55px rgba(26,59,53,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a8dfcf;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.shell{max-width:1200px;margin:0 auto;padding:0 28px}.smallcaps,.eyebrow,.step-label{letter-spacing:.13em;text-transform:uppercase;font-size:.73rem;font-weight:800;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#54c89d}.muted{color:var(--soft)}.site-header{background:rgba(248,250,247,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:center;gap:11px;font-size:1.16rem;font-weight:850;letter-spacing:-.045em;white-space:nowrap}.logo-icon{width:34px;height:34px;border-radius:10px;background:var(--deep);color:var(--lime);display:grid;place-items:center;font-size:21px;font-weight:500}.logo .dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:30px;font-weight:630;font-size:.91rem}.nav a{color:#425958;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.header-action{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:transparent;border:0;padding:10px;color:var(--deep);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:11px;padding:13px 20px;border:1px solid var(--line);font-weight:750;font-size:.9rem;transition:transform .14s,box-shadow .14s;text-align:center}.button:hover{transform:translateY(-1px)}.primary-button{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 9px 20px #177d6e26}.primary-button:hover{background:#11695d}.dark-button{background:var(--deep);border-color:var(--deep);color:#fff}.ghost-button{background:#fff;color:var(--deep)}.nav-button{padding:11px 16px}.hero{padding:84px 0 74px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.hero h1{font-size:clamp(3rem,5.5vw,5.45rem);line-height:1.055;letter-spacing:-.065em;margin:20px 0 22px;max-width:770px;font-weight:850}.accent-text{color:var(--accent)}.hero p.lead{font-size:1.15rem;line-height:1.75;color:#60706d;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.proof-row{display:flex;flex-wrap:wrap;gap:16px;color:var(--soft);font-size:.82rem;margin-top:27px}.proof-row span{display:flex;align-items:center;gap:6px}.proof-row span:before{content:'✓';font-weight:800;color:var(--accent)}.hero-art{background:#e0f3e9;border-radius:32px;padding:28px;position:relative;box-shadow:var(--shadow);min-height:395px}.paper{background:var(--white);border-radius:19px;padding:26px;box-shadow:0 17px 55px #153b3820;position:relative;transform:rotate(2deg)}.paper-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:.8rem;color:var(--soft)}.paper-title{font-weight:800;font-size:1.16rem;color:var(--ink)}.paper-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.paper-stat{padding:14px;background:var(--canvas);border:1px solid #ecf1ed;border-radius:11px}.paper-stat strong{font-size:1.55rem;letter-spacing:-.045em;display:block}.paper-stat small{color:var(--soft)}.paper-bottom{display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#fff;border-radius:12px;margin-top:15px;padding:18px}.paper-bottom strong{font-size:1.45rem}.paper-bottom small{color:#b6d7d0}.floating-pill{position:absolute;top:12px;right:-17px;display:flex;align-items:center;gap:8px;background:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 13px 30px #153b3825;font-size:.81rem;font-weight:700;transform:rotate(-6deg)}.floating-pill:before{content:'●';color:#64c9a6}.section{padding:70px 0}.section-head{max-width:720px;margin-bottom:33px}.section h2,.tool-header h1{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.16;margin:12px 0}.section-head p,.tool-header p{font-size:1.04rem;color:var(--soft);line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:18px;display:flex;flex-direction:column;gap:14px;min-height:270px;box-shadow:0 3px 8px rgba(16,40,36,.02);transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{border-color:#8dccb3;transform:translateY(-5px);box-shadow:var(--shadow)}.tool-symbol{height:50px;width:50px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;background:#e7f6ec;color:var(--accent)}.tool-card h3{margin:0;font-size:1.12rem;line-height:1.3}.tool-card p{margin:0;font-size:.88rem;color:var(--soft)}.tool-card .card-link{margin-top:auto;color:var(--accent);font-size:.86rem;font-weight:800}.value-panel{border-radius:25px;padding:43px;background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px}.value-panel h2{margin-top:8px}.value-panel p{color:#d6e9df;line-height:1.8}.check-list{display:grid;gap:15px;align-content:center}.check-list div{display:flex;align-items:flex-start;gap:12px}.check-icon{background:#3d7466;color:var(--lime);width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:none}.soft-section{background:#f0f6f1;border-top:1px solid #e3eee6;border-bottom:1px solid #e3eee6}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px}.step-card .step-n{font-size:.76rem;color:var(--accent);font-weight:850}.step-card h3{font-size:1.12rem;letter-spacing:-.03em}.step-card p{color:var(--soft);font-size:.91rem}.site-footer{background:#eff4ef;border-top:1px solid var(--line);padding:35px 0;color:#667975;font-size:.85rem}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer-grid .logo{color:var(--deep)}.footer-links{display:flex;gap:23px}.tool-header{padding:47px 0 28px}.breadcrumb{font-size:.82rem;color:var(--soft);display:flex;align-items:center;gap:8px;margin-bottom:18px}.breadcrumb a{color:var(--accent)}.tool-header h1{max-width:850px}.tool-header p{max-width:750px;margin:12px 0 0}.trust-bits{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:16px;font-size:.8rem;color:#507266}.trust-bits span:before{content:'✓ ';color:#16846d;font-weight:800}.calculator-wrap{padding:10px 0 50px}.calc-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:25px;align-items:start}.form-card,.results-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.form-card{padding:30px}.form-card h2{font-size:1.5rem;letter-spacing:-.04em;margin:7px 0}.form-card>p{margin:0 0 12px;font-size:.92rem}.input-group{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:24px 0 0;min-width:0}.input-group legend{float:left;width:100%;font-weight:790;font-size:1rem;display:flex;align-items:center;gap:10px}.input-group legend + *{clear:both}.step-number{background:#e2f4e9;color:var(--accent);border-radius:8px;height:26px;width:26px;display:inline-grid;place-items:center;font-size:.77rem}.group-help{color:var(--soft);font-size:.82rem;margin:9px 0 18px}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}.field{display:grid;gap:6px;min-width:0}.field-label{font-size:.79rem;font-weight:720;color:#405450}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{border:1px solid #d4e0d8;border-radius:10px;width:100%;min-width:0;padding:12px 65px 12px 13px;color:var(--ink);background:#fcfefd;font-weight:750;font-size:.99rem}.input-wrap input:hover{border-color:#91bfb2}.input-wrap input:focus{border-color:var(--accent);outline:3px solid #e4f6ef}.input-wrap .unit{position:absolute;right:12px;color:#7a8b86;font-size:.74rem;font-weight:650;pointer-events:none;white-space:nowrap}.toggle-field{display:flex;gap:11px;align-items:center;font-weight:700;font-size:.87rem;cursor:pointer;margin-top:20px}.toggle-field input{appearance:none;position:absolute;opacity:0}.toggle-visual{height:25px;width:44px;border-radius:20px;background:#cad8d2;position:relative;transition:background .2s}.toggle-visual:after{content:'';width:19px;height:19px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 5px #0002}.toggle-field input:checked + .toggle-visual{background:var(--accent)}.toggle-field input:checked + .toggle-visual:after{transform:translateX(19px)}.toggle-field input:focus-visible + .toggle-visual{outline:3px solid #a8dfcf;outline-offset:3px}.form-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.input-error{margin-top:20px;padding:12px 15px;background:#fff0ed;color:#8c2d24;border-radius:10px;font-size:.84rem}.input-error[hidden]{display:none}.results-head{background:var(--deep);color:#fff;padding:30px}.step-label.light{color:var(--lime)}.results-head h2{font-size:1.53rem;letter-spacing:-.04em;margin:10px 0}.results-head p{color:#c1d8ce;font-size:.89rem;margin:0}.results-inner{padding:24px}.cost-panel{border-radius:14px;background:#e5f7e9;border:1px solid #cdeedb;padding:20px 22px}.cost-label{color:#4f7765;font-size:.83rem;font-weight:720}.cost-total{font-size:2.75rem;font-weight:850;letter-spacing:-.055em;color:#175d4d;line-height:1.18;margin:7px 0}.cost-sub{color:#537366;font-size:.75rem}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.stat{border:1px solid var(--line);padding:15px;border-radius:12px;min-height:83px}.stat-label{color:#72817a;font-size:.75rem;margin-bottom:6px}.stat-value{font-size:1.06rem;letter-spacing:-.025em;font-weight:780}.explain{margin-top:21px}.explain h3,.shopping h3{font-size:.97rem;letter-spacing:-.02em;margin:0 0 9px}.explain p,.shopping li{font-size:.83rem;color:#5d6d68;line-height:1.7}.shopping{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.shopping-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-tag{font-size:.61rem;font-weight:800;letter-spacing:.07em;color:var(--accent)}.shopping ul{padding-left:20px;margin:12px 0}.shopping li{padding-bottom:5px}.result-actions{display:flex;gap:9px;flex-wrap:wrap}.result-actions .button{font-size:.8rem;padding:10px 13px}.copy-button{background:var(--deep);color:#fff;border-color:var(--deep)}.print-button{background:#fff}.copy-status{font-size:.77rem;color:var(--accent);min-height:16px}.disclaimer{border-top:1px solid var(--line);background:#f8fbf8;padding:20px 24px}.disclaimer strong{font-size:.8rem}.disclaimer p{font-size:.77rem;color:#697973;margin:5px 0 0;line-height:1.7}.invalid-output{color:#b14740;font-size:.88rem;padding:20px 0}.info-blocks{padding:14px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:19px}.info-card h2{font-size:1.19rem;letter-spacing:-.03em;margin:0 0 10px}.info-card p,.info-card li{color:var(--soft);font-size:.89rem;line-height:1.75}.info-card ul{padding-left:19px}.info-card a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.callout-link{color:var(--accent);font-weight:750}.faq{border-top:1px solid var(--line);padding:11px 0}.faq h3{font-size:.94rem;margin:4px 0}.faq p{margin:4px 0}.ad-preview{margin-top:22px;background:#fbfcfa;border:1px dashed #b2c8be;border-radius:14px;min-height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#95a9a0;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.ad-preview strong{font-size:.7rem;letter-spacing:.02em;text-transform:none;font-weight:400;color:#879991}.footer-sources{margin-top:4px}.footer-sources a{text-decoration:underline}.about-page{padding:65px 0 100px;max-width:860px}.about-page h1{font-size:2.8rem;letter-spacing:-.05em}.about-page p,.about-page li{color:var(--soft);line-height:1.8}.about-page a{color:var(--accent);text-decoration:underline}
@media(max-width:1050px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{gap:30px}.hero{padding:64px 0}.calc-layout{grid-template-columns:1fr}.results-card{display:grid;grid-template-columns:1fr 1.2fr}.results-head{grid-column:1/-1}.disclaimer{grid-column:1/-1}.results-inner{grid-column:1/-1}}@media(max-width:690px){.shell{padding:0 19px}.header-inner{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f8faf7;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.menu-toggle{display:inline-block}.nav-button{display:none}.hero{padding:43px 0}.hero-inner{grid-template-columns:1fr;gap:23px}.hero h1{font-size:3.1rem}.hero-art{min-height:0;padding:23px}.paper{padding:20px}.floating-pill{right:-8px;top:10px}.section{padding:48px 0}.tool-grid,.three-steps,.value-panel,.info-blocks{grid-template-columns:1fr}.tool-card{min-height:210px}.value-panel{padding:27px}.form-card{padding:22px}.calc-layout{gap:15px}.tool-header{padding:31px 0 22px}.tool-header h1{font-size:2.25rem}.field-label{font-size:.76rem}.fields-grid{gap:14px 10px}.input-wrap input{padding:12px 47px 12px 11px}.input-wrap .unit{right:9px;font-size:.67rem}.results-head{padding:23px}.results-inner{padding:20px}.cost-total{font-size:2.35rem}.footer-grid{align-items:flex-start;flex-direction:column}.stat{padding:12px}.stat-value{font-size:.96rem}}@media print{.site-header,.site-footer,.form-actions,.result-actions,.ad-preview,.info-blocks,.breadcrumb,.trust-bits{display:none!important}.shell{max-width:none}.calc-layout{display:block}.form-card{display:none}.results-card{border:0;box-shadow:none}.results-head{color:#000;background:#fff;padding:0}.results-head p{color:#333}.calculator-wrap{padding:0}.results-inner{padding:10px 0}.disclaimer{border:1px solid #ccc}.cost-panel{color:#000;background:#fff}}
