:root{color-scheme:light;--green: #16c784;--green-deep: #11a86e;--green-soft: #e7f8f0;--ink: #242a39;--text: rgba(36, 42, 57, .82);--muted: #7c858f;--line: #eef0f2;--paper: #fbfaf7;--soft: #f6f7f9;--amber: #d7a84e;--radius: 14px;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--serif: "Songti SC", "Noto Serif SC", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font:400 16px / 1.45 var(--sans);-webkit-font-smoothing:antialiased}body.lightbox-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}.navbar{position:fixed;z-index:1030;top:0;right:0;left:0;height:112px;display:flex;align-items:center;padding:34px 80px;background:transparent;color:var(--text);font-weight:800;transition:height .2s ease,padding .2s ease,background-color .2s ease,box-shadow .2s ease}.navbar.top-nav-collapse,.navbar.open{height:60px;padding:8px 80px;background:#fffffff5;box-shadow:0 1px 6px #0000001a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:140px;color:var(--green-deep);text-decoration:none;font-size:24px;letter-spacing:0}.brand img{width:38px;height:38px;border-radius:10px}.nav-links{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-link{padding:4px 12px;color:var(--text);text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--green)}.nav-toggle{display:none;width:44px;height:44px;margin-left:auto;border:0;background:transparent;color:var(--ink)}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;border-radius:2px;background:currentColor}.hero{min-height:938px;overflow:hidden;background:linear-gradient(90deg,#ffffffeb,#ffffffc7 45%,#e7f8f0e6),radial-gradient(circle at 80% 16%,#16c7842e,#16c78400 30%),var(--paper)}.hero-inner{width:min(1140px,calc(100% - 40px));min-height:938px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);align-items:center;gap:48px;padding-top:96px}.eyebrow{margin:0 0 22px;color:var(--green-deep);font-weight:900;letter-spacing:0}.hero h1{margin:0 0 24px;color:var(--ink);font:900 54px / 1.18 var(--sans);letter-spacing:0}.hero h1 span{color:var(--green);white-space:nowrap}.fade-in{animation:fadeIn .8s ease both}.hero-description{max-width:520px;margin:0 0 34px;font-size:20px;line-height:1.7;color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:14px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:2px solid var(--ink);border-radius:999px;font-weight:900;text-decoration:none;transition:transform .2s ease,color .2s ease,background-color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{color:var(--green);background:transparent;border-color:var(--green)}.button-outline{color:var(--ink);background:#fff}.button-green{color:#fff;background:var(--green);border-color:var(--green)}.button-green:hover{color:var(--green);background:transparent}.hero-visual{position:relative;height:640px}.phone{position:absolute;width:254px;border-radius:28px;box-shadow:0 24px 60px #242a3933}.phone-main{z-index:3;top:78px;left:40%;transform:translate(-50%) rotate(-8deg)}.phone-left{z-index:2;top:172px;left:8%;opacity:.96;transform:rotate(-20deg) scale(.88)}.phone-right{z-index:1;top:118px;right:2%;opacity:.95;transform:rotate(14deg) scale(.92)}.section-heading{width:min(760px,calc(100% - 40px));margin:0 auto 62px;text-align:center}.section-heading h2,.detail-copy h2,.download h2{margin:0 0 18px;color:var(--ink);font:900 44px / 1.1 var(--sans);letter-spacing:0}.section-heading p,.detail-copy p,.download-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}.features{padding:72px 0 104px;background:#fff}.feature-grid{width:min(1140px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:1fr 350px 1fr;gap:36px;align-items:center}.feature-column{display:grid;gap:32px}.feature-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start}.feature-card.left{grid-template-columns:minmax(0,1fr) 72px;text-align:right}.feature-card.left .feature-icon{grid-column:2;grid-row:1}.feature-card h3{margin:0 0 8px;color:var(--ink);font-size:20px;line-height:1.28}.feature-card p{margin:0;color:var(--muted);line-height:1.65}.feature-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#16c7841a}.feature-icon svg{width:34px;height:34px;fill:none;stroke:var(--green);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.feature-phone{display:flex;justify-content:center}.feature-phone img{width:274px;border-radius:30px;box-shadow:0 22px 46px #242a392e}.detail{width:min(1140px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;padding:96px 0;background:#fff}.detail.reverse .detail-media{order:2}.detail-media{display:flex;justify-content:center}.detail-media img{width:min(430px,100%);max-height:560px;object-fit:contain;background:transparent;filter:drop-shadow(0 24px 42px rgba(36,42,57,.14))}.detail-copy{max-width:470px}.detail-copy .button{margin-top:34px}.preview{position:relative;padding:110px 0;background:#fafbfc}.slider-window{width:min(1100px,calc(100% - 120px));margin:0 auto;overflow:hidden}.slider-track{display:flex;gap:30px;transition:transform .3s ease}.preview-card{flex:0 0 190px;border:0;padding:0;background:transparent;cursor:pointer;color:var(--ink);font:inherit}.preview-card img{width:190px;height:412px;object-fit:cover;object-position:top;border-radius:22px;box-shadow:0 16px 34px #242a3929;transition:transform .2s ease}.preview-card:hover img{transform:translateY(-6px)}.preview-card span{display:block;margin-top:14px;font-size:14px;font-weight:900}.slider-button{position:absolute;top:50%;width:44px;height:64px;border:0;background:transparent;cursor:pointer}.slider-button:before{content:"";display:block;width:22px;height:22px;border-top:3px solid var(--ink);border-left:3px solid var(--ink)}.slider-prev{left:calc((100% - min(1100px,calc(100% - 120px)))/2 - 54px)}.slider-prev:before{transform:rotate(-45deg)}.slider-next{right:calc((100% - min(1100px,calc(100% - 120px)))/2 - 54px)}.slider-next:before{transform:rotate(135deg)}.slider-button.disabled{opacity:.35}.download{min-height:829px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);align-items:center;gap:60px;padding:108px max(40px,calc((100vw - 1140px)/2));overflow:hidden;background:linear-gradient(90deg,#fffffff5,#ffffffd1),radial-gradient(circle at 10% 90%,#16c78424,#16c78400 28%),var(--paper)}.download h2 span{color:var(--green)}.download-copy{max-width:500px}.download-copy .button-row{margin-top:42px}.download-visual{position:relative;min-height:540px}.download-visual img{position:absolute;width:235px;border-radius:26px;box-shadow:0 22px 50px #242a392e}.download-desktop{top:30px;right:180px;transform:rotate(-2deg) scale(1.04)}.download-phone-a{top:110px;left:20px;transform:rotate(-8deg) scale(.94)}.download-phone-b{top:120px;right:0;transform:rotate(7deg) scale(.92)}.footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding:80px max(40px,calc((100vw - 1140px)/2)) 54px;color:#fff;background:var(--ink)}.footer h2{margin:0 0 18px;color:#fff;font-size:22px;line-height:1.3}.footer p,.footer a{display:block;margin:0 0 8px;color:#ffffffc7;line-height:1.7;text-decoration:none}.footer a:hover{color:var(--green)}.copyright{padding:16px 24px 24px;color:#ffffff8c;text-align:center;background:var(--ink);font-size:13px}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:999;width:42px;height:42px;border-radius:50%;background:var(--green);opacity:0;pointer-events:none;transition:opacity .5s ease}.back-to-top:before{content:"";position:absolute;top:17px;left:14px;width:13px;height:13px;border-top:3px solid #fff;border-left:3px solid #fff;transform:rotate(45deg)}.back-to-top.visible{opacity:1;pointer-events:auto}.lightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:32px;background:#0a0e14d1}.lightbox.visible{display:flex}.lightbox figure{margin:0;text-align:center}.lightbox img{max-width:min(390px,86vw);max-height:82vh;object-fit:contain;border-radius:28px;box-shadow:0 24px 80px #00000057}.lightbox figcaption{margin-top:14px;color:#fff;font-weight:800}.lightbox-close{position:absolute;top:20px;right:22px;width:48px;height:48px;border:0;border-radius:50%;color:#fff;background:#ffffff24;font-size:32px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.navbar,.navbar.top-nav-collapse,.navbar.open{padding-right:32px;padding-left:32px}.hero-inner{grid-template-columns:1fr;min-height:900px;padding-top:128px}.hero-visual{height:470px}.phone{width:210px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.left{grid-template-columns:72px minmax(0,1fr);text-align:left}.feature-card.left .feature-icon{grid-column:auto}.detail,.download{grid-template-columns:1fr;gap:44px}.detail.reverse .detail-media{order:0}.detail-copy,.download-copy{max-width:none}.footer{grid-template-columns:1fr;gap:34px}}@media(max-width:720px){.navbar{height:74px;padding:14px 20px;background:#fffffff5;box-shadow:0 1px 6px #00000014}.navbar.top-nav-collapse,.navbar.open{height:74px;padding:14px 20px}.brand{font-size:21px}.nav-toggle{display:block}.nav-links{position:absolute;top:74px;right:16px;display:none;min-width:160px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 18px 40px #242a3924}.navbar.open .nav-links{display:grid}.nav-link{padding:10px 12px}.hero{min-height:850px}.hero-inner{width:calc(100% - 34px);min-height:850px;gap:24px;padding-top:112px}.hero h1{font-size:38px}.hero-description{font-size:17px}.button{min-height:44px;padding:0 18px}.hero-visual{height:340px}.phone{width:158px;border-radius:20px}.phone-main{left:44%;top:42px}.phone-left{left:0;top:105px}.phone-right{right:0;top:80px}.section-heading h2,.detail-copy h2,.download h2{font-size:30px}.features{padding:64px 0}.feature-grid,.detail,.section-heading{width:calc(100% - 34px)}.feature-card,.feature-card.left{grid-template-columns:56px minmax(0,1fr);gap:14px}.feature-icon{width:56px;height:56px}.feature-icon svg{width:28px;height:28px}.detail{padding:62px 0}.detail-media img{width:min(310px,100%)}.preview{padding:70px 0}.slider-window{width:calc(100% - 84px)}.slider-track{gap:16px}.preview-card{flex-basis:178px}.preview-card img{width:178px;height:386px}.slider-prev{left:6px}.slider-next{right:6px}.download{min-height:760px;padding:78px 20px}.download-visual{min-height:360px}.download-visual img{width:160px;border-radius:20px}.download-desktop{right:36%}.download-phone-a{left:0}.download-phone-b{right:0}.footer{padding:58px 20px 36px}}