:root{--green:#0f9d58;--deep:#073b27;--ink:#12231a;--muted:#647168;--paper:#f5f7f4;--line:#e0e6e1;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;z-index:999;top:12px;left:12px;padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.header{position:fixed;z-index:100;top:0;left:0;width:100%;border-bottom:1px solid transparent;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);transition:border-color .2s ease}
.header.scrolled{border-color:var(--line)}
.nav{display:flex;height:76px;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:720;letter-spacing:-.04em}
.brand img{width:40px;height:40px}
.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:42px}
.nav-links a{color:#4f5d55;font-size:14px;transition:color .2s ease}
.nav-links a:hover{color:var(--green)}
.nav-download{padding:11px 18px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;font-weight:650}
.menu-button,.mobile-menu{display:none}

.hero{padding:148px 0 0;background:linear-gradient(180deg,#fff 0%,#f7faf7 100%)}
.hero-layout{display:grid;min-height:650px;align-items:center;grid-template-columns:.85fr 1.15fr;gap:72px}
.overline,.section-label{margin:0 0 20px;color:var(--green);font-size:11px;font-weight:750;letter-spacing:.15em}
.overline{display:flex;align-items:center;gap:9px}
.overline span{width:6px;height:6px;border-radius:50%;background:var(--green)}
.hero h1,.intro h2,.feature-copy h2,.community h2,.download h2{margin:0;font-weight:720;letter-spacing:-.065em;line-height:1.08}
.hero h1{font-size:clamp(58px,5.4vw,78px)}
.hero-text{margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.9}
.hero-actions{display:flex;gap:12px;margin-top:38px}
.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:650;transition:transform .2s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{gap:12px;background:var(--ink);color:#fff}
.button-dark svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.button-light{border-color:var(--line);background:#fff}
.product-visual{position:relative;height:650px;overflow:hidden;border-radius:30px}
.hero-product{height:610px;background:#dff3e7}
.product-visual::before{position:absolute;top:-180px;left:50%;width:620px;height:620px;border:1px solid rgba(15,157,88,.14);border-radius:50%;content:"";transform:translateX(-50%)}
.product-visual img{position:absolute;right:50%;bottom:-125px;width:600px;max-width:none;filter:drop-shadow(0 28px 42px rgba(8,48,32,.18));transform:translateX(50%)}
.hero-product img{bottom:-120px;width:620px}
.hero-meta{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line)}
.hero-meta p,.hero-meta ul{margin:0}
.hero-meta p{color:var(--muted);font-size:13px}
.hero-meta ul{display:flex;gap:30px;padding:0;list-style:none}
.hero-meta li{position:relative;padding-left:13px;color:#526158;font-size:12px}
.hero-meta li::before{position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;background:var(--green);content:""}

.section{padding:130px 0}
.intro-inner{max-width:840px;text-align:center}
.intro h2,.feature-copy h2,.community h2,.download h2{font-size:clamp(44px,4.7vw,64px)}
.section-lead{max-width:650px;margin:28px auto 0;color:var(--muted);font-size:16px;line-height:1.9}
.features{padding-top:20px}
.feature-row{display:grid;align-items:center;grid-template-columns:1.08fr .92fr;gap:90px;padding:82px 0;border-top:1px solid var(--line)}
.feature-row.reverse{grid-template-columns:.92fr 1.08fr}
.feature-row.reverse .product-visual{order:2}
.feature-row.reverse .feature-copy{order:1}
.mint{background:#e7f5ed}
.ink{background:var(--deep)}
.feature-copy{position:relative;max-width:450px}
.feature-number{display:block;margin-bottom:72px;color:#9aa49e;font-size:12px;font-weight:650}
.feature-copy>p:not(.section-label){margin:24px 0 0;color:var(--muted);font-size:15px;line-height:1.9}
.feature-points{margin:38px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}
.feature-points li{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);color:#3f4f46;font-size:13px}
.feature-points span{color:var(--green);font-size:10px;font-weight:700}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:42px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:650}

.community{background:var(--paper)}
.community-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:68px}
.community-heading .section-label{align-self:flex-start}
.value-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced6d0}
.value-list article{min-height:285px;padding:34px 34px 20px 0;border-right:1px solid #ced6d0}
.value-list article+article{padding-left:34px}
.value-list article:last-child{border-right:0}
.value-list span{color:var(--green);font-size:11px;font-weight:700}
.value-list h3{margin:74px 0 14px;font-size:28px;font-weight:680;letter-spacing:-.04em}
.value-list p{max-width:290px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}

.download{padding-bottom:70px}
.download-panel{display:flex;min-height:430px;align-items:center;justify-content:space-between;gap:50px;padding:70px;border-radius:32px;background:var(--deep);color:#fff}
.download-copy .section-label{color:#62d89d}
.download-copy>p:last-child{margin:22px 0 0;color:rgba(255,255,255,.58);font-size:14px}
.download-options{display:flex;align-items:center;gap:14px}
.qr{padding:12px;border-radius:14px;background:#fff;color:#69746d;text-align:center}
.qr img{width:108px;height:108px;border-radius:6px}
.qr span{display:block;margin-top:7px;font-size:9px}
.stores{display:flex;width:178px;flex-direction:column;gap:10px}
.stores a,.stores img{width:178px}
.stores a{overflow:hidden;border-radius:9px}

.footer{padding:38px 0 28px}
.footer-main{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:48px}
.footer-main>div>p{margin:14px 0 0;color:#89938d;font-size:12px}
.footer-main nav{display:flex;gap:28px;padding-top:13px}
.footer-main nav a{color:#5c6861;font-size:12px}
.footer-legal{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);color:#9aa39e;font-size:10px}

@media(max-width:920px){
  .nav-links,.nav-download{display:none}
  .menu-button{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:var(--ink)}
  .menu-button span{width:17px;height:1.5px;background:#fff;transition:transform .2s ease}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .mobile-menu{position:absolute;top:76px;right:16px;left:16px;display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(16,35,26,.12);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
  .mobile-menu.open{opacity:1;pointer-events:auto;transform:none}
  .mobile-menu a{padding:13px;border-radius:9px;font-size:14px}
  .mobile-menu a:last-child{background:var(--ink);color:#fff}
  .hero-layout{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:650px}.hero-product{height:620px}
  .feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:55px}
  .feature-row.reverse .product-visual,.feature-row.reverse .feature-copy{order:initial}
  .feature-copy{max-width:620px}.feature-number{margin-bottom:40px}
  .download-panel{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
  .container{width:calc(100% - 28px)}
  .nav{height:68px}.brand{font-size:20px}.brand img{width:36px;height:36px}.mobile-menu{top:68px}
  .hero{padding-top:112px}.hero-layout{min-height:auto;gap:48px}.hero h1{font-size:48px}.hero-text{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}
  .hero-product{height:440px;border-radius:24px}.hero-product img{bottom:-82px;width:450px}
  .hero-meta{display:block;margin-top:28px}.hero-meta ul{gap:18px;margin-top:16px}
  .section{padding:88px 0}.intro h2,.feature-copy h2,.community h2,.download h2{font-size:41px}.section-lead{font-size:14px}
  .features{padding-top:10px}.feature-row{gap:42px;padding:62px 0}.product-visual{height:460px;border-radius:24px}.product-visual img{bottom:-82px;width:455px}
  .community-heading{display:block;padding-bottom:46px}.value-list{display:block}
  .value-list article,.value-list article+article{min-height:0;padding:26px 0 30px;border-right:0;border-bottom:1px solid #ced6d0}.value-list article:last-child{border-bottom:0}.value-list h3{margin:28px 0 10px}
  .download{padding-bottom:38px}.download-panel{min-height:0;gap:40px;padding:42px 24px;border-radius:24px}.download-options{width:100%;align-items:stretch}.qr img{width:93px;height:93px}.stores,.stores a,.stores img{width:158px}
  .footer-main{display:block}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;margin-top:34px}.footer-legal{align-items:flex-start;flex-direction:column;gap:8px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}