:root{--ink:#142331;--muted:#637080;--red:#c83832;--line:#dfe4e8;--paper:#f5f7f9;--navy:#142b40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font:16px/1.8 'Microsoft YaHei','PingFang SC',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c83832;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1{font-size:clamp(36px,4.6vw,66px);letter-spacing:-2px}h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px}h3{font-size:21px}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding:0 36px}.topbar{background:var(--navy);color:#d8e1e9;font-size:12px;letter-spacing:1px;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between}header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{width:42px;height:46px;background:var(--red);color:white;font-size:27px;font-weight:800;display:grid;place-items:center;clip-path:polygon(0 0,25% 13%,75% 13%,100% 0,100% 76%,50% 100%,0 76%)}.brand strong{font-size:23px;letter-spacing:2px;display:block;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:2.7px;color:var(--muted);margin-top:3px}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:14px;position:relative;padding:34px 0}.nav a[aria-current=page]{color:var(--red)}.nav a[aria-current=page]:after{content:'';height:3px;background:var(--red);position:absolute;bottom:20px;left:0;right:0}.nav a:hover{color:var(--red)}.header-cta{font-size:14px;border:1px solid var(--ink);padding:10px 20px}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:20px}.hero{background:linear-gradient(110deg,#f3f5f7,#fafbfc);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:80px;padding-bottom:80px}.hero h1 span{color:var(--red)}.hero .intro{margin-top:26px;max-width:480px;font-size:16px;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 24px;background:var(--red);border:1px solid var(--red);color:white;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.btn:hover{background:#a72d28;transform:translateY(-2px)}.btn.secondary{background:transparent;border-color:#bac3cb;color:var(--ink)}.btn.secondary:hover{background:#e8edf1}.hero-note{display:flex;gap:24px;margin-top:36px;font-size:12px;color:var(--muted)}.hero-note span:before{content:'✓';color:var(--red);margin-right:7px}.showcase{position:relative;padding:25px 0 35px 8px}.browser{border:1px solid #d4dce2;background:white;box-shadow:0 28px 55px #17324918;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.browser-bar{height:30px;border-bottom:1px solid #e7ebef;background:#f9fafb;display:flex;align-items:center;gap:4px;padding:0 12px}.browser-bar i{width:5px;height:5px;background:#bfc7ce;border-radius:50%}.browser-bar span{margin:auto;color:#89929a;font-size:10px;letter-spacing:1px}.mini-nav{display:flex;justify-content:space-between;padding:20px 24px;font-size:9px}.mini-nav strong{font-size:14px;letter-spacing:2px}.mini-hero{margin:0 20px;padding:35px 25px 42px;background:var(--navy);color:white;position:relative;overflow:hidden}.mini-hero small{font-size:9px;letter-spacing:2px;color:#bfcdd9}.mini-hero h2{font-family:Georgia,serif;font-size:39px;line-height:1.1;margin:16px 0;letter-spacing:0;font-weight:400}.mini-hero p{font-size:10px;color:#b8c9d6;max-width:200px}.mini-link{font-size:10px;display:inline-block;margin-top:20px;border-bottom:1px solid #b8c9d6}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 20px;gap:12px}.mini-grid div{border-top:2px solid #263e50;padding-top:8px;font-size:9px;color:#87929b}.mini-grid strong{display:block;font-size:12px;color:var(--ink)}.project-stamp{position:absolute;right:-15px;bottom:7px;background:white;padding:15px 22px;border-left:3px solid var(--red);box-shadow:0 10px 40px #14233115;font-size:12px}.project-stamp strong{display:block;font-size:16px}.vertical-label{position:absolute;top:0;right:0;font-size:10px;letter-spacing:2px;color:#778795}.trust-strip{border-bottom:1px solid var(--line)}.trust-inner{min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:25px}.trust-inner>span{font-size:13px;color:var(--muted)}.trust-inner strong{font-size:17px;font-weight:500;letter-spacing:2px}.section{padding-top:78px;padding-bottom:78px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}.section-head .eyebrow{margin-bottom:10px}.section-head p{max-width:440px;font-size:14px}.text-link{font-size:14px;border-bottom:1px solid #aeb7c0;padding-bottom:5px;white-space:nowrap}.text-link:hover{color:var(--red)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{padding:30px 28px;border:1px solid var(--line);background:#fff;transition:border-color .2s,transform .2s}.service:hover{border-color:#c83832;transform:translateY(-4px)}.service .num{font:14px Georgia,serif;color:var(--red);display:block;margin-bottom:32px}.service p{font-size:14px;margin-top:16px;line-height:1.9}.service .tags{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:#647181}.soft{background:var(--paper)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.work-cover{height:235px;display:flex;flex-direction:column;justify-content:center;padding:28px;position:relative;overflow:hidden;transition:transform .3s}.work:hover .work-cover{transform:translateY(-4px)}.work-cover:after{content:'';position:absolute;width:190px;height:190px;border:1px solid currentColor;opacity:.15;right:-60px;bottom:-90px;transform:rotate(45deg)}.work-cover small{font-size:10px;letter-spacing:2px;margin-bottom:12px;opacity:.65}.work-cover strong{font:32px/1.2 Georgia,'Microsoft YaHei',serif;max-width:220px;letter-spacing:-1px}.work-cover span{font-size:10px;margin-top:22px;letter-spacing:2px;opacity:.6}.cover-a{background:#18394b;color:#e9eff0}.cover-b{background:#e3e7e4;color:#264b40}.cover-c{background:#282e3c;color:#ded7c8}.work h3{margin:18px 0 4px;font-size:18px}.work p{font-size:12px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.process article{border-top:1px solid var(--line);padding-top:23px}.process b{font:30px Georgia,serif;color:#bbc2c9}.process h3{font-size:17px;margin:15px 0 10px}.process p{font-size:14px}.cta{background:var(--navy);color:white}.cta .wrap{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:32px}.cta p{color:#b2c1cd;margin-top:9px;font-size:14px}.cta .btn{flex-shrink:0}footer{background:#101f2c;color:#e4e9ee;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p,.footer-grid a{font-size:13px;color:#a1afbb}.footer-grid p{margin-top:14px}.footer-grid h3{font-size:14px;margin-bottom:15px}.footer-links{display:flex;gap:12px 24px;flex-wrap:wrap;max-width:210px}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #2a3946;padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8293a1}.page-hero{background:var(--paper);padding:64px 0;border-bottom:1px solid var(--line)}.page-hero h1{font-size:44px;letter-spacing:-1px}.page-hero p{margin-top:20px;max-width:680px}.page-hero .eyebrow{margin-bottom:14px}.crumb{font-size:12px;color:var(--muted);margin-bottom:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prose p+p{margin-top:20px}.prose h2{margin-bottom:25px}.statement{background:var(--navy);color:white;padding:45px;font-size:30px;line-height:1.7}.statement small{display:block;font-size:12px;color:#c1ccd5;letter-spacing:2px;margin-top:30px}.deliverables{padding:0;list-style:none;color:var(--muted);font-size:14px;margin:22px 0 0}.deliverables li{padding:8px 0;border-top:1px solid var(--line)}.deliverables li:before{content:'✓';color:var(--red);margin-right:12px}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{padding:18px 20px 0;font-size:14px}.notice{font-size:12px;margin-top:24px;color:var(--muted)}.contact-card{background:var(--paper);padding:32px;margin-top:25px}.contact-card strong{display:block;font-size:21px;margin:5px 0 15px}.contact-card button{background:white;border:1px solid #b8c2ca;padding:8px 18px;font-size:14px}.contact-form{padding:32px;border:1px solid var(--line)}.contact-form h2{font-size:25px;margin-bottom:8px}.contact-form>p{font-size:13px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label{font-size:14px}.field input,.field select,.field textarea{border:1px solid #ccd4db;background:#fff;padding:10px 12px;border-radius:0;min-width:0;width:100%;color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.contact-form .btn{width:100%;justify-content:center}.form-status{margin-top:15px;font-size:14px}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.detail-list article{padding:25px;background:var(--paper)}.detail-list h3{font-size:16px;margin-bottom:8px}.detail-list p{font-size:14px}.case-banner{padding:55px;height:280px}.case-banner strong{font-size:48px;max-width:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero-grid{padding-top:100px;padding-bottom:100px}}@media(max-width:1000px){.header-cta{display:none}.nav{gap:24px}.hero-grid{gap:25px}.hero-note{gap:12px}.project-stamp{right:0}.mini-hero h2{font-size:32px}.work-cover{padding:22px}.split{gap:35px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.topbar .wrap span:last-child{display:none}.header-inner{min-height:78px;flex-wrap:wrap;gap:0;position:relative}.brand strong{font-size:20px}.brand-mark{width:36px;height:40px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:7px 12px;font-size:14px}.nav{display:none;width:100%;flex-direction:column;gap:0;align-items:stretch;padding:12px 0 18px}.nav.open{display:flex}.nav a{padding:11px 0}.nav a[aria-current=page]:after{bottom:6px;right:auto;width:28px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:42px;gap:30px}.hero h1{font-size:42px;letter-spacing:-1px}.hero .intro{margin-top:22px}.hero-note{font-size:12px;flex-wrap:wrap}.showcase{padding:15px 12px 25px 0;max-width:540px;width:100%;margin:auto}.browser{transform:none}.mini-hero h2{font-size:36px}.project-stamp{padding:10px 17px;bottom:0}.trust-inner{justify-content:flex-start;flex-wrap:wrap;gap:13px 23px;padding-top:20px;padding-bottom:20px}.trust-inner>span{width:100%}.trust-inner strong{font-size:14px}.section{padding-top:50px;padding-bottom:50px}.section-head{align-items:flex-start;gap:18px;flex-wrap:wrap}.services-grid,.works-grid{grid-template-columns:1fr}.service{padding:26px}.service .num{margin-bottom:20px}.work-cover{height:250px}.process{grid-template-columns:1fr 1fr;gap:25px}.cta .wrap{align-items:flex-start;flex-direction:column}.cta h2{font-size:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:42px 0}.page-hero h1{font-size:35px}.split{grid-template-columns:1fr;gap:35px}.statement{font-size:26px;padding:30px}.contact-form{padding:24px}.detail-list{grid-template-columns:1fr}.case-banner{height:240px;padding:30px}.case-banner strong{font-size:38px}.actions .btn{gap:18px;padding:11px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
.brand-logo{width:84px;height:70px;object-fit:contain;flex-shrink:0}.brand-mark{display:none}@media(max-width:1000px){.brand-logo{width:65px;height:58px}.nav{gap:22px}.header-inner{gap:20px}}@media(max-width:760px){.brand-logo{width:62px;height:56px}.header-inner{gap:0}.brand{gap:8px}}