:root{--ink:#101828;--muted:#667085;--line:#e7eaf0;--paper:#fff;--soft:#f6f8fb;--navy:#0b1739;--blue:#1769ff;--cyan:#17b8d4;--green:#16a66a;--radius:22px;--shadow:0 22px 60px #0c1e421a}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.7}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(1180px,100% - 48px);margin-left:auto;margin-right:auto}.skip-link{z-index:999;background:#fff;border-radius:10px;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e7eaf0cc;position:-webkit-sticky;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:750;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.brand small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-top:-3px;font-size:10px;font-weight:650;display:block}.site-nav{align-items:center;gap:30px;display:flex}.site-nav>a{color:#344054;font-size:15px;font-weight:600}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--blue)}.nav-cta{background:var(--navy);border-radius:999px;padding:10px 18px;color:#fff!important}.nav-cta:hover{background:var(--blue)}.menu-toggle{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:0;display:none}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";background:currentColor;width:22px;height:2px;margin:5px auto;display:block}.hero{background:radial-gradient(circle at 82% 18%,#17b8d424,#0000 26%),linear-gradient(#f8fbff,#fff);padding:92px 0 78px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #1769ff1f;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-42%;right:-8%;box-shadow:0 0 0 80px #1769ff06,0 0 0 160px #17b8d405}.hero-grid{z-index:1;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;display:grid;position:relative}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 20px;font-size:13px;font-weight:750;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:24px;height:2px}.hero h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:max(42px,min(6vw,76px));line-height:1.08}.hero h1 span{color:var(--blue)}.hero-lead{color:#475467;max-width:620px;margin:26px 0 32px;font-size:max(17px,min(2vw,20px))}.button-row{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 22px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 12px 28px #1769ff40}.btn-secondary{border-color:var(--line);background:#fff}.hero-note{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:34px;font-size:13px;display:flex}.hero-note span{align-items:center;gap:7px;display:inline-flex}.hero-note i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #16a66a1a}.hero-panel{grid-template-columns:1fr 1fr;align-content:center;gap:18px;min-height:500px;display:grid;position:relative}.signal-card{border-radius:var(--radius);min-height:205px;box-shadow:var(--shadow);background:#fffffff5;border:1px solid #fff;padding:22px;position:relative}.signal-card strong{letter-spacing:-.02em;margin-top:18px;font-size:20px;display:block}.signal-card p{color:var(--muted);margin:5px 0 0;font-size:13px}.signal-card .icon{width:46px;height:46px;color:var(--blue);background:#eef4ff;border-radius:14px;place-items:center;display:grid}.signal-card svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:24px;height:24px}.card-campus .icon{color:#0b7eb5;background:#e9f8fc}.card-iot .icon{color:var(--green);background:#eafaf3}.card-ai .icon{color:#75c;background:#f1edff}.card-hardware{grid-column:1/-1;min-height:165px}.card-hardware .icon{color:#b05b11;background:#fff3e7}.flow-line:before{display:none}.trust-strip{border-block:1px solid var(--line);padding:24px 0}.trust-grid{grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:24px;display:grid}.trust-grid>p{color:var(--muted);margin:0;font-size:14px}.trust-item{border-left:1px solid var(--line);padding-left:20px}.trust-item b{color:var(--navy);font-size:21px;display:block}.trust-item span{color:var(--muted);font-size:12px}.section{padding:104px 0}.section-soft{background:var(--soft)}.section-dark{color:#fff;background:var(--navy)}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px;display:flex}.section-head h2,.page-hero h1{letter-spacing:-.045em;max-width:680px;margin:0;font-size:max(32px,min(4.5vw,52px));line-height:1.15}.section-head>p{max-width:490px;color:var(--muted);margin:0}.section-dark .section-head>p{color:#aebbd2}.business-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.case-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px;display:grid}.business-card{--accent:var(--blue);border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:390px;padding:32px;transition:all .25s;position:relative;overflow:hidden}.business-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.business-card:after{content:"";pointer-events:none;border:28px solid #edf3ff;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-95px;right:-70px}.business-card>:not(a){z-index:1;position:relative}.business-card .num{color:var(--accent);letter-spacing:.1em;font-size:13px;font-weight:800}.business-card h3{letter-spacing:-.035em;margin:48px 0 12px;font-size:28px}.business-card p{color:var(--muted)}.tag-list{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:#475467;background:var(--soft);border-radius:999px;padding:6px 10px;font-size:12px}.business-card a{z-index:1;color:var(--accent);font-weight:700;position:absolute;bottom:28px;left:32px}.business-card:nth-child(2){--accent:#0b7eb5}.business-card:nth-child(3){--accent:#0b9a61}.business-card:nth-child(4){--accent:#75c}.business-card:nth-child(5){--accent:#b05b11;grid-column:1/-1;min-height:340px}.value-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;display:grid}.value-visual{background:linear-gradient(145deg,#142656,#0b1739);border-radius:30px;min-height:470px;padding:36px;position:relative;overflow:hidden}.value-visual:before{content:"";background:radial-gradient(circle,#17b8d447,#0000 66%);width:330px;height:330px;position:absolute;top:-100px;right:-100px}.metric-main{z-index:1;position:relative}.metric-main span{color:#9fafd0;font-size:13px}.metric-main strong{color:#fff;letter-spacing:-.06em;margin:8px 0;font-size:56px;display:block}.metric-main p{color:#b9c5dc;max-width:310px}.mini-chart{align-items:end;gap:12px;height:150px;display:flex;position:absolute;bottom:40px;left:36px;right:36px}.mini-chart i{background:linear-gradient(#28c4df,#1769ff);border-radius:8px 8px 2px 2px;flex:1}.mini-chart i:first-child{height:34%}.mini-chart i:nth-child(2){height:46%}.mini-chart i:nth-child(3){height:58%}.mini-chart i:nth-child(4){height:72%}.mini-chart i:nth-child(5){height:88%}.mini-chart i:nth-child(6){height:100%}.value-copy h2{letter-spacing:-.045em;margin:0 0 22px;font-size:max(34px,min(4vw,50px));line-height:1.18}.value-copy>p{color:var(--muted)}.feature-list{gap:20px;margin-top:34px;display:grid}.feature-item{grid-template-columns:44px 1fr;gap:16px;display:grid}.feature-item .check{width:42px;height:42px;color:var(--blue);background:#eef4ff;border-radius:13px;place-items:center;font-weight:800;display:grid}.feature-item h3{margin:0 0 4px;font-size:17px}.feature-item p{color:var(--muted);margin:0;font-size:14px}.process-grid{border-radius:var(--radius);background:#ffffff21;border:1px solid #ffffff21;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.process-item{background:var(--navy);min-height:220px;padding:28px}.process-item span{color:#67d7e8;font-size:13px;font-weight:800}.process-item h3{margin:50px 0 10px;font-size:20px}.process-item p{color:#aebbd2;margin:0;font-size:14px}.case-card{border:1px solid var(--line);border-radius:var(--radius);min-height:270px;padding:30px}.case-card span{color:var(--blue);letter-spacing:.08em;font-size:12px;font-weight:800}.case-card h3{margin:56px 0 10px;font-size:23px}.case-card p{color:var(--muted);margin:0;font-size:14px}.cta-section{padding:90px 0}.cta-box{color:#fff;background:linear-gradient(120deg,#1769ff,#124dcc 60%,#0d3b9d);border-radius:30px;justify-content:space-between;align-items:center;gap:36px;padding:56px;display:flex;position:relative;overflow:hidden}.cta-box:after{content:"";border:70px solid #ffffff14;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-90px}.cta-box h2{z-index:1;letter-spacing:-.04em;max-width:680px;margin:0;font-size:max(30px,min(4vw,46px));line-height:1.2;position:relative}.cta-box p{z-index:1;color:#dbe7ff;margin:10px 0 0;position:relative}.cta-box .btn{z-index:1;color:var(--blue);background:#fff;flex:none;position:relative}.page-hero{background:radial-gradient(circle at 80% 10%, #17b8d41f, transparent 25%), var(--soft);padding:90px 0 74px}.page-hero p{max-width:700px;color:var(--muted);margin:22px 0 0;font-size:18px}.service-detail-grid{gap:24px;display:grid}.service-detail{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:130px 1fr;gap:34px;padding:38px;display:grid}.service-index{color:var(--blue);letter-spacing:-.06em;font-size:48px;font-weight:800}.service-detail h2{margin:0 0 12px;font-size:30px}.service-detail p{color:var(--muted);margin:0}.service-detail ul{grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.service-detail li:before{content:"✓";color:var(--green);margin-right:9px;font-weight:800}.about-grid,.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.prose h2{letter-spacing:-.04em;margin:0 0 20px;font-size:36px}.prose p{color:var(--muted)}.fact-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fact{background:var(--soft);border-radius:18px;padding:26px}.fact strong{color:var(--blue);font-size:28px;display:block}.fact span{color:var(--muted);font-size:13px}.contact-card{background:var(--navy);border-radius:var(--radius);color:#fff;padding:34px}.contact-card h2{margin-top:0}.contact-list{gap:20px;margin-top:30px;display:grid}.contact-list a,.contact-list div{color:#d6def0;grid-template-columns:88px 1fr;gap:16px;display:grid}.contact-list b{color:#8295bc;font-size:13px}.wecom-contact{border-top:1px solid #ffffff1f;grid-template-columns:132px 1fr;align-items:center;gap:20px;margin:30px 0 0;padding-top:30px;display:grid}.wecom-contact img{background:#fff;border-radius:16px;width:132px;height:auto;display:block}.wecom-contact figcaption{gap:6px;display:grid}.wecom-contact strong{font-size:17px}.wecom-contact span{color:#aebbd5;font-size:13px;line-height:1.7}.contact-form{gap:16px;display:grid}.field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input,.field textarea{border:1px solid var(--line);border-radius:12px;outline:0;width:100%;padding:14px 16px}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1769ff1a}.field textarea{resize:vertical;min-height:130px}.form-note{color:var(--muted)}.site-footer{color:#9dabc7;background:#07112a;padding:64px 0 24px}.footer-grid{grid-template-columns:1.4fr .8fr .8fr;gap:50px;padding-bottom:48px;display:grid}.footer-brand{color:#fff}.footer-brand p{color:#9dabc7;max-width:400px;margin:18px 0 0;font-size:14px}.footer-col h3{color:#fff;margin:0 0 15px;font-size:14px}.footer-col a{margin:9px 0;font-size:14px;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;gap:24px;padding-top:22px;font-size:12px;display:flex}.reveal{opacity:0;transition:all .6s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}@media (max-width:900px){.container{width:min(100% - 36px,1180px)}.menu-toggle{display:block}.site-nav{border-bottom:1px solid var(--line);background:#fff;align-items:stretch;gap:0;padding:16px 18px 26px;display:none;position:fixed;top:76px;bottom:auto;left:0;right:0;box-shadow:0 18px 40px #0b17391f}.site-nav.open{display:grid}.site-nav>a{padding:13px 10px}.nav-cta{text-align:center;margin-top:8px}.hero{padding-top:64px}.hero-grid,.value-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:52px}.hero-panel{min-height:auto}.business-grid,.case-grid{grid-template-columns:1fr}.business-card{min-height:330px}.process-grid,.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>p{grid-column:1/-1}.section-head{display:block}.section-head>p{margin-top:18px}}@media (max-width:600px){.container{width:min(100% - 28px,1180px)}.brand span{font-size:14px}.hero{padding:50px 0 54px}.hero h1{font-size:43px}.button-row .btn{width:100%}.hero-panel{grid-template-columns:1fr;min-height:auto}.card-hardware,.business-card:nth-child(5){grid-column:auto}.signal-card{padding:18px}.trust-grid{gap:14px}.trust-item{padding-left:12px}.section{padding:74px 0}.business-card{padding:26px}.business-card:after{opacity:.7;border-width:18px;width:118px;height:118px;bottom:-66px;right:-58px}.business-card a{left:26px}.value-visual{min-height:400px;padding:26px}.mini-chart{bottom:28px;left:26px;right:26px}.process-grid{grid-template-columns:1fr}.process-item{min-height:190px}.process-item h3{margin-top:30px}.cta-box{padding:36px 26px;display:block}.cta-box .btn{width:100%;margin-top:26px}.service-detail{grid-template-columns:1fr;gap:12px;padding:28px 24px}.service-detail ul,.fact-grid{grid-template-columns:1fr}.wecom-contact{grid-template-columns:112px 1fr;gap:16px}.wecom-contact img{width:112px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>:first-child{grid-column:1/-1}.footer-bottom{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}