:root{font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2524;background:#f8f9f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
.skip-link{position:absolute;z-index:100;top:-80px;left:16px;padding:12px 16px;background:#fff;color:#173c39}
.skip-link:focus{top:12px}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.shell{width:min(100% - 80px,1250px);margin-inline:auto}
.site-header{position:relative;z-index:20;background:#fbfcf9;border-bottom:1px solid #e7eae3}
.header-inner{display:flex;align-items:center;gap:52px;min-height:88px}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:180px;color:#1b3330;font-size:20px;font-weight:700;letter-spacing:.01em}
.brand img{height:36px;width:auto;max-width:190px;object-fit:contain}
.brand-name{white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:11px;background:#23695c;position:relative;flex:none}
.brand-mark:after{content:"";position:absolute;left:9px;top:10px;width:16px;height:13px;border:3px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.navigation{display:flex;align-items:center;gap:34px;font-size:14px;color:#45514d}
.navigation a:hover,.navigation a[aria-current="page"]{color:#1e6b57}
.header-actions{margin-left:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:4px;padding:15px 22px;font-size:14px;font-weight:650;line-height:1.2;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#c9e6bd;color:#19302a}
.button-primary:hover{background:#d5f0ca}
.button-outline{border:1px solid #b6cec4;color:#1e5d4b}
.button-outline:hover{background:#e6f1e9}
.button-ghost{border:1px solid rgba(255,255,255,.56);color:#fff}
.button-ghost:hover{background:rgba(255,255,255,.12)}
.button-light{background:#e8f1e7;color:#21423b}
.mobile-menu{display:none}
.eyebrow{margin:0 0 20px;color:#407d68;font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.eyebrow-light{color:#c6e1d0}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:650;letter-spacing:-.06em}
h2{font-size:clamp(36px,4.1vw,62px);line-height:1.17}
.hero{position:relative;min-height:650px;background:#173c39;color:#fff;overflow:hidden}
.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-photo{object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 6.5s ease}
.hero-photo.is-active{opacity:1;transform:scale(1)}
.hero-shade{background:linear-gradient(90deg,rgba(8,39,43,.9) 0%,rgba(8,40,43,.68) 44%,rgba(5,25,31,.28) 100%),linear-gradient(0deg,rgba(5,24,27,.35),transparent 40%)}
.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .68fr;align-items:end;gap:7vw;padding-top:156px;padding-bottom:116px;min-height:650px}
.hero h1{font-size:clamp(64px,7.2vw,112px);line-height:1.06;margin:0;letter-spacing:-.07em}
.hero-aside{padding-bottom:11px}
.hero-aside p{max-width:370px;font-size:18px;line-height:1.9;color:#f2f6f0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.hero-controls{position:absolute;z-index:3;right:max(40px,calc((100vw - 1250px)/2));bottom:42px;display:flex;align-items:center;gap:15px;color:#fff;font-size:12px;letter-spacing:.14em}
.hero-controls button{border:1px solid rgba(255,255,255,.65);width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.hero-controls button:hover{background:rgba(255,255,255,.2)}
.section{padding-top:116px;padding-bottom:118px}
.section-top{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px;margin-bottom:52px;align-items:end}
.section-top .eyebrow{grid-column:1/-1;margin-bottom:0}
.section-top h2{margin-bottom:0}
.section-intro{margin:0;max-width:460px;color:#5c6863;font-size:17px;line-height:1.95}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.workflow-card{min-height:275px;padding:34px;border:1px solid #dfe7df;background:#fff}
.step-number{display:inline-block;margin-bottom:62px;color:#458d70;font-size:13px;font-weight:700}
.workflow-card h3{font-size:23px;letter-spacing:-.04em;margin-bottom:15px}
.workflow-card p{font-size:15px;line-height:1.85;color:#607068;margin:0}
.section-cream{background:#edf1e9}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.case-card{background:#fff;border:1px solid #e0e6dc;padding:25px 25px 34px;min-height:430px}
.case-card-top{display:flex;justify-content:space-between;color:#4a8268;font-size:11px;font-weight:700;letter-spacing:.1em}
.case-card-top span:last-child{font-size:18px;line-height:1}
.case-visual{height:165px;margin:23px 0 28px;padding:30px 27px;overflow:hidden;background:#e6efe5;display:flex;align-items:flex-end;gap:11px;border-radius:2px}
.case-visual span{display:block;background:#70a995;border-radius:3px 3px 0 0;width:20%;height:40%}
.case-visual span:nth-child(2){height:72%;background:#3a816d}
.case-visual span:nth-child(3){height:56%;background:#a9cdb2}
.case-visual-02{background:#eeeae0}.case-visual-02 span{background:#d0b992}.case-visual-02 span:nth-child(2){background:#a89164}.case-visual-02 span:nth-child(3){background:#e0cfac}
.case-visual-03{background:#e3e9ec}.case-visual-03 span{background:#8ca9b2}.case-visual-03 span:nth-child(2){background:#486c78}.case-visual-03 span:nth-child(3){background:#bcced1}
.case-card h3{font-size:27px;letter-spacing:-.04em;margin-bottom:13px}
.case-card p{font-size:15px;line-height:1.86;color:#5b6a63;margin:0}
.section-note,.page-note{font-size:13px;color:#66766e;line-height:1.8;margin:27px 0 23px}
.text-link{display:inline-flex;gap:16px;align-items:center;padding-bottom:7px;border-bottom:1px solid #2d7563;color:#1c624f;font-size:15px;font-weight:650}
.text-link:hover{color:#143b31}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
.article-card{display:flex;flex-direction:column;min-height:300px;padding:32px;background:#fff;border:1px solid #e0e7df;transition:transform .2s ease,border-color .2s ease}
.article-card:hover{transform:translateY(-4px);border-color:#9fbea9}
.article-category{color:#4a8e6c;font-size:12px;font-weight:700}
.article-card h3{margin:48px 0 12px;font-size:25px;line-height:1.4;letter-spacing:-.04em}
.article-card p{color:#65716a;font-size:14px;line-height:1.8}
.article-arrow{margin-top:auto;color:#267053;font-size:13px;font-weight:700}
.closing{background:#194d42;color:#fff;padding:90px 0}
.closing-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}
.closing h2{margin:0 0 18px}.closing p:last-child{margin:0;color:#d6e9d9;font-size:16px;line-height:1.8}
.site-footer{background:#132b2c;color:#eef6ee;padding-top:70px}
.footer-main{display:grid;grid-template-columns:1.2fr .7fr .75fr;gap:36px;padding-bottom:72px}
.footer-main-no-contact{grid-template-columns:1fr auto}
.footer-brand{display:inline-flex;align-items:center;gap:12px;max-width:100%;font-size:25px;font-weight:700;letter-spacing:-.03em}
.footer-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:4px 8px;border-radius:3px;background:#fbfcf9}
.footer-logo img{height:34px;width:auto;max-width:174px;object-fit:contain}
.footer-main>div:first-child>p{margin-top:16px;color:#b6c9c3;font-size:14px}
.footer-main nav{display:flex;flex-direction:column;gap:17px;font-size:14px;color:#d6e4dc}
.footer-main nav a:hover,.footer-contact a:hover{color:#c6e6c1}
.footer-contact h3{font-size:18px;margin-bottom:13px}
.footer-contact p:not(.eyebrow),.footer-contact a{display:block;color:#d0e0d4;font-size:14px;line-height:1.8}
.footer-contact img{width:106px;height:106px;object-fit:contain;background:#fff;padding:5px;margin-top:17px}
.footer-bottom{border-top:1px solid #34504b;display:flex;flex-wrap:wrap;gap:18px 36px;min-height:80px;align-items:center;color:#adc5b8;font-size:12px}
.page-intro{padding-top:104px;padding-bottom:68px;border-bottom:1px solid #dce5dc}
.page-intro h1{font-size:clamp(56px,7vw,92px);line-height:1.1;margin:0 0 24px}
.page-intro>p:last-child{font-size:19px;color:#586b61;line-height:1.85;max-width:700px;margin:0}
.cases-page{padding-top:40px;padding-bottom:25px}
.case-detail{display:grid;grid-template-columns:.45fr 1fr;gap:50px;padding:60px 0;border-bottom:1px solid #dce5dc}
.case-detail-index span{font-size:16px;color:#508268}.case-detail-index p{color:#718078;font-size:13px;margin-top:20px}
.case-detail h2{font-size:42px;margin:0 0 20px}.case-detail-summary{font-size:18px;color:#4e6057;line-height:1.8;max-width:700px}
.case-detail ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:30px 0 0;counter-reset:case-step}
.case-detail li{counter-increment:case-step;border:1px solid #cfded0;padding:13px 15px;color:#38574a;font-size:14px}
.case-detail li:before{content:"0" counter(case-step) " / ";color:#5e9c78;font-weight:700}
.page-note{margin-inline:auto;margin-bottom:90px}
.article-body{max-width:850px;padding-top:76px;padding-bottom:135px}
.back-link{color:#54806c;font-size:14px}
.article-body header{padding-top:64px;padding-bottom:48px;border-bottom:1px solid #dce5dc;margin-bottom:48px}
.article-body h1{font-size:clamp(46px,5.6vw,76px);line-height:1.2;margin:0 0 24px}
.article-lead{font-size:19px;line-height:1.9;color:#56675e;max-width:700px;margin:0}
.article-body section{margin-bottom:48px}.article-body section h2{font-size:28px;line-height:1.4;letter-spacing:-.03em;margin-bottom:20px}
.article-body section p{color:#3d4e45;font-size:17px;line-height:2.04;margin:0 0 18px}
.article-body footer{padding-top:24px}
@media(max-width:960px){.shell{width:min(100% - 48px,1250px)}.header-inner{gap:28px}.navigation{gap:17px}.brand{min-width:auto}.hero-content{grid-template-columns:1fr;gap:36px;align-content:end;padding-top:120px}.hero-aside p{max-width:580px}.section-top{gap:20px 35px}.case-card{padding:20px}.article-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}
@media(max-width:700px){.shell{width:min(100% - 36px,1250px)}.site-header{position:relative}.header-inner{min-height:70px;justify-content:space-between}.brand{font-size:17px}.brand img{height:29px;max-width:125px}.brand-name{max-width:155px;overflow:hidden;text-overflow:ellipsis}.header-inner>.navigation,.header-actions{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;font-size:13px;color:#276b55}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{margin-left:7px}.mobile-menu[open]{position:static}.mobile-menu .navigation{position:absolute;top:69px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 18px 0;background:#fbfcf9;box-shadow:0 16px 22px #142b241f}.mobile-menu .navigation a{padding:13px 0;border-bottom:1px solid #e8eee8}.mobile-contact{position:absolute;top:278px;left:0;right:0;padding:16px 18px;background:#f1f5ee;color:#24745a;font-weight:700}.hero,.hero-content{min-height:670px}.hero-content{padding-top:100px;padding-bottom:106px;gap:44px}.hero h1{font-size:clamp(55px,12vw,76px)}.hero-aside p{font-size:16px}.hero-controls{right:18px;bottom:22px}.section{padding-top:80px;padding-bottom:84px}.section-top{display:block;margin-bottom:34px}.section-top h2{margin-bottom:19px}.section-intro{font-size:15px}.workflow-grid,.case-grid,.article-grid{grid-template-columns:1fr}.workflow-card{min-height:auto;padding:27px}.step-number{margin-bottom:42px}.case-card{min-height:auto;padding:22px}.case-visual{height:145px}.article-card{min-height:260px}.article-card h3{margin-top:40px}.closing{padding:68px 0}.closing-inner{display:block}.closing .button{margin-top:28px}.footer-main{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.footer-contact{grid-column:auto}.footer-bottom{padding:22px 0}.page-intro{padding-top:80px;padding-bottom:46px}.page-intro>p:last-child{font-size:16px}.case-detail{grid-template-columns:1fr;gap:16px;padding:42px 0}.case-detail-index{display:flex;gap:16px;align-items:center}.case-detail-index p{margin:0}.case-detail h2{font-size:32px}.case-detail-summary{font-size:16px}.article-body{padding-top:40px;padding-bottom:90px}.article-body header{padding-top:46px}.article-body section p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.about-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding-top:84px;padding-bottom:125px}
.about-content:not(:has(.about-image)){display:block;max-width:850px}
.about-image{width:100%;max-height:530px;object-fit:cover}
.about-copy p{color:#405148;font-size:18px;line-height:2;margin:0 0 24px;overflow-wrap:anywhere}
.about-body-image{display:block;width:100%;height:auto;margin:34px 0;object-fit:contain}
@media(max-width:700px){.mobile-menu-panel{position:absolute;top:69px;left:0;right:0;background:#fbfcf9;box-shadow:0 16px 22px #142b241f}.mobile-menu .navigation{position:static;box-shadow:none;padding:14px 18px}.mobile-contact{position:static;display:block;padding:16px 18px}.about-content{display:block;padding-top:55px;padding-bottom:80px}.about-image{margin-bottom:35px}.about-copy p{font-size:16px}}
@media(max-width:700px){.hero h1{font-size:clamp(44px,11vw,62px)}}
.about-intro{text-align:center}.about-intro>p:last-child{margin-inline:auto;max-width:900px}.about-mission{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-mission h2{margin-bottom:28px}.about-mission p:last-child{font-size:21px;line-height:1.95;color:#43584e}.about-mission img{width:100%;aspect-ratio:1;object-fit:cover}.about-goal{padding:100px 0;background:#eef4ec}.about-goal h2{max-width:1000px;margin:0 auto 58px;text-align:center;font-size:clamp(30px,3.7vw,50px);line-height:1.55;letter-spacing:-.03em}.about-goal img{width:100%;max-height:640px;object-fit:cover}.about-story{max-width:990px}.about-story p{font-size:18px;line-height:2;color:#405148;margin:0 0 28px}.about-story img{width:100%;height:auto;margin:52px 0 65px}.about-values h2{margin-bottom:48px}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 65px}.about-values-grid article{border-top:1px solid #adc5b8;padding:24px 0}.about-values-grid span{color:#568f70;font-size:14px}.about-values-grid h3{font-size:26px;margin:22px 0 12px}.about-values-grid p{font-size:16px;line-height:1.8;color:#586b61}.about-closing{padding:100px 0}.about-closing p{max-width:900px;font-size:18px;line-height:2;color:#d6e9d9;margin:0 0 55px}.about-closing h2{font-size:clamp(32px,4vw,56px)}
@media(max-width:700px){.about-mission{grid-template-columns:1fr;gap:28px}.about-mission p:last-child{font-size:17px}.about-goal{padding:70px 0}.about-goal h2{margin-bottom:35px}.about-story p{font-size:16px}.about-story img{margin:34px 0 45px}.about-values-grid{grid-template-columns:1fr;gap:12px}.about-closing{padding:70px 0}.about-closing p{font-size:16px}}
.skip-link{position:absolute;z-index:100;top:-80px;left:16px;padding:12px 16px;background:#fff;color:#173c39}.skip-link:focus{top:12px}.footer-main-no-contact{grid-template-columns:1fr auto}
.legal-document{overflow-wrap:anywhere}
.legal-document header{padding-top:36px;padding-bottom:28px;margin-bottom:36px}
.legal-document h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.03em}
.legal-updated{margin:14px 0 0;color:#56675e;font-size:14px;line-height:1.7}
.legal-navigation{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;font-size:16px}
.legal-navigation a{padding:8px 0;color:#405148}
.legal-navigation a[aria-current="page"]{color:#1c624f;font-weight:700;box-shadow:0 2px #2d7563}
.legal-document section a{color:#1c624f;text-decoration:underline;text-underline-offset:3px}
.legal-actions{display:flex;flex-wrap:wrap;gap:24px}
.legal-document a:focus-visible,.footer-bottom a:focus-visible{outline:2px solid currentColor;outline-offset:5px}