:root{--green:#234f40;--ink:#233b31;--muted:#66736a;--paper:#faf9f5;--line:#dce2d8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #bd8735;outline-offset:6px}
p{line-height:1.9;margin:0}
h1,h2,h3{margin:0}
.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:white;z-index:10}
.skip-link:focus{top:12px}
header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
.brand-wordmark{display:block;width:140px;height:auto}


nav{display:flex;gap:36px;font-size:14px}
nav a{padding:12px 0}
nav a:hover,.hero-bottom a:hover{color:#8b682f}
.hero{background:#eff1e8;overflow:hidden}
.hero-inner{min-height:540px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px}
.eyebrow{font-size:13px;letter-spacing:3px;font-weight:600;color:var(--green);margin-bottom:24px}
.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;vertical-align:middle;margin-right:7px}
h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(44px,5.5vw,70px);font-weight:600;line-height:1.3;letter-spacing:3px}
.hero-copy h1{font-family:inherit;font-size:clamp(40px,5.2vw,64px);font-weight:600;line-height:1.35;letter-spacing:.015em}
@media(max-width:640px){.hero-copy h1{font-size:clamp(36px,10vw,44px)}}
.hero-description{margin-top:24px;font-size:16px;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:42px;background:var(--green);color:#fff;padding:16px 23px;margin-top:30px;font-size:14px;border-radius:4px}
.button:hover{background:#173e30}
.button span{font-size:20px}
.hero-bottom{display:flex;justify-content:space-between;padding-block:20px;border-top:1px solid #d5dbcd;font-size:12px;letter-spacing:1px;color:var(--muted)}
.hero-bottom a span{margin-left:18px}
.tea-art{height:440px;position:relative}
.art-ring{position:absolute;border:1px solid #d6ddcc;border-radius:50%;width:380px;height:380px;top:35px;left:30px}
.ring-two{width:310px;height:310px;top:70px;left:65px}
.vertical-copy{position:absolute;right:5px;top:42px;writing-mode:vertical-rl;font-family:"Songti SC","SimSun",serif;line-height:2.1;font-size:18px;letter-spacing:6px;color:#68745c}
.saucer{position:absolute;top:265px;left:52px;width:306px;height:92px;background:#dce0ce;border:12px solid #e5e8dc;border-radius:50%;box-shadow:0 24px 30px -16px #5361434d,inset 0 0 0 1px #c2cbb4;transform:rotate(-9deg)}
.cup{position:absolute;top:172px;left:100px;width:205px;height:152px;background:linear-gradient(100deg,#e2e7d8,#f9faee 35%,#ced6bf);border-radius:30% 30% 48% 48%;transform:rotate(-9deg);box-shadow:6px 13px 16px #72845a24}
.tea{position:absolute;top:-3px;left:0;width:205px;height:80px;border-radius:50%;background:linear-gradient(170deg,#716d36,#ada663);border:12px solid #f3f5e8;box-shadow:inset 0 4px 6px #4f522a55}
.tea i{position:absolute;left:30px;top:12px;width:90px;height:25px;border-top:1px solid #c7c391;border-radius:50%;transform:rotate(-8deg)}
.steam{position:absolute;top:88px;left:165px;width:25px;height:64px;border-left:2px solid #aebba380;border-radius:50%;transform:rotate(14deg)}
.steam-two{left:202px;top:70px;height:74px;transform:rotate(-12deg)}
.leaf{position:absolute;background:#69805a;border-radius:95% 0 95% 0;box-shadow:inset -5px -3px 12px #3954392a}
.leaf:after{content:"";position:absolute;top:49%;left:10%;width:80%;border-top:1px solid #a4b394;transform:rotate(-30deg)}
.leaf-one{width:76px;height:35px;left:320px;top:310px;transform:rotate(-20deg)}
.leaf-two{width:59px;height:29px;left:320px;top:345px;transform:rotate(28deg)}
.art-caption{position:absolute;bottom:9px;left:127px;font-size:11px;letter-spacing:4px;color:#6c785f}
.section{padding-block:80px}
h2{font-family:"Songti SC","STSong","SimSun",serif;font-size:34px;font-weight:600;line-height:1.5;letter-spacing:1px}
.about{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}
.about-copy h3{font-size:19px;font-weight:550;margin-bottom:19px}
.about-copy p{font-size:15px;color:var(--muted)}
.about-copy p+p{margin-top:16px}
.services{background:#f0f2ec}
.services-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}
.services-heading .eyebrow{margin-bottom:12px}
.services-heading>p{font-size:14px;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.service{border-top:1px solid #b8c5b4;padding:25px 0 0}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.service-number{font-family:Georgia,serif;font-size:20px;color:#78866b}
.service svg{width:34px;height:34px;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.service h3{font-size:21px;font-weight:550;margin-bottom:18px}
.service p{font-size:14px;color:var(--muted);min-height:108px}
.service-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px;color:var(--green)}
.vision{background:var(--green);color:#f9f8ed;padding:48px;display:grid;grid-template-columns:1fr 1.55fr;gap:60px;border-radius:4px}
.vision .eyebrow{color:#c0d0b6;margin-bottom:16px}
.vision h2{font-size:38px}
.vision-subtitle{font-size:16px;color:#dce4d6;margin-top:18px}
.vision-copy p{font-size:14px;color:#e0e8db}
.vision-copy p+p{margin-top:16px}
.vision-keywords{display:flex;gap:24px;margin-top:24px;font-size:12px;letter-spacing:2px;color:#d8ddba}
footer{border-top:1px solid var(--line)}
.footer-main{padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-main>p{font-size:14px;text-align:right}
.footer-main>p>span{font-size:12px;color:var(--muted)}
.footer-bottom{border-top:1px solid var(--line);padding-block:20px;font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
@media(min-width:1500px){.hero-inner{min-height:580px}}
@media(max-width:900px){.hero-inner{gap:0}.tea-art{transform:scale(.8);transform-origin:left center}.about{gap:35px;grid-template-columns:1fr 1.4fr}.vision{gap:30px;padding:32px}.service-grid{gap:20px}.services-heading>p{max-width:225px}.service p{min-height:135px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{min-height:100px;flex-wrap:wrap;gap:6px;padding-block:16px}nav{gap:24px;font-size:12px;width:100%;justify-content:space-between}nav a{padding:7px 0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:40px}.hero-copy{position:relative;z-index:1}h1{font-size:50px}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:18px}.hero-description{font-size:14px;margin-top:20px}.button{margin-top:24px;padding:13px 20px}.tea-art{height:360px;width:380px;align-self:center;transform:scale(.82);transform-origin:center center;margin-top:-14px;margin-bottom:-18px}.art-ring{top:0}.ring-two{top:35px}.vertical-copy{right:0;top:25px}.art-caption{bottom:-10px}.hero-bottom{font-size:10px;letter-spacing:0;gap:10px}.hero-bottom a span{margin-left:4px}.section{padding-block:48px}h2{font-size:28px}.about{display:block}.about-copy{margin-top:26px}.about-copy h3{font-size:18px}.about-copy p{font-size:14px}.services-heading{display:block;margin-bottom:28px}.services-heading>p{max-width:none;margin-top:16px}.service-grid{grid-template-columns:1fr;gap:30px}.service-top{margin-bottom:18px}.service p{min-height:0}.service-foot{margin-top:18px;padding-top:14px}.vision{display:block;padding:28px 24px}.vision h2{font-size:34px}.vision-subtitle br{display:none}.vision-copy{margin-top:24px}.vision-keywords{gap:20px}.footer-main{align-items:start;flex-direction:column}.footer-main>p{text-align:left;font-size:13px}.footer-main>p>span{font-size:11px}.footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Product presentation and company service information. */
nav a[aria-current="page"]{color:var(--green);box-shadow:inset 0 -2px var(--green);font-weight:600}
.section-lead{max-width:720px;margin-top:20px;font-size:16px;color:var(--muted)}
.page-hero{background:#eff1e8;padding:64px 0}
.page-hero h1{font-size:clamp(36px,4.5vw,56px)}
.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}
.product-figure{margin:0;display:flex;align-items:center;flex-direction:column;padding:28px;background:#edf0e6;border:1px solid var(--line);border-radius:12px}
/* Crop the 740 × 1590 screenshot to its 734 × 1440 app viewport. */
.workbench-crop{position:relative;width:min(100%,260px);aspect-ratio:734 / 1440;overflow:hidden;border-radius:10px;box-shadow:0 12px 28px #234f401a}
.product-figure .workbench-crop img{position:absolute;display:block;width:100.81744%;max-width:none;height:auto;left:-0.40872%;top:-6.25%}
.product-figure figcaption{text-align:center;color:#5b685e;font-size:12px;line-height:1.8;margin-top:20px;max-width:300px}
.feature-list{list-style:none;padding:0;margin:26px 0 0}
.feature-list li{padding:15px 0;border-bottom:1px solid var(--line)}
.feature-list strong{display:block;font-size:16px;font-weight:550;margin-bottom:7px}
.feature-list span{color:var(--muted);font-size:14px;line-height:1.8}
.product-facts{margin:26px 0 0}
.product-facts>div{display:grid;grid-template-columns:112px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8}
.product-facts dt{color:var(--muted)}
.product-facts dd{margin:0;overflow-wrap:anywhere}
.product-facts a,.contact-methods a{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}
.feature-grid article{border-top:1px solid #b8c5b4;padding-top:22px}
.feature-grid h3{font-size:21px;margin:18px 0 12px;font-weight:550}
.feature-grid p{font-size:14px;color:var(--muted)}
.service-details{margin-top:36px}
.service-details article{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}
.service-details article>span{font-size:13px;color:var(--muted);line-height:2}
.service-details h3{font-size:22px;margin-bottom:16px;font-weight:550}
.service-details p{font-size:15px;color:var(--muted)}
.contact-strip{padding:44px 0;background:#eff1e8}
.contact-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-strip h2{font-size:28px}
.contact-strip p{margin-top:10px;color:var(--muted);font-size:14px}
.contact-strip .button{margin:0;flex-shrink:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
.contact-methods{font-style:normal}
.contact-methods>div{border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:28px}
.contact-methods span{display:block;color:var(--muted);font-size:14px;margin-bottom:14px}
.contact-methods a{display:block;font-size:clamp(20px,2.4vw,30px);overflow-wrap:anywhere}
.contact-methods p{margin-top:14px;color:var(--muted);font-size:12px}
@media(max-width:900px){nav{gap:22px}.product-intro{gap:36px;grid-template-columns:1.2fr 1fr}.contact-layout{gap:35px}.feature-grid{gap:24px}}
@media(max-width:640px){nav{gap:10px}.page-hero{padding:40px 0}.section-lead{font-size:14px}.product-intro,.contact-layout{grid-template-columns:1fr;gap:30px}.product-figure{padding:24px}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.service-details article{grid-template-columns:1fr;gap:14px;padding:24px 0}.contact-strip>.container{align-items:start;flex-direction:column}.contact-strip h2{font-size:25px}.product-facts>div{grid-template-columns:96px 1fr;gap:12px;font-size:13px}.contact-methods>div:last-child{margin-bottom:0}.footer-main>p{overflow-wrap:anywhere;max-width:100%}}