/* Native CSS brand system. Variance 7, motion 3, density 3.
   Radii: 6px controls, 12px imagery. Layers: sidebar 5, skip link 10. */
:root{color-scheme:light;--bg:#f7fafb;--tint:#eaf1f4;--text:#24363e;--muted:#526973;--line:#c9d8de;--accent:#176e7d;--on-accent:#f7fafb;--panel:#dcebef}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#19282e;--tint:#22363e;--text:#eaf3f6;--muted:#b0c6cf;--line:#415b66;--accent:#96d6e2;--on-accent:#19282e;--panel:#2c4550}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}p{margin:0;color:var(--muted);line-height:1.85}h1,h2,h3{margin:0;font-weight:600}img{display:block;width:100%;height:100%;object-fit:cover}.container{width:min(1120px,calc(100% - 88px));margin:auto}.section{padding-block:78px}main,footer.container{margin-left:200px}footer.container{width:calc(100% - 288px);margin-right:44px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--on-accent);z-index:10}.skip:focus{top:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:200px;padding:40px 28px;border-right:1px solid var(--line);background:var(--bg);z-index:5}.brand{display:block}.brand strong{font-size:30px;letter-spacing:.1em}.brand span{display:block;font-size:10px;margin-top:12px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:30px;margin-top:85px;font-size:14px}nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center;min-height:650px;padding-block:45px}.hero-heading>p{font-size:12px;color:var(--accent);margin-bottom:22px}.hero h1{font-size:clamp(36px,3.5vw,51px);line-height:1.4;letter-spacing:-.04em;white-space:nowrap}.hero-bottom{display:flex;flex-direction:column;gap:25px}.hero-image{height:340px;border-radius:12px;overflow:hidden}.hero-note{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-note p{font-size:13px}.hero-note p br{display:none}.button{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:13px 17px;font-size:13px;flex-shrink:0}.button span{font-size:20px}.button:active{transform:scale(.98)}h2{font-size:clamp(28px,2.7vw,37px);line-height:1.5;letter-spacing:-.03em}.about{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;border-top:1px solid var(--line)}.about .lead{font-size:19px;color:var(--text);line-height:1.7;margin-bottom:20px}.about-body>p:not(.lead){font-size:14px}.company-name{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:22px;margin-top:27px}.company-name strong{font-size:13px;font-weight:500}.company-name span{font-size:11px;color:var(--muted)}.services{background:var(--tint)}.services>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 45px;align-items:start}.services h2{position:sticky;top:45px}.service-grid{display:flex;flex-direction:column;gap:24px}.service-grid article{padding:30px;background:var(--bg);border-radius:12px}.service-grid .content{background:var(--panel)}.category{font-size:11px;color:var(--accent)}h3{font-size:24px;margin-top:15px;line-height:1.5}.service-grid p{font-size:14px;margin-top:16px}.tags{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px}.tags span{font-size:11px;color:var(--muted)}.scope{grid-column:2;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.scope summary{font-size:14px;cursor:pointer}.scope-content h3{font-size:16px;margin-top:22px}.scope-content p{font-size:14px;margin-top:12px}.scope-note{grid-column:2;font-size:12px;margin-top:15px}.scope-content>p:last-child{font-size:12px}.contact h2{margin-bottom:28px}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px}.contact-grid>p{font-size:15px}.label,.postal span{font-size:12px;color:var(--muted)}.email{display:block;margin-top:17px;font-size:clamp(19px,2.05vw,28px);line-height:1.6;font-weight:500;overflow-wrap:anywhere}.email:hover{color:var(--accent)}.email>span{margin-left:15px}.postal{display:flex;gap:25px;align-items:center;margin-top:25px}.postal strong{font-size:16px;font-weight:500}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:28px}footer>div{display:flex;flex-direction:column;gap:9px}footer strong{font-size:12px;font-weight:500}footer span,footer a{font-size:10px;color:var(--muted)}.legal{text-align:right}.legal a:hover{text-decoration:underline}
@media(max-width:1100px){.sidebar{width:170px;padding:35px 20px}.brand strong{font-size:25px}main,footer.container{margin-left:170px}.container{width:calc(100% - 56px)}footer.container{width:calc(100% - 226px);margin-right:28px}.hero{gap:25px;min-height:610px}.hero h1{font-size:36px}.hero-image{height:310px}.hero-note{flex-direction:column;align-items:flex-start;gap:18px}.about,.contact-grid{gap:25px}.services>.container{gap:0 28px}.service-grid article{padding:25px}.services h2{font-size:29px}}
@media(max-width:900px) and (min-width:768px){.hero{grid-template-columns:1fr;gap:28px;min-height:auto}.hero-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center}.hero-heading>p{margin:0}.hero h1{font-size:34px}.hero-note{flex-direction:row;align-items:center}.about{grid-template-columns:1fr;gap:25px}.services>.container{grid-template-columns:1fr}.services h2{position:static;margin-bottom:30px}.scope,.scope-note{grid-column:1}.contact-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:767px){.sidebar{position:static;width:auto;padding:0 20px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.brand strong{font-size:21px}.brand span{font-size:8px;margin-top:5px}nav{margin:0;flex-direction:row;gap:14px;font-size:11px}main{margin:0}.container{width:calc(100% - 40px)}.section{padding-block:55px}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-block:38px}.hero h1{font-size:39px}.hero-heading>p{margin-bottom:17px}.hero-image{height:260px}.hero-note{flex-direction:column;align-items:flex-start;gap:18px}.hero-note p{font-size:14px}.about,.contact-grid{grid-template-columns:1fr;gap:26px}.about .lead{font-size:17px}.services>.container{grid-template-columns:1fr}.services h2{position:static;font-size:29px;margin-bottom:28px}.service-grid{gap:18px}.service-grid article{padding:25px}.scope,.scope-note{grid-column:1}.contact-grid>p{font-size:14px}.email{font-size:22px}footer.container{margin:0 20px;width:calc(100% - 40px);flex-direction:column;gap:23px}.legal{text-align:left}}
@media(max-width:359px){.brand strong{font-size:19px}.brand span{font-size:7px}nav{font-size:10px;gap:10px}.hero h1{font-size:35px}.email{font-size:19px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a{transition:color .18s ease,transform .18s ease}}