:root{--page:#f7f7f1;--ink:#172a28;--muted:#64726b;--line:#dce3d9;--accent:#d4ed91;--leaf:#265746;--teal:#244d40;--warm:#f4dbbf;--paper:#fff;--dark:#182f2a;--shadow:0 18px 60px #1229200c;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #71b890;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}.container{width:min(1220px,calc(100% - 68px));margin:0 auto}.topbar{border-bottom:1px solid var(--line);background:#f7f7f1e8;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:13px}.logo-icon{width:40px;height:40px;border-radius:11px;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-size:31px;font-weight:800}.logo b{font-size:13px;letter-spacing:.09em;display:block;white-space:nowrap}.logo small{font-size:9px;letter-spacing:.14em;color:#8b9b91;display:block}.topbar nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:600}.topbar nav>a:hover,.text-btn:hover,.subtle-link:hover{color:#227354}.nav-github{border:1px solid var(--ink);border-radius:50px;padding:9px 16px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:6%;align-items:center;padding-top:105px;padding-bottom:105px}.eyebrow,.kicker,.tiny-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:var(--teal);display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#4f9b6f;box-shadow:0 0 0 4px #9bdcb354}.hero h1{font-size:clamp(46px,5.55vw,79px);letter-spacing:-.06em;line-height:1.23;margin:28px 0 22px;font-weight:840}.hero h1 em{font-style:normal;color:#608963}.hero-lead{font-size:18px;font-weight:700;margin:0 0 11px}.hero-desc{max-width:585px;font-size:15px;color:#5b6b61;margin:0 0 28px;line-height:1.95}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.btn{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;min-height:48px;font-size:12px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#245146}.btn-outline{border-color:#98a89d;background:transparent;color:var(--ink)}.fineprint{color:#738279;font-size:11px;margin:20px 0 0}.hero-trust{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#557367}.hero-art{aspect-ratio:1.07;min-height:410px;border-radius:18px;background:linear-gradient(145deg,#c7e4aa 0%,#e2edc2 48%,#f6d6ae 100%);padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 25px 75px #243b2230;transform:rotate(1deg)}.hero-art:before{content:"";position:absolute;width:370px;height:370px;border:1px solid #416c4340;border-radius:50%;right:-110px;top:25px}.hero-art:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #416c4340;border-radius:50%;right:-28px;top:115px}.art-head,.art-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#2b4d36;display:flex;justify-content:space-between;position:relative;z-index:1}.art-huge{font-size:clamp(53px,6vw,90px);line-height:.95;letter-spacing:-.09em;font-weight:900;color:#203e34;position:relative;z-index:1}.art-huge>span{color:#fff4dc;text-shadow:1px 1px #234636}.art-spark{color:#c57144;font-size:46px;margin-left:16px;vertical-align:top}.art-pipeline{display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:1;background:#fffbeecb;border:1px solid #a4b89c;border-radius:7px;padding:15px 13px;font-size:11px;color:#345749}.art-pipeline i{font-style:normal;color:#92a584}.art-pipeline strong{color:#225441}.counters{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.counters>div{border-right:1px solid var(--line);padding:10px 30px;display:flex;flex-direction:column}.counters>div:first-child{padding-left:0}.counters>div:last-child{border:0}.counters strong{font-size:43px;line-height:1.2;letter-spacing:-.05em}.counters span{font-size:12px;color:var(--muted)}.signal-note{display:flex;gap:15px;align-items:flex-start;margin-top:35px;padding:22px 25px;background:#e8efe4;border-radius:8px;color:#395046;font-size:13px}.signal-note p{margin:0}.signal-note a{margin-left:8px;color:#226a4a;text-decoration:underline;text-underline-offset:3px}.signal-icon{width:25px;height:25px;border-radius:50%;background:var(--leaf);color:#fff;font-weight:800;text-align:center;flex-shrink:0}.section,.start-section{padding-top:109px;padding-bottom:111px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.kicker{color:#557c58;margin-bottom:18px}.section-head h2,.contact h2{font-size:clamp(30px,3.6vw,51px);letter-spacing:-.056em;line-height:1.36;margin:0 0 11px}.section-head p{color:var(--muted);max-width:690px;font-size:13px;margin:0}.section-side{color:#9baa9e;font-size:11px;letter-spacing:.06em;white-space:nowrap}.subtle-link{font-size:12px;font-weight:700;color:var(--leaf);white-space:nowrap}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{border:1px solid var(--line);background:#fff;border-radius:10px;padding:27px;min-height:238px;display:flex;flex-direction:column}.step>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#72a27b}.step h3{font-size:22px;letter-spacing:-.04em;margin:14px 0 9px}.step p{font-size:13px;color:#617067;flex:1;margin:0 0 15px}.step strong{font-size:11px;color:#24543e}.finder{margin-top:25px;background:#183c32;color:#f5fbf4;border-radius:15px;padding:32px}.finder-top{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.finder .tiny-kicker{color:#bde0b4}.finder h3{font-size:24px;margin:5px 0 0;letter-spacing:-.045em}.finder-top p{font-size:11px;color:#a8bbaf;margin:0}.finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finder-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#d5e1d8}.finder-grid select{width:100%;border:1px solid #638271;background:#265044;color:#fff;border-radius:7px;min-height:43px;padding:8px 12px;font-size:12px}.finder-grid option{background:#265044}.finder-result{margin-top:20px;background:#275247;border:1px solid #658b77;padding:18px 19px;border-radius:8px;font-size:13px;color:#e5f2df}.finder-result strong{display:block;font-size:18px;color:#d6f1b5;margin-bottom:5px}.finder-result p{margin:0}.tint{background:#ebf0e9;border-top:1px solid #dfe6dd;border-bottom:1px solid #dfe6dd}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.chip{border:1px solid #bbcbbd;background:transparent;border-radius:50px;padding:8px 14px;font-size:11px;color:#516358}.chip.active,.chip:hover{background:#235541;color:#fff;border-color:#235541}.count-label{color:#688074;font-size:12px;margin:12px 0 18px}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer-card{background:#fff;border:1px solid #d9e2d9;border-radius:11px;padding:24px;display:flex;flex-direction:column;min-height:300px;transition:box-shadow .2s,transform .2s}.offer-card:hover,.lesson-card:hover,.prompt-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.offer-top{display:flex;justify-content:space-between;gap:12px}.tag{font-size:10px;border-radius:3px;padding:4px 8px;background:#e4f0df;color:#27694d;font-weight:700}.tag.risk{background:#fae9d8;color:#996044}.offer-num{font-size:10px;letter-spacing:.12em;color:#a1aca4}.offer-card h3{font-size:21px;letter-spacing:-.045em;margin:15px 0 6px}.offer-card>p{font-size:12px;color:#627267;margin:0 0 17px}.offer-list{display:grid;gap:9px;margin-top:auto}.offer-list p{margin:0;color:#526558;font-size:12px}.offer-list b{color:#1d4737}.offer-hypo{display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid #e5ebe5;padding-top:14px;margin-top:20px;font-size:11px;color:#707d72}.offer-hypo strong{color:#315d45}.offer-hypo button{margin-left:auto;background:transparent;border:0;color:#28734e;font-weight:800;font-size:11px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 10px}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;gap:10px;padding:0 16px;flex:1;min-width:220px;height:50px}.search span{font-size:25px;color:#78967f}.search input{background:transparent;outline:none;border:0;width:100%;font-size:12px;color:var(--ink)}.search input::placeholder{color:#91a097}.selectbox select{height:50px;background:#fff;border:1px solid var(--line);padding:0 12px;border-radius:7px;color:#536b5b;font-size:12px}.small-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#50665b;white-space:nowrap}.small-check input,.day-check input{accent-color:#377c56}.text-btn{color:#347450;background:none;border:0;font-size:11px}.lesson-meta{display:flex;justify-content:space-between;color:#607768;font-size:11px;margin-top:18px}.progress-track{height:5px;border-radius:5px;background:#d8e3d6;margin:12px 0 23px;overflow:hidden}.progress-track div{height:100%;width:0;background:#408b67;transition:width .2s}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-card{background:white;border:1px solid #dfe6db;border-radius:10px;padding:24px;display:flex;flex-direction:column;min-height:249px;transition:.2s}.lesson-card.complete{background:#f3faee}.lesson-card-top{display:flex;justify-content:space-between;color:#7e9583;font-size:10px;font-weight:700}.lesson-card h3{font-size:18px;line-height:1.4;letter-spacing:-.035em;margin:15px 0 8px}.lesson-card p{font-size:12px;color:#6e7b70;flex:1;margin:0 0 14px}.lesson-bottom{border-top:1px solid #e9eee7;padding-top:13px;display:flex;justify-content:space-between;gap:6px;align-items:center}.lesson-bottom button{border:0;background:transparent;color:#286147;font-size:11px;font-weight:800;text-align:left}.lesson-bottom label{font-size:10px;color:#6a806f;white-space:nowrap}.read-more{display:flex;justify-content:center;margin-top:28px}.read-more a{font-size:12px;color:#256b4e;font-weight:700;border-bottom:1px solid #256b4e}.mini-contact{margin-top:5px;margin-bottom:90px;background:#d6ebc7;border:1px solid #b3d2b1;border-radius:13px;padding:32px 37px;display:flex;justify-content:space-between;align-items:center;gap:40px}.mini-contact .tiny-kicker{color:#547c55}.mini-contact h3{font-size:24px;line-height:1.35;margin:6px 0 10px;letter-spacing:-.04em}.mini-contact p{font-size:12px;margin:0;color:#56735b}.mini-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}.mini-contact-actions>a:not(.btn){font-size:12px;font-weight:800;color:#235e45}.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prompt-card{padding:21px;background:white;border:1px solid #d9e2d8;border-radius:10px;display:flex;flex-direction:column;min-height:270px;transition:.2s}.prompt-card-head{display:flex;justify-content:space-between;gap:10px;color:#6b9574;font-size:10px;font-weight:700}.favorite-btn{background:transparent;border:0;color:#849788;font-size:20px}.favorite-btn.active{color:#d86a52}.prompt-card h3{font-size:18px;letter-spacing:-.025em;margin:12px 0}.prompt-card p{font-size:12px;color:#68776d;flex:1;margin:0}.prompt-preview{border-radius:6px;background:#edf3e9;padding:12px;font-size:11px;color:#6f8072;max-height:90px;overflow:hidden;line-height:1.6;margin:15px 0}.prompt-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.prompt-actions button{background:transparent;border:0;padding:0;color:#266a4c;font-size:11px;font-weight:800}.prompt-card details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.prompt-card details summary{font-size:11px;color:#466d56;cursor:pointer}.prompt-card details pre{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.8;color:#325447;background:#f5f8f3;border-radius:6px;padding:15px}.calculator{background:white;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr .94fr;overflow:hidden}.calc-fields{padding:33px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.calc-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#49604f}.calc-fields input{border:1px solid #d4ded3;border-radius:6px;min-height:45px;padding:8px 12px;color:#183629;background:#fafcf7;min-width:0}.calc-output{background:#173a31;padding:35px;color:white}.calc-tag{font-size:10px;letter-spacing:.15em;color:#cee8af;font-weight:800}.calc-kpi{margin:27px 0 20px}.calc-kpi span,.calc-duo span{font-size:11px;color:#bfd5c7;display:block}.calc-kpi strong{font-size:52px;letter-spacing:-.06em;color:#d7eeb9;line-height:1.3;display:block}.calc-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #57816a59;padding:15px 0}.calc-duo strong{font-size:21px;letter-spacing:-.04em}.calc-warning{color:#b9d1c1;font-size:10px;margin:15px 0;line-height:1.8}.copy-summary{border:1px solid #85ac91;color:#d9f2d4;padding:10px 15px;border-radius:6px;background:transparent;font-size:11px;font-weight:700}.charcoal{background:#162d29;color:white}.charcoal .section-head p,.charcoal .localnote{color:#b8c6bb}.charcoal .kicker{color:#c3e9a4}.btn-light-outline{border:1px solid #648778;color:#e3f7df;background:transparent}.days-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.day-card{border:1px solid #456458;border-radius:9px;padding:19px;display:flex;flex-direction:column;min-height:186px;background:#214239}.day-card.checked{background:#2f5c4c}.day-label{color:#b6dc9e;letter-spacing:.13em;font-size:10px;font-weight:800}.day-card h3{font-size:15px;margin:12px 0 6px}.day-card p{flex:1;font-size:11px;color:#bacbc0;margin:0 0 10px}.day-check{font-size:11px;color:#cce4c8}.weeks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.week-card{border-top:1px solid #769483;padding:17px 0}.week-card span{font-size:10px;color:#c2e5ad}.week-card strong{font-size:14px;display:block;margin:6px 0}.week-card p{font-size:11px;color:#b5c7bc;margin:0}.localnote{margin:23px 0 0;font-size:10px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-card{padding:30px;background:white;border:1px solid #dce3db;border-radius:11px}.case-card .tag{display:inline-block}.case-card h3{font-size:22px;letter-spacing:-.035em;margin:17px 0}.case-card p,.case-card dl{font-size:12px;color:#637469}.case-card dl{display:grid;grid-template-columns:100px 1fr;gap:9px;margin:20px 0 0}.case-card dt{font-weight:700;color:#315a43}.case-card dd{margin:0}.faq-list{max-width:940px}.faq-item{border-bottom:1px solid #d5dfd5;padding:17px 0}.faq-item summary{cursor:pointer;font-weight:700;font-size:14px;list-style-position:inside}.faq-item p{color:#637468;font-size:12px;padding-left:21px;margin:13px 0}.faq-item a{font-size:11px;color:#28744e;font-weight:700;padding-left:21px}.sources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-card{border:1px solid #d7e2d5;background:#fff;border-radius:9px;padding:22px;display:flex;flex-direction:column;min-height:145px}.source-card>span{font-size:16px;color:#448764}.source-card strong{font-size:13px;margin:8px 0}.source-card p{font-size:11px;color:#78877c;margin:0}.source-card:hover{border-color:#56a277}.contact{background:#dceacc;padding:90px 0}.contact-inner{display:grid;grid-template-columns:1fr minmax(300px,430px);align-items:center;gap:8%}.contact h2{font-size:clamp(35px,4vw,59px);margin-bottom:22px}.contact-inner>div:first-child>p{font-size:13px;color:#506756;max-width:530px}.contact-inner .contact-disclaimer{font-size:10px;color:#718272}.contact-card{padding:35px;background:#fff;border:1px solid #c1d0bb;border-radius:14px;box-shadow:0 16px 48px #173b1c10;display:flex;flex-direction:column;align-items:flex-start}.contact-card small{font-size:11px;color:#768e78}.contact-card strong{font-size:43px;letter-spacing:-.045em;margin:5px 0 15px;line-height:1.3}.contact-card .btn{width:100%}.contact-line{height:1px;background:#dfebda;width:100%;margin:23px 0 17px}.contact-domain{font-size:25px;font-weight:800;color:#275442;margin:6px 0}.contact-service{font-size:12px;color:#28734f;font-weight:800}.footer{display:flex;justify-content:space-between;gap:16px;padding:29px 0 35px;color:#7e8d7f;font-size:11px}.footer a:hover{color:#2d7350}dialog{width:min(740px,calc(100% - 26px));max-height:min(88vh,900px);border:1px solid #c6d6ca;background:white;border-radius:12px;padding:0;box-shadow:0 20px 100px #09201677;color:var(--ink)}dialog::backdrop{background:#0c2618bd;backdrop-filter:blur(4px)}.dialog-body{padding:34px 37px 40px}.dialog-close{position:absolute;top:15px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:#ecf3ea;color:#204633;font-size:23px}.modal-eyebrow{font-size:10px;color:#4d8561;font-weight:800;letter-spacing:.12em}.dialog-body h2{font-size:31px;letter-spacing:-.045em;line-height:1.3;margin:14px 34px 11px 0}.dialog-body>p{font-size:13px;color:#5c7463}.modal-block{border-top:1px solid #dbe5db;padding-top:16px;margin-top:19px}.modal-block h3{font-size:12px;color:#4f805d}.modal-block ol{padding-left:20px;font-size:13px;color:#395b44;line-height:1.9}.modal-block p{font-size:13px;color:#496954}.modal-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.modal-foot a{font-size:12px;color:#25694b}.modal-contact{background:#eaf3e5;border-radius:7px;padding:12px;font-size:12px;margin-top:21px}.modal-contact button{background:transparent;border:0;color:#2f7052;font-size:11px;font-weight:800}.toast{position:fixed;z-index:60;right:22px;bottom:22px;padding:14px 20px;border-radius:8px;background:#193b2e;color:white;box-shadow:var(--shadow);font-size:12px}.nojs{padding:10px;background:#ffead7;font-size:12px}.nojs a{text-decoration:underline}.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}
@media(max-width:1040px){.hero{gap:35px}.hero-art{min-height:350px}.art-huge{font-size:65px}.lesson-grid,.prompt-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:15px}.days-grid{grid-template-columns:repeat(3,1fr)}.sources-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:770px){.container{width:calc(100% - 34px)}.topbar .header-inner{height:70px}.topbar nav>a:not(.nav-github){display:none}.nav-github{padding:7px 13px}.hero{padding-top:54px;padding-bottom:62px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(44px,10.4vw,66px)}.hero-lead{font-size:16px}.hero-desc{font-size:13px}.hero-art{min-height:300px;aspect-ratio:1.18;transform:none}.art-huge{font-size:clamp(49px,11.5vw,80px)}.art-spark{font-size:26px}.counters{grid-template-columns:1fr 1fr;row-gap:12px}.counters>div{padding:12px 0;border:0}.counters strong{font-size:34px}.signal-note{padding:17px;font-size:12px;gap:10px}.section,.start-section{padding-top:66px;padding-bottom:70px}.section-head{align-items:start;flex-direction:column;gap:14px}.section-head h2{font-size:clamp(30px,7vw,40px)}.section-side{white-space:normal}.steps-grid,.finder-grid{grid-template-columns:1fr}.step{min-height:0}.finder{padding:23px}.finder-top{flex-direction:column;align-items:start}.offer-grid,.case-grid,.calculator{grid-template-columns:1fr}.lesson-grid,.prompt-grid{grid-template-columns:1fr}.mini-contact{margin-bottom:60px;padding:25px;flex-direction:column;align-items:flex-start;gap:18px}.mini-contact-actions{align-items:flex-start}.calc-fields{padding:22px}.calc-output{padding:25px}.days-grid,.weeks-grid{grid-template-columns:1fr 1fr}.sources-grid{grid-template-columns:1fr}.contact{padding:63px 0}.contact-inner{grid-template-columns:1fr;gap:22px}.contact-card{padding:25px}.footer{flex-direction:column;gap:9px}.dialog-body{padding:26px 21px}}
@media(max-width:370px){.logo b{font-size:11px}.logo small{font-size:8px}.logo-icon{width:35px;height:35px}.hero h1{font-size:41px}.hero-art{padding:20px;min-height:265px}.art-huge{font-size:49px}.art-pipeline{font-size:9px;padding:11px 8px}.calc-fields,.days-grid,.weeks-grid{grid-template-columns:1fr}.calc-kpi strong{font-size:44px}.modal-foot .btn{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:370px){.hero-art{min-width:0;width:100%;max-width:100%;overflow:hidden}.art-huge{font-size:42px}.art-spark{font-size:19px;margin-left:6px}.art-label{font-size:8px;overflow-wrap:anywhere}}

/* v2.0: practical workbench */
.toolkit-section{background:#eef3e9;border-top:1px solid #d6e0cd;border-bottom:1px solid #d6e0cd}
.toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.tool-panel,.proposal-panel{background:#fff;border:1px solid #d6dfd3;border-radius:17px;padding:28px;box-shadow:0 8px 27px #233c2a0b;color:#252d2a}
.tool-panel h3,.proposal-panel h3{font-size:clamp(21px,2.5vw,27px);line-height:1.3;margin:7px 0 12px;letter-spacing:-.03em}
.tool-panel p,.proposal-panel p{font-size:13px;color:#5b6c62;line-height:1.8}
.tool-checks{display:grid;gap:10px;margin:18px 0}
.tool-checks label{display:flex;align-items:start;gap:10px;background:#f4f6f1;border:1px solid #e1e9dc;border-radius:8px;padding:10px 12px;font-size:13px;cursor:pointer;line-height:1.6}
.tool-checks input{margin-top:4px;accent-color:#536c34}
.tool-panel>label,.proposal-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin:14px 0;color:#29352d}
.tool-panel select,.proposal-form select,.proposal-form textarea,.proposal-form input{width:100%;padding:10px 12px;border:1px solid #bfc9bc;border-radius:8px;font:inherit;font-size:13px;background:#fff;color:#252d2a;min-width:0}
.tool-result{padding:13px 15px;background:#edf5e7;border:1px solid #d6eac9;border-radius:8px;font-size:13px!important;color:#314b30!important;font-weight:600;margin:17px 0!important}
.tool-result.warning{background:#fff4e7;border-color:#f4d4a2;color:#714b27!important}
.tool-more,.kit-links a{display:inline-flex;font-size:12px;font-weight:700;color:#3d5936;text-decoration:underline;text-underline-offset:3px}
.proposal-panel{display:grid;grid-template-columns:.7fr 1fr 1.05fr;gap:26px;align-items:start}
.proposal-form label:first-child{margin-top:0}
.proposal-preview{min-width:0;border:1px solid #d5e0d4;border-radius:10px;background:#f6f8f4;padding:17px}
.proposal-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;margin-bottom:15px}
.proposal-preview button{border:1px solid #6c8761;background:#fff;border-radius:7px;padding:7px 10px;font-size:12px;color:#314a31;cursor:pointer}
.proposal-preview button:disabled{opacity:.5;cursor:not-allowed}
.proposal-preview pre{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:390px;overflow-y:auto;color:#38483c;font-family:inherit}
.kit-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.offer-sop{margin:14px 0;border-top:1px solid #e2e7df;border-bottom:1px solid #e2e7df;padding:9px 0}
.offer-sop summary{font-size:12px;font-weight:800;cursor:pointer;color:#43663d}
.offer-sop dl{display:grid;grid-template-columns:auto 1fr;gap:8px 13px;font-size:12px;line-height:1.6}
.offer-sop dt{font-weight:800;white-space:nowrap;color:#426243}
.offer-sop dd{margin:0;color:#44534b}
@media(max-width:980px){.proposal-panel{grid-template-columns:1fr 1fr}.proposal-intro{grid-column:1/-1}}
@media(max-width:700px){.toolkit-grid,.proposal-panel{grid-template-columns:1fr}.proposal-intro{grid-column:auto}.tool-panel,.proposal-panel{padding:20px}.kit-links{gap:12px}.offer-sop dl{grid-template-columns:1fr;gap:4px}.offer-sop dd{margin-bottom:7px}}

/* v2.1 - unobtrusive, visible author identity and conversion across screen sizes */
.topbar nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;padding:9px 15px;white-space:nowrap}
.topbar nav .nav-contact:hover{background:#285747;color:#fff}
.hero-contact-strip{margin-top:23px;border:1px solid #b6cbb2;border-radius:13px;padding:17px 19px;background:linear-gradient(110deg,#edf4e3,#fffef5);box-shadow:0 8px 22px #173b1c09}
.hero-contact-hint{display:block;color:#425b49;font-size:12px;font-weight:700;margin-bottom:10px}
.hero-contact-identity{display:flex;align-items:center;gap:10px 17px;flex-wrap:wrap;font-size:12px}
.hero-contact-identity>span{color:#3f5846;white-space:nowrap}
.hero-contact-identity strong{font-size:15px;color:#132f24;letter-spacing:.025em}
.hero-contact-identity>button{border:1px solid #63836c;border-radius:6px;padding:7px 12px;color:#214e37;background:white;font-size:12px;font-weight:800;cursor:pointer}
.hero-contact-identity>button:hover{background:#e1efdb}
.hero-contact-identity>a{font-size:12px;font-weight:800;color:#246546;text-decoration:underline;text-decoration-color:#bbceba;text-underline-offset:4px}
.hero-contact-identity>a:hover{color:#102e1f}
@media(max-width:1160px){.topbar nav{gap:13px}.topbar nav .nav-contact{padding:9px 11px}}
@media(max-width:930px){.topbar nav>a:not(.nav-contact){display:none}.header-inner{gap:12px}}
@media(max-width:770px){.topbar nav>a.nav-contact{display:inline-flex}.topbar nav>a.nav-github{display:none}.topbar nav{gap:7px}.hero-contact-strip{margin-top:22px;padding:16px}.hero-contact-identity{gap:10px 13px}}
@media(max-width:370px){.topbar .header-inner{gap:7px}.logo{gap:8px}.logo-icon{width:32px;height:32px;font-size:25px}.logo b{font-size:10px}.logo small{font-size:7px}.topbar nav .nav-contact{font-size:11px;padding:7px 9px}}

/* v2.2: labor-aware calculation and case-evidence gate */
.calc-cost-alert{margin:19px 0 6px;padding:11px 14px;background:#fff2df;color:#73472b;border-radius:8px;font-size:12px;line-height:1.75}
.evidence-section{background:#f8faf5;border-top:1px solid #dce8d6;border-bottom:1px solid #dce8d6}
.evidence-gate{max-width:100%;padding:30px}
.evidence-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.evidence-fields label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:800;color:#435948}
.evidence-fields select{width:100%;padding:12px;border-radius:8px;border:1px solid #adc3b0;font:inherit;background:#fff;color:#274436;min-width:0}
@media(max-width:780px){.evidence-fields{grid-template-columns:1fr}.evidence-gate{padding:22px}}
