:root{color-scheme:light;--ink:#213b32;--green:#2e674f;--muted:#65746a;--cream:#f8f7f2;--line:#e4e7df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 80px));margin:auto}
.site-header{border-bottom:1px solid rgba(33,59,50,.08)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}
.brand-icon{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:3px;transform:rotate(-16deg)}
.brand-icon span{border-radius:50%;background:#6ba783}.brand-icon span:nth-child(2){background:#eab491}.brand-icon span:nth-child(3){background:#e8cf79}.brand-icon span:nth-child(4){background:#366d55}
.main-nav{display:flex;gap:38px;font-size:14px;font-weight:600;color:#52635a}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--green)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:635px;align-items:center;gap:55px;padding-top:45px;padding-bottom:76px}
.hero-copy{padding-bottom:18px}
.eyebrow,.section-label{font-size:13px;font-weight:700;letter-spacing:.15em;color:var(--green);display:flex;align-items:center;gap:10px}
.eyebrow-line{width:22px;height:1px;background:var(--green)}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.055em}
h1{font-size:clamp(48px,5.4vw,74px);line-height:1.25;margin:25px 0 26px;font-weight:800}
h1 em{font-style:normal;color:var(--green)}
.hero-description{max-width:475px;font-size:17px;line-height:2;color:#66746a;margin-bottom:33px}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:66px;padding:16px 20px 16px 24px;border-radius:8px;background:var(--green);color:white;font-size:15px;font-weight:700;transition:transform .2s,background .2s}
.primary-link:hover{background:#23563f;transform:translateY(-2px)}
.primary-link span{font-size:19px;font-weight:400}
.hero-footnote{font-size:12px;letter-spacing:.12em;color:#9aa79b;margin:47px 0 0}
.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}
.visual-orbit{position:absolute;border:1px solid #e8eadf;border-radius:50%;width:440px;height:440px}
.orbit-two{width:345px;height:345px;background:#e9eee6;border:0}
.art-card{position:relative;z-index:2;width:360px;height:420px;border-radius:13px;background:#fff;box-shadow:0 25px 45px rgba(37,72,53,.12);padding:23px;transform:rotate(5deg);display:flex;flex-direction:column;justify-content:space-between}
.art-card-top,.art-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9b9f95;letter-spacing:.13em}
.art-card-top span:last-child{font-size:19px;color:#84a887}.art-card-bottom{letter-spacing:0;font-size:11px;color:#7b877b}
.art-card img{width:100%;height:296px;object-fit:contain}
.floating-bead{position:absolute;z-index:3;width:28px;height:28px;border-radius:50%;background:#f4c49c;box-shadow:inset -4px -4px 0 rgba(0,0,0,.07),0 5px 9px rgba(0,0,0,.08)}
.floating-bead:after{content:"";position:absolute;inset:10px;background:#fff9;border-radius:50%}
.bead-one{left:13px;top:100px;background:#ebaf9e;transform:scale(1.18)}.bead-two{right:4px;top:105px;background:#8aaa8d;transform:scale(.8)}.bead-three{bottom:31px;left:76px;background:#ebcd79;transform:scale(.72)}
.visual-stamp{z-index:4;position:absolute;right:-4px;bottom:22px;width:118px;height:118px;border-radius:50%;background:#eacb8d;color:#426952;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:800;line-height:1.3;letter-spacing:.07em;transform:rotate(13deg)}
.visual-stamp span{font-size:22px;margin-left:3px}
.intro-band{background:#e8eee7;padding:94px 0}
.intro-inner{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}
.section-label small{font-size:10px;letter-spacing:.12em;color:#92a49a;margin-left:4px}.label-dot{width:7px;height:7px;background:#73a88a;border-radius:50%}
.intro-band h2,.features h2,.closing h2{font-size:clamp(35px,4vw,51px);line-height:1.35;font-weight:800;margin:0}
.intro-band p{font-size:16px;color:#64736a;line-height:2;max-width:630px;margin:20px 0 0}
.features{padding-top:107px;padding-bottom:117px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}
.section-heading h2{margin-top:22px}.section-heading>p{font-size:15px;line-height:1.9;color:#78877d;margin-bottom:7px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.feature-card{min-height:314px;border-radius:12px;padding:30px 31px 28px;display:flex;flex-direction:column;align-items:start}
.feature-card-green{background:#e6eee5}.feature-card-peach{background:#f8e9df}.feature-card-lilac{background:#ece8ef}
.feature-icon{height:72px;width:72px;margin-bottom:26px;display:grid;place-content:center}
.icon-pattern{grid-template-columns:repeat(3,13px);grid-template-rows:repeat(3,13px);gap:4px;transform:rotate(-12deg)}.icon-pattern i{border-radius:50%;background:#6fa283}.icon-pattern i:nth-child(2),.icon-pattern i:nth-child(5){background:#e7c275}.icon-pattern i:nth-child(4),.icon-pattern i:nth-child(6){background:#d59b88}
.icon-draw span{font-size:58px;color:#d79378;line-height:1}.icon-share span{font-size:67px;color:#9b83a6;line-height:1}
.feature-number{font-size:11px;font-weight:700;color:#8da295;letter-spacing:.08em}
.feature-card-peach .feature-number{color:#c39a87}.feature-card-lilac .feature-number{color:#a393ad}
.feature-card h3{font-size:22px;margin:13px 0 11px;letter-spacing:-.04em}
.feature-card p{font-size:14px;line-height:1.9;color:#69786e;margin-bottom:0;max-width:285px}.feature-card-peach p{color:#80736e}.feature-card-lilac p{color:#7c7480}
.closing{background:#2e674f;color:#fff;padding:80px 0 88px;overflow:hidden}
.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:60px;position:relative}.closing-inner:after{content:"✳";position:absolute;right:27%;top:-133px;font-size:290px;line-height:1;color:#ffffff0c;pointer-events:none}
.closing-kicker{font-size:11px;letter-spacing:.2em;color:#b7d3c0;margin-bottom:23px}
.closing h2{font-size:clamp(43px,5vw,65px)}
.closing-right{padding-bottom:8px;position:relative;z-index:1}.closing-right p{font-size:15px;color:#d0dfd3;margin-bottom:25px}
.contact-link{display:inline-flex;gap:38px;align-items:center;border-bottom:1px solid #a2c8ad;padding-bottom:8px;font-weight:600;font-size:15px}.contact-link:hover{color:#e9cb8f}
.contact-phone{display:block;width:fit-content;margin-top:15px;color:#d0dfd3;font-size:14px}.contact-phone:hover{color:white}
.site-footer{background:#244f3c;color:#bcd1c3}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{color:white;font-size:19px}.footer-brand .brand-icon{transform:rotate(-16deg) scale(.8);margin-right:-3px}.footer-inner p{font-size:12px;margin:0}
.footer-meta{text-align:right}.footer-meta p+p{margin-top:6px}
.footer-record{padding-bottom:18px;text-align:center;font-size:12px}.footer-record a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #dfac75;outline-offset:4px}
@media(max-width:850px){.container{width:min(100% - 44px,650px)}.header-inner{height:70px}.main-nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;gap:0;padding-top:60px;padding-bottom:65px}.hero-copy{padding-bottom:0}.hero-visual{height:440px;margin-top:20px}.intro-inner{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.closing-inner{align-items:start}.closing-right{max-width:250px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.brand{font-size:18px}.main-nav{gap:13px}.main-nav a:first-child{display:none}.hero{padding-top:54px;padding-bottom:50px}.eyebrow{font-size:11px}.hero-description{font-size:15px;line-height:1.9}.hero-footnote{margin-top:31px}.hero-visual{height:350px;margin-top:18px}.visual-orbit{width:320px;height:320px}.orbit-two{width:275px;height:275px}.art-card{width:270px;height:320px;padding:18px}.art-card img{height:221px}.art-card-bottom{font-size:8px}.bead-one{left:3px;top:70px}.bead-two{right:2px;top:56px}.bead-three{left:18px;bottom:0}.visual-stamp{width:86px;height:86px;font-size:9px;right:1px;bottom:3px}.visual-stamp span{font-size:17px}.intro-band{padding:65px 0}.intro-band p{font-size:14px}.features{padding-top:68px;padding-bottom:75px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:19px 0 0;font-size:14px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card:last-child{grid-column:auto;min-height:245px;padding:25px}.feature-icon{margin-bottom:6px}.feature-card p{max-width:none}.closing{padding:65px 0}.closing-inner{display:block}.closing-right{margin-top:33px;max-width:none}.footer-inner{min-height:110px;align-items:start;justify-content:center;flex-direction:column;gap:8px;padding:21px 0}.footer-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}}