:root{--bg:#f8fafc;--card-bg:#ffffff;--text:#1a1f2e;--text-secondary:#667085;--text-light:#98a2b3;--accent:#00c2a8;--accent-2:#147cff;--accent-soft:#e6faf6;--accent-deep:#0b6deb;--blue:#147cff;--blue-soft:#eaf3ff;--green:#00afa1;--green-soft:#e6faf6;--border:#e5e7eb;--shadow-sm:0 1px 3px rgba(26,31,46,0.05);--shadow-md:0 8px 24px rgba(26,31,46,0.07);--shadow-lg:0 18px 44px rgba(26,31,46,0.1);--shadow-xl:0 26px 70px rgba(20,124,255,0.14);--radius-sm:12px;--radius:18px;--radius-lg:24px;--radius-xl:32px;--font:"Poppins","Source Han Sans CN","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--brand-gradient:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);--max-width:1100px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.modalOpen{overflow:hidden}main{min-height:100vh;background:radial-gradient(circle at 88% -8%,rgba(20,124,255,.13),transparent 34rem),radial-gradient(circle at -10% 28%,rgba(0,194,168,.11),transparent 31rem),radial-gradient(circle at 105% 54%,rgba(230,250,246,.95),transparent 25rem),var(--bg)}.container{width:min(var(--max-width),calc(100% - 56px));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;padding:14px 0;border-bottom:1px solid rgba(229,231,235,.78);background:rgba(248,250,252,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navInner{width:min(var(--max-width),calc(100% - 56px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand,.navCta,.outlineButton,.primaryButton,.qrLink,.rebindButton{display:inline-flex;align-items:center;justify-content:center}.brand{min-width:0;gap:10px;color:var(--text);font-weight:800;font-size:20px;letter-spacing:0}.brandMark{width:38px;height:38px;border:1px solid rgba(229,231,235,.88);border-radius:13px;flex:0 0 auto;display:grid;place-items:center;color:var(--accent-2);background:#fff;box-shadow:0 10px 24px rgba(20,124,255,.12)}.brandMarkSvg{width:31px;height:31px;display:block}.brandName{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}.brandName span{color:var(--text-secondary);font-size:16px;font-weight:500}.navCta{min-height:40px;gap:8px;padding:0 18px;border:0;border-radius:999px;background:var(--brand-gradient);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(20,124,255,.18);transition:transform var(--transition),box-shadow var(--transition),background var(--transition);white-space:nowrap}.navCta:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(20,124,255,.25)}.hero{padding:60px 0 40px;text-align:center}.heroBadge{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;background:var(--accent-soft);color:#087f73;font-size:14px;font-weight:700;letter-spacing:.03em}.heroBadgeDot{width:7px;height:7px;border-radius:999px;background:var(--brand-gradient);animation:pulseDot 2s ease-in-out infinite}.hero h1{margin:22px 0 16px;color:var(--text);font-size:clamp(38px,5vw,54px);font-weight:900;letter-spacing:0;line-height:1.23;text-wrap:balance}.hero h1 span{color:transparent;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text}.heroSubtitle{max-width:640px;margin:0 auto 30px;color:var(--text-secondary);font-size:18px;line-height:1.78;text-wrap:pretty}.heroVisual{position:relative;max-width:700px;margin:0 auto 36px}.phoneMock{position:relative;z-index:2;max-width:340px;margin:0 auto;padding:10px;border:3px solid #ffffff;border-radius:36px;background:#fff;box-shadow:var(--shadow-xl),0 0 0 1px rgba(229,231,235,.8)}.phoneScreen{min-height:360px;padding:20px 18px;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(20,124,255,.08),transparent 13rem),linear-gradient(180deg,#ffffff,#f6fbff);display:flex;flex-direction:column;gap:12px;overflow:hidden}.chatBubble{max-width:85%;padding:11px 15px;border-radius:18px;color:var(--text);font-size:14px;line-height:1.5;text-align:left;opacity:0;animation:fadeInUp .5s ease-out forwards}.chatBubble.user{align-self:flex-end;border-bottom-right-radius:6px;background:#eef7ff;animation-delay:.1s}.chatBubble.ai{align-self:flex-start;border:1px solid var(--border);border-bottom-left-radius:6px;background:#fff;box-shadow:var(--shadow-sm);animation-delay:.4s}.chatBubble.cardBubble{width:100%;max-width:92%;padding:14px 16px;border-radius:16px;display:flex;flex-direction:column;gap:8px;animation-delay:.7s}.cardBubbleRow,.flightNote{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}.cardBubbleIcon{width:28px;height:28px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center}.cardBubbleIcon.blue{background:var(--blue-soft);color:var(--blue)}.cardBubbleIcon.mint{background:var(--green-soft);color:var(--green)}.flightNote{color:var(--text-light);font-size:12px}.floatingCard{position:absolute;z-index:3;min-height:54px;padding:0 18px;border-radius:16px;background:#fff;display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px;box-shadow:var(--shadow-lg);animation:floatCard 5s ease-in-out infinite}.floatingCard svg{color:var(--accent);flex:0 0 auto}.cardOne{top:8%;right:-8%}.cardOne svg{color:var(--blue)}.cardTwo{bottom:15%;left:-6%;animation-delay:2.5s}.heroCtaGroup{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.outlineButton,.primaryButton{min-height:52px;gap:8px;padding:0 30px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}.primaryButton{border:0;background:var(--brand-gradient);color:#fff;box-shadow:0 12px 32px rgba(20,124,255,.23)}.primaryButton:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(20,124,255,.3)}.outlineButton{border:1px solid var(--border);background:rgba(255,255,255,.78);color:var(--text)}.outlineButton:hover{border-color:rgba(20,124,255,.28);background:#fff;box-shadow:var(--shadow-sm)}.featuresSection,.scenariosSection,.stepsSection{padding:70px 0}.sectionHeader{max-width:680px;margin:0 auto 50px;text-align:center}.sectionLabel{display:inline-block;margin-bottom:10px;color:var(--accent-deep);font-size:13px;font-weight:800;letter-spacing:.06em}.sectionHeader h2{margin:0 0 12px;color:var(--text);font-size:clamp(28px,3.5vw,38px);line-height:1.2;font-weight:900;letter-spacing:0;text-wrap:balance}.sectionHeader p{margin:0 auto;max-width:560px;color:var(--text-secondary);font-size:17px;line-height:1.72}.scenarioCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.scenarioCard{position:relative;min-height:430px;padding:28px 24px;border:1px solid rgba(229,231,235,.8);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.scenarioCard:hover{border-color:rgba(20,124,255,.2);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.scenarioCard:before{content:"";position:absolute;inset:0 0 auto;height:4px}.rainCard:before{background:linear-gradient(90deg,#147cff,#72b7ff)}.flightCard:before{background:var(--brand-gradient)}.timeCard:before{background:linear-gradient(90deg,#00c2a8,#66e5d3)}.meetingCard:before{background:linear-gradient(90deg,#3157d5,#78a6ff)}.memoryCard:before{background:linear-gradient(90deg,#00afa1,#147cff)}.saasCard:before{background:linear-gradient(90deg,#1a1f2e,#147cff)}.scenarioIcon{width:50px;height:50px;margin-bottom:16px;border-radius:14px;display:grid;place-items:center}.scenarioIcon.rain{background:var(--blue-soft);color:var(--blue)}.scenarioIcon.flight{background:var(--accent-soft);color:var(--green)}.scenarioIcon.time{background:var(--green-soft);color:var(--green)}.scenarioIcon.meeting{background:#edf3ff;color:#3157d5}.scenarioIcon.memory{background:#effdff;color:var(--accent-deep)}.scenarioIcon.saas{background:#eef2ff;color:var(--text)}.scenarioCard h3{margin:0 0 6px;color:var(--text);font-size:21px;line-height:1.25}.scenarioTagline{margin:0 0 16px;color:var(--text-light);font-size:14px}.scenarioFlow{display:grid;grid-gap:10px;gap:10px}.flowStep{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:14px;line-height:1.55}.flowStepNum{width:22px;height:22px;margin-top:1px;border-radius:999px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.flowStepNum.blue,.flowStepNum.rain{background:var(--blue)}.flowStepNum.flight{background:var(--brand-gradient)}.flowStepNum.time{background:var(--green)}.flowStepNum.meeting{background:#3157d5}.flowStepNum.memory{background:var(--brand-gradient)}.flowStepNum.saas{background:var(--text)}.scenarioHighlight{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(230,250,246,.86),rgba(234,243,255,.78));color:var(--text-secondary);font-size:14px;line-height:1.65}.featuresGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.featureCard{min-height:220px;padding:28px 24px;border:1px solid rgba(229,231,235,.78);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.featureCard:hover{border-color:rgba(20,124,255,.2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.featureIcon{width:52px;height:52px;margin:0 auto 16px;border-radius:14px;display:grid;place-items:center}.featureIcon.f1{background:var(--accent-soft);color:var(--accent)}.featureIcon.f2{background:var(--blue-soft);color:var(--blue)}.featureIcon.f3{background:#edf3ff;color:#3157d5}.featureIcon.f4{background:var(--green-soft);color:var(--green)}.featureIcon.f5{background:#effdff;color:var(--accent-deep)}.featureIcon.f6{background:#eef2ff;color:var(--text)}.featureCard h3{margin:0 0 6px;font-size:17px}.featureCard p{margin:0;color:var(--text-light);font-size:14px;line-height:1.58}.stepsRow{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.stepItem{position:relative;flex:1 1 180px;max-width:220px;text-align:center}.stepItem:not(:last-child):after{content:"";position:absolute;top:36px;right:-30px;width:40px;height:2px;border-radius:1px;background:var(--border)}.stepCircle{width:72px;height:72px;margin:0 auto 16px;border:3px solid #fff;border-radius:999px;background:#fff;color:var(--accent-2);display:grid;place-items:center;box-shadow:var(--shadow-md);transition:border-color var(--transition),box-shadow var(--transition)}.stepItem:hover .stepCircle{border-color:rgba(0,194,168,.32);box-shadow:var(--shadow-lg)}.stepItem h3{margin:0 0 4px;font-size:16px}.stepItem p{margin:0;line-height:1.55}.footer,.stepItem p{color:var(--text-light);font-size:13px}.footer{padding:30px 0 36px;border-top:1px solid var(--border);text-align:center}.footer p{margin:0}.footer p+p{margin-top:4px}.footer a{color:var(--text-light);transition:color var(--transition)}.footer a:hover{color:var(--accent-deep)}.modalBackdrop{position:fixed;inset:0;z-index:50;padding:20px;background:rgba(26,31,46,.48);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;animation:fadeInOverlay .25s ease-out}.connectModal{position:relative;width:min(100%,420px);padding:42px 34px 36px;border-radius:var(--radius-xl);background:#fff;text-align:center;box-shadow:var(--shadow-xl);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.modalClose{position:absolute;top:18px;right:22px;width:36px;height:36px;border:0;border-radius:999px;background:#f2f4f7;color:var(--text-light);display:grid;place-items:center;cursor:pointer;transition:background var(--transition),color var(--transition)}.modalClose:hover{background:#e5e7eb;color:var(--text)}.modalLogo{width:52px;height:52px;margin:0 auto 16px;border:1px solid rgba(229,231,235,.9);border-radius:17px;background:#fff;color:var(--accent-2);display:grid;place-items:center;box-shadow:0 12px 28px rgba(20,124,255,.16)}.modalLogoSvg{width:42px;height:42px;display:block}.connectModal h2{margin:0 0 6px;color:var(--text);font-size:28px;line-height:1.18}.modalCopy{margin:0 0 22px;color:var(--text-secondary);font-size:15px;line-height:1.65}.modalQr{width:-moz-fit-content;width:fit-content;min-width:190px;min-height:190px;margin:0 auto 18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.modalQr svg{width:min(100%,230px);height:auto;border-radius:12px;background:#fff}.qrFallback{width:180px;min-height:160px;padding:16px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:var(--text-secondary);display:grid;justify-items:center;align-content:center;grid-gap:10px;gap:10px;text-align:center;font-size:13px}.qrLink{gap:8px}.qrLink,.rebindButton{min-height:38px;color:var(--accent-deep);font-weight:800}.rebindButton{gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.rebindButton:disabled{cursor:wait;opacity:.68}.modalHint{margin:0;color:var(--text-light);font-size:14px}.modalHint strong{color:var(--accent-deep)}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(0,194,168,.48)}50%{opacity:.7;box-shadow:0 0 0 10px rgba(0,194,168,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){.container,.navInner{width:min(100% - 40px,var(--max-width))}.hero{padding-top:48px}.hero h1{font-size:32px}.heroSubtitle{font-size:16px}.phoneMock{max-width:282px}.phoneScreen{min-height:292px;padding:14px 12px;gap:8px}.chatBubble{padding:9px 12px;font-size:12px}.floatingCard{display:none}.featuresGrid,.scenarioCards{grid-template-columns:repeat(2,minmax(0,1fr))}.stepItem:not(:last-child):after{display:none}.stepsRow{gap:28px}.connectModal{padding:32px 20px 28px}}@media (max-width:480px){.container,.navInner{width:min(100% - 32px,var(--max-width))}.brand{font-size:18px}.brandName span{display:none}.navCta{min-height:36px;padding:0 13px;font-size:13px}.featuresGrid,.scenarioCards{grid-template-columns:1fr}.heroCtaGroup{flex-direction:column;align-items:stretch}.outlineButton,.primaryButton{width:100%}}