:root{--vine-50: #EEF7F1;--vine-100: #D5EDDD;--vine-200: #ADDCBE;--vine-300: #7FC89C;--vine-400: #52B078;--vine-500: #2E9E5B;--vine-600: #25834C;--vine-700: #1E6A3D;--vine-800: #185431;--vine-900: #14532D;--vine-950: #0C3A1F;--leaf: #7FD08C;--leaf-soft: #EAF7ED;--ladybug: #E63946;--amber: #F59E0B;--paper: #FAF9F5;--paper-2: #F4F2EA;--ink-900: #1C2B20;--ink-700: #37473C;--ink-500: #5E6E62;--ink-400: #7A887E;--line: #E6E4DA;--success: #22A55E;--warning: #D97706;--info: #2563EB;--font-cn: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Microsoft YaHei", "Noto Sans SC", "WenQuanYi Micro Hei", sans-serif;--font-latin: "Segoe UI", "Inter", "SF Pro Text", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base:1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-hero: clamp(2.5rem, 6vw, 3.75rem);--lh-tight: 1.15;--lh-heading:1.25;--lh-body: 1.65;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(20, 45, 30, .06);--shadow-md: 0 4px 14px -2px rgba(20, 45, 30, .1), 0 2px 4px -2px rgba(20, 45, 30, .06);--shadow-lg: 0 18px 40px -12px rgba(20, 45, 30, .18), 0 6px 12px -6px rgba(20, 45, 30, .08);--shadow-vine: 0 10px 30px -8px rgba(46, 158, 91, .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .15s;--t-med: .26s;--t-slow: .45s;--container: 1120px;--nav-h: 68px}html[data-theme=dark]{--paper: #0F1B12;--paper-2: #142119;--ink-900: #E8F0EA;--ink-700: #C3D2C8;--ink-500: #93A69B;--ink-400: #74867B;--line: #22332A;--vine-500: #3FBE73;--vine-400: #52C881;--leaf-soft: #16281D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 40px -12px rgba(0, 0, 0, .6), 0 6px 12px -6px rgba(0, 0, 0, .4)}html[data-theme=dark] .paper-card{border-color:var(--line)}@media(prefers-color-scheme:dark){html:not([data-theme]){--paper: #0F1B12;--paper-2: #142119;--ink-900: #E8F0EA;--ink-700: #C3D2C8;--ink-500: #93A69B;--ink-400: #74867B;--line: #22332A;--vine-500: #3FBE73;--vine-400: #52C881;--leaf-soft: #16281D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 40px -12px rgba(0, 0, 0, .6), 0 6px 12px -6px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);-webkit-text-size-adjust:100%}body{font-family:var(--font-cn);font-size:var(--text-base);line-height:var(--lh-body);color:var(--ink-700);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out);overflow-x:hidden}img,svg,video{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--vine-600);text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-cn);color:var(--ink-900);line-height:var(--lh-heading);font-weight:700;letter-spacing:-.01em}p{max-width:68ch}::selection{background:var(--vine-200);color:var(--vine-950)}:focus-visible{outline:3px solid var(--vine-400);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:200;padding:var(--sp-3) var(--sp-5);background:var(--vine-900);color:#fff;border-radius:var(--r-full);transition:top var(--t-med) var(--ease-out)}.skip-link:focus{top:var(--sp-4)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.section{padding-block:var(--sp-20);position:relative}.section-tight{padding-block:var(--sp-16)}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--vine-600);padding:var(--sp-1) var(--sp-3);background:var(--leaf-soft);border:1px solid var(--vine-100);border-radius:var(--r-full);letter-spacing:.04em}html[data-theme=dark] .eyebrow,html:not([data-theme]) .eyebrow{border-color:transparent}.section-head{max-width:640px;margin-bottom:var(--sp-12)}.section-head h2{font-size:var(--text-4xl);margin:var(--sp-4) 0 var(--sp-3)}.section-head.center{margin-inline:auto;text-align:center}.section-head.center p{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-8);border-radius:var(--r-full);font-weight:600;font-size:var(--text-base);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-med) var(--ease-out),background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out);will-change:transform}.btn:active{transform:scale(.98)}.btn-primary{background:var(--vine-500);color:#fff;box-shadow:var(--shadow-vine)}.btn-primary:hover{background:var(--vine-600);transform:translateY(-2px);box-shadow:0 16px 36px -8px #2e9e5b80}.btn-ghost{background:transparent;color:var(--ink-900);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--vine-400);background:var(--leaf-soft);transform:translateY(-2px)}.btn .icon{font-size:1.1em;line-height:1}.paper-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-xl);transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out)}.paper-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--vine-200)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;padding:4px 12px;border-radius:var(--r-full);background:var(--leaf-soft);color:var(--vine-700)}.badge-ladybug{background:#e639461a;color:#c22633}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t-med),box-shadow var(--t-med)}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--sp-6)}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:44px}.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--vine-400),var(--vine-600));display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:var(--shadow-vine)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:700;color:var(--ink-900);font-size:var(--text-lg);letter-spacing:.02em}.brand-name em{font-style:normal;color:var(--vine-600);font-family:var(--font-latin)}.brand-sub{font-size:11px;color:var(--ink-400);letter-spacing:.18em}.nav-links{display:flex;align-items:center;gap:var(--sp-6)}.nav-links a{color:var(--ink-700);font-size:var(--text-sm);font-weight:500;position:relative;padding-block:var(--sp-2);transition:color var(--t-fast)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--vine-500);border-radius:2px;transition:width var(--t-med) var(--ease-out)}.nav-links a:hover{color:var(--vine-600)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--sp-3)}.theme-toggle{width:44px;height:44px;border-radius:var(--r-full);display:grid;place-items:center;font-size:17px;border:1px solid var(--line);transition:background var(--t-fast),transform var(--t-fast)}.theme-toggle:hover{background:var(--leaf-soft);transform:rotate(15deg)}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){html:not([data-theme]) .theme-toggle .icon-sun{display:none}html:not([data-theme]) .theme-toggle .icon-moon{display:block}}.nav-cta{display:inline-flex}.menu-toggle{display:none;width:44px;height:44px;border-radius:var(--r-md);font-size:20px}.mobile-menu{display:none;position:fixed;inset:var(--nav-h) 0 0 0;z-index:99;background:var(--paper);padding:var(--sp-8) var(--sp-6);flex-direction:column;gap:var(--sp-2);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med)}.mobile-menu.open{display:flex;opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:var(--sp-4);border-radius:var(--r-md);font-size:var(--text-lg);font-weight:600;color:var(--ink-900)}.mobile-menu a:hover{background:var(--leaf-soft);color:var(--vine-600)}.mobile-menu .btn{margin-top:var(--sp-4)}.hero{padding-block:var(--sp-24) var(--sp-20);overflow:hidden;position:relative}.hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 80% 0%,rgba(127,200,156,.18),transparent 70%),radial-gradient(50% 40% at 10% 90%,rgba(173,220,190,.14),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-16);align-items:center}.hero-copy .eyebrow{margin-bottom:var(--sp-6)}.hero-copy h1{font-size:var(--text-hero);font-weight:800;line-height:var(--lh-tight);margin-bottom:var(--sp-6);letter-spacing:-.02em}.hero-copy h1 .grad{background:linear-gradient(100deg,var(--vine-600),var(--vine-400));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:var(--text-xl);color:var(--ink-500);margin-bottom:var(--sp-10)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-10)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--sp-8);color:var(--ink-500);font-size:var(--text-sm)}.hero-meta .stat{display:flex;flex-direction:column}.hero-meta .stat b{font-size:var(--text-2xl);color:var(--ink-900);font-family:var(--font-latin);font-weight:700}.hero-meta .stat span{letter-spacing:.06em}.hero-stage{position:relative;display:grid;place-items:center}.phone{width:min(320px,82vw);aspect-ratio:9 / 19;border-radius:44px;background:#101c15;padding:12px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14,0 0 90px -20px #2e9e5b73;position:relative}.phone-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;position:relative;background:linear-gradient(180deg,#12251a,#0e1e15 55%,#1a3324);display:flex;flex-direction:column}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:22px;border-radius:12px;background:#0a140e;z-index:3}.phone-ui{padding:40px 16px 16px;display:flex;flex-direction:column;gap:12px;flex:1}.phone-day{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9fd3b4}.phone-day b{color:#dff3e6;font-weight:600}.phone-ring{display:flex;gap:4px;align-items:center;font-size:10px;color:#9fd3b4}.phone-ring .flame{color:var(--amber);animation:flicker 2.2s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.55}}.word-card{flex:1;border-radius:20px;padding:20px 16px;position:relative;background:linear-gradient(160deg,#fdfef9,#f0f6ec);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 18px 36px -14px #00000080;touch-action:none;user-select:none;transition:transform .5s var(--ease-out),opacity .5s var(--ease-out),box-shadow .3s;will-change:transform}.word-card.swiping{transition:none;box-shadow:0 26px 48px -16px #0009}.word-card .wc-word{font-size:34px;font-weight:800;color:#16301f;font-family:var(--font-latin);letter-spacing:-.01em}.word-card .wc-ipa{font-size:13px;color:#4c6b57;font-family:var(--font-latin)}.word-card .wc-cn{font-size:15px;color:#2c4636;margin-top:4px}.word-card .wc-audio{display:flex;gap:8px;margin-top:8px}.word-card .wc-audio span{font-size:10px;color:#4c6b57;background:#e3eee4;padding:3px 8px;border-radius:999px}.word-card .wc-swipe{position:absolute;bottom:12px;font-size:10px;color:#8fa79a}.word-card .wc-tag{position:absolute;top:14px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;opacity:0;transition:opacity .25s,transform .25s var(--ease-out)}.word-card .wc-tag.know{left:14px;background:#2e9e5beb;color:#fff;transform:rotate(-8deg)}.word-card .wc-tag.forgot{right:14px;background:#e63946eb;color:#fff;transform:rotate(8deg)}.word-card.done{transform:translate(0)!important;opacity:.55}.word-card.done .wc-tag{opacity:1}.phone-footer{display:flex;justify-content:center;gap:10px}.phone-footer .fbtn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#1e3327;color:#bfe3cc;font-size:15px;transition:transform var(--t-fast),background var(--t-fast)}.phone-footer .fbtn:hover{background:#2a4636;transform:translateY(-2px)}.vine-wrap{position:absolute;inset:-6% -2%;z-index:-1;pointer-events:none}.vine-path{stroke:var(--vine-500);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:1800;stroke-dashoffset:1800;animation:vineGrow 3.2s var(--ease-out) .4s forwards;opacity:.55}.vine-leaf{opacity:0;animation:leafIn .7s var(--ease-out) forwards}@keyframes vineGrow{to{stroke-dashoffset:0}}@keyframes leafIn{0%{opacity:0;transform:scale(.4) rotate(-18deg)}to{opacity:1;transform:none}}.float-chip{position:absolute;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-full);padding:8px 14px;font-size:var(--text-sm);font-weight:600;color:var(--ink-700);box-shadow:var(--shadow-md);animation:floaty 5s ease-in-out infinite;white-space:nowrap}.float-chip .emoji{margin-right:4px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.story-section{background:linear-gradient(180deg,var(--paper),var(--leaf-soft) 30%,var(--paper) 70%)}.story-rail{position:relative}.story-pin{position:sticky;top:calc(var(--nav-h) + 24px);margin-bottom:var(--sp-24)}.story-stage{border-radius:var(--r-2xl);overflow:hidden;position:relative;min-height:340px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper-2)}.story-stage svg{width:min(560px,90%)}.story-stage svg.story-svg{grid-area:1 / 1;opacity:0;transform:scale(.96);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out);pointer-events:none;visibility:hidden}.story-stage svg.story-svg.is-on{opacity:1;transform:none;visibility:visible}.story-stage svg.story-svg.is-on .anim-sun{animation:sunPulse 3.2s ease-in-out infinite}.story-stage svg.story-svg.is-on .anim-leaf{animation:leafSway 4.2s ease-in-out infinite;transform-box:fill-box}.story-stage svg.story-svg.is-on .anim-drop{animation:dropBob 2.6s ease-in-out infinite}.story-stage svg.story-svg.is-on .anim-flower{animation:flowerBob 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sunPulse{0%,to{opacity:1}50%{opacity:.78}}@keyframes leafSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes dropBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.08)}}@keyframes flowerBob{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.story-stage svg.story-svg.is-on .anim-sun,.story-stage svg.story-svg.is-on .anim-leaf,.story-stage svg.story-svg.is-on .anim-drop,.story-stage svg.story-svg.is-on .anim-flower{animation:none!important}}.story-step-label{position:absolute;top:var(--sp-6);left:var(--sp-6);font-size:var(--text-sm);font-weight:700;color:var(--vine-700);background:var(--leaf-soft);border:1px solid var(--vine-100);padding:6px 14px;border-radius:var(--r-full);letter-spacing:.05em;z-index:2}.story-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.story-step{appearance:none;-webkit-appearance:none;display:block;width:100%;padding:var(--sp-6);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper-2);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-med) var(--ease-out),border-color var(--t-med),box-shadow var(--t-med),background var(--t-med)}.story-step:hover:not(.active){border-color:var(--vine-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.story-step.active{border-color:var(--vine-400);box-shadow:var(--shadow-vine);transform:translateY(-3px)}.story-step:focus-visible{outline:3px solid var(--vine-400);outline-offset:3px}.story-step .ss-num{font-family:var(--font-latin);font-size:var(--text-xs);font-weight:700;color:var(--vine-500);letter-spacing:.12em}.story-step h3{font-size:var(--text-lg);margin:var(--sp-2) 0 var(--sp-2)}.story-step p{font-size:var(--text-sm);color:var(--ink-500)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.feature-card{padding:var(--sp-8);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--vine-400),var(--vine-600));opacity:0;transition:opacity var(--t-med)}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--leaf-soft);color:var(--vine-600);font-size:24px;margin-bottom:var(--sp-5);transition:transform var(--t-med) var(--ease-out)}.feature-card:hover .feature-icon{transform:translateY(-4px) rotate(-6deg) scale(1.06)}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--sp-3)}.feature-card p{font-size:var(--text-sm);color:var(--ink-500)}.feature-tag{margin-top:var(--sp-5)}.garden{background:linear-gradient(180deg,var(--paper),var(--leaf-soft) 55%,var(--paper));overflow:hidden}.garden-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center}.garden-art{position:relative;display:grid;place-items:center}.garden-art svg{width:min(480px,100%)}.garden-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin:var(--sp-8) 0}.garden-stat{text-align:center;padding:var(--sp-5) var(--sp-3);border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--line)}.garden-stat b{display:block;font-size:var(--text-3xl);font-family:var(--font-latin);color:var(--vine-700);font-weight:800}.garden-stat span{font-size:var(--text-xs);color:var(--ink-500);letter-spacing:.05em}.garden-note{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-5);border-radius:var(--r-lg);border:1px dashed var(--vine-300);background:#7fc89c14;font-size:var(--text-sm);color:var(--ink-500)}.garden-note .emoji{font-size:20px}.trust-band{border-block:1px solid var(--line);background:var(--paper-2)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4)}.trust-item{text-align:center;padding:var(--sp-6) var(--sp-3)}.trust-item .t-num{font-size:var(--text-4xl);font-weight:800;color:var(--vine-600);font-family:var(--font-latin);letter-spacing:-.02em}.trust-item .t-label{font-size:var(--text-sm);color:var(--ink-500);margin-top:var(--sp-2)}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-12)}.testimonial{padding:var(--sp-8);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--paper-2);display:flex;flex-direction:column;gap:var(--sp-4)}.testimonial .stars{color:var(--amber);letter-spacing:2px;font-size:var(--text-lg)}.testimonial blockquote{font-size:var(--text-base);color:var(--ink-700);font-style:normal;line-height:var(--lh-body)}.testimonial figcaption{font-size:var(--text-sm);color:var(--ink-400);display:flex;align-items:center;gap:var(--sp-3)}.testimonial .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--vine-400),var(--vine-600));color:#fff;font-weight:700;font-size:var(--text-sm)}.testimonial .beta-tag{margin-left:auto}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}.dl-card{padding:var(--sp-8);text-align:center;display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}.dl-card .dl-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:var(--leaf-soft);color:var(--vine-600);transition:transform var(--t-med) var(--ease-out)}.dl-card:hover .dl-icon{transform:translateY(-4px) scale(1.05)}.dl-card h3{font-size:var(--text-lg)}.dl-card .dl-meta{font-size:var(--text-xs);color:var(--ink-400);display:flex;flex-direction:column;gap:2px}.dl-card .btn{width:100%}.dl-card.recommended{border-color:var(--vine-400);box-shadow:var(--shadow-vine);position:relative}.dl-card.recommended:before{content:"\4e3a\4f60\63a8\8350";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--vine-500);color:#fff;font-size:var(--text-xs);font-weight:700;padding:4px 14px;border-radius:var(--r-full);letter-spacing:.06em;white-space:nowrap}.dl-note{margin-top:var(--sp-8);font-size:var(--text-sm);color:var(--ink-500);text-align:center;width:max-content;max-width:100%;margin-inline:auto;padding-inline:var(--sp-3)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink-900);color:var(--paper);padding:12px 22px;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:300;transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out);display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.faq-list{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-2);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);cursor:pointer;font-weight:600;color:var(--ink-900);font-size:var(--text-base);list-style:none;min-height:52px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--text-xl);font-weight:400;color:var(--vine-500);transition:transform var(--t-med) var(--ease-out);flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item[open] summary{border-bottom:1px solid var(--line)}.faq-item .faq-body{padding:var(--sp-4) var(--sp-6) var(--sp-6);font-size:var(--text-sm);color:var(--ink-500)}.cta-band{text-align:center;padding-block:var(--sp-24);background:linear-gradient(135deg,var(--vine-900),var(--vine-700));border-radius:var(--r-2xl);position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 85% 15%,rgba(127,200,156,.25),transparent 70%)}.cta-band h2{color:#f2faf4;font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--sp-4);position:relative;z-index:1}.cta-band p{color:#f2faf4c7;margin-inline:auto;margin-bottom:var(--sp-8);position:relative;z-index:1}.cta-band .btn{position:relative;z-index:1}.cta-band .btn-primary{background:#fff;color:var(--vine-800);box-shadow:none}.cta-band .btn-primary:hover{background:var(--leaf);color:var(--vine-950)}.cta-band .btn-ghost{border-color:#ffffff59;color:#fff}.cta-band .btn-ghost:hover{background:#ffffff1a;border-color:#fff}.cta-band .cta-actions{display:flex;justify-content:center;gap:var(--sp-4);position:relative;z-index:1;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);padding-block:var(--sp-12) var(--sp-8);margin-top:var(--sp-24)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-10)}.footer-brand p{font-size:var(--text-sm);color:var(--ink-500);margin-top:var(--sp-4)}.footer-col h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--sp-4);letter-spacing:.08em}.footer-col a{display:block;padding-block:var(--sp-2);font-size:var(--text-sm);color:var(--ink-500);transition:color var(--t-fast)}.footer-col a:hover{color:var(--vine-600)}.footer-bottom{border-top:1px solid var(--line);padding-top:var(--sp-6);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--ink-400)}.footer-bottom .legal{display:flex;gap:var(--sp-6)}.footer-bottom .legal a{color:var(--ink-400)}.footer-bottom .legal a:hover{color:var(--vine-600)}#ladybug{position:fixed;z-index:400;pointer-events:none;font-size:30px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));opacity:0;transition:opacity .4s}#ladybug.crawl{opacity:1}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:var(--sp-12)}.hero-stage{order:-1}.feature-grid{grid-template-columns:repeat(2,1fr)}.garden-layout{grid-template-columns:1fr;gap:var(--sp-12)}.trust-grid{grid-template-columns:repeat(3,1fr)}.download-grid,.story-steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section{padding-block:var(--sp-16)}.nav-links,.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.hero-copy h1{font-size:clamp(2.1rem,9vw,3rem)}.hero-meta{gap:var(--sp-6)}.trust-grid{grid-template-columns:repeat(2,1fr)}.testimonials{grid-template-columns:1fr}.cta-band{padding-block:var(--sp-16)}.footer-bottom{flex-direction:column;text-align:center}.story-stage{min-height:260px}}@media(max-width:480px){.feature-grid,.download-grid,.story-steps{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.garden-stats{grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.hero-cta .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.vine-path{stroke-dashoffset:0}}