:root{--ink:#10221f;--muted:#52645f;--brand:#0f766e;--brand-dark:#0b5f59;--mint:#dff5ef;--cream:#fbfaf5;--white:#fff;--line:#d9e2df;--accent:#f6b44b;--error:#b42318;--radius:18px;--shadow:0 20px 60px rgba(19,55,48,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6;background:var(--cream)}a{color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 40px))}.skip-link{position:absolute;left:12px;top:-80px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip-link:focus{top:12px}.site-header{background:rgba(251,250,245,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;letter-spacing:-.08em}.header-inner nav{display:flex;gap:28px;margin-left:auto}.header-inner nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.94rem}.button{appearance:none;border:0;border-radius:11px;background:var(--brand);color:#fff;padding:13px 20px;display:inline-flex;justify-content:center;align-items:center;min-height:48px;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(15,118,110,.18);transition:background .16s,transform .16s}.button:hover{background:var(--brand-dark);transform:translateY(-1px)}.button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button-small{min-height:42px;padding:9px 15px;font-size:.9rem}.button-wide{width:100%}.hero{padding:88px 0 72px;background:radial-gradient(circle at 87% 20%,#d9f4eb 0,transparent 34%),var(--cream)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:72px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--brand);margin-bottom:14px}.hero h1{font-size:clamp(2.65rem,6vw,5.4rem);line-height:.98;letter-spacing:-.065em;max-width:850px;margin:0 0 26px}.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted);max-width:650px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-weight:750;color:var(--brand-dark);text-underline-offset:4px}.trust-list{display:flex;gap:22px;flex-wrap:wrap;padding:0;margin:34px 0 0;list-style:none;color:var(--muted);font-size:.88rem}.trust-list li:before{content:"✓";color:var(--brand);font-weight:900;margin-right:7px}.hero-note{background:var(--ink);color:#fff;padding:30px;border-radius:24px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-note strong{display:block;font-size:1.55rem;line-height:1.2;margin:8px 0 24px}.note-label{color:#8ed8c8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.mini-result{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #36504b;font-size:.9rem}.mini-result span:last-child{color:#aec0bc}.mini-result.featured{color:#9ce0d1}.calculator-section{padding:90px 0;background:#eef5f2}.section-heading{text-align:center;max-width:700px;margin:0 auto 42px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.method-section h2,.faq-section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 14px}.section-heading p{color:var(--muted);font-size:1.08rem}.calculator-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.calculator-form{padding:40px}.calculator-form fieldset{border:0;padding:0;margin:0 0 34px}.calculator-form legend{font-weight:800;font-size:1.08rem;margin-bottom:18px}.field-grid{display:grid;gap:18px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;font-size:.9rem;font-weight:700;margin-bottom:7px}.field small{display:block;color:var(--muted);font-size:.77rem;line-height:1.35;margin-top:6px}.field .error{color:var(--error);font-weight:650}.input-wrap{display:flex;align-items:center;border:1.5px solid #bdcac6;border-radius:10px;background:#fff;min-height:50px;padding:0 14px;transition:border .16s,box-shadow .16s}.input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.input-wrap span{color:var(--muted);font-weight:650}.input-wrap input{width:100%;border:0;outline:0;padding:12px 8px;background:transparent;color:var(--ink);font-weight:650}.input-wrap.suffix input{padding-left:0}.input-wrap.suffix span{margin-left:8px}.project-fields{border:1px solid var(--line);border-radius:12px;margin:0 0 24px}.project-fields summary{cursor:pointer;font-weight:750;padding:15px 18px}.details-content{padding:4px 18px 18px}.form-disclaimer{text-align:center;color:var(--muted);font-size:.76rem;margin:12px 0 0}.result-panel{background:var(--ink);color:#fff;padding:42px;display:flex;min-height:620px;align-items:center}.result-empty{text-align:center;color:#c0d0cc}.result-empty h3{font-size:1.5rem;color:#fff;margin:12px 0 6px}.result-icon{display:grid;place-items:center;margin:auto;width:58px;height:58px;border:1px solid #4c6660;border-radius:50%;font-size:1.6rem}.result-content{width:100%;align-self:flex-start}.eyebrow.light{color:#8ed8c8}.result-label{margin:4px 0 0;color:#b8cac6}.result-price{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1;font-weight:850;letter-spacing:-.055em;display:block;margin:4px 0 12px}.result-context{color:#b8cac6;margin-bottom:28px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scenario-grid>div,.project-result{padding:16px;border:1px solid #3c5751;border-radius:12px;background:#17302b}.scenario-grid span,.project-result span{display:block;color:#a9beb9;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.scenario-grid strong,.project-result strong{display:block;font-size:1.25rem;margin:4px 0}.scenario-grid small{color:#9eb2ad;line-height:1.35;display:block}.project-result{margin-top:12px;background:#15433b}.project-result strong{font-size:1.6rem}.breakdown{margin:20px 0;border-top:1px solid #39524d;border-bottom:1px solid #39524d}.breakdown summary{padding:15px 0;cursor:pointer;font-weight:700}.breakdown dl{margin:0 0 14px}.breakdown dl div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;color:#bfd0cc;font-size:.88rem}.breakdown dd{margin:0;color:#fff;font-weight:650}.button-secondary{background:#fff;color:var(--ink);box-shadow:none}.button-secondary:hover{background:#e8f2ef}.copy-status{text-align:center;color:#9ce0d1;font-size:.8rem;min-height:1.3em;margin:8px 0 0}.method-section{padding:100px 0}.content-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.lead-small{font-size:1.14rem;color:var(--muted);margin-bottom:26px}.formula-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 12px 40px rgba(20,50,45,.07)}.formula-card>span{color:var(--brand);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.formula-card code{display:block;font-size:clamp(1rem,2vw,1.35rem);line-height:1.7;margin:18px 0;padding:18px;background:#eff7f4;border-radius:12px;overflow:auto}.formula-card p{color:var(--muted);margin-bottom:0}.next-section{padding:90px 0;background:#fff}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card{border:1px solid var(--line);border-radius:16px;padding:28px;min-height:270px;display:flex;flex-direction:column}.content-card>span:first-child{font-weight:800;color:#96aaa5}.content-card h3{font-size:1.35rem;margin:28px 0 8px}.content-card p{color:var(--muted);margin:0}.coming{display:inline-block;margin-top:auto;color:var(--brand);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.faq-section{padding:100px 0}.faq-section>div>h2{margin-bottom:34px}.faq-section details{border-top:1px solid var(--line);padding:20px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-size:1.05rem;font-weight:750}.faq-section details p{color:var(--muted);max-width:680px}.site-footer{background:var(--ink);color:#fff;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{margin-bottom:14px}.footer-grid p{color:#9eb3ae}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid a{text-decoration:none}.footer-grid strong{margin-bottom:8px}.footer-grid>div:not(:first-child) a{color:#b8cac6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #334d47;margin-top:44px;padding-top:20px;color:#8fa59f;font-size:.8rem}
@media(max-width:900px){.header-inner nav{display:none}.header-inner .button-small{margin-left:auto}.hero{padding-top:60px}.hero-grid,.calculator-shell,.content-grid{grid-template-columns:1fr}.hero-note{transform:none;max-width:560px}.result-panel{min-height:500px}.card-grid{grid-template-columns:1fr 1fr}.three-columns{grid-template-columns:1fr}.content-grid{gap:38px}}
@media(max-width:620px){.container,.narrow{width:min(100% - 28px,1180px)}.site-header{position:static}.header-inner{min-height:64px}.header-inner .button-small{display:none}.hero{padding:50px 0}.hero h1{font-size:2.65rem}.hero-grid{gap:42px}.trust-list{display:grid;gap:8px}.calculator-section,.method-section,.next-section,.faq-section{padding:68px 0}.calculator-shell{border-radius:16px}.calculator-form,.result-panel{padding:26px 20px}.two-columns,.card-grid,.footer-grid{grid-template-columns:1fr}.result-panel{min-height:440px}.scenario-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:6px}.footer-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media print{.site-header,.hero,.calculator-form,.method-section,.next-section,.faq-section,.site-footer,.button{display:none!important}.calculator-section{padding:0;background:#fff}.calculator-shell{display:block;border:0;box-shadow:none}.result-panel{background:#fff;color:#000;padding:0;min-height:0}.result-content{display:block!important}.result-empty{display:none}.result-context,.scenario-grid span,.scenario-grid small,.project-result span{color:#333}.scenario-grid>div,.project-result{background:#fff;border:1px solid #aaa}.breakdown dl div{color:#333}.breakdown dd{color:#000}}

/* Interaction and accessibility layer */
html{scroll-padding-top:92px}body{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{border-radius:8px}.menu-button{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:9px;background:transparent;cursor:pointer}.menu-button>span:not(.sr-only){display:block;width:22px;height:2px;background:var(--ink);margin:4px auto;transition:transform .16s,opacity .16s}.menu-button[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-button[aria-expanded="true"]>span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.form-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 24px;margin-bottom:30px;border-bottom:1px solid var(--line)}.form-intro p{margin:4px 0 0;color:var(--muted);font-size:.85rem;max-width:430px}.form-kicker{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}.example-button{border:0;background:transparent;color:var(--brand-dark);font-weight:750;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;white-space:nowrap}.validation-summary{background:#fff1f0;border:1px solid #f1aaa4;border-left:4px solid var(--error);border-radius:10px;padding:14px 16px;margin:0 0 24px;color:#6f1710}.validation-summary p{margin:2px 0 0;font-size:.85rem}.field .error{min-height:1.05em}.field:has([aria-invalid="true"]) label{color:var(--error)}.field:has([aria-invalid="true"]) .input-wrap{border-color:var(--error);box-shadow:0 0 0 3px rgba(180,35,24,.09)}.button-ghost{margin-top:10px;background:transparent;color:#d4e2df;border:1px solid #506963;box-shadow:none}.button-ghost:hover{background:#203c36;color:#fff}
@media(max-width:900px){.header-inner{position:relative}.header-inner nav{position:absolute;top:calc(100% + 1px);left:0;right:0;margin:0 -20px;padding:12px 20px 20px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(16,34,31,.1);flex-direction:column;gap:0}.header-inner nav.is-open{display:flex}.header-inner nav a{padding:12px 4px;min-height:48px}.menu-button{display:block;margin-left:auto}.header-inner .button-small{margin-left:0}}
@media(max-width:620px){.site-header{position:sticky}.header-inner nav{margin-inline:-14px;padding-inline:14px}.hero{padding:42px 0 50px}.hero h1{font-size:clamp(2.25rem,12vw,2.85rem)}.hero-grid{gap:36px}.hero-note{padding:24px}.hero-actions{gap:16px}.hero-actions .button{width:100%}.form-intro{display:block}.example-button{margin-top:10px}}