html:has(.brand-site .page-jumps){scroll-padding-top:0}
/* A single, image-led navigation system for SecuClean. */
.designed-site.brand-site .header{padding:16px 24px;background:transparent;color:#132540;pointer-events:none}
.designed-site.brand-site .header.is-scrolled{background:transparent}
.designed-site.brand-site .header-inner{min-height:78px;background:white;color:#132540;border-radius:13px;padding:10px 18px 10px 23px;gap:38px;box-shadow:0 6px 32px #081a3420;pointer-events:auto}
.designed-site.brand-site .header.is-scrolled .header-inner{box-shadow:0 6px 30px #081a342b}
.designed-site.brand-site .header .brand{transform:scale(.82);margin-right:-16px;border-radius:8px}
.designed-site.brand-site .nav{gap:25px;font-size:15px}
.designed-site.brand-site .nav-group>summary{padding:8px 2px;min-height:44px;position:relative;gap:10px}
.designed-site.brand-site .nav-group>summary:after{width:6px;height:6px;opacity:.65}
.designed-site.brand-site .nav-group>summary:before{content:'';position:absolute;left:2px;right:18px;bottom:1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.designed-site.brand-site .nav-group[open]>summary:before,.designed-site.brand-site .nav-group-current>summary:before{transform:scaleX(1)}
.designed-site.brand-site .nav-group>summary:hover,.designed-site.brand-site .nav-group[open]>summary,.designed-site.brand-site .nav-group-current>summary,.designed-site.brand-site .nav-group:has(a[aria-current])>summary{color:var(--brand)}
.designed-site.brand-site .nav-contact{background:var(--brand);color:white;min-height:45px;padding:11px 24px;font-size:15px;border-radius:8px}
.designed-site.brand-site .nav-contact:hover{background:#122e56}
.designed-site.brand-site .menu-toggle{color:var(--brand)}
.designed-site.brand-site .nav-dropdown.visual-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;grid-template-columns:minmax(240px,.85fr) 2fr;gap:0;padding:14px;max-height:calc(100dvh - 130px);overflow:auto;background:#fff;color:#132540;border:1px solid #dce3ec;border-radius:13px;box-shadow:0 24px 55px #091e3c40;animation:menu-open .18s ease-out}
.designed-site.brand-site .visual-menu .menu-feature{grid-column:1;grid-row:1;position:relative;display:block;min-height:350px;max-width:none;padding:0;overflow:hidden;border:0;border-radius:7px;background:var(--brand);color:white}
.designed-site.brand-site .menu-feature>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s}
.designed-site.brand-site .menu-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b213100 10%,#102b50a0 52%,#102b50f5 100%)}
.designed-site.brand-site .menu-feature:hover>img{transform:scale(1.035)}
.designed-site.brand-site .menu-feature-copy{position:absolute;left:25px;right:25px;bottom:27px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
.designed-site.brand-site .menu-feature-copy>small{font-size:14px;line-height:1.45;margin-bottom:15px;color:#e3ecf8}
.designed-site.brand-site .menu-feature-copy>strong{font:400 clamp(25px,2.3vw,36px)/1.08 Archivo,Arial,sans-serif;letter-spacing:-.025em;max-width:300px;color:white}
.designed-site.brand-site .menu-feature-copy>span{font-size:14px;margin-top:24px;padding-bottom:3px;border-bottom:1px solid #ffffff8c;color:white}
.designed-site.brand-site .menu-directory{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 26px 18px 33px;min-width:0}
.designed-site.brand-site .menu-column{min-width:0}.designed-site.brand-site .menu-column>p{font-size:14px;line-height:1.4;color:#5f6b7b;margin:0 0 14px;padding:0 13px}
.designed-site.brand-site .menu-column>a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 13px;border:0;border-radius:6px;min-height:70px;color:#132540;transition:background .15s,color .15s}
.designed-site.brand-site .menu-column>a>span{font-size:18px;line-height:1.2;letter-spacing:-.018em}
.designed-site.brand-site .menu-column>a>small{font-size:14px;line-height:1.4;color:#617082}
.designed-site.brand-site .menu-column>a:hover,.designed-site.brand-site .menu-column>a[aria-current]{background:#eaf0f8;color:var(--brand)}
.designed-site.brand-site .menu-column>a[aria-current]{box-shadow:inset 3px 0 var(--brand)}
.designed-site.brand-site .menu-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:15px 17px 4px;font-size:14px;border-top:1px solid #dce3ec;color:#52647a}
.designed-site.brand-site .menu-bottom>a{color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.designed-site.brand-site .brand-context{border-bottom:0;padding-bottom:13px}
.designed-site.brand-site .page-jumps{position:sticky;top:118px;z-index:30;display:flex;align-items:center;gap:5px;padding:7px;margin:0 var(--edge) 16px;border:1px solid #dce3ec;border-radius:10px;background:#f3f6fa;box-shadow:0 4px 18px #0c25490a;font-size:14px}
.designed-site.brand-site .jump-label{font-size:14px;color:#52647a;margin:0 auto 0 15px;padding-right:20px}
.designed-site.brand-site .page-jumps>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 19px;line-height:1.25;color:#40536e;border-radius:6px;transition:background .15s,color .15s}
.designed-site.brand-site .page-jumps>a:hover{background:#e2e9f3;text-decoration:none}
.designed-site.brand-site .page-jumps>a[aria-current]{background:var(--brand);color:#fff}
.brand-site:has(.page-jumps) main>section[id]{scroll-margin-top:190px}
@keyframes menu-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.designed-site.brand-site .header-inner{gap:23px}.designed-site.brand-site .nav{gap:17px;font-size:14px}.designed-site.brand-site .menu-directory{gap:15px;padding:18px}.designed-site.brand-site .menu-column>a>span{font-size:17px}.designed-site.brand-site .nav-contact{padding:10px 20px}.designed-site.brand-site .menu-feature-copy{left:22px;right:22px}.designed-site.brand-site .jump-label{display:none}.designed-site.brand-site .page-jumps{justify-content:space-between}.designed-site.brand-site .page-jumps>a{flex:1}}
@media(max-width:1000px){.designed-site.brand-site .header{padding:12px 18px}.designed-site.brand-site .header-inner{min-height:72px;padding:8px 12px 8px 19px;gap:15px}.designed-site.brand-site .nav{position:absolute;top:calc(100% + 9px);left:0;right:0;padding:14px 23px;gap:0;background:white;border:1px solid #dce3ec;box-shadow:0 20px 50px #0d213e40;border-radius:12px;max-height:calc(100dvh - 120px);overflow:auto;color:var(--ink)}
.designed-site.brand-site .nav-group>summary{font-size:24px;line-height:1.2;padding:22px 0;border-bottom:1px solid #dce3ec;justify-content:space-between;min-height:70px}
.designed-site.brand-site .nav-group>summary:before{display:none}.designed-site.brand-site .nav-group>summary:after{width:8px;height:8px;margin-right:5px}
.designed-site.brand-site .nav-dropdown.visual-menu{position:static;grid-template-columns:1fr;box-shadow:none;border:0;border-radius:0;padding:19px 0 22px;max-height:none;overflow:visible;animation:none;gap:20px}
.designed-site.brand-site .visual-menu .menu-feature{min-height:175px;grid-column:1;grid-row:auto;border-radius:7px}
.designed-site.brand-site .menu-feature>img{object-position:center 40%}
.designed-site.brand-site .menu-feature:after{background:linear-gradient(90deg,#102b50ea 0%,#102b5099 55%,#102b5022 100%)}
.designed-site.brand-site .menu-feature-copy{left:23px;right:23px;bottom:22px}.designed-site.brand-site .menu-feature-copy>small{display:none}.designed-site.brand-site .menu-feature-copy>strong{font-size:29px;max-width:320px}.designed-site.brand-site .menu-feature-copy>span{margin-top:15px}
.designed-site.brand-site .menu-directory{padding:0;gap:20px}.designed-site.brand-site .menu-column>p{padding:0;font-size:14px;margin:0 0 10px}.designed-site.brand-site .menu-column>a{padding:12px 10px 12px 0;min-height:73px;border-bottom:1px solid #e3e8f0;border-radius:0}.designed-site.brand-site .menu-column>a[aria-current]{box-shadow:none;color:var(--brand);background:#eaf0f8;padding-left:10px}.designed-site.brand-site .menu-column>a>span{font-size:18px}.designed-site.brand-site .menu-column>a>small{font-size:14px}
.designed-site.brand-site .menu-bottom{margin:0;padding:18px 0 0;gap:15px}.designed-site.brand-site .menu-bottom>span{display:none}.designed-site.brand-site .page-jumps{top:104px}.brand-site:has(.page-jumps) main>section[id]{scroll-margin-top:177px}}
@media(max-width:600px){.designed-site.brand-site .header{padding:10px 12px}.designed-site.brand-site .header-inner{min-height:66px;padding:7px 9px 7px 14px;border-radius:10px;gap:10px}.designed-site.brand-site .header .brand{transform:scale(.8);margin-right:-17px}.designed-site.brand-site .nav-contact{min-height:40px;padding:9px 18px;font-size:14px;border-radius:7px}.designed-site.brand-site .nav{padding:5px 20px 17px;max-height:calc(100dvh - 108px)}.designed-site.brand-site .nav-group>summary{font-size:23px;padding:20px 0;min-height:65px}.designed-site.brand-site .menu-directory{grid-template-columns:1fr;gap:27px}.designed-site.brand-site .menu-column>a{padding:14px 10px;min-height:72px}.designed-site.brand-site .menu-column>p{padding:0 10px}.designed-site.brand-site .menu-column>a>span{font-size:21px}.designed-site.brand-site .menu-feature-copy>strong{font-size:28px}.designed-site.brand-site .visual-menu .menu-feature{min-height:178px}.designed-site.brand-site .page-jumps{top:97px;margin:0 16px 12px;padding:5px;gap:4px;display:grid;grid-template-columns:1fr 1fr}.designed-site.brand-site .page-jumps>a{padding:10px 8px;font-size:14px;min-height:38px}.brand-site:has(.page-jumps) main>section[id]{scroll-margin-top:204px}}
@media(prefers-reduced-motion:reduce){.brand-site .visual-menu,.brand-site .menu-feature>img,.brand-site .nav-group>summary:before,.brand-site .menu-column>a,.brand-site .page-jumps>a{animation:none!important;transition:none!important}}
