:root{--bg-color:#fbfcfb;--surface:#fff;--surface-soft:#f1f6f4;--accent-color:#007a78;--accent-dark:#075f5d;--accent-soft:#e4f4f2;--text-main:#17201f;--text-dim:#5d6967;--border-color:#dce5e2;--shadow:0 18px 50px #17201f14;color:var(--text-main);background-color:var(--bg-color);font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #007a7840}.site-header{border-bottom:1px solid var(--border-color);z-index:10;background:#fbfcfbf0;justify-content:space-between;align-items:center;gap:24px;padding:26px 8%;display:flex;position:sticky;top:0}.logo{color:var(--text-main);letter-spacing:0;font-family:Playfair Display,serif;font-size:1.45rem;font-weight:700}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link,.nav-cta{color:var(--text-dim);border-radius:4px;padding:11px 13px;font-size:.92rem;font-weight:700;line-height:1}.nav-link.active,.nav-link:hover{background:var(--accent-soft);color:var(--accent-dark)}.nav-cta{background:var(--text-main);color:#fff}.breadcrumbs{max-width:1180px;margin:0 auto;padding:22px 8% 0}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:var(--text-dim);font-size:.88rem;font-weight:700}.breadcrumbs li+li:before{color:var(--border-color);content:"/";margin-right:8px}.breadcrumbs a{color:var(--accent-dark)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:44px;min-height:76vh;padding:86px 8% 68px;display:grid}.hero-copy{align-self:center;max-width:780px}.section-kicker{color:var(--accent-color);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:700}h1,h2,h3{color:var(--text-main);letter-spacing:0;margin:0;font-family:Playfair Display,serif;font-weight:700;line-height:1.08}h1{max-width:920px;font-size:clamp(3rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.45rem}p{color:var(--text-dim);margin:0;font-size:1.04rem}.hero p,.page-hero p,.short-version p{max-width:760px;margin-top:24px;font-size:clamp(1.05rem,1.7vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-btn,.secondary-btn,.calc-btn,.audit-btn{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:4px;justify-content:center;min-height:48px;padding:17px 22px;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.primary-btn,.calc-btn,.audit-btn{background:var(--accent-color);color:#fff}.secondary-btn{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.primary-btn:hover,.calc-btn:hover,.audit-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.secondary-btn:hover{border-color:var(--accent-color);color:var(--accent-dark)}.signal-board{background:linear-gradient(160deg, #007a781f, transparent 42%), var(--surface);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:8px;align-self:center;gap:1px;display:grid;overflow:hidden}.signal-board div{background:#ffffffc7;gap:7px;min-height:122px;padding:26px;display:grid}.signal-board span{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}.signal-board strong{color:var(--text-main);font-size:1.35rem;line-height:1.18}.section-shell{max-width:1180px;margin:0 auto;padding:70px 8%}.page-hero{background:linear-gradient(180deg, #e4f4f2b3, #fbfcfb00), var(--bg-color);padding:84px 8% 58px}.page-hero p{max-width:860px}.short-version{border-top:1px solid var(--border-color)}.short-version h2{max-width:880px}.short-version p+p{margin-top:18px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.mini-card{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #17201f0a}.feature-card{padding:28px}.feature-card p{margin-top:14px}.mini-card{color:var(--text-main);min-height:86px;padding:22px;font-weight:700}.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:46px;display:grid}.split-section p{margin-top:18px}.section-heading{max-width:760px;margin-bottom:28px}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.check-list li{background:var(--surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:14px 16px;font-weight:700}.bare-list{margin:0;padding:0;list-style:none}.proof-band,.tool-panel,.quote-panel{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;padding:40px}.proof-band p{max-width:820px;margin-top:16px}.quote-panel p{color:var(--text-main);max-width:980px;font-family:Playfair Display,serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.18}.long-copy p+p{margin-top:18px}.faq-section{border-top:1px solid var(--border-color)}.faq-list{gap:14px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;padding:26px}.faq-item p{margin-top:12px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reference-card{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;gap:10px;padding:22px;display:grid}.reference-card strong{color:var(--text-main)}.reference-card span{color:var(--text-dim)}.reference-card:hover{border-color:var(--accent-color)}.tool-panel>p{max-width:760px;margin:16px 0 28px}.quiz-container{background:var(--surface);border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:left;border-radius:8px;max-width:780px;margin-top:30px;padding:34px}.question-block{margin-bottom:24px}.question-label{color:var(--text-main);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700;display:block}.input-field{border:1px solid var(--border-color);color:var(--text-main);background-color:#fff;border-radius:4px;width:100%;min-height:50px;margin-bottom:14px;padding:13px 14px}.slider-container{align-items:center;gap:15px;display:flex}.slider{appearance:none;background:#d7dedb;border-radius:4px;outline:none;flex-grow:1;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:18px;height:18px}.slider::-moz-range-thumb{background:var(--accent-color);cursor:pointer;border:0;border-radius:50%;width:18px;height:18px}.calc-btn,.audit-btn{width:100%}#results-display{border-top:2px dashed var(--border-color);text-align:center;margin-top:34px;padding-top:28px}.impact-value{color:var(--accent-color);margin:8px 0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;line-height:1}.accent-text{color:var(--accent-color)}.muted-label{color:var(--text-dim)}.result-copy{color:var(--text-dim);max-width:520px;margin:16px auto 0;font-size:.94rem}.audit-section{border-top:1px solid var(--border-color);background:#eef4f2;margin-top:40px}.audit-form-container{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;padding:28px;box-shadow:0 10px 30px #17201f0d}.site-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:32px 8%;display:flex}.site-footer div,.site-footer nav{flex-wrap:wrap;gap:14px;display:flex}.site-footer span,.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--accent-dark)}@media (width<=980px){.hero,.split-section{grid-template-columns:1fr}.card-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header{align-items:flex-start;padding:22px 6%}.site-nav{justify-content:flex-start}.hero,.page-hero,.breadcrumbs,.section-shell{padding-left:6%;padding-right:6%}.hero{min-height:auto;padding-top:54px}.card-grid,.compact-grid,.two-column,.reference-grid{grid-template-columns:1fr}.quiz-container,.proof-band,.tool-panel,.quote-panel{padding:26px 20px}}@media (width<=520px){.site-header{display:block}.site-nav{margin-top:16px}.nav-link,.nav-cta{padding:10px 11px}.hero-actions{display:grid}}
