@charset "UTF-8";
:root{--ink:#12314b;--muted:#647582;--blue:#0868cc;--paper:#fff;--line:#d9e1e6;--pale:#f2f5f7;--accent:var(--blue);--font:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.7}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.3}h1{letter-spacing:-.045em}h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.035em;line-height:1.45}h3{font-size:22px;line-height:1.5}p{font-size:15px}em{font-style:normal;color:var(--accent)}svg{width:23px;height:23px;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #f2a83b;outline-offset:5px}button[hidden],.project[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 24px;background:var(--accent);color:white;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#114c8b;transform:translateY(-2px)}.button svg{width:21px;height:21px}.text-link{display:inline-flex;align-items:center;gap:15px;padding:8px 0;border:0;border-bottom:1px solid currentColor;color:var(--accent);background:none;font-size:14px;font-weight:500}.text-link:hover{gap:24px}.section-label{font-family:Arial,var(--font);letter-spacing:.15em;font-size:11px;font-weight:600;color:var(--accent);margin-bottom:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.section-intro{max-width:340px;color:var(--muted);font-size:14px;line-height:1.95}.skip-link{position:fixed;top:-100px;left:10px;z-index:200;background:white;color:#12314b;padding:10px}.skip-link:focus{top:5px}.site-header{position:sticky;top:0;z-index:30;height:91px;border-bottom:1px solid var(--line);padding:0 4.2%;display:flex;align-items:center;gap:36px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-logo{width:49px;height:42px;object-fit:contain}.brand>span{font-size:22px;letter-spacing:.06em;font-weight:600;line-height:1.3}.brand small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.2em;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:13px;position:relative;padding:12px 0}.site-header nav a:after{content:"";height:1px;background:var(--accent);position:absolute;left:0;right:100%;bottom:4px;transition:right .2s}.site-header nav a:hover:after{right:0}.header-contact{min-height:40px;font-size:12px;padding:10px 17px;gap:16px}.header-contact svg{width:17px;height:17px}.menu-toggle{display:none;padding:10px;background:none;width:40px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0;width:20px}.hero-copy h1{font-size:clamp(44px,4.8vw,69px);font-weight:600;line-height:1.3}.hero-copy>p{color:var(--muted);margin:27px 0 34px;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:28px;align-items:center}.hero-actions .text-link{border:0;color:var(--ink)}
/* A · engineering portfolio */
.hero-a{display:grid;grid-template-columns:.95fr 1.15fr;gap:52px;padding-top:65px;padding-bottom:80px;align-items:center;min-height:660px}.hero-a .hero-copy{padding-top:6px}.hero-photo{align-self:stretch;position:relative;min-width:0;padding-top:4px}.hero-photo:before{content:"";position:absolute;width:4px;height:90px;background:var(--blue);left:-22px;top:6px}.hero-photo>img{height:485px;width:100%;object-fit:cover;object-position:55% center}.hero-photo figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:15px;font-size:10px;color:var(--muted)}.hero-photo figcaption span:last-child{font:9px Arial;letter-spacing:.1em}.hero-bottom{display:flex;gap:17px;margin-top:54px;font-size:11px;color:var(--muted)}.hero-bottom span+span{border-left:1px solid var(--line);padding-left:17px}.services-a{padding-top:64px;padding-bottom:100px;border-top:1px solid var(--line)}.service-rows{border-top:1px solid var(--line)}.service-rows>a,.service-rows>button{width:100%;padding:30px 0;display:grid;grid-template-columns:1fr 1.25fr 30px;gap:30px;align-items:center;text-align:left;background:none;border-bottom:1px solid var(--line)}.service-rows p{font-size:13px;color:var(--muted)}.service-name{font-size:22px;font-weight:500}.service-rows>a:hover,.service-rows>button:hover{color:var(--blue)}.projects-a{background:var(--pale);padding:95px 0}.filter-row{display:flex;gap:25px;margin:0 0 35px;flex-wrap:wrap}.filter-row button{font-size:12px;color:var(--muted);padding:8px 0;border-bottom:2px solid transparent;background:transparent}.filter-row button.active{color:var(--ink);border-color:var(--blue)}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px 42px;align-items:start}.project{padding:0;background:none;text-align:left;display:block;min-width:0}.project-large{grid-row:span 2}.project-image{position:relative;overflow:hidden;background:#e3e9ed}.project-image img{height:245px;width:100%;object-fit:cover;transition:transform .6s}.project-large .project-image img{height:560px}.project:hover .project-image img{transform:scale(1.035)}.image-open{position:absolute;right:0;bottom:0;width:45px;height:45px;background:#fff;display:grid;place-items:center;color:var(--ink)}.project-caption{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:20px}.project-caption>svg{width:20px}.project-caption span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.project-caption h3{font-size:19px;font-weight:500}.about-a{padding-top:115px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-image{position:relative}.about-image img{height:465px;width:100%;object-fit:cover}.about-image>span{font:9px Arial;letter-spacing:.15em;display:block;margin-top:16px;color:var(--muted)}.about-copy>p:not(.section-label){font-size:14px;line-height:2;color:var(--muted);margin-top:24px}.capability-line{display:flex;gap:22px;border-top:1px solid var(--line);margin:30px 0;padding-top:21px;font-size:12px}.process-section{padding-top:68px;padding-bottom:105px;border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process-grid article{border-top:1px solid var(--ink);padding-top:22px}.process-grid article>span{font-size:11px;color:var(--muted)}.process-grid h3{font-size:19px;margin:22px 0 15px}.process-grid p{font-size:13px;color:var(--muted);line-height:1.95}
/* B · precision acoustic laboratory */
.theme-b{--ink:#1b2b36;--accent:#0078b8;--muted:#647780;--line:#d9e3e8}.theme-b .site-header{height:84px}.hero-b{background:#f1f5f7;padding:65px 0 0;position:relative}.hero-b-grid{display:grid;grid-template-columns:.93fr 1.1fr;gap:70px;align-items:center}.hero-b h1{font-size:clamp(44px,4.4vw,64px);line-height:1.42}.hero-b .hero-copy>p{font-size:14px;margin-top:25px;line-height:2}.hero-b-note{margin-top:66px;border-left:2px solid var(--accent);padding-left:17px}.hero-b-note>span{display:block;font-size:11px;color:var(--muted)}.hero-b-note strong{display:block;font-size:14px;margin-top:4px;font-weight:500;letter-spacing:.13em}.lab-hero{position:relative;padding:25px 0 25px 28px}.lab-hero>img{height:410px;width:100%;object-fit:cover}.equipment-caption{display:flex;flex-direction:column;font-size:13px;background:white;padding:17px 20px;border-bottom:2px solid var(--accent);position:relative;width:86%;margin:-10px 0 0 -14px}.equipment-caption small{font-size:10px;color:var(--muted);margin-top:4px}.ruler{position:absolute;background:repeating-linear-gradient(90deg,#9bb5c1 0 1px,transparent 1px 13px);height:8px;left:28px;right:0;top:0}.ruler-side{background:repeating-linear-gradient(0deg,#9bb5c1 0 1px,transparent 1px 13px);height:auto;width:8px;top:25px;bottom:72px;left:0;right:auto}.lab-marquee{display:flex;justify-content:space-between;border-top:1px solid #d7e1e6;margin-top:50px;padding:22px 30px;font-size:12px;letter-spacing:.08em;color:#536b78}.systems-section{padding-top:98px;padding-bottom:95px}.system-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:40px}.system-tabs button{padding:21px 12px;background:white;font-size:15px;text-align:left;border-bottom:3px solid transparent;color:var(--muted)}.system-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.system-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.system-photo{background:#f1f5f7;padding:25px}.system-photo img{height:365px;width:100%;object-fit:cover}.system-category{font:10px Arial;letter-spacing:.16em;color:var(--accent)}.system-title{font-size:32px;line-height:1.45;margin:18px 0}.system-text{color:var(--muted);font-size:13px;line-height:2}.system-features{list-style:none;padding:0;margin:25px 0;font-size:12px;border-top:1px solid var(--line)}.system-features li{padding:10px 0;border-bottom:1px solid var(--line)}.system-features li:before{content:"+";margin-right:15px;color:var(--accent)}.architecture-b{padding:72px 0 80px;background:#eef4f7}.architecture-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.architecture-flow article{border-top:1px solid #b7ccd7;padding-top:20px;position:relative}.architecture-flow article>span{font:13px Arial;color:var(--accent)}.architecture-flow h3{font-size:21px;margin:25px 0 15px}.architecture-flow p{color:var(--muted);font-size:13px;line-height:2}.software-b{padding-top:110px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.software-copy>p:not(.section-label){margin-top:25px;color:var(--muted);font-size:13px;line-height:2}.software-copy dl{margin:24px 0 30px}.software-copy dl>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.software-copy dd{color:var(--muted);margin:0}.software-image{background:#edf2f5;padding:32px 22px 20px}.software-image img{width:100%;height:auto;box-shadow:0 5px 24px #213f4c14}.software-image figcaption{font-size:10px;color:var(--muted);margin-top:18px}.lab-projects{padding-top:30px;padding-bottom:95px}.lab-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.lab-gallery .project-image img{height:245px}.lab-gallery .project-caption h3{font-size:16px}.lab-company{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:35px;margin-top:65px}.lab-company strong{font-size:15px;font-weight:500}.lab-company p{color:var(--muted);font-size:12px}
/* C · sound and boundaries */
.theme-c{--ink:#0a2b36;--accent:#218a7b;--muted:#667e85;--line:#d7e4e5}.theme-c .site-header{color:#f4fbfd;background:rgba(7,29,43,.98);border-color:#25404d}.theme-c .brand small{color:#a9bec8}.theme-c .brand-logo{background:white;padding:3px}.theme-c .header-contact{background:#74ddc8;color:#092936}.hero-c{position:relative;min-height:640px;background:#071d2b;color:white;overflow:hidden}.hero-c>.wrap{position:relative;z-index:2;padding-top:105px}.hero-c h1{font-size:clamp(48px,5.7vw,82px);line-height:1.35;letter-spacing:-.045em}.hero-c h1 em{color:#78dec9}.hero-c .hero-copy>p{color:#a5b9c5;font-size:15px;margin:28px 0 35px;line-height:2}.hero-c .button{background:#78dec9;color:#092936}.hero-c .button:hover{background:#a5f1df}.hero-c-baseline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #304755;margin-top:85px;padding:22px 0;color:#a5b9c5;font-size:10px;letter-spacing:.07em}.hero-c-baseline a{display:flex;gap:25px;align-items:center}.hero-c-baseline svg{transform:rotate(90deg);width:15px}.wave-stage{position:absolute;right:-4%;top:20px;width:65%;height:540px;opacity:.85}.wave-stage canvas{width:100%;height:100%;display:block}.acoustic-boundary{position:absolute;top:9%;bottom:9%;left:63%;width:2px;background:#83e7d29e;box-shadow:0 0 24px #83e7d235}.industries-c{padding-top:110px;padding-bottom:115px}.industry-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:46px;gap:50px}.industry-tabs button{padding:18px 2px;font-size:18px;color:var(--muted);background:none;border-bottom:2px solid transparent}.industry-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink)}.industry-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.industry-en{font:10px Arial;letter-spacing:.16em;color:var(--accent)}.industry-title{font-size:33px;line-height:1.55;margin:18px 0}.industry-text{font-size:13px;line-height:2;color:var(--muted)}.industry-list{display:flex;gap:10px 20px;flex-wrap:wrap;list-style:none;padding:0;margin:25px 0 30px;font-size:11px}.industry-list li{border-bottom:1px solid var(--line);padding-bottom:8px}.industry-panel figure img{height:370px;width:100%;object-fit:cover}.industry-caption{font-size:10px;color:var(--muted);margin-top:13px}.projects-c{background:#0a2634;color:white;padding:95px 0}.projects-c .section-label{color:#78dec9}.projects-c .section-intro{color:#a2b7c1}.c-project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:38px}.c-project-grid .project:first-child{grid-row:span 2}.c-project-grid .project:first-child .project-image img{height:553px}.c-project-grid .project-image img{height:225px}.theme-c .project-caption span{color:#9bb6c0}.projects-c .project-caption h3{font-size:18px}.projects-c .image-open{background:#78dec9}.method-c{padding-top:100px;padding-bottom:105px}.method-list{border-top:1px solid var(--line)}.method-list article{display:grid;grid-template-columns:.25fr .75fr 1.4fr;gap:25px;padding:33px 0;border-bottom:1px solid var(--line);align-items:center}.method-list article>span{font:13px Arial;color:var(--accent)}.method-list h3{font-size:24px;font-weight:500}.method-list p{font-size:13px;line-height:1.95;color:var(--muted)}.company-c{background:#edf4f3;padding:80px 0}.company-c-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.company-c img{height:350px;width:100%;object-fit:cover}.company-c-grid>div>p:not(.section-label){font-size:13px;color:var(--muted);margin-top:25px;line-height:2}.company-links{display:flex;flex-direction:column;margin-top:25px;gap:10px;font-size:12px}.company-links span{border-bottom:1px solid #ccdbd8;padding-bottom:10px}
/* Contact and accessible shared UI */
.contact-section{background:#12314b;color:white;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr 155px;gap:50px;align-items:center}.contact-section .section-label{color:#84b4e3;margin-bottom:16px}.contact-section h2{font-size:39px;line-height:1.4}.contact-section p:not(.section-label){color:#b0c4d4;font-size:12px;line-height:1.9;margin-top:20px;max-width:320px}.contact-person{margin-top:35px;font-size:19px}.contact-person span{font-family:Arial;font-size:15px;margin-left:10px}.contact-person small{display:block;color:#adc1d1;font-size:10px;margin-top:7px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.contact-links .phone{font:26px/1.4 Arial;white-space:nowrap;display:flex;gap:20px;align-items:center;letter-spacing:-.02em}.contact-links .phone svg{width:21px}.contact-links .email{font:13px/1.7 Arial;margin-top:17px;word-break:break-all}.contact-button{margin-top:28px;background:white;color:#12314b;font-size:12px;min-height:43px;padding:10px 15px;gap:25px}.contact-button:hover{background:#dceaf6;color:#12314b}.contact-note{font-size:10px;color:#adc1d1;margin-top:19px}.qr img{background:white;padding:8px;width:155px;height:155px;object-fit:contain}.qr figcaption{font-size:10px;margin-top:11px;color:#c0d1dc;text-align:center}.site-footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:90px;color:var(--muted);font-size:9px}.site-footer a{display:flex;align-items:center;gap:10px}.site-footer svg{width:14px}.theme-c .contact-section{background:#071d2b}.theme-c .contact-section .section-label{color:#78dec9}.theme-c .contact-button{background:#78dec9;color:#092936}.design-switch{position:fixed;bottom:22px;left:25px;z-index:35;display:flex;align-items:center;background:#fff;border:1px solid #c9d6df;box-shadow:0 4px 20px #102d4220;padding:4px;gap:3px;border-radius:5px;color:#14364e;font-size:11px}.design-switch>a{padding:6px 12px;min-width:32px;text-align:center;border-radius:2px}.design-switch>a:first-child{border-right:1px solid var(--line);padding-right:15px}.design-switch>a[aria-current=page]{background:#14364e;color:white}.design-switch>a:hover{background:#e9f1f5;color:#14364e}.mobile-contact{display:none}dialog{border:0;padding:0;max-height:88dvh;width:min(860px,calc(100% - 32px));color:#12314b;background:white;box-shadow:0 24px 110px #0005;overflow:auto}dialog::backdrop{background:#071d2bbd;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:12px;right:12px;margin:12px 12px -56px 0;z-index:2;appearance:none;-webkit-appearance:none;border:0;background:transparent;border-radius:8px;padding:0;font-size:0;line-height:1;width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;flex-shrink:0;box-shadow:none;color:#12314b;touch-action:manipulation;transition:background-color .15s,color .15s}.dialog-close::before,.dialog-close::after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2px;background:currentColor;border-radius:1px;pointer-events:none}.dialog-close::before{transform:translate(-50%,-50%) rotate(45deg)}.dialog-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.dialog-close:focus,.dialog-close:focus-visible{outline:none;box-shadow:none}dialog.keyboard-navigation .dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-close:active{background:#e2eeeb;color:#175d58}@media(hover:hover){.dialog-close:hover{background:#edf4f2;color:#175d58}}.dialog-contact{display:grid;grid-template-columns:1fr 250px;gap:40px;padding:65px 45px 50px;align-items:center}.dialog-contact h2{font-size:34px}.dialog-contact p{color:#647582;font-size:13px;margin:15px 0 28px}.dialog-contact .dialog-phone{display:block;font:26px Arial;margin-bottom:15px}.dialog-contact .dialog-email{font:14px Arial;word-break:break-all}.dialog-contact .qr{width:230px;text-align:center}.dialog-contact .qr img{width:230px;height:230px;padding:0}.dialog-contact .qr figcaption{color:#647582}.copy-email{display:block;margin-top:22px;padding:8px 0;background:none;border-bottom:1px solid #b8c9d6;color:#0868cc;font-size:12px}.detail-cover{width:100%;height:350px;object-fit:cover}.detail-body{padding:35px 40px 45px}.detail-body .section-label{margin-bottom:10px}.detail-body h2{font-size:28px}.detail-body>p{margin:20px 0 25px;font-size:14px;line-height:2;color:#647582}.detail-body ul{font-size:13px;line-height:2;color:#647582;margin:20px 0 30px;padding-left:20px}.source-note{font-size:10px!important;color:#83939e!important}.toast{position:fixed;left:50%;bottom:85px;transform:translate(-50%,20px);padding:10px 20px;background:#12314b;color:white;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Comparison entry */
.comparison{background:#f5f7f9;--ink:#1a354a}.compare-header{display:flex;align-items:center;justify-content:space-between;margin:0 4%;height:100px;border-bottom:1px solid #dbe3e8}.compare-header>span{font-size:11px;color:#71818c}.compare-intro{display:grid;grid-template-columns:1fr 1fr;padding:65px 0 55px;gap:12px 40px}.compare-intro>p{grid-column:1/-1;font:10px Arial;letter-spacing:.17em;color:#627f91;margin-bottom:12px}.compare-intro h1{font-size:56px;line-height:1.3}.compare-intro>div{align-self:end;justify-self:end}.compare-intro>div p{font-size:13px;color:#647582;line-height:2}.compare-intro>div span{display:block;margin-top:15px;font-size:10px;color:#647582}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.compare-cover{position:relative;height:315px;overflow:hidden;background:#fff}.compare-letter{position:absolute;left:20px;top:15px;font:12px Arial;letter-spacing:.1em}.mini-copy{position:absolute;top:65px;left:22px;z-index:2;font-size:22px;font-weight:600;line-height:1.6}.compare-cover img{position:absolute;right:0;bottom:0;width:78%;height:55%;object-fit:cover;transition:transform .5s}.compare-option:hover .compare-cover img{transform:scale(1.035)}.brand-preview .compare-cover{background:white}.brand-preview .mini-copy{color:#163952}.brand-preview .compare-cover:after{content:"";position:absolute;left:23px;top:160px;width:45px;height:3px;background:#0868cc}.lab-preview .compare-cover{background:#e8f0f5}.lab-preview .compare-cover img{width:70%;height:53%;right:8%;bottom:5%}.lab-preview .mini-copy{color:#0078b8}.wave-preview .compare-cover{background:#071d2b;color:#8ce4d0}.wave-preview .compare-cover img{opacity:.7}.wave-preview .mini-copy{color:#8ce4d0}.compare-option-caption{padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.compare-option-caption span{font-size:10px;color:#728691}.compare-option-caption h2{font-size:21px;margin:8px 0;line-height:1.5}.compare-option-caption p{font-size:10px;color:#728691}.compare-option-caption>svg{width:20px}.compare-bottom{display:flex;gap:30px;border-top:1px solid #dbe3e8;padding:25px 0 50px;margin-top:25px;font-size:11px;color:#647582}.compare-bottom a:last-child{margin-left:auto;font-family:Arial}
@media(min-width:1550px){.hero-a{padding-top:85px;padding-bottom:95px;min-height:730px}.hero-photo>img{height:520px}.hero-c>.wrap{padding-top:130px}.hero-c{min-height:715px}.hero-c-baseline{margin-top:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.site-header{gap:22px;padding-inline:30px}.site-header nav{gap:20px}.brand>span{font-size:19px}.hero-a{gap:35px}.hero-copy h1{font-size:52px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.hero-photo>img{height:450px}.hero-photo figcaption span:last-child{display:none}.about-a,.industry-panel,.company-c-grid{gap:50px}.contact-grid{grid-template-columns:1fr 1fr 135px;gap:30px}.contact-section h2{font-size:32px}.contact-links .phone{font-size:22px;gap:10px}.qr img{width:135px;height:135px}.hero-b-grid{gap:30px}.hero-b h1{font-size:49px}.lab-hero>img{height:360px}.system-panel{gap:40px}.software-b{gap:40px}.lab-company{gap:22px}.compare-grid{gap:18px}.compare-cover{height:280px}.mini-copy{font-size:19px}.compare-option-caption h2{font-size:18px}.hero-c h1{font-size:65px}.hero-c .hero-copy>p{font-size:14px}}
@media(max-width:800px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}.site-header,.theme-b .site-header{height:76px;padding:0 20px;gap:15px}.brand-logo{width:40px;height:35px}.brand>span{font-size:18px}.brand small{font-size:7px}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;color:#12314b;margin:0;padding:20px;box-shadow:0 15px 25px #102d4215;flex-direction:column;gap:5px}.site-header.menu-open nav{display:flex}.site-header nav a{padding:12px}.header-contact{margin-left:auto;font-size:11px;gap:8px;min-height:36px;padding:8px 12px}.header-contact svg{width:15px}.menu-toggle{display:block;width:32px;padding:5px}.hero-a{padding-top:40px;padding-bottom:55px;grid-template-columns:1fr;gap:35px;min-height:0}.hero-copy h1{font-size:49px;line-height:1.35}.hero-a h1 br:nth-of-type(2){display:initial}.hero-copy>p{font-size:13px;margin:22px 0 25px}.hero-actions .button{font-size:12px;min-height:46px;padding:11px 18px}.hero-bottom{margin-top:28px;font-size:10px}.hero-photo{padding-left:12px}.hero-photo:before{left:0;height:65px}.hero-photo>img{height:330px}.hero-photo figcaption{font-size:9px}.section-heading{align-items:flex-start;gap:22px;flex-direction:column;margin-bottom:32px}.section-heading h2{font-size:32px}.section-label{font-size:9px;margin-bottom:13px}.section-intro{font-size:12px;max-width:420px;line-height:1.9}.services-a{padding-top:45px;padding-bottom:55px}.service-rows>a,.service-rows>button{padding:22px 0;grid-template-columns:1fr 25px;gap:9px 15px}.service-name{font-size:20px}.service-rows p{font-size:12px;grid-column:1;grid-row:2}.service-rows svg{grid-column:2;grid-row:1/3}.projects-a{padding:55px 0}.filter-row{gap:18px;margin-bottom:25px}.filter-row button{font-size:11px}.project-grid{gap:30px 20px;grid-template-columns:1fr 1fr}.project-large{grid-row:auto;grid-column:1/-1}.project-large .project-image img{height:350px}.project-image img{height:180px}.project-caption{margin-top:14px;gap:10px}.project-caption h3{font-size:15px}.project-caption span{font-size:9px}.project-caption>svg{width:17px}.about-a{padding-top:65px;padding-bottom:60px;grid-template-columns:1fr;gap:35px}.about-image img{height:330px}.about-copy>p:not(.section-label){font-size:13px;margin-top:18px}.process-section{padding:45px 0 60px}.process-grid{grid-template-columns:1fr;gap:27px}.process-grid article{padding-top:16px}.process-grid h3{margin:12px 0 10px}.process-grid p{font-size:12px}.hero-b{padding-top:40px}.hero-b-grid{grid-template-columns:1fr;gap:25px}.hero-b h1{font-size:45px}.hero-b .hero-copy>p{font-size:13px;margin:20px 0 24px}.hero-b-note{margin-top:28px}.lab-hero{padding-left:20px;padding-top:17px}.lab-hero>img{height:300px}.ruler{left:20px;height:6px}.ruler-side{left:0;width:6px;top:17px;height:auto}.lab-marquee{gap:15px;flex-wrap:wrap;font-size:10px;padding:18px 0;margin-top:28px}.systems-section{padding-top:60px;padding-bottom:60px}.system-tabs button{font-size:12px;padding:14px 8px}.system-tabs{margin-bottom:25px}.system-panel{grid-template-columns:1fr;gap:28px}.system-photo{padding:15px}.system-photo img{height:290px}.system-title{font-size:27px;margin:12px 0}.system-title br{display:none}.system-category{font-size:9px}.system-features{margin:20px 0}.architecture-b{padding:50px 0}.architecture-flow{grid-template-columns:1fr 1fr;gap:28px}.architecture-flow h3{font-size:20px;margin:18px 0 10px}.architecture-flow p{font-size:12px}.software-b{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:32px}.software-image{padding:20px 15px}.software-copy>p:not(.section-label){margin-top:20px}.lab-projects{padding-bottom:60px}.lab-gallery{grid-template-columns:1fr;gap:30px}.lab-gallery .project-image img{height:300px}.lab-gallery .project-caption h3{font-size:17px}.lab-company{grid-template-columns:1fr;gap:17px;margin-top:35px;padding-top:25px}.lab-company .text-link{justify-self:start}.hero-c{min-height:690px}.hero-c>.wrap{padding-top:65px}.hero-c h1{font-size:57px}.hero-c .hero-copy>p{font-size:13px;margin-top:22px}.wave-stage{right:-15%;width:100%;top:210px;height:350px;opacity:.55}.hero-c .hero-copy{position:relative;z-index:2}.hero-c-baseline{margin-top:220px;font-size:8px;gap:12px;padding:18px 0}.hero-c-baseline a{font-size:9px;gap:10px;white-space:nowrap}.hero-c .button{font-size:12px;gap:20px}.industries-c{padding-top:60px;padding-bottom:60px}.industry-tabs{gap:30px;margin-bottom:30px}.industry-tabs button{font-size:16px;padding:12px 1px}.industry-panel{grid-template-columns:1fr;gap:30px}.industry-title{font-size:28px;margin:12px 0}.industry-panel figure img{height:280px}.industry-list{margin:20px 0}.projects-c{padding:60px 0}.c-project-grid{grid-template-columns:1fr;gap:35px}.c-project-grid .project:first-child{grid-row:auto}.c-project-grid .project:first-child .project-image img,.c-project-grid .project-image img{height:300px}.method-c{padding-top:60px;padding-bottom:60px}.method-list article{grid-template-columns:35px 1fr;gap:10px 12px;padding:24px 0;align-items:start}.method-list article>span{padding-top:8px}.method-list h3{font-size:23px}.method-list p{grid-column:2;font-size:12px}.company-c{padding:50px 0}.company-c-grid{grid-template-columns:1fr;gap:32px}.company-c img{height:300px}.company-c h2 br{display:none}.contact-section{padding:50px 0}.contact-grid{grid-template-columns:1fr 120px;gap:35px 20px;align-items:start}.contact-grid>div:first-child{grid-column:1/-1}.contact-section h2{font-size:34px}.contact-person{margin-top:25px}.contact-section p:not(.section-label){font-size:12px}.contact-links .phone{font-size:21px;gap:8px;white-space:normal}.contact-links .phone svg{width:15px}.contact-links .email{font-size:11px;margin-top:14px}.contact-button{font-size:11px;padding:8px 10px;gap:10px;min-height:38px;margin-top:22px}.contact-note{font-size:9px;line-height:1.9}.qr img{width:120px;height:120px}.qr figcaption{font-size:8px}.site-footer{align-items:flex-start;flex-wrap:wrap;gap:13px;padding-top:20px;padding-bottom:135px;font-size:8px}.site-footer a{margin-left:auto}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr 1.5fr;background:#fff;border-top:1px solid #d4e0e8;padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -5px 25px #102d4210}.mobile-contact>a,.mobile-contact>button{font-size:12px;min-height:40px;display:grid;place-items:center;background:#eaf0f5;color:#12314b}.mobile-contact>button{background:var(--accent);color:white}.theme-c .mobile-contact>button{background:#175d58}.design-switch{left:12px;bottom:79px;padding:3px;font-size:9px}.design-switch>a{padding:4px 9px;min-width:27px}.dialog-contact{padding:65px 25px 35px;grid-template-columns:1fr;gap:30px}.dialog-contact h2{font-size:30px}.dialog-contact .qr{width:200px;justify-self:center}.dialog-contact .qr img{width:200px;height:200px}.dialog-contact .qr figcaption{font-size:11px}.dialog-contact p{margin-bottom:20px}.detail-cover{height:240px}.detail-body{padding:25px}.detail-body h2{font-size:24px}.detail-body>p{font-size:13px}.compare-header{height:80px;margin:0 20px}.compare-header>span{font-size:9px;max-width:110px;text-align:right}.compare-intro{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:22px}.compare-intro>p{font-size:9px;margin:0}.compare-intro h1{font-size:43px}.compare-intro>div{justify-self:start}.compare-intro>div p{font-size:12px}.compare-grid{grid-template-columns:1fr;gap:25px}.compare-cover{height:320px}.compare-cover img{width:65%;height:65%}.mini-copy{font-size:25px;top:60px;left:25px}.compare-option-caption{padding-top:20px}.compare-option-caption h2{font-size:22px}.compare-option-caption p{font-size:12px}.compare-bottom{flex-direction:column;gap:10px;margin-top:20px}.compare-bottom a:last-child{margin-left:0}.toast{bottom:145px;white-space:nowrap}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:14px;gap:8px}.brand{gap:8px}.brand>span{font-size:16px}.brand-logo{width:33px}.header-contact{padding-inline:9px;font-size:10px}.hero-copy h1{font-size:42px}.hero-c h1{font-size:48px}.contact-grid{grid-template-columns:1fr 100px;gap:25px 12px}.qr img{width:100px;height:100px}.contact-links .phone{font-size:18px}.contact-links .email{font-size:10px}.hero-photo>img{height:280px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-image img,.project-large .project-image img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}