.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 2px 10px #00000014}.navbar .container{display:flex;align-items:center;justify-content:space-between;min-height:var(--nav-height)}.navbar-brand{color:var(--color-primary);font-size:24px;font-weight:700;text-decoration:none;white-space:nowrap}.navbar-brand:hover{color:var(--color-primary-hover);text-decoration:none}.navbar-menu ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.navbar-menu a{position:relative;color:var(--color-text);font-size:16px;font-weight:500;text-decoration:none;padding:8px 12px}.navbar-menu a:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.navbar-menu a:hover,.navbar-menu a[aria-current=page]{color:var(--color-primary);text-decoration:none}.navbar-menu a:hover:after,.navbar-menu a[aria-current=page]:after{transform:scaleX(1)}.navbar-toggle{display:none;flex-direction:column;justify-content:center;border:0;background:transparent;padding:8px;cursor:pointer}.navbar-toggle span{width:22px;height:2px;margin:3px 0;background:var(--color-text)}@media (max-width: 980px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;visibility:hidden;background:#fff;box-shadow:0 8px 16px #00000014;transition:max-height .3s ease}.navbar-menu.active{max-height:420px;visibility:visible}.navbar-menu ul{flex-direction:column;align-items:stretch;padding:12px 16px 16px}}.footer{background-color:#0c2340;color:#fff;padding:60px 0 30px}.footer-content{display:flex;justify-content:space-between;margin-bottom:40px}.footer-info{flex:1;padding-right:40px}.footer-info h3{font-size:24px;margin-bottom:20px;color:#fff}.footer-info p{font-size:14px;line-height:1.6;margin-bottom:10px;color:#ddd}.footer-links{flex:1}.footer-links h4{font-size:18px;margin-bottom:20px;color:#fff}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer-contact a,.footer-bottom a{color:var(--color-footer-text)}.footer-links a:hover,.footer-contact a:hover,.footer-bottom a:hover{color:var(--color-white);text-decoration:none}.footer-contact{flex:1}.footer-contact h4{font-size:18px;margin-bottom:20px;color:#fff}.footer-contact p{font-size:14px;line-height:1.6;margin-bottom:10px;color:#ddd}.footer-bottom{border-top:1px solid #444;padding-top:30px;text-align:center}.footer-bottom p{font-size:14px;color:#aaa;margin:0}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{flex-direction:column;gap:30px}.footer-info{padding-right:0}.footer-info h3{font-size:20px}.footer-links h4,.footer-contact h4{font-size:16px}.footer-bottom{padding-top:20px}}.home-block{padding:72px 0}.home-block .section-title{text-align:center}.home-block h3{margin-bottom:12px;color:#143842}.section-lead,.section-more{text-align:center}.section-lead{margin:-8px auto 28px;color:#667}.section-more{margin:28px 0 0}.home-about{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.home-about-photo img{display:block;width:100%;height:320px;object-fit:cover;border-radius:12px}.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.entry-card{display:block;padding:22px 18px 8px;background:#fff;border:1px solid #e1eaee;border-radius:10px;color:inherit;text-decoration:none}.entry-card:hover{text-decoration:none;border-color:#8eb4c4}.entry-card span{color:var(--color-accent);font-size:13px;font-weight:700}.entry-card h3{font-size:18px}.entry-card p{color:#556;font-size:14px;line-height:1.7}.home-cases{background:#eef3f4}.case-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home-cta{padding:64px 0;background:var(--color-nav);color:#fff;text-align:center}.home-cta h2,.home-cta p{color:#fff}.home-cta .btn{background:#fff;color:var(--color-primary)}.home-cta .btn:hover{background:#e8f1fb;color:var(--color-primary)}@media (max-width: 900px){.home-about,.entry-grid,.case-grid-home{grid-template-columns:1fr}}.page-hero{padding:56px 0 28px;background:linear-gradient(90deg,#081c24d1,#081c2473),url(/images/hero-bg.jpg) center / cover no-repeat;color:#fff}.page-hero p{margin-bottom:8px;color:#ffffffc7;font-size:14px;letter-spacing:.12em}.page-hero h1{margin:0;color:#fff;font-size:clamp(32px,4vw,44px)}.detail-section{padding:72px 0;scroll-margin-top:var(--nav-height)}.detail-section-muted,.detail-page .detail-section:nth-of-type(2n){background:#fff}#honors .section-title,#timeline .section-title,#culture .section-title{text-align:center}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.split-reverse .split-media{order:2}.split-reverse .split-copy{order:1}.split-copy h2{margin-bottom:16px;color:#143842;font-size:32px}.split-copy p{color:#334;font-size:16px;line-height:1.85}.split-media img{display:block;width:100%;height:420px;object-fit:cover;border-radius:12px}.steps-label{margin:28px 0 16px;color:#667680;font-size:14px}.steps{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none}.steps li{position:relative;flex:1;min-width:0;text-align:center}.steps li:before{content:"";position:absolute;top:15px;left:50%;width:100%;height:1px;background:#d5dde3}.steps li:last-child:before{display:none}.steps span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600}.steps strong{display:block;color:#5c6b7a;font-size:13px;font-weight:500;line-height:1.4}.qual-grid,.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qual-card,.culture-card{padding:22px 20px 8px;background:#fff;border:1px solid #d7e3e8;border-top:3px solid var(--color-accent);border-radius:8px}.detail-section-muted .qual-card,.detail-section-muted .culture-card{background:#f7fafb}.qual-card h3,.culture-card h3{margin-bottom:10px;color:#143842;font-size:20px}.qual-card p,.culture-card p{color:#445;font-size:14px;line-height:1.75}.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none}.honor-grid button{display:block;width:100%;padding:0;border:1px solid #d7e3e8;border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in}.honor-grid img{display:block;width:100%;height:260px;object-fit:contain;background:#fff;transition:transform .35s ease}.honor-grid button:hover img{transform:scale(1.04)}.honor-grid span{display:block;padding:10px 12px 12px;color:#5c6b7a;font-size:13px;text-align:left}.upload-note{max-width:720px;margin:28px auto 0;padding:24px;text-align:center;color:#5c6b7a;background:#fff;border:1px dashed #b7c6d0;border-radius:8px}.timeline{position:relative;max-width:980px;margin:48px auto 0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;background:#d7e3e6;transform:translate(-50%)}.timeline li{position:relative;width:50%;padding:0 48px 32px 0}.timeline li.is-right{margin-left:50%;padding:0 0 32px 48px}.timeline li:after{content:"";position:absolute;top:28px;width:12px;height:12px;border-radius:50%;background:var(--color-primary)}.timeline li.is-left:after{right:-6px}.timeline li.is-right:after{left:-6px}.timeline article{padding:22px 20px 16px;background:#f4f7f8;border-radius:10px;text-align:center}.timeline h3{margin-bottom:6px;color:#143842;font-size:20px}.timeline strong{display:block;margin-bottom:8px;color:#1c1c1c;font-size:16px}.timeline p{margin:0;color:#667680;font-size:14px;line-height:1.7}.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px 0 28px}.filter-bar button{border:0;border-radius:999px;padding:8px 18px;background:#fff;color:#143842;font:inherit;cursor:pointer;transition:background-color .25s ease,color .25s ease,translate .25s ease}.filter-bar button:hover{translate:0 -2px}.filter-bar button.is-active{background:var(--color-primary);color:#fff}.projects-page{padding-bottom:72px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e4ecee}.case-card a{display:block;color:inherit;text-decoration:none}.case-card a:hover{text-decoration:none}.case-media{height:190px;overflow:hidden}.case-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.case-card:hover .case-media img{transform:scale(1.06)}.case-body{padding:16px 16px 18px}.case-body h3{margin-bottom:8px;color:#17323a;font-size:18px}.case-tags{display:flex;gap:8px;margin-bottom:8px}.case-tags span{padding:2px 8px;border-radius:4px;background:#e8f2fb;color:var(--color-primary);font-size:12px;font-weight:600}.case-body p{margin:0;color:#667680;font-size:14px;line-height:1.6}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:grid;place-items:center;padding:48px 24px;background:#081218db}.lightbox figure{max-width:min(1100px,100%);margin:0}.lightbox img{display:block;max-width:100%;max-height:78vh;margin:0 auto;object-fit:contain;background:#fff;cursor:zoom-in;transition:transform .35s ease}.lightbox img.is-zoomed{transform:scale(1.7);cursor:zoom-out}.lightbox figcaption{margin-top:12px;color:#fffc;text-align:center}.lightbox-close{position:absolute;top:16px;right:16px;border:0;border-radius:8px;padding:8px 14px;background:#fff;color:#143842;font:inherit;cursor:pointer}@media (max-width: 900px){.split,.qual-grid,.culture-grid,.case-grid,.case-grid-home{grid-template-columns:1fr}.split-reverse .split-media,.split-reverse .split-copy{order:initial}.split-media img{height:240px}.timeline:before{left:8px;transform:none}.timeline li,.timeline li.is-right{width:100%;margin-left:0;padding:0 0 24px 36px}.timeline li.is-left:after,.timeline li.is-right:after{left:2px;right:auto}}.hero{--hero-image: none;position:relative;min-height:calc(100vh - var(--nav-height));min-height:calc(100svh - var(--nav-height));display:flex;align-items:center;background-color:#07182c;justify-content:center;background-image:linear-gradient(180deg,#06122480,#06122494 48%,#061224b8),var(--hero-image);background-size:cover;background-position:center;color:#fff}.hero-copy{position:relative;z-index:1;max-width:920px;margin:0 auto;padding-top:48px;padding-bottom:64px;text-align:center}.hero-kicker{margin-bottom:16px;color:#ffffffdb;font-size:14px;font-weight:500;letter-spacing:.12em}.hero h1{max-width:none;margin-bottom:16px;color:#fff;font-size:clamp(32px,4.4vw,48px);font-weight:700;line-height:1.25}.hero p{max-width:40em;margin:0 auto 36px;color:#ffffffe0;font-size:16px;line-height:1.7}.hero-buttons{display:flex;justify-content:center;gap:16px}@media (max-width: 768px){.hero h1{font-size:28px}.hero p{font-size:15px}.hero-buttons{flex-direction:column;align-items:center}}.clients{padding:88px 0;background:#f7f9fc;border-top:1px solid #e3ebf3}.clients h2{text-align:center;font-size:36px;margin-bottom:36px;color:#222}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:0;padding:0;list-style:none}.client-grid li{display:flex;align-items:center;justify-content:center;min-height:96px;padding:18px;background:#fff;border:1px solid #d7e1ec;border-radius:4px}.client-grid img{max-width:100%;max-height:52px;object-fit:contain;transition:scale .35s ease}.client-grid li:hover img{scale:1.06}.clients-empty{max-width:640px;margin:0 auto;padding:28px 24px;text-align:center;color:#5c6b7a;background:#fff;border:1px dashed #b7c6d6;border-radius:4px}.clients-empty code{color:#0c2340}@media (max-width: 768px){.clients{padding:60px 0}.clients h2{font-size:28px}}.contact{padding:100px 0;background-color:#fff}.contact h2{text-align:center;font-size:36px;margin-bottom:60px;color:#222}.contact-content{display:flex;justify-content:space-between;gap:40px}.contact-info{flex:1;background-color:#f9f9f9;padding:30px;border:1px solid #e6eef6;border-radius:8px;box-shadow:0 2px 10px #0000001a}.contact-info h3{font-size:20px;margin-bottom:20px;color:var(--color-primary)}.info-item{display:flex;margin-bottom:15px;align-items:flex-start}.info-item strong{width:100px;font-weight:600;color:#333}.info-item span,.info-item a{flex:1;color:#666}.contact-form{flex:1;background-color:#f9f9f9;padding:30px;border:1px solid #e6eef6;border-radius:8px;box-shadow:0 2px 10px #0000001a}.contact-form h3{font-size:20px;margin-bottom:20px;color:var(--color-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--color-danger)}.form-group textarea{resize:vertical}.form-consent label{display:flex;align-items:flex-start;gap:8px;font-weight:400}.form-consent input{width:16px;height:16px;flex:0 0 auto;margin-top:4px;padding:0}.form-error{margin:6px 0 0;color:var(--color-danger);font-size:13px}.form-status{min-height:1.5em;margin:12px 0 0;color:var(--color-muted);font-size:14px}.contact-form .btn{width:100%}@media (max-width: 768px){.contact{padding:60px 0}.contact h2{font-size:28px;margin-bottom:40px}.contact-content{flex-direction:column;gap:20px}.contact-info,.contact-form{padding:20px}.info-item{flex-direction:column}.info-item strong{width:100%;margin-bottom:5px}}:root{--color-primary: #0066cc;--color-primary-hover: #0052a3;--color-text: #333;--color-heading: #222;--color-muted: #666;--color-white: #fff;--color-bg: #f9f9f9;--color-footer: #333;--color-footer-text: #ddd;--color-border: #ddd;--color-danger: #b42318;--nav-height: 64px;--color-nav: #0c2340;--color-accent: #0066cc;--container: 1200px;--radius: 8px;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:var(--nav-height);scroll-behavior:smooth}body{padding-top:var(--nav-height);background:#f4f6f5;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.section-title:after{content:"";display:block;width:36px;height:3px;margin:16px auto 0;border-radius:999px;background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform .45s ease .15s}.section-title.is-visible:after{transform:scaleX(1)}.reveal{opacity:0;transition:opacity .8s ease var(--d, 0s),translate .32s ease,box-shadow .32s ease,border-color .32s ease,background-color .32s ease}.reveal.is-visible{opacity:1}.hover-lift:hover{translate:0 -6px;border-color:#8eb4d8;box-shadow:0 16px 34px #0c23401a}.page{animation:page-in .45s ease}@keyframes page-in{0%{opacity:0}to{opacity:1}}.skip-link{position:fixed;left:16px;top:8px;z-index:2000;transform:translateY(-150%);padding:8px 12px;background:var(--color-white);color:var(--color-primary);border-radius:4px}.skip-link:focus{transform:none}.btn{display:inline-block;padding:12px 24px;background-color:var(--color-primary);color:var(--color-white);border:2px solid transparent;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,translate .3s ease}.btn:hover{background-color:var(--color-primary-hover);color:var(--color-white);text-decoration:none;translate:0 -2px}.btn-secondary{background-color:transparent;color:var(--color-white);border-color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-white);color:var(--color-heading)}.btn:disabled{opacity:.7;cursor:not-allowed}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:20px;color:var(--color-heading)}p{margin-bottom:15px}ul,ol{margin-bottom:15px;padding-left:20px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.hero :focus-visible,.footer :focus-visible{outline-color:var(--color-white)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.page{animation:none!important}.reveal{opacity:1!important}.hover-lift:hover{translate:none;box-shadow:none}}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:24px}h2{font-size:20px}.btn{padding:10px 18px;font-size:14px}}