html,body{max-width:100%;overflow-x:hidden}section[id]{scroll-margin-top:84px}.menu-toggle{position:relative;z-index:3;width:44px;height:44px;place-content:center}.menu-toggle span{transition:transform .28s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
@media(max-width:700px){
  :root{--mobile-gutter:18px}.shell{width:calc(100% - (var(--mobile-gutter) * 2))}.topbar{padding:8px 0;font-size:8px;letter-spacing:.16em}.site-header,.site-header.scrolled{height:68px}.nav-wrap{gap:10px}.brand img,.site-header.scrolled .brand img{width:164px;max-height:42px}.menu-toggle{display:grid;margin-left:auto}
  .site-header nav{display:flex!important;position:absolute;z-index:2;inset:68px 0 auto;height:calc(100svh - 68px);background:linear-gradient(145deg,#061528,#0b2947);padding:38px var(--mobile-gutter) 120px;margin:0;gap:0;overflow-y:auto;transform:translateX(102%);opacity:0;visibility:hidden;transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .25s,visibility .25s}.site-header nav:before{content:"NAVIGATION";font-size:8px;letter-spacing:.22em;color:var(--cyan);font-weight:900;margin-bottom:18px}.site-header nav.open{transform:none;opacity:1;visibility:visible}.site-header nav a{color:#fff;font:30px/1.15 var(--serif);padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.12)}.site-header nav a:after{display:none}.site-header nav a.current{color:var(--cyan)}body.menu-open{overflow:hidden;touch-action:none}
  .hero{height:calc(100svh - 68px);min-height:680px;max-height:820px}.hero-image{object-position:69% center;transform:scale(1.02)!important}.hero-shade{background:linear-gradient(90deg,rgba(3,17,32,.94) 0%,rgba(3,19,38,.62) 72%,rgba(3,19,38,.25)),linear-gradient(0deg,rgba(3,17,32,.78),transparent 57%)}.hero-content{padding-top:72px}.hero-content h1{font-size:clamp(46px,13.3vw,61px);line-height:.94;letter-spacing:-.055em}.hero-copy{font-size:14px;line-height:1.6;max-width:94%;margin:22px 0}.hero-actions{gap:8px}.hero-actions .btn{width:100%;max-width:245px;min-height:48px}.hero-actions .text-link{padding:11px 0}.hero-stats{width:100%;left:0;transform:none}.hero-stats div{padding:15px 18px}.hero-stats strong{font-size:27px}.hero-stats span{font-size:8px}
  .trust-strip{padding:20px 0}.trust-strip .shell>p{margin-bottom:15px}.trust-items{display:flex;overflow-x:auto;justify-content:flex-start;gap:8px;padding-bottom:5px;scrollbar-width:none}.trust-items::-webkit-scrollbar{display:none}.trust-items span{flex:0 0 auto;border:1px solid #dbe5e9;border-radius:30px;padding:9px 13px;font-size:13px;background:#fff}
  .section{padding:72px 0}.eyebrow{font-size:9px;margin-bottom:17px}h2{font-size:clamp(40px,11.5vw,50px);line-height:.95}.intro-grid,.quality-grid,.contact-card,.planner-layout,.faq-layout{gap:32px}.intro-copy .lead{font-size:20px}.intro-copy p{font-size:13px}.feature-image-wrap{height:360px;margin-top:42px;border-radius:5px}.image-note{left:12px;right:12px;bottom:12px}.image-note p{font-size:10px}
  .section-head{margin-bottom:34px}.section-head>p{font-size:12px}.service-grid{gap:10px}.service-card{padding:26px 22px;min-height:auto}.service-icon{height:63px;padding-top:18px}.service-card h3{font-size:22px;margin-top:17px}.service-card p,.service-card li{font-size:12px}.service-card:hover{transform:none}
  .detail-showcase{display:block;min-height:0;border-radius:6px}.detail-visual{min-height:440px;height:62svh;max-height:540px}.detail-caption{left:12px;right:12px;bottom:12px;text-align:center;font-size:7px;padding:12px}.detail-content{padding:36px 23px}.detail-content h2{font-size:41px}.detail-content>p:not(.eyebrow){font-size:12px}.detail-options{margin:26px 0 22px}.detail-option{min-height:56px;padding:15px 0}.detail-reading{min-height:138px}.brochure-link{font-size:9px}
  .projects{padding-bottom:60px}.filters{margin-top:25px;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;min-height:40px}.project-grid{display:flex;overflow-x:auto;gap:12px;margin-right:calc(var(--mobile-gutter) * -1);padding:0 var(--mobile-gutter) 18px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none}.project-grid::-webkit-scrollbar{display:none}.project-card,.project-tall{flex:0 0 calc(100vw - 54px);height:520px;scroll-snap-align:start}.project-card figcaption{left:21px;right:21px;bottom:23px}.project-card h3{font-size:25px}.project-card:before{opacity:1;transform:none;width:38px;height:38px;right:16px;top:16px}.swipe-hint{display:flex;align-items:center;gap:10px;margin:4px 0 0;color:#6b7d89;font-size:8px;letter-spacing:.13em;font-weight:900}.swipe-hint:before{content:"";width:35px;height:1px;background:var(--cyan)}
  .process .shell{gap:37px}.process-intro>p:not(.eyebrow){font-size:13px}.steps li{grid-template-columns:48px 1fr;padding:23px 0}.steps h3{font-size:22px}.steps p{font-size:12px}
  .planner-card{padding:28px 20px}.planner-card-head{display:block;margin-bottom:25px}.planner-card-head h3{font-size:24px;margin-bottom:8px}.planner-inputs input{font-size:16px;min-height:48px}.planner-result strong{font-size:35px}
  .solutions-head{margin-bottom:30px}.solution-tabs{scroll-snap-type:x mandatory;scrollbar-width:none}.solution-tabs::-webkit-scrollbar{display:none}.solution-tab{scroll-snap-align:start;min-height:56px}.solution-panel h3{font-size:32px}.solution-panel p{font-size:12px}.solution-specs{grid-template-columns:1fr 1fr;gap:8px}.solution-specs div{padding:15px 12px}.solution-specs strong{font-size:16px}.brochure-ribbon a{min-height:43px;display:grid;place-items:center}
  .quality{padding:72px 0;background-attachment:scroll}.quality-points>div{padding:22px}.quality-points h3{font-size:19px}.quality-points p{font-size:11px}.faq-item summary{min-height:68px;display:flex;align-items:center;padding-top:18px;padding-bottom:18px}.faq-item summary:after{top:18px}.faq-item p{font-size:12px;padding-right:5px}
  .contact{padding-bottom:95px}.contact-card{padding:34px 22px;border-radius:7px}.contact-lines a{display:flex;align-items:center;font-size:13px}.contact-form input,.contact-form select,.contact-form textarea,#quoteForm input,#quoteForm select,#quoteForm textarea{font-size:16px;min-height:46px}.contact-form .btn{min-height:50px}.footer-top{gap:35px}.footer-top>p{font-size:12px}.footer-top>div a{min-height:30px;display:flex;align-items:center}.footer-bottom{padding-bottom:85px}
  dialog:not(.project-lightbox){width:100%;max-width:none;margin:auto 0 0;padding:34px 22px calc(28px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;max-height:92svh;overflow-y:auto}dialog:not(.project-lightbox)[open]{animation:mobileSheet .32s cubic-bezier(.22,.8,.25,1)}dialog:not(.project-lightbox) h2{font-size:38px}.dialog-close{width:42px;height:42px;display:grid;place-items:center;right:10px;top:8px}.project-lightbox{inset:0;width:100%;height:100svh;max-height:none;margin:0}.project-lightbox .lightbox-grid{height:100%;grid-template-rows:52% 48%}.project-lightbox img{height:100%;min-height:0}.project-lightbox .lightbox-copy{padding:24px;min-height:0;overflow-y:auto}.project-lightbox .lightbox-copy h2{font-size:30px}.project-lightbox .lightbox-copy p{font-size:11px}.project-lightbox .lightbox-close{position:fixed}
  .mobile-quote-bar{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:54px}.whatsapp-float{bottom:calc(72px + env(safe-area-inset-bottom));right:12px}.back-top{bottom:calc(124px + env(safe-area-inset-bottom));right:12px}.toast{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}.scroll-progress{height:2px}
}
@media(max-width:390px){.brand img,.site-header.scrolled .brand img{width:148px}.hero-content{padding-top:58px}.hero-content h1{font-size:44px}.hero-copy{font-size:13px}.project-card,.project-tall{flex-basis:calc(100vw - 42px);height:490px}.detail-visual{height:450px}.solution-specs{grid-template-columns:1fr}.hero-stats div{padding:13px}}
@keyframes mobileSheet{from{transform:translateY(100%);opacity:.5}to{transform:none;opacity:1}}