:root{--navy:#10265c;--blue:#245de2;--teal:#2fb69f;--muted:#586987;--line:#e6edf8;--shadow:0 16px 42px rgba(38,83,146,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;color:var(--navy);font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f7a51b;outline-offset:3px}.site-header{height:76px;padding:0 max(4%,calc((100vw - 1480px)/2));display:flex;align-items:center;gap:40px;background:rgba(248,252,255,.84);position:absolute;z-index:10;top:0;width:100%;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{position:relative;display:block;width:44px;height:39px}.brand-mark i{position:absolute;width:10px;height:39px;border-radius:7px;transform:rotate(34deg);background:#2d65e8;left:9px;top:0}.brand-mark i:nth-child(2){transform:rotate(-35deg);background:#3276df;left:23px}.brand-mark i:nth-child(3){height:22px;background:#38b5a0;left:19px;top:16px;transform:rotate(42deg)}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font-size:22px;letter-spacing:.09em;font-weight:900}.brand-type small{font-size:8px;letter-spacing:.36em;font-weight:800;margin-top:5px}.main-nav{display:flex;gap:clamp(18px,2.3vw,40px);align-items:center;justify-content:center;flex:1}.main-nav a{font-size:14px;white-space:nowrap;font-weight:600;padding:27px 0 23px;position:relative}.main-nav a:hover,.main-nav a.active{color:#1553ca}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:#21ae9a}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{font-size:29px;line-height:1;margin-right:6px;font-weight:300}.soft-button{border:0;background:#e6f1ff;border-radius:16px;padding:10px 22px;font-size:13px;color:var(--navy);font-weight:700}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:24px;padding:12px 30px;font-size:14px;font-weight:800;transition:.2s ease}.primary-button{color:#fff;background:linear-gradient(110deg,#3173fa,#1744ad);box-shadow:0 8px 18px rgba(23,77,187,.16)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(23,77,187,.25)}.primary-button.small{padding:10px 23px;border-radius:14px;font-size:13px}.outline-button{border:1.4px solid #3670fa;color:#2358d9;background:rgba(255,255,255,.75)}.outline-button:hover{background:#e7f1ff}.menu-toggle{display:none}.hero{min-height:570px;position:relative;overflow:hidden;background:#eef8ff}.hero-image{position:absolute;inset:0;background:url('./assets/hero-city.png') center 40%/cover no-repeat}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#f9fcff 0%,rgba(249,252,255,.98) 23%,rgba(249,252,255,.75) 38%,rgba(249,252,255,.12) 61%,rgba(249,252,255,0) 100%),linear-gradient(0deg,rgba(248,252,255,.73),transparent 23%)}.hero:after{content:"";position:absolute;left:-5%;right:-5%;height:95px;bottom:-52px;border-radius:50% 50% 0 0;background:#f7fbff}.hero-content{position:relative;z-index:2;padding:116px max(6.5%,calc((100vw - 1420px)/2)) 90px;max-width:760px}.eyebrow{font-size:15px;font-weight:700;margin:0 0 12px}.eyebrow-dot{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#2868df;font-size:12px}.hero h1{margin:0;font-size:clamp(32px,3.15vw,52px);line-height:1.36;letter-spacing:.025em;font-weight:900;color:#11275f}.hero h1>span:first-child{display:inline-block;font-size:1.28em;line-height:1.3;margin-bottom:4px}.teal{color:#21aa9a}.hero-description{color:#50617f;line-height:1.8;font-size:15px;max-width:575px;margin:20px 0 26px}.hero-actions{display:flex;gap:18px}.handwritten{position:absolute;right:5%;top:115px;z-index:2;color:#123876;font-family:cursive;letter-spacing:.16em;font-size:20px;line-height:1.5;transform:rotate(-9deg)}.handwritten em{font-size:18px;font-weight:400}.handwritten span{display:block;height:2px;width:130px;background:#2bb89c;border-radius:50%;transform:rotate(-8deg);margin:8px 0 0 70px}.map-label{position:absolute;z-index:3;background:rgba(255,255,255,.91);box-shadow:0 7px 22px rgba(28,73,130,.13);border-radius:12px;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap}.map-label span{font-size:20px;line-height:0;vertical-align:-2px;color:#2cb7a2;margin-right:5px}.label-city{top:36%;left:52%}.label-decision{top:47%;right:16%}.label-decision span,.label-data span{color:#408df8}.label-data{bottom:20%;left:62%}.label-life{bottom:27%;right:3%}.label-life span{color:#ffa322}.metrics{position:relative;z-index:3;max-width:1460px;margin:-12px auto 0;padding:22px 4% 28px;display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{display:flex;align-items:center;justify-content:center;gap:25px;border-right:1px solid #d9e5f7}.metrics>div:last-child{border:0}.metric-icon{font-size:38px;color:#2d72ec;line-height:1}.metrics p{display:flex;flex-direction:column;margin:0}.metrics strong{font-size:24px}.metrics small{font-size:13px;color:var(--muted)}.section-wrap{max-width:1490px;margin:auto;padding-left:4%;padding-right:4%}.products{padding-top:4px;padding-bottom:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2,.audience h2{font-size:29px;line-height:1.3;margin:0 0 4px;font-weight:900}.section-heading p{font-size:15px;margin:0;color:var(--muted)}.section-heading>a{font-size:13px;color:#215bdd;font-weight:700;padding-bottom:5px}.section-heading>a span{margin-left:7px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid #e9eef8;border-radius:11px;padding:17px 17px 12px;min-height:310px;box-shadow:0 9px 30px rgba(20,78,152,.035);transition:.2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-top{display:flex;gap:14px;align-items:center}.product-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:15px;color:#fff;font-size:32px;font-weight:700;flex:none}.green{background:linear-gradient(140deg,#57cbb7,#239b80)}.blue{background:linear-gradient(140deg,#65a7ff,#245be4)}.violet{background:linear-gradient(140deg,#8f7fff,#5948e7)}.orange{background:linear-gradient(140deg,#ffc267,#f28c23)}.product-top h3{font-size:18px;margin:0 0 1px}.product-top p{font-size:12px;color:#5f7090;margin:0}.product-description{font-size:14px;color:#62718d;line-height:1.65;margin:15px 0 5px;min-height:48px}.text-link{border:0;background:none;padding:2px 0;color:#2263e9;font-size:14px;font-weight:800}.text-link span{margin-left:7px}.product-preview{height:113px;overflow:hidden;position:relative;margin-top:11px;border-radius:7px;border:1px solid #dce7f5;background:#eaf3fa}.fit-preview{background:radial-gradient(circle at 82% 17%,#cfeada 0 13%,transparent 14%),radial-gradient(circle at 14% 75%,#bbdfd0 0 14%,transparent 15%),linear-gradient(145deg,#eaf2e8 42%,#cbe6df 42% 53%,#ecf1e8 53%)}.map-road{position:absolute;background:#fff8df;border:1px solid #d9e3d9;width:180%;height:9px;left:-20%;transform:rotate(24deg)}.r1{top:22px}.r2{top:80px;transform:rotate(-18deg)}.r3{top:54px;transform:rotate(68deg)}.pin{position:absolute;width:10px;height:10px;border-radius:50%;background:#f8a237;box-shadow:0 0 0 4px rgba(248,162,55,.25)}.p1{left:22%;top:44%}.p2{left:50%;top:26%}.p3{left:68%;top:60%}.p4{left:83%;top:35%}.route{position:absolute;left:24%;top:42%;width:51%;height:35%;border-top:3px dashed #4b80dc;transform:rotate(8deg)}.dashboard-preview{background:#f5f9fe}.preview-bar{height:13px;background:#d5e5fb}.preview-side{position:absolute;top:13px;bottom:0;width:24px;background:#e6effc}.preview-chart{position:absolute;left:39px;top:31px;width:46%;height:47px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #aac7eb}.preview-chart span{width:15%;background:#5196ef;border-radius:2px 2px 0 0}.preview-chart span:nth-child(1){height:35%}.preview-chart span:nth-child(2){height:70%}.preview-chart span:nth-child(3){height:53%}.preview-chart span:nth-child(4){height:88%}.preview-chart span:nth-child(5){height:60%}.preview-ring{position:absolute;right:24px;top:29px;width:51px;height:51px;border:10px solid #5c9dec;border-left-color:#d2e5fb;border-radius:50%}.preview-line{position:absolute;left:39px;bottom:14px;width:75%;height:8px;background:linear-gradient(90deg,#85b4ef 15%,#d3e4f7 15% 30%,#85b4ef 30% 56%,#d3e4f7 56%)}.agent-preview{background:#f5f9fd}.agent-sidebar{position:absolute;left:0;top:0;bottom:0;width:24px;background:#202e43}.agent-message{position:absolute;left:37px;height:7px;border-radius:5px;background:#c8d7ee}.agent-message.one{top:25px;width:36%}.agent-message.two{top:43px;width:43%}.agent-message.three{top:62px;width:31%}.agent-map{position:absolute;right:0;top:0;bottom:0;width:45%;background:radial-gradient(circle at 53% 57%,#6d9bd9 0 5px,transparent 6px),linear-gradient(35deg,transparent 47%,#cadacb 47% 51%,transparent 51%),linear-gradient(125deg,#dce9d5,#c1dfe7)}.tools-preview{background:#eef5fc}.tools-sidebar{position:absolute;left:0;top:0;bottom:0;width:27%;background:repeating-linear-gradient(0deg,#fff 0 13px,#e5effb 13px 14px)}.tools-map{position:absolute;left:27%;right:0;top:0;bottom:0;background:radial-gradient(circle at 56% 46%,rgba(63,137,228,.45) 0 13px,transparent 14px),linear-gradient(48deg,transparent 48%,#fefefe 48% 51%,transparent 51%),linear-gradient(110deg,#d6e6dc,#c9e2ed)}.tools-preview i{position:absolute;display:block;width:8px;height:8px;border-radius:50%;background:#4689ea}.tools-preview i:nth-of-type(1){top:24%;left:49%}.tools-preview i:nth-of-type(2){top:67%;left:71%}.tools-preview i:nth-of-type(3){top:42%;left:87%}.audience{background:linear-gradient(90deg,rgba(222,237,251,.9),rgba(235,246,255,.8)),url('./assets/hero-city.png') center 63%/cover no-repeat}.audience-inner{min-height:208px;display:grid;grid-template-columns:45% 55%;gap:20px;align-items:center;padding-top:20px;padding-bottom:20px}.audience-copy p{font-size:13px;color:#4d6487;line-height:1.7;margin:3px 0 12px}.outline-button.white{background:rgba(255,255,255,.9);border-color:#b5d1f7;color:#123371;padding:7px 18px;font-size:13px;gap:10px}.audience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.audience-cards article{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.75);border-radius:12px;min-height:158px;padding:20px 22px;box-shadow:0 9px 30px rgba(32,95,166,.045)}.audience-cards span{font-size:28px;color:#2f8ae8;line-height:1}.audience-cards article:first-child span{color:#2db49c}.audience-cards h3{font-size:14px;margin:11px 0 5px}.audience-cards p{font-size:12px;line-height:1.7;color:#5d6f8e;margin:0}.site-footer{background:#fff;min-height:72px;padding:14px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:7px}.brand-mark.mini{transform:scale(.7);transform-origin:center;width:31px}.footer-brand .brand-type strong{font-size:17px}.footer-brand .brand-type small{font-size:6px}.footer-brand p{font-size:11px;color:#60708c;margin-left:24px}.footer-links{display:flex;gap:26px}.footer-links a,.footer-note{color:#697891;font-size:11px}.footer-links a:hover{color:#245de2}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#142e66;color:#fff;border-radius:10px;padding:12px 19px;font-size:13px;box-shadow:0 15px 35px rgba(12,43,99,.2);opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.site-header{gap:18px;padding:0 3%}.main-nav{gap:17px}.main-nav a{font-size:12px}.soft-button,.icon-button{display:none}.hero-content{padding-left:5%}.handwritten{right:3%;font-size:16px}.handwritten em{font-size:14px}.product-card{padding:14px}.product-top h3{font-size:15px}.product-top p{font-size:11px}.product-icon{width:46px;height:46px}}
@media(max-width:820px){.site-header{height:68px;padding:0 5%;justify-content:space-between}.brand-type strong{font-size:20px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border:0;background:#eaf2ff;border-radius:9px;order:3}.menu-toggle span{height:2px;width:18px;margin:0 auto;background:#173a80}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f9fcff;box-shadow:0 20px 30px rgba(25,73,133,.12);padding:8px 5% 20px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px;font-size:14px}.main-nav a.active:after{display:none}.header-actions{margin-left:auto}.hero{min-height:660px}.hero-image{background-position:57% center}.hero-fade{background:linear-gradient(90deg,#f9fcff 0%,rgba(249,252,255,.95) 40%,rgba(249,252,255,.35) 100%),linear-gradient(0deg,rgba(248,252,255,.66),transparent 25%)}.hero-content{padding:113px 6% 105px;max-width:610px}.hero h1{font-size:clamp(32px,5.5vw,47px)}.hero-description{max-width:480px}.handwritten{display:none}.map-label{font-size:10px}.label-city{left:58%;top:37%}.label-decision{right:4%;top:53%}.label-data{bottom:15%;left:55%}.label-life{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metrics>div:nth-child(2){border:0}.product-grid{grid-template-columns:repeat(2,1fr)}.audience-inner{grid-template-columns:1fr}.audience-cards{padding-bottom:10px}.site-footer{flex-wrap:wrap}.footer-note{width:100%}}
@media(max-width:540px){.site-header{gap:8px}.brand-mark{transform:scale(.83);transform-origin:left center;width:37px}.brand-type strong{font-size:18px}.header-actions .primary-button{padding:9px 14px}.hero{min-height:650px}.hero-image{background-position:61% center}.hero-fade{background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(249,252,255,.88) 58%,rgba(249,252,255,.32))}.hero-content{padding:105px 6% 100px}.hero h1{font-size:34px}.hero h1>span:first-child{font-size:1.25em}.eyebrow{font-size:12px}.hero-description{font-size:13px;line-height:1.8;margin-top:18px}.hero-actions{gap:10px}.hero-actions .primary-button,.hero-actions .outline-button{padding:10px 17px;font-size:12px;gap:7px}.map-label{display:none}.metrics{padding:12px 5% 25px;gap:15px}.metrics>div{gap:10px;justify-content:start;padding-left:10px}.metric-icon{font-size:29px}.metrics strong{font-size:18px}.metrics small{font-size:11px}.section-wrap{padding-left:5%;padding-right:5%}.section-heading h2,.audience h2{font-size:25px}.section-heading p{font-size:12px}.section-heading>a{font-size:11px;white-space:nowrap}.product-grid{grid-template-columns:1fr;gap:12px}.product-card{min-height:0}.product-preview{height:128px}.product-description{min-height:0}.audience-inner{padding-top:28px}.audience-cards{grid-template-columns:1fr;gap:10px}.audience-cards article{min-height:0;padding:15px 18px}.audience-cards article p br{display:none}.site-footer{padding:20px 5%}.footer-brand{flex-wrap:wrap}.footer-brand p{width:100%;margin:2px 0 0}.footer-links{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.main-nav button{font-size:14px;white-space:nowrap;font-weight:600;padding:27px 0 23px;border:0;background:none;color:inherit}.main-nav button:hover{color:#1553ca}.icon-button{border:0;background:none;color:inherit;padding:0}.footer-links button{border:0;padding:0;background:none;color:#697891;font-size:11px}.footer-links button:hover{color:#245de2}.metrics-note{position:absolute;right:4%;bottom:4px;color:#8090a8;font-size:10px}@media(max-width:1150px){.main-nav button{font-size:12px}}@media(max-width:820px){.main-nav button{padding:12px;text-align:left;font-size:14px}}