:root{--ink:#10120f;--paper:#f4f3ed;--white:#fffef9;--muted:#64675f;--line:rgba(16,18,15,.14);--acid:#dfff57;--blue:#65a8ff;--orange:#ff7648;--shadow:0 26px 80px rgba(16,18,15,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{position:fixed;inset:0 0 auto;z-index:30;transition:.3s}.topbar.scrolled{background:rgba(244,243,237,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:900;letter-spacing:-.03em}.brand img{width:38px;height:38px;border-radius:11px;box-shadow:0 7px 20px rgba(16,18,15,.15)}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.nav-links a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{padding:11px 18px;color:var(--paper);background:var(--ink);border-radius:999px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);cursor:pointer}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:3px;background:currentColor}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;font-weight:850;transition:.2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(16,18,15,.14)}.button-dark{color:var(--white);background:var(--ink)}.button-light{background:rgba(255,254,249,.55)}
.landing-hero{min-height:88svh;padding:148px 0 90px;display:flex;align-items:center;position:relative}.landing-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:62px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,254,249,.65);font-size:13px;font-weight:800}.pill i{width:8px;height:8px;border-radius:50%;background:#61b649;box-shadow:0 0 0 5px rgba(97,182,73,.14)}.landing-hero h1{margin:24px 0 0;font-size:clamp(55px,7.6vw,96px);line-height:.9;letter-spacing:-.07em}.mark{position:relative;display:inline-block;z-index:0}.mark:after{content:"";position:absolute;z-index:-1;left:-2%;right:-5%;bottom:4%;height:26%;background:var(--acid);transform:rotate(-2deg)}.lead{margin:28px 0 0;max-width:580px;color:var(--muted);font-size:18px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.minor{margin-top:14px;color:#777a72;font-size:12px}.minor a{text-decoration:underline;text-underline-offset:3px}.visual{position:relative;padding:42px 0 0 38px}.visual:before{content:"";position:absolute;inset:0 8% 9% 0;border-radius:40px;background:var(--blue);transform:rotate(-4deg)}.window{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow);transform:rotate(1.5deg)}.window-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line)}.window-top i{width:9px;height:9px;border-radius:50%;background:#d5d4cd}.window-top i:first-child{background:var(--orange)}.window-top span{margin-left:7px;color:#777;font-size:11px;font-weight:800}.window img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}.float-demo{position:absolute;right:-25px;bottom:10%;z-index:2;width:200px;padding:19px;color:var(--white);background:var(--ink);border-radius:20px;box-shadow:0 20px 45px rgba(16,18,15,.28);transform:rotate(-3deg)}.float-demo small{color:#a9aca4}.float-demo strong{display:block;margin:9px 0 15px;font-size:27px}.float-demo b{display:block;padding:9px;color:var(--ink);background:var(--acid);border-radius:10px;font-size:12px;text-align:center}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--acid)}.marquee div{width:max-content;padding:17px 0;font-size:14px;font-weight:900;letter-spacing:.08em;animation:move 25s linear infinite}@keyframes move{to{transform:translateX(-50%)}}
.content-section{padding:120px 0}.section-title{margin:16px 0 0;font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:-.055em}.section-copy{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.85}.journey{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,254,249,.45)}.journey article{padding:29px 24px;min-height:280px;border-right:1px solid var(--line)}.journey article:last-child{border:0}.journey em{font-style:normal;font-size:12px;font-weight:900}.journey .icon{width:50px;height:50px;display:grid;place-items:center;margin:46px 0 25px;border-radius:16px;background:var(--ink);color:var(--acid);font-size:22px}.journey article:nth-child(2) .icon{color:var(--ink);background:var(--blue)}.journey article:nth-child(3) .icon{color:var(--ink);background:var(--orange)}.journey article:nth-child(4) .icon{color:var(--ink);background:var(--acid)}.journey h3{margin:0 0 10px;font-size:20px}.journey p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.dark-section{padding:120px 0;color:var(--paper);background:var(--ink)}.dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.dark-section .eyebrow,.dark-section .section-copy{color:#aeb1a9}.feature-list{border-top:1px solid rgba(255,255,255,.16)}.feature{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.16)}.feature em{color:var(--acid);font:800 12px ui-monospace,monospace}.feature h3{margin:-4px 0 7px;font-size:23px}.feature p{margin:0;color:#aeb1a9;font-size:14px;line-height:1.75}.free-band{padding:80px 0;background:var(--blue);border-block:1px solid var(--ink)}.free-band h2{margin:0;font-size:clamp(46px,7vw,88px);line-height:.92;letter-spacing:-.06em}.free-band p{margin:22px 0 0;font-size:18px}.preview{padding:110px 0}.preview img{margin-top:50px;width:100%;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}footer{padding:32px 0;color:#babdb5;background:var(--ink);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:24px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a:hover{color:var(--acid)}
.page-hero{padding:150px 0 72px}.page-hero h1{margin:18px 0 0;font-size:clamp(54px,8vw,92px);line-height:.92;letter-spacing:-.07em}.page-hero p{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.8}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:110px}.help-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--white);display:flex;flex-direction:column;transition:.25s}.help-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.help-card .num{font:800 12px ui-monospace,monospace}.help-card .emoji{margin:auto 0 24px;font-size:36px}.help-card h2{margin:0 0 8px;font-size:21px}.help-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.help-card:nth-child(2){background:var(--blue)}.help-card:nth-child(3){background:var(--acid)}.help-card:nth-child(2) p,.help-card:nth-child(3) p{color:#35404a}.support{padding:70px 0;background:var(--ink);color:var(--paper)}.support-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.support h2{margin:0;font-size:34px}.support p{margin:10px 0 0;color:#aeb1a9}.support .button{border-color:var(--acid);color:var(--ink);background:var(--acid)}
.error-page{min-height:100svh;display:grid;place-items:center;padding:40px;position:relative;overflow:hidden}.error-page:after{content:"404";position:absolute;z-index:-1;font-size:min(45vw,600px);font-weight:950;letter-spacing:-.12em;color:rgba(101,168,255,.22)}.error-box{max-width:720px;text-align:center}.error-badge{display:inline-block;padding:8px 13px;border:1px solid var(--ink);border-radius:999px;background:var(--acid);font-size:12px;font-weight:900;transform:rotate(-3deg)}.error-box h1{margin:24px 0 0;font-size:clamp(52px,9vw,94px);line-height:.92;letter-spacing:-.07em}.error-box p{margin:24px auto 32px;max-width:520px;color:var(--muted);font-size:17px;line-height:1.8}
.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{position:fixed;inset:68px 20px auto;display:none;padding:20px;flex-direction:column;align-items:stretch;gap:7px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-cta{text-align:center}.menu-toggle{display:grid;place-items:center}.landing-grid,.dark-grid{grid-template-columns:1fr}.landing-hero{padding-top:125px}.visual{max-width:700px}.journey{grid-template-columns:1fr 1fr}.journey article:nth-child(2){border-right:0}.journey article:nth-child(-n+2){border-bottom:1px solid var(--line)}.help-grid{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav{height:68px}.brand{font-size:15px}.landing-hero h1{font-size:clamp(53px,17vw,75px)}.actions,.actions .button{width:100%}.visual{padding:28px 5px 35px 18px}.float-demo{right:0;bottom:-40px;width:170px;padding:15px}.journey,.help-grid{grid-template-columns:1fr}.journey article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:0}.journey article:last-child{border-bottom:0!important}.journey .icon{margin:30px 0 20px}.content-section,.dark-section,.preview{padding:85px 0}.footer-inner{flex-direction:column}.error-page{padding:25px}.page-hero{padding-top:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
body.menu-open{overflow:hidden}body.menu-open:after{content:"";position:fixed;inset:0;z-index:25;background:rgba(16,18,15,.3);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}html:lang(zh-CN) .page-hero h1,html:lang(zh-CN) .error-box h1{line-height:1.03;letter-spacing:-.018em}
.closing-cta{padding:105px 0;background:var(--blue);border-top:1px solid var(--ink)}.closing-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.closing-cta h2{max-width:850px;margin:0;font-size:clamp(46px,7.5vw,88px);line-height:.96;letter-spacing:-.045em}.closing-cta p{margin:22px 0 0;font-size:17px}.expand-action{width:92px;height:92px;display:flex;align-items:center;justify-content:center;gap:0;justify-self:end;overflow:hidden;border:1px solid var(--ink);border-radius:46px;color:var(--white);background:var(--ink);white-space:nowrap;transition:width .42s cubic-bezier(.2,.85,.25,1),border-radius .42s ease,transform .25s ease,gap .3s ease}.expand-action i{flex:0 0 auto;font-size:25px}.expand-action span{max-width:0;overflow:hidden;opacity:0;font-size:15px;font-weight:850;transform:translateX(10px);transition:max-width .4s cubic-bezier(.2,.85,.25,1),opacity .2s ease .08s,transform .35s ease}.expand-action:hover,.expand-action:focus-visible{width:238px;gap:13px;border-radius:28px;transform:translateY(-3px)}.expand-action:hover span,.expand-action:focus-visible span{max-width:155px;opacity:1;transform:none}.expand-action:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.expand-action.compact{width:54px;height:54px;border-radius:27px}.expand-action.compact:hover,.expand-action.compact:focus-visible{width:190px;border-radius:18px}.expand-action.compact i{font-size:18px}
@media(max-width:620px){.closing-cta{padding:80px 0}.closing-cta-inner{grid-template-columns:1fr}.closing-cta h2{line-height:1.04;letter-spacing:-.02em}.expand-action{justify-self:start}}@media(hover:none){.expand-action,.expand-action.compact{width:auto;min-width:210px;padding:0 24px;gap:12px;border-radius:28px}.expand-action span{max-width:170px;opacity:1;transform:none}}