:root{--ink:#18242f;--muted:#687581;--blue:#235bc0;--line:#dce2e8;--navy:#152c49}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #5083dc;outline-offset:5px}.wrap,.header{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:29px;font-weight:650;letter-spacing:2px}.brand span{font-size:15px;font-weight:400;letter-spacing:3px;padding:3px 0 3px 15px;margin-left:14px;border-left:1px solid #b6c0ca}.brand i,.about-sign i{width:6px;height:6px;background:var(--blue);margin:15px 0 0 5px}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav a:hover{color:var(--blue)}.nav-contact{border-left:1px solid var(--line);padding-left:30px}.nav-contact span{margin-left:22px}.menu{display:none}.hero{background:#f1f4f8;border-top:1px solid #edf0f4}.hero-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;padding-top:65px;padding-bottom:60px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1px;margin:0 0 26px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--blue)}h1{font-size:clamp(42px,4.3vw,62px);line-height:1.38;letter-spacing:-1.5px;font-weight:550;margin:0 0 27px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:14px;color:#566576;line-height:2.05;margin:0}.button{display:inline-flex;gap:50px;background:var(--blue);color:white;padding:16px 22px;font-size:13px;margin-top:30px}.button:hover{background:#194a9f}.visual{position:relative;padding-top:55px;min-height:460px}.visual-top{position:absolute;left:18px;right:0;top:7px;display:flex;justify-content:space-between;align-items:center;color:#617187;font-size:12px}.visual-top small{font-size:9px;color:#758191}.browser-mock{background:#fff;border:1px solid #d4dce7;box-shadow:0 18px 40px #1c365c0c;margin-left:18px;transform:perspective(1400px) rotateY(-5deg);transform-origin:left center}.browser-bar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#e7ecf3;color:#8b98aa;font-size:8px;border-bottom:1px solid #d4dce7}.browser-bar span:first-child{font-size:8px;letter-spacing:3px}.mock-nav{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;font-size:8px}.mock-nav>b{font-size:13px;color:#263e5b}.mock-nav>b span{font-size:8px;padding-left:3px}.mock-content{position:relative;min-height:220px;padding:22px 26px;overflow:hidden;background:#f3f5f7}.mock-content>p{font-size:8px;color:#7c8793;margin:0 0 13px}.mock-content>strong{font-size:26px;font-weight:500;line-height:1.55;position:relative;z-index:2}.mock-lines{margin-top:17px}.mock-lines i{display:block;background:#d8dfe7;width:115px;height:3px;margin-top:6px}.mock-lines i:last-child{width:87px}.mock-cta{display:inline-block;margin-top:17px;background:#233b56;color:white;padding:7px 12px;font-size:7px}.architect{position:absolute;right:-32px;top:5px;width:230px;height:250px;display:flex;gap:8px;transform:skewY(-17deg);align-items:flex-end}.architect>div{width:45px;height:200px;background:linear-gradient(90deg,#b4c4d5,#e0e7ef 65%,#8eabc6 66%,#7295b7);box-shadow:10px 15px 20px #42658b14;border-top:6px solid #ecf0f4}.architect>div:nth-child(2){height:235px}.architect>div:nth-child(3){height:175px}.architect>div:nth-child(4){height:145px}.mock-bottom{display:flex;justify-content:space-between;padding:23px 26px 34px;color:#657688;font-size:9px}.app-mock{position:relative;float:right;width:245px;background:#fff;border:1px solid #d3dde8;box-shadow:0 14px 30px #21395910;margin-top:-85px;margin-right:-12px;padding:18px 20px;z-index:3}.app-title{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:16px}.app-title>span:last-child{margin-left:auto;color:#8192a7}.app-dot{width:10px;height:10px;background:var(--blue)}.app-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eef1f5;font-size:9px;color:#4a5d71}.app-row>span:last-child{padding:2px 6px;font-size:8px}.done{background:#eff5f1;color:#577360}.active{background:#edf3ff;color:var(--blue)}.pending{background:#f2f3f5;color:#7d8894}.app-progress{height:3px;background:#e9eef5;margin-top:13px}.app-progress>span{display:block;width:65%;height:100%;background:#4e7bc7}.visual-caption{position:absolute;bottom:-3px;left:18px;right:0;display:flex;justify-content:space-between;color:#7a8799;font-size:9px;letter-spacing:1px}.hero-strip{display:flex;gap:40px;align-items:center;border-top:1px solid #d8e0e9;padding:23px 0;font-size:11px;color:#63758a}.hero-strip>span:before{content:'—';margin-right:12px;color:#92a6c0}.hero-strip>a{margin-left:auto}.services{padding-top:85px;padding-bottom:85px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head .eyebrow,.about .eyebrow{color:var(--blue);margin-bottom:17px}h2{font-size:clamp(27px,2.8vw,36px);line-height:1.55;letter-spacing:-.7px;font-weight:500;margin:0}.section-head>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.service-list{border-top:1px solid #293c51}.service-list article{display:grid;grid-template-columns:55px .9fr 1.25fr 24px;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.index{font-size:12px;color:#7a8999;padding-top:7px}.service-name h3{margin:0 0 10px;font-size:23px;font-weight:500}.service-name p{font-size:12px;color:var(--muted);margin:0}.service-details>p{font-size:13px;line-height:1.95;color:#596a7b;margin:0}.service-details ul{display:flex;flex-wrap:wrap;gap:10px 23px;padding:0;margin:19px 0 0;list-style:none;font-size:11px;color:#38597e}.service-details li:before{content:'·';padding-right:7px}.service-arrow{color:#6983a1;font-size:23px}.approach{background:var(--navy);color:#f7f9fc;padding:60px 0 65px}.approach .eyebrow{color:#9ab8e9}.approach .section-head>p{color:#acbbcd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #4c627c;padding-top:22px}.steps article>span{color:#a5bcd8;font-size:10px}.steps h3{font-size:19px;font-weight:450;margin:24px 0 14px}.steps p{font-size:12px;line-height:1.9;color:#bdc9d8;min-height:66px}.steps article>div{display:flex;justify-content:space-between;gap:6px;margin-top:25px;padding-top:18px;border-top:1px solid #354d68;font-size:10px;color:#96acc7}.steps b{font-weight:400;color:#d7e2f0}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:85px;padding-bottom:85px}.about-sign{font-size:44px;font-weight:600;display:flex;align-items:center;color:#c9d3df;margin-top:45px;letter-spacing:3px}.about-sign span{font-size:17px;letter-spacing:5px;margin-left:14px;font-weight:400}.about-sign i{background:#b5c5dc}.about-copy h3{font-size:19px;font-weight:500;margin:0 0 21px}.about-copy p{color:var(--muted);font-size:13px;line-height:2.1;margin:0 0 17px}dl{display:flex;gap:75px;border-top:1px solid var(--line);padding-top:24px;margin:27px 0 0}dt{font-size:10px;color:var(--muted)}dd{font-size:18px;margin:9px 0 0}.contact{background:#edf2f8;border-top:1px solid #e1e7ef}.contact-inner{display:flex;justify-content:space-between;gap:40px;padding-top:50px;padding-bottom:50px}.contact .eyebrow{color:var(--blue);margin-bottom:15px}.contact-inner>div>p:last-child{font-size:13px;color:var(--muted);margin:18px 0 0}.contact-address{border-left:1px solid #cbd6e3;padding-left:55px;min-width:330px}.contact-address strong{font-size:14px;font-weight:500}.contact-address p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0}.contact-address span{font-size:12px;color:#456995}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;font-size:10px;color:#7a8795}.footer-brand{font-size:16px;color:#23384f;font-weight:500}
@media(max-width:1050px){.wrap,.header{width:calc(100% - 64px)}h1{font-size:48px}.hero-layout{gap:20px}.visual{padding-top:70px}.visual-top{left:0;flex-direction:column;align-items:flex-start;gap:10px}.browser-mock{margin-left:0}.app-mock{width:215px}.architect{right:-85px}.mock-nav{padding:20px 14px}.mock-nav>span{font-size:6px}.about{gap:50px}.service-list article{grid-template-columns:30px .85fr 1.2fr 20px;gap:20px}.contact-address{padding-left:30px;min-width:290px}}@media(max-width:760px){.wrap,.header{width:calc(100% - 40px)}.header{height:78px}.brand{font-size:24px}.brand span{font-size:12px;padding-left:12px;margin-left:10px}.menu{display:block;border:0;background:none;color:var(--ink);font-size:12px}nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:white;padding:24px;z-index:9;border:1px solid var(--line);box-shadow:0 15px 25px #18385a12;flex-direction:column;align-items:stretch;gap:24px}nav.open{display:flex}.nav-contact{border-left:0;padding:0}.hero-layout{grid-template-columns:1fr;padding-top:35px;padding-bottom:38px;gap:30px}h1{font-size:44px;line-height:1.35}.hero .eyebrow{font-size:11px;margin-bottom:25px}.intro{font-size:13px}.button{margin-top:25px}.visual{min-height:435px;max-width:520px;width:100%;margin:auto;padding-top:42px}.visual-top{flex-direction:row;align-items:center;gap:0}.visual-top small{font-size:8px}.browser-mock{transform:none;margin-right:10px}.mock-nav>span{font-size:7px}.architect{right:-27px;width:210px}.app-mock{margin-right:0;margin-top:-60px;width:205px;padding:14px 18px}.visual-caption{bottom:-12px;left:0;font-size:8px}.hero-strip{gap:18px;font-size:9px;flex-wrap:wrap;padding:18px 0}.hero-strip>span:before{display:none}.hero-strip>a{margin-left:0}.services{padding-top:45px;padding-bottom:45px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:18px}.service-list article{grid-template-columns:25px 1fr 15px;padding:26px 0;gap:15px}.service-name h3{font-size:21px}.service-details{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.service-details>p{font-size:12px}.service-details ul{gap:9px 16px;font-size:10px}.approach{padding:40px 0}.steps{grid-template-columns:1fr 1fr;gap:28px 23px}.steps h3{font-size:17px;margin-top:19px}.steps p{font-size:11px;min-height:65px}.steps article>div{display:block;line-height:1.9;margin-top:15px;padding-top:12px}.steps b{display:block}.about{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.about-sign{display:none}.about-copy h3{font-size:17px}.about-copy p{font-size:12px}.contact-inner{display:block;padding-top:35px;padding-bottom:35px}.contact h2{font-size:27px}.contact-address{border-left:0;border-top:1px solid #cbd6e3;padding:24px 0 0;margin-top:28px;min-width:0}.contact-address p br{display:none}footer{flex-wrap:wrap;gap:15px;font-size:9px}footer p{order:3;width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}