@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#18221d;--muted:#69736c;--green:#87d160;--green-hover:#78c34f;--line:#e9ede8;--surface:#f7f9f6;--soft-green:#eff7e9;--radius:20px;--font:Outfit,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:104px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #427932;outline-offset:5px}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}button{border:0;background:none}::selection{background:#d7efc7}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid transparent;transition:border-color .2s}.header.scrolled{border-bottom-color:var(--line)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{flex-shrink:0}.brand img{width:174px;height:auto}.desktop-nav{display:flex;gap:32px;font-size:14px}.desktop-nav a,.login{transition:color .2s}.desktop-nav a:hover,.login:hover{color:#427932}.nav-actions{display:flex;align-items:center;gap:28px}.login{font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 24px;background:var(--green);border-radius:9px;line-height:1.2;font-size:15px;font-weight:550;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:var(--green-hover)}.button:active{transform:scale(.98)}.button img{width:20px;height:20px}.button.small{min-height:42px;padding:11px 18px;gap:20px;font-size:14px}.button.dark{color:white;background:var(--ink)}.button.dark:hover{background:#2f4135}.button.dark img{filter:invert(1)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{padding:12px 28px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0}.icon-button{width:42px;height:42px;display:grid;place-items:center}.icon-button img{width:22px}.menu-toggle{display:none}
.hero{min-height:595px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:12px;padding-block:54px 64px}.hero-copy{z-index:1}.hero-copy>.eyebrow{animation:enter .6s both}.hero h1{animation:enter .7s .07s both}.hero-description{animation:enter .7s .14s both}.hero-actions{animation:enter .7s .21s both}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.06em;margin-bottom:26px;color:#53634f}.hero h1{font-size:clamp(46px,4.5vw,64px);font-weight:600;line-height:1.25;letter-spacing:-.04em}.hero h1 span{color:var(--ink)}.hero-description{font-size:17px;color:var(--muted);line-height:1.9;margin-top:26px;letter-spacing:.015em}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:500}.text-link img{width:18px;height:18px;transition:transform .2s}.text-link:hover img{transform:translate(3px,-2px)}.hero-art{margin-right:-34px;animation:enter .9s .12s both}.hero-art img{width:100%;height:auto}.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-strip a{display:flex;align-items:center;justify-content:center;gap:13px;font-size:15px}.capability-strip a+a{border-left:1px solid var(--line)}.capability-strip img{width:22px;opacity:.65}.capability-strip a:hover{color:#427932}.section{padding-block:98px}.section-heading{margin-bottom:40px}.section-heading h2,h2{font-size:38px;line-height:1.4;font-weight:550;letter-spacing:-.035em}.section-heading>p{font-size:16px;color:var(--muted);margin-top:16px}.scenario-tabs{position:relative;--active-tab:0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:32px}.scenario-tabs button{position:relative;text-align:left;font-size:18px;padding:15px 0 21px;color:var(--muted)}.scenario-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.scenario-indicator{position:absolute;left:0;bottom:-1px;width:calc(100% / 3);height:3px;transform:translateX(calc(var(--active-tab) * 100%));transition:transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}.scenario-indicator::after{content:"";display:block;width:calc(100% - 28px);height:100%;border-radius:2px;background:var(--green)}.scenario-panel{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:center;min-height:385px}.scenario-copy{padding:12px 0}.scenario-copy h3{font-size:30px;line-height:1.5;font-weight:550;letter-spacing:-.025em}.scenario-copy>p{color:var(--muted);margin-top:20px;max-width:390px;font-size:15px;line-height:1.9}.scenario-copy ul{list-style:none;padding:0;margin:23px 0}.scenario-copy li{display:flex;gap:12px;align-items:center;font-size:14px;margin:10px 0}.scenario-copy li::before{content:'';height:17px;width:17px;flex-shrink:0;background:url('assets/Check.svg') center/14px no-repeat var(--soft-green);border-radius:50%}.scenario-photo{height:385px;border-radius:var(--radius);overflow:hidden}.scenario-photo img{width:100%;height:100%;object-fit:cover}.product-section{background:var(--surface)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:50px}.feature-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#eaf1e6;margin-bottom:24px}.feature-icon img{width:23px}.product-feature h3{font-size:20px;font-weight:550}.product-feature p{font-size:14px;color:var(--muted);line-height:1.85;min-height:84px;margin-top:13px}.product-feature .text-link{font-size:13px;margin-top:23px}.api-section{padding-bottom:30px}.api-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--soft-green);border-radius:24px;padding:64px;align-items:center;overflow:hidden}.api-copy .eyebrow{font-size:12px;margin-bottom:20px}.api-copy>p:not(.eyebrow){color:#586652;font-size:15px;line-height:1.85;margin:20px 0 28px}.api-visual{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:48px}.api-mark{width:240px;transform:rotate(-5deg);opacity:.84}.api-path{display:flex;align-items:center;gap:12px;font-size:12px;color:#4a5a43;white-space:nowrap}.api-path>img{width:17px;opacity:.5}.api-path>span{padding:10px 13px;border:1px solid #d4e2cc;border-radius:8px;background:#f6faf2}.steps{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps li{position:relative;padding-top:16px}.step-number{display:block;font-size:48px;line-height:1;font-weight:400;letter-spacing:-.05em;color:#a3be97;margin-bottom:24px}.steps li:not(:last-child)::after{content:'';position:absolute;top:40px;left:75px;right:0;height:1px;background:var(--line)}.steps h3{font-size:20px;font-weight:550;margin-bottom:12px}.steps p{font-size:15px;color:var(--muted);line-height:1.8}.start-section{padding-bottom:88px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding-top:40px;border-top:1px solid var(--line)}.faq-section h2{font-size:30px;padding-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;padding:24px 0;font-size:16px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{padding:0 40px 25px 0;font-size:14px;color:var(--muted);line-height:1.9}.faq-plus{width:20px;height:20px;flex-shrink:0;background:url('assets/Plus.svg') center/18px no-repeat;transition:transform .2s}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.final-cta{background:var(--surface);border-radius:24px;padding:54px 64px;display:flex;justify-content:space-between;align-items:center}.final-cta h2{font-size:34px}.final-cta .button{margin-top:27px}.cta-symbol{width:200px;margin-right:45px;opacity:.16}.footer{padding:58px 0 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:34px}.footer-main img{height:auto}.footer nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#7c867c}.reveal{transition:opacity .55s,transform .55s}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(16px)}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:655px}.hero h1{font-size:68px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-wrap{gap:20px}.desktop-nav{gap:21px}.brand img{width:148px}.nav-actions{gap:20px}.hero{min-height:550px}.hero h1{font-size:52px}.hero-art{margin-right:0}.hero-description{font-size:15px}.scenario-panel{gap:36px}.product-grid{gap:22px}.product-feature p{min-height:104px}.api-panel{padding:44px}.api-path{gap:7px}.api-path>span{padding:8px}.faq-section{gap:35px}}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:grid}.nav-actions{gap:14px}.nav-wrap{height:72px}.container{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:12px;padding:46px 0 25px;min-height:auto}.hero-copy{max-width:550px}.hero h1{font-size:52px}.hero-description{font-size:16px}.hero-art{width:min(540px,100%);justify-self:center}.hero-art img{margin:0}.eyebrow{margin-bottom:20px}.hero-actions{margin-top:26px}.capability-strip{grid-template-columns:repeat(2,1fr);row-gap:24px;padding-block:25px}.capability-strip a{font-size:13px}.capability-strip a:nth-child(3){border-left:0}.section{padding-block:65px}.section-heading h2,h2{font-size:31px}.section-heading{margin-bottom:26px}.section-heading>p{font-size:14px}.scenario-tabs{margin-bottom:24px}.scenario-tabs button{font-size:15px;padding-bottom:15px}.scenario-panel{grid-template-columns:1fr;gap:28px;min-height:auto}.scenario-copy h3{font-size:27px}.scenario-copy>p{max-width:none;min-height:55px}.scenario-photo{height:300px}.product-grid{grid-template-columns:repeat(2,1fr);row-gap:42px;margin-top:35px}.product-feature p{min-height:78px}.api-panel{grid-template-columns:1fr;padding:36px 28px;gap:38px}.api-visual{gap:25px}.api-mark{width:180px}.api-path{gap:9px}.api-path>span{padding:8px 10px}.steps{gap:22px}.step-number{font-size:38px}.steps h3{font-size:17px}.steps p{font-size:13px}.steps p br{display:none}.faq-section{grid-template-columns:1fr;gap:10px}.faq-section h2{font-size:28px}.final-cta{padding:35px 28px;gap:15px}.final-cta h2{font-size:27px}.cta-symbol{width:110px;margin:0}.footer-main{align-items:flex-start;gap:28px}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.footer-main img{width:145px}}
@media(max-width:430px){.nav-actions .login{display:none}.nav-actions{gap:8px}.brand img{width:137px}.button.small{font-size:12px;padding:10px 12px;gap:10px;min-height:38px}.hero h1{font-size:47px}.hero-actions{gap:25px}.hero-art{margin-block:12px}.scenario-photo{height:240px}.scenario-copy>p{min-height:85px}.product-grid{column-gap:23px}.product-feature h3{font-size:18px}.product-feature p{min-height:104px}.product-feature .text-link{font-size:12px;gap:6px}.steps{grid-template-columns:1fr;gap:26px}.steps li{display:grid;grid-template-columns:52px 1fr;padding:0;gap:3px 16px}.step-number{grid-row:1/3;margin:4px 0 0}.steps li:not(:last-child)::after{display:none}.steps h3{margin:0}.steps p{grid-column:2}.cta-symbol{display:none}.footer-main{flex-direction:column}.footer nav{display:flex;gap:20px}.api-path{gap:6px;font-size:11px}.api-path>span{padding:8px}.api-path>img{width:14px}}

.desktop-nav a { position: relative; padding-block: 10px; }
.desktop-nav a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px; background: var(--green); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.desktop-nav a[aria-current="location"] { color: var(--ink); }
.desktop-nav a[aria-current="location"]::after, .desktop-nav a:hover::after { transform: scaleX(1); }
.mobile-nav a[aria-current="location"] { color: #427932; font-weight: 600; }
.mobile-nav:not([hidden]) { animation: enter .2s ease both; }
.button img, .capability-strip img { transition: transform .25s ease; }
.hero-art img { transition: transform .8s cubic-bezier(.22,1,.36,1); }
.scenario-photo img { transition: transform .8s cubic-bezier(.22,1,.36,1); }
.feature-icon { transition: background .25s, transform .3s; }
.api-mark { transition: transform .6s cubic-bezier(.22,1,.36,1); }
.faq-list summary { transition: color .2s; }
.faq-list summary:hover { color: #427932; }
.faq-list details[open] p { animation: enter .25s ease both; }
.faq-list details[open] summary { padding-bottom: 16px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .button:hover img { transform: translate(2px,-2px); }
  .hero-art:hover img { transform: translateY(-7px) rotate(-1deg); }
  .capability-strip a:hover img { transform: translateY(-3px); }
  .scenario-photo:hover img { transform: scale(1.025); }
  .product-feature:hover .feature-icon { transform: translateY(-3px); background: #deecd5; }
  .api-panel:hover .api-mark { transform: translateY(-5px) rotate(0deg); }
}
@media (max-width:800px) { .menu-toggle { width:44px; height:44px; } .button.small { min-height:44px; } }

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}}

.language-switch { position: relative; flex: none; }
#language-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 52px; min-height: 44px; padding: 8px; border-radius: 8px; }
#language-toggle:hover, #language-toggle[aria-expanded="true"] { background: var(--surface); }
.language-flag { width: 27px; height: 18px; border-radius: 4px; flex: none; border: 1px solid var(--line); }
#language-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 190px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
#language-menu[hidden] { display: none; }
#language-menu button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px; border-radius: 7px; text-align: left; font-size: 14px; white-space: nowrap; }
#language-menu button:hover, #language-menu button:focus-visible { background: var(--surface); }
#language-menu button[aria-pressed="true"] { color: #427932; background: var(--soft-green); }
.language-check { margin-left: auto; visibility: hidden; flex: none; }
#language-menu button[aria-pressed="true"] .language-check { visibility: visible; }
.product-grid > *, .hero > *, .api-panel > *, .scenario-panel > * { min-width: 0; }
.api-path { flex-wrap: wrap; justify-content: center; }
@media (max-width: 1200px) and (min-width: 801px) { .nav-wrap, .nav-actions { gap: 14px; } .desktop-nav { gap: 18px; } }
@media (max-width: 1000px) { .desktop-nav { display: none; } .menu-toggle { display: grid; } }
@media (max-width: 430px) { #language-toggle { min-width: 46px; padding-inline: 5px; gap: 5px; } .nav-wrap { gap: 10px; } .brand img { width: 118px; } }
@media (max-width: 360px) { .nav-actions .button.small { display: none; } }