:root{--paper:#FBF7EC;--ink2:#12331F}
.shero{padding:64px 0 36px;text-align:center}.shero .eb{display:inline-block;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--g2);background:var(--mint);border:2px solid var(--bd);border-radius:99px;padding:7px 16px;margin-bottom:22px}
.shero h1{max-width:900px;margin:0 auto}.shero h1 mark{white-space:normal}.shero .lead{margin:24px auto 0;max-width:680px;font-size:clamp(18px,2vw,22px)}
.sbody{max-width:760px;margin:0 auto;padding:30px 24px 10px}.sbody h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em;line-height:1.08;margin:34px 0 14px}.sbody p{font-size:19px;color:#C3D6CA;margin:0 0 18px;line-height:1.65}.sbody p b{color:var(--tx)}
.pill3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 8px}.pill3 div{background:var(--sf);border:2.5px solid var(--bd);border-radius:18px;padding:18px 16px;text-align:center;font-weight:800;font-size:18px;line-height:1.2;box-shadow:3px 4px 0 var(--sh)}.pill3 div small{display:block;color:var(--mut);font-weight:600;font-size:14px;margin-top:6px}
.pillars{padding:30px 0 20px}.pgrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pc{background:var(--sf);border:2.5px solid var(--bd);border-radius:22px;padding:24px;box-shadow:3px 4px 0 var(--sh)}.pc .ti{width:46px;height:46px;border-radius:13px;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--g2);margin-bottom:14px}.pc .ti svg{width:24px;height:24px}.pc b{display:block;font-size:19px;line-height:1.2;margin-bottom:6px}.pc span{color:#C3D6CA;font-size:16px;line-height:1.5}
.letterwrap{padding:56px 0 24px}.letter{position:relative;max-width:780px;margin:0 auto;background:var(--paper);color:var(--ink2);border:2.5px solid var(--bd);border-radius:26px;padding:clamp(28px,5vw,56px);box-shadow:8px 9px 0 var(--sh)}
.letter h2{font-size:clamp(28px,3.6vw,38px);letter-spacing:-.03em;line-height:1.1;margin-bottom:18px;color:var(--ink2)}.letter p{font-size:19px;line-height:1.65;margin:0 0 16px;color:#274636}.letter p b{color:var(--ink2)}
.letter .btn{color:#04180F}.letter a.btn{text-decoration:none}.letter .vy{position:absolute;right:-18px;top:-46px;width:96px;transform:rotate(8deg);filter:drop-shadow(0 4px 0 rgba(0,0,0,.18))}
.signoff{margin-top:26px}.sig{display:block;width:min(340px,80%);height:auto;color:#14402B;overflow:visible;margin-left:-6px}.signame{font-weight:800;font-size:17px;color:var(--ink2);margin-top:2px}.signame span{font-weight:600;color:#4b6a58}
.js .sig path{stroke-dasharray:1;stroke-dashoffset:1}.js .sig.go path{transition:stroke-dashoffset 1.5s cubic-bezier(.5,.1,.3,1);stroke-dashoffset:0}.js .sig.go path:nth-of-type(2){transition-delay:1.1s;transition-duration:1.1s}.js .sig.go path:nth-of-type(3){transition-delay:2s;transition-duration:.7s}
.writewrap{padding:34px 0 90px}.wcard{max-width:780px;margin:0 auto;background:var(--sf);border:2.5px solid var(--bd);border-radius:26px;padding:clamp(24px,4vw,44px);box-shadow:8px 9px 0 var(--sh)}.wcard h2{font-size:clamp(28px,3.6vw,38px);letter-spacing:-.03em;line-height:1.1}.wcard .m{color:var(--mut);margin:8px 0 22px;font-size:17px}
.sform{display:grid;gap:16px}.sform label{display:grid;gap:7px;font-weight:700}.sform input,.sform textarea{font:inherit;font-weight:500;padding:14px 16px;border:2.5px solid var(--bd);border-radius:14px;background:var(--bg);color:var(--tx);width:100%}.sform textarea{min-height:170px;resize:vertical}.sform input:focus,.sform textarea:focus{outline:4px solid var(--sun);outline-offset:0}.sform .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sform .btn{justify-self:start;font-size:19px;padding:16px 32px}.sform .btn[disabled]{opacity:.7;cursor:progress}.ferr{display:none;color:#FFB4A8;background:rgba(226,87,76,.14);border:2px solid rgba(226,87,76,.5);border-radius:12px;padding:12px 14px;font-weight:600}.ferr.on{display:block}.fnote{color:var(--mut);font-size:14.5px}
.mdl{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,10,6,.78);backdrop-filter:blur(4px)}.mdl.on{display:flex}.mbox{position:relative;max-width:460px;width:100%;background:var(--paper);color:var(--ink2);border:2.5px solid var(--bd);border-radius:28px;padding:36px 30px 30px;text-align:center;box-shadow:8px 10px 0 var(--sh);animation:pop .35s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{from{transform:scale(.88);opacity:0}}
.mbox .ok{width:68px;height:68px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.mbox .ok svg{width:34px;height:34px}.mbox h3{font-size:32px;letter-spacing:-.03em;margin-bottom:10px;color:var(--ink2)}.mbox p{color:#274636;font-size:17px;line-height:1.55;margin-bottom:10px}.mbox small{display:block;color:#4b6a58;font-size:14.5px;margin:6px 0 20px;line-height:1.45}.mbox .btn{color:#04180F}
@media (max-width:860px){.pgrid2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid2{grid-template-columns:1fr}.pill3{grid-template-columns:1fr}.sform .row{grid-template-columns:1fr}.sform .btn{width:100%;justify-self:stretch}.letter .btn{color:#04180F}.letter a.btn{text-decoration:none}.letter .vy{width:76px;right:-6px;top:-40px}.shero{padding-top:40px}}
.whysec{padding:80px 0 90px;background:linear-gradient(180deg,var(--bg),#0B1B13)}.whysec .letter{margin-top:6px}.whysec .letter h3{font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;line-height:1.12;margin-bottom:16px;color:var(--ink2)}.whysec .letter .more{margin:18px 0 0;font-size:16px}.whysec .letter .more a{color:#1B6B47;font-weight:700}.whysec .letter .ask{margin:20px 0 22px}.whysec .letter a.btn{color:#04180F}