/* Integration layer: original PC artwork and section styling are retained. */
header .brand{display:flex;align-items:center;gap:10px;min-width:0}
header .brand>img{width:150px;height:58px;object-fit:contain}
header .brand>img.sigan-logo{width:45px;height:45px;mix-blend-mode:normal}
.brand-separator{width:1px;height:27px;background:#cbd6d5;flex-shrink:0}
.mobile-landing,.mobile-dock,.mobile-menu-toggle,.header-phone-icon{display:none}
.details-page main{padding-top:82px}
.registration-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.registration-grid>div{min-width:0}
#registration-box.registration-box{display:block;padding:0;min-height:0;width:100%;overflow:visible;align-self:start}
#registration-box iframe{display:block;width:100%;max-width:100%;min-height:0;border:0;background:white}
.project-footer{clear:both}
.mobile-panel{margin:0;padding:0;background:#f7f5ef}
.mobile-panel img{display:block;width:100%;height:auto;max-width:100%}
.mobile-panel a{display:block}
.mobile-panel.is-revealing{animation:mobile-reveal .65s ease both}
@keyframes mobile-reveal{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
:focus-visible{outline:3px solid #be9a59;outline-offset:4px}
@media(max-width:1023px){
 html{scroll-padding-top:76px}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
 header{height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:76px;padding:0 16px;gap:12px;align-items:center;background:#fff;border-bottom:1px solid #d9e1df;z-index:40}
 header .mobile-menu-toggle{display:flex;grid-column:1;grid-row:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;padding:0;color:#242d2b}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 header .brand{grid-column:2;grid-row:1;align-self:center;justify-self:center;gap:8px;max-width:100%}
 header .brand>img{width:110px;height:45px;min-width:0}
 header .brand>img.sigan-logo{width:37px;height:37px;flex-shrink:0}
 .brand-separator{height:24px}
 header .header-phone{position:static;grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;padding:11px;gap:0;border:0;border-radius:50%;background:#153f3a;color:white}
 header .header-phone strong{display:none}
 header .header-phone-icon{display:block;width:22px;height:22px;flex:none}
 header #main-navigation{display:none;position:absolute;top:100%;left:0;right:0;width:auto;max-height:calc(100dvh - 76px - 70px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;grid-column:auto;grid-row:auto;padding:12px 24px 20px;margin:0;gap:0;background:white;border-bottom:1px solid #d9e1df;box-shadow:0 12px 18px #00000008}
 header #main-navigation.is-open{display:grid;grid-template-columns:1fr}
 header #main-navigation a{display:block;padding:14px 8px;border-bottom:1px solid #dddcd5;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap}
 header #main-navigation a:last-child{border-bottom:0}
 header #main-navigation a:hover,header #main-navigation a.active{background:#f7f6f2;color:#176b70}
 header #main-navigation a.active:after{display:none}
 .landing-page main>.hero,.landing-page main>#overview,.landing-page main>#location,.landing-page main>#product{display:none}
 .mobile-landing{display:block;padding-top:76px;max-width:720px;margin:0 auto}
 .details-page main{padding-top:76px}
 .details-page .section{height:auto;min-height:0}
 #registration.registration{display:block;min-height:0;padding:0;background:#003d3c}
 #registration>.section-top,#registration .registration-grid>div:first-child{display:none}
 #registration .registration-grid{display:block;min-height:0;width:100%;max-width:720px;margin:0 auto;padding:0}
 #registration-box.registration-box{padding:0;min-height:0;margin:0;background:white}
 .project-footer{padding:38px 20px 45px}
 .footer-brand h2{font-size:23px;padding-right:0}
 .project-footer a.footer-top{position:static;display:inline-block;margin-top:20px}
 .project-footer .footer-details>div{grid-template-columns:65px minmax(0,1fr);font-size:12px;gap:8px}
 .mobile-dock{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#0c282b;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -3px 16px #001c2326}
 .mobile-dock>a{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:70px;color:white;font-size:clamp(15px,4vw,20px);font-weight:750;white-space:nowrap}
 .dock-registration{background:#176b70}.dock-phone{background:#182d34}
 .mobile-dock svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
 .dock-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:min(196px,calc(50vw - 8px));max-width:calc(50vw - 8px);min-height:58px;display:flex;align-items:center;justify-content:center;padding:16px 8px;background:#B84E43;border-radius:9px;text-align:center;font-size:clamp(18px,5vw,22px);font-weight:800;line-height:1.3;box-shadow:0 3px 10px #0002;animation:bubble-colour 1.6s steps(1,end) infinite}
 .dock-bubble:after{content:'';position:absolute;top:100%;left:calc(50% - 6px);border:6px solid transparent;border-top-color:#B84E43}
 body:has(#viewer[open]) .mobile-dock{visibility:hidden}
}
@media(max-width:359px){header{padding:0 12px;gap:8px}header .brand>img{width:100px}header .brand>img.sigan-logo{width:33px}.mobile-dock>a{gap:6px}}
@keyframes bubble-colour{0%,100%{color:#fff}50%{color:#ffe76e}}
@media(prefers-reduced-motion:reduce){.mobile-panel.is-revealing{animation:none}.dock-bubble{animation:none;color:#ffe76e}html{scroll-behavior:auto}.mobile-menu-toggle span{transition:none}}