:root{--bg:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:rgba(0,0,0,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a i{font-style:normal}.section-width{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.nav{height:52px;position:sticky;top:0;z-index:20;background:rgba(245,245,247,.82);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.nav-inner{width:min(1120px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;letter-spacing:-.02em}.brand img{width:26px;height:26px;border-radius:7px;object-fit:cover}.nav nav{margin:auto;display:flex;gap:36px;font-size:12px;color:#424245}.nav nav a,.nav-link{transition:opacity .2s}.nav nav a:hover,.nav-link:hover{opacity:.55}.nav-link{font-size:12px}.nav-link i{color:var(--blue);font-size:17px;margin-left:3px}
.hero{min-height:900px;padding:108px 24px 0;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 78%,rgba(87,112,255,.13),transparent 27%)}.overline,.eyebrow{font-size:12px;line-height:1.2;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#86868b}.hero h1{font-size:clamp(54px,7.1vw,92px);line-height:1.04;letter-spacing:-.065em;margin:24px auto 26px;font-weight:700}.hero h1 span{background:linear-gradient(100deg,#7453f6 18%,#1d8eff 58%,#15c3d6);-webkit-background-clip:text;color:transparent}.hero-copy{font-size:19px;line-height:1.55;color:var(--muted);margin:0 auto 30px}.hero-actions{display:flex;justify-content:center;gap:12px}.button{padding:11px 20px;border-radius:999px;font-size:14px}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#0077ed}.button.quiet{color:var(--blue)}.button.quiet i{font-size:20px;vertical-align:-1px}.hero-logo{width:min(620px,80vw);height:420px;margin:42px auto 0;position:relative;display:grid;place-items:center}.hero-logo img{width:360px;height:360px;object-fit:cover;border-radius:84px;position:relative;box-shadow:0 40px 100px rgba(71,74,128,.16);animation:float 5s ease-in-out infinite}.halo{position:absolute;width:560px;height:280px;border-radius:50%;background:linear-gradient(100deg,rgba(124,83,246,.28),rgba(25,202,220,.24));filter:blur(70px);opacity:.65}
.intro{padding:160px 0 80px;text-align:center}.intro h2,.intelligence h2,.belief h2,.contact h2{font-size:clamp(48px,6.2vw,78px);line-height:1.05;letter-spacing:-.055em;margin:20px 0 28px}.intro-copy{max-width:690px;margin:auto;color:var(--muted);font-size:19px;line-height:1.6}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:150px}.product-card{min-height:540px;border-radius:30px;padding:36px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 35px rgba(0,0,0,.04);transition:transform .35s,box-shadow .35s}.product-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(0,0,0,.1)}.product-card.blue{background:linear-gradient(145deg,#eaf4ff,#cfe8ff)}.product-card.purple{background:linear-gradient(145deg,#f2edff,#e0d5ff)}.product-card.dark{grid-column:1/-1;min-height:420px;background:#111;color:white}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.12em}.product-top i{font-style:normal;font-size:64px;line-height:1;color:rgba(0,113,227,.35);font-weight:300}.purple .product-top i{color:rgba(116,83,246,.4)}.dark .product-top i{font-size:90px;background:linear-gradient(90deg,#8a62ff,#20c7e2);-webkit-background-clip:text;color:transparent}.product-copy{margin-top:auto;max-width:490px}.product-card h3{font-size:37px;letter-spacing:-.04em;margin:0 0 14px}.product-card p{font-size:16px;line-height:1.6;color:#5d5d63;margin:0}.dark p{color:#a7a7ad}.round-arrow{position:absolute;right:34px;bottom:34px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.07);font-size:18px}.dark .round-arrow{background:rgba(255,255,255,.12)}
.intelligence{min-height:760px;margin-bottom:150px;background:white;border-radius:36px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;overflow:hidden}.intelligence-copy{padding:70px}.intelligence-copy h2{font-size:65px}.intelligence-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65}.intelligence-copy>a{display:inline-block;color:var(--blue);margin-top:16px;font-size:15px}.intelligence-copy>a i{font-size:22px}.smart-demo{height:100%;min-height:650px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f0edff,#dff8fb);overflow:hidden}.demo-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:300px;height:300px;background:rgba(103,73,246,.26);top:-100px;right:-60px}.orb-two{width:240px;height:240px;background:rgba(40,207,226,.3);bottom:-70px;left:-60px}.phone-card{width:min(380px,78%);background:rgba(255,255,255,.84);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:36px;padding:28px;box-shadow:0 35px 90px rgba(69,67,128,.2);position:relative}.phone-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.phone-top img{width:25px;height:25px;border-radius:7px}.phone-top i{margin-left:auto;font-style:normal;color:#999}.hello{display:flex;flex-direction:column;gap:7px;padding:48px 4px 26px}.hello small{color:#8a8a91}.hello b{font-size:25px;letter-spacing:-.04em}.task{display:flex;align-items:center;gap:14px;background:white;border-radius:18px;padding:16px;margin-top:10px}.task>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-style:normal}.task span{display:flex;flex-direction:column;gap:4px}.task b{font-size:13px}.task small{font-size:11px;color:#929298}
.belief{background:#000;color:white;text-align:center;padding:150px 0}.belief img{width:80px;height:80px;border-radius:20px;margin-bottom:38px}.belief .eyebrow{color:#777}.belief h2{font-size:clamp(50px,7vw,88px);margin:22px auto 30px}.belief>div>p:last-child{max-width:650px;margin:auto;color:#a1a1a6;font-size:19px;line-height:1.6}
.contact{min-height:580px;display:flex;justify-content:space-between;align-items:center}.contact h2{margin-bottom:0}.contact>a{width:138px;height:138px;border-radius:50%;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;gap:15px;font-size:15px;transition:transform .3s,background .3s}.contact>a:hover{transform:scale(1.06);background:#087bea}.contact>a i{font-size:22px}
footer{border-top:1px solid var(--line)}.footer-inner{min-height:120px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#86868b;font-size:11px}.footer-inner p{text-align:center}.footer-inner>span{text-align:right}.footer-inner .brand{color:var(--text)}
@keyframes float{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:800px){.nav nav{display:none}.nav-link{margin-left:auto}.hero{min-height:800px;padding-top:90px}.hero-logo{height:340px}.hero-logo img{width:280px;height:280px;border-radius:66px}.product-grid{grid-template-columns:1fr}.product-card.dark{grid-column:auto}.intelligence{grid-template-columns:1fr}.intelligence-copy{padding:60px 40px}.contact{padding:100px 0;flex-direction:column;align-items:flex-start;gap:60px}.contact>a{align-self:flex-end}}
@media(max-width:540px){.section-width,.nav-inner{width:calc(100% - 32px)}.hero{padding-inline:16px}.hero h1{font-size:50px}.hero-copy{font-size:16px}.hero-copy br{display:none}.hero-logo{height:310px;margin-top:30px}.hero-logo img{width:240px;height:240px;border-radius:56px}.intro{padding-top:110px}.product-grid{padding-bottom:100px}.product-card{min-height:440px;padding:28px;border-radius:24px}.product-card.dark{min-height:390px}.intelligence{margin-bottom:100px;border-radius:26px}.intelligence-copy{padding:50px 28px}.intelligence-copy h2{font-size:50px}.smart-demo{min-height:540px}.phone-card{padding:20px}.belief{padding:110px 0}.footer-inner{padding:38px 0;grid-template-columns:1fr;gap:18px}.footer-inner p,.footer-inner>span{text-align:left}}
.nav-actions{display:flex;align-items:center;gap:22px}.language{border:0;background:transparent;padding:5px 0;color:#86868b;font:11px Arial,sans-serif;cursor:pointer}.language b{color:var(--text)}.language span{margin:0 4px;color:#c3c3c6}@media(max-width:800px){.nav-actions{margin-left:auto}}@media(max-width:540px){.nav-actions{gap:12px}.nav-link{display:none}}
