.mobile-home,.mobile-header-phone{display:none}
@media(max-width:760px){
 body{padding-bottom:78px!important;background:#fff;color:#081c4b}
 body>.subnav,body>section,body>.footer{display:none!important}
 .mobile-home{display:block;background:#fff;font-family:Arial,'Noto Sans KR',sans-serif;letter-spacing:-.035em}
 .topbar{background:#f5f8fb!important}.topbar .inner{justify-content:flex-start!important;padding:7px 18px 3px!important}.topbar .inner span{color:#8293a8!important;text-align:left!important;font-size:11px!important}.topbar .cc-topbar-tel{display:none!important}
 .header{position:relative!important;top:auto!important;background:#f5f8fb!important;border:0!important;box-shadow:none!important;padding:0 12px 0!important}
 .header .inner{display:flex!important;flex-wrap:wrap;gap:8px!important;padding:9px 12px!important;background:#fff;border-radius:18px;box-shadow:0 10px 28px rgba(24,80,143,.08);min-height:65px}
 .header .logo{display:flex;align-items:center;width:43%;height:46px;overflow:hidden}.header .brand-logo-img{width:180px!important;max-width:none!important;height:auto!important;object-fit:contain}
 .mobile-header-phone{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;padding:9px 10px;border-radius:30px;background:#eff6ff;color:#0868ed;font-weight:900;font-size:13px;white-space:nowrap}
 .mobile-menu-btn{order:3;background:transparent!important;color:#071b4b!important;box-shadow:none!important;border-radius:0!important;padding:8px 4px!important;font-size:0!important;width:28px;height:38px;justify-content:center}
 .mobile-menu-btn .hamburger-lines,.mobile-menu-btn .hamburger-lines:before,.mobile-menu-btn .hamburger-lines:after{background:#071b4b!important;width:23px;height:2px}.mobile-menu-btn .hamburger-lines:before{top:-7px}.mobile-menu-btn .hamburger-lines:after{top:7px}
 .header .nav{order:4;flex-basis:100%;margin:0!important}.mobile-menu-toggle:checked~.nav{display:grid!important}
 .mh-hero{height:275px;background:linear-gradient(90deg,rgba(238,248,255,.98) 0%,rgba(238,248,255,.92) 39%,rgba(238,248,255,.10) 85%),url('/assets/img/busan/03_busan_office.jpg') center right/cover no-repeat;position:relative}.mh-hero-copy{padding:31px 22px}.mh-places{font-size:13px;color:#38597a;font-weight:700;margin:0 0 13px}.mh-hero h1{font-size:32px;line-height:1.15;letter-spacing:-.07em;margin:0 0 14px;font-weight:900;color:#091b50}.mh-hero h1 em{font-style:normal;color:#0870f3}.mh-hero-copy>p:last-child{font-size:13px;line-height:1.65;color:#3d5c77;margin:0;font-weight:600}
 .mh-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 20px;margin-top:-12px;position:relative;background:linear-gradient(180deg,transparent,#eff8ff 25%,#eff8ff 100%)}.mh-services a{min-width:0;min-height:124px;padding:13px 5px 9px;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(47,102,158,.07);border:1px solid #e9f1f9;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.mh-icon{display:block;height:48px;color:#0972f9;font-size:42px;font-weight:900;line-height:1}.mh-services strong{display:block;color:#0b1a43;font-size:15px;white-space:nowrap;margin:3px 0 4px;font-weight:900}.mh-services small{font-size:11px;color:#526d87;line-height:1.35;font-weight:600;letter-spacing:-.05em}
 .mh-feature{position:relative;min-height:232px;background:linear-gradient(90deg,rgba(246,251,255,.97),rgba(246,251,255,.78) 40%,transparent 72%),url('/assets/img/busan/08_busan_floor_machine.jpg') center right/cover no-repeat;padding:32px 23px}.mh-feature h2,.mh-area h2,.mh-faq h2{font-size:25px;line-height:1.2;letter-spacing:-.065em;margin:12px 0;font-weight:900;color:#081b4a}.mh-feature p{font-size:13px;line-height:1.6;color:#3d5872;margin:0;font-weight:600}.mh-eyebrow{color:#0774f5;font-size:10px;font-weight:900;letter-spacing:.13em;border-left:3px solid #0877fa;padding-left:8px}.mh-image-note{position:absolute;right:15px;bottom:12px;border-radius:30px;background:rgba(255,255,255,.86);font-size:10px;color:#536b83;padding:5px 8px}
 .mh-cases{padding:18px;margin:0;background:#fff}.mh-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#f2f7fc;border-radius:14px;padding:4px;overflow:hidden}.mh-tabs button{border:0;background:transparent;color:#55708c;font-size:11px;line-height:1.2;font-weight:800;border-radius:12px;padding:10px 2px;white-space:nowrap;cursor:pointer}.mh-tabs button.active{background:#086cf0;color:#fff}.mh-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.mh-case-grid a{background:#fff;border:1px solid #edf2f7;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(15,56,102,.06)}.mh-case-grid img{display:block;width:100%;height:100px;object-fit:cover}.mh-case-grid a>div{padding:9px 8px;display:flex;justify-content:space-between;align-items:center;gap:3px}.mh-case-grid strong{font-size:11px;color:#112348;white-space:nowrap}.mh-case-grid span{font-size:9px;color:#667f9b;background:#f3f7fb;padding:4px;border-radius:20px;white-space:nowrap}
 .mh-area{position:relative;overflow:hidden;padding:20px 20px 17px}.mh-area:before{content:'📍';position:absolute;right:15px;top:8px;font-size:74px;opacity:.14}.mh-area p{font-size:12px;color:#536d86;margin:0 0 16px;line-height:1.5}.mh-area-links{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mh-area-links a{min-width:0;text-align:center;border:1px solid #e6eef7;border-radius:30px;padding:8px 0;color:#526b82;font-weight:800;font-size:11px;box-shadow:0 4px 13px rgba(15,56,102,.04)}.mh-area-links a.active{background:#086df0;color:#fff;border-color:#086df0}
 .mh-faq{padding:10px 20px 18px}.mh-faq h2{margin-bottom:10px}.mh-faq details{border:1px solid #e6eff8;border-radius:15px;background:#fff;box-shadow:0 5px 15px rgba(28,73,122,.05);margin-bottom:7px}.mh-faq summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 14px;color:#17264a;font-size:13px;font-weight:800;cursor:pointer}.mh-faq summary::-webkit-details-marker{display:none}.mh-faq summary:after{content:'⌄';margin-left:auto;font-size:20px;line-height:1}.mh-faq summary span{color:#0872f7;font-size:20px}.mh-faq details p{padding:0 15px 14px 45px;font-size:12px;line-height:1.6;color:#5c7088;margin:0}
 .mh-contact{margin:0 20px 15px;padding:20px;border-radius:13px;background:linear-gradient(120deg,#0864e5,#278ef4);color:#fff;display:grid;grid-template-columns:1fr auto;gap:0 8px}.mh-contact small{font-size:11px;opacity:.8}.mh-contact h2{font-size:19px;line-height:1.3;letter-spacing:-.06em;margin:5px 0 0;color:#fff}.mh-contact a{font-size:18px;font-weight:900;white-space:nowrap;align-self:center;color:#fff}.mh-contact p{grid-column:2;margin:5px 0 0;font-size:10px;line-height:1.45;opacity:.9}
 .mh-footer{display:flex;align-items:center;gap:10px;padding:8px 20px 14px;color:#68809a;font-size:10px;border-top:1px solid #eaf0f6}.mh-footer img{width:44px;height:28px;object-fit:cover;object-position:top}.mh-footer a{margin-left:auto}.mh-footer span{white-space:nowrap}
 .mobile-bottom-cta{left:0!important;right:0!important;bottom:0!important;border-radius:0!important;border:0!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;grid-template-columns:1fr 1fr!important;gap:7px!important;box-shadow:0 -6px 24px rgba(14,49,92,.12)!important}.mobile-bottom-btn{height:42px!important;border-radius:13px!important;color:#fff!important}.mobile-bottom-btn.cc-call{background:linear-gradient(90deg,#08aa79,#0bd295)!important}.mobile-bottom-btn.main{background:linear-gradient(90deg,#075de0,#127dff)!important}
}
@media(max-width:380px){.mobile-header-phone{font-size:11px;padding:8px}.header .brand-logo-img{width:150px!important}.mh-services strong{font-size:13px}.mh-contact a{font-size:15px}.mh-area-links a{font-size:10px}}
@media(max-width:760px){
 .header .logo{width:auto;min-width:0;flex:1;gap:7px;overflow:visible}
 .header .logo img{display:none!important}
 .header .logo:before{content:'';display:block;flex:0 0 47px;width:47px;height:42px;background:url('/assets/img/brand/logo-symbol.png') center/contain no-repeat}
 .header .logo:after{content:'체인지 종합청소';display:block;color:#081b4b;font-size:14px;font-weight:900;letter-spacing:-.075em;white-space:nowrap}
}
@media(max-width:380px){.header .logo:before{flex-basis:39px;width:39px}.header .logo:after{font-size:12px}}
/* Mobile header and interactions */
@media(max-width:760px){
 .topbar{display:none!important}
 .header{padding:10px 12px 8px!important}
 .header .inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto 28px!important;grid-template-rows:48px auto;align-items:center!important;column-gap:7px!important;row-gap:0!important;width:100%!important;min-height:66px!important;padding:8px 11px!important;border-radius:17px}
 .header .logo{grid-column:1;grid-row:1;width:auto!important;height:46px;min-width:0;justify-self:start;gap:5px}
 .header .logo:before{flex-basis:39px;width:39px;height:39px}
 .header .logo:after{font-size:clamp(11px,3vw,14px)}
 .mobile-header-phone{grid-column:2;grid-row:1;margin:0!important;padding:9px 11px;font-size:12px;position:relative;isolation:isolate;box-shadow:0 0 0 0 rgba(7,112,244,.25);animation:mh-phone-glow 2.8s ease-in-out infinite}
 .mobile-header-phone:before{content:'';position:absolute;inset:-3px;border:1px solid rgba(8,111,244,.35);border-radius:inherit;animation:mh-phone-ring 2.8s ease-out infinite;pointer-events:none}
 .mobile-menu-btn{grid-column:3;grid-row:1;width:28px!important;height:38px;min-width:28px;justify-self:end;margin:0!important;padding:6px 2px!important}
 .header .nav{grid-column:1/-1;grid-row:2;margin-top:7px!important;flex-basis:auto;width:100%!important}
 .mobile-menu-toggle:checked~.mobile-menu-btn .hamburger-lines{background:transparent!important}
 .mobile-menu-toggle:checked~.mobile-menu-btn .hamburger-lines:before{top:0;transform:rotate(45deg)}
 .mobile-menu-toggle:checked~.mobile-menu-btn .hamburger-lines:after{top:0;transform:rotate(-45deg)}
 .mobile-menu-btn .hamburger-lines:before,.mobile-menu-btn .hamburger-lines:after{transition:transform .25s ease,top .25s ease}
 .mh-hero-copy{animation:mh-rise .65s cubic-bezier(.2,.8,.2,1) both}
 .mh-services a{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:mh-rise .55s cubic-bezier(.2,.8,.2,1) both}
 .mh-services a:nth-child(1){animation-delay:.1s}.mh-services a:nth-child(2){animation-delay:.17s}.mh-services a:nth-child(3){animation-delay:.24s}.mh-services a:nth-child(4){animation-delay:.31s}.mh-services a:nth-child(5){animation-delay:.38s}.mh-services a:nth-child(6){animation-delay:.45s}
 .mh-services a:active,.mh-case-grid a:active,.mh-area-links a:active{transform:scale(.96)}
 .mh-services a:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(12,105,230,.14);border-color:#c8e1ff}
 .mh-tabs button{transition:background .25s ease,color .25s ease,transform .2s ease}.mh-tabs button:active{transform:scale(.96)}
 .mh-case-grid a{transition:transform .25s ease,box-shadow .25s ease}.mh-case-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(12,80,160,.14)}
 .mh-case-grid img{transition:transform .35s ease,opacity .25s ease}.mh-case-grid a:hover img{transform:scale(1.04)}.mh-case-grid.is-switching img{opacity:.35}
 .mh-faq summary:after{transition:transform .25s ease}.mh-faq details[open] summary:after{transform:rotate(180deg)}.mh-faq details[open] p{animation:mh-rise .25s ease both}
 .mobile-bottom-btn.cc-call{position:relative;overflow:hidden;box-shadow:0 5px 16px rgba(0,179,119,.23);animation:mh-call-breathe 2.7s ease-in-out infinite}
 .mobile-bottom-btn.cc-call:after{content:'';position:absolute;inset:0 auto 0 -50%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:mh-call-shine 4s ease-in-out infinite;pointer-events:none}
 .mobile-bottom-btn.cc-call svg{animation:mh-phone-wiggle 3.5s ease-in-out infinite;transform-origin:center}
 .mobile-bottom-btn.main,.mh-contact a{transition:transform .2s ease,filter .2s ease}.mobile-bottom-btn:active,.mh-contact a:active{transform:scale(.96);filter:brightness(.95)}
 .mh-reveal.is-pending{opacity:0;transform:translateY(18px)}.mh-reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
}
@media(max-width:380px){.header .inner{grid-template-columns:minmax(0,1fr) auto 26px!important;padding:7px 8px!important;column-gap:4px!important}.header .logo:before{flex-basis:33px;width:33px;height:36px}.header .logo:after{font-size:11px}.mobile-header-phone{font-size:10px;padding:8px 7px}}
@keyframes mh-phone-glow{0%,100%{box-shadow:0 0 0 0 rgba(7,112,244,.20)}50%{box-shadow:0 0 0 5px rgba(7,112,244,0)}}
@keyframes mh-phone-ring{0%{opacity:.8;transform:scale(1)}65%,100%{opacity:0;transform:scale(1.12)}}
@keyframes mh-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes mh-call-breathe{0%,100%{box-shadow:0 5px 16px rgba(0,179,119,.23)}50%{box-shadow:0 5px 23px rgba(0,194,129,.52)}}
@keyframes mh-call-shine{0%,68%{left:-50%}90%,100%{left:120%}}
@keyframes mh-phone-wiggle{0%,79%,100%{transform:rotate(0)}82%,88%{transform:rotate(-13deg)}85%,91%{transform:rotate(13deg)}}
@media(prefers-reduced-motion:reduce){.mobile-header-phone,.mobile-header-phone:before,.mh-hero-copy,.mh-services a,.mobile-bottom-btn.cc-call,.mobile-bottom-btn.cc-call:after,.mobile-bottom-btn.cc-call svg{animation:none!important}.mh-reveal.is-pending{opacity:1;transform:none}.mh-reveal.is-visible{transition:none}}
/* Feedback follows the action: navigation, selection, disclosure and touch. */
@media(max-width:760px){
 .header .nav,.mobile-menu-toggle:checked~.nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:hidden!important;max-height:0;opacity:0;visibility:hidden;padding:0 14px!important;margin-top:0!important;border-width:0!important;transform:translateY(-6px);transition:max-height .3s ease,opacity .2s ease,transform .3s ease,padding .3s ease,margin .3s ease,visibility .3s}
 .mobile-menu-toggle:checked~.nav{max-height:420px;opacity:1;visibility:visible;padding:14px!important;margin-top:7px!important;transform:translateY(0)}
 .mh-faq details{overflow:hidden;transition:border-color .2s,background .2s}
 .mh-faq details[open]{border-color:#bddcff;background:#fafdff}
 .mh-faq details[data-expanded="false"] summary:after{transform:rotate(0)}
 .mh-services a,.mh-area-links a,.mh-tabs button{position:relative;overflow:hidden;isolation:isolate}
 .mh-tap-ripple{position:absolute;width:220px;height:220px;border-radius:50%;background:currentColor;color:#389bff;pointer-events:none;z-index:2}
 .mobile-bottom-btn .mh-tap-ripple{color:#fff}
 .mh-services a{animation-fill-mode:backwards}
 .mh-services a:active .mh-icon{transform:translateY(-3px) scale(1.1)}
 .mh-icon{transition:transform .2s ease}
 .mobile-home a:focus-visible,.mobile-home button:focus-visible,.mobile-menu-btn:focus-visible,.mobile-header-phone:focus-visible{outline:3px solid #79b7ff;outline-offset:3px}
}
@media(hover:none){.mh-services a:hover,.mh-case-grid a:hover{transform:none}.mh-case-grid a:hover img{transform:none}.mh-services a:active,.mh-case-grid a:active{transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.mobile-home *,.mobile-home *:before,.mobile-home *:after,.header .nav,.mobile-menu-btn *,.mobile-menu-btn *:before,.mobile-menu-btn *:after,.mobile-bottom-btn{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Sequential icon impact: pop, land, shake, settle. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .mh-services a{animation:none}
 .mh-services .mh-icon{position:relative;transform-origin:50% 75%;overflow:visible}
 .mh-impact-ready .mh-icon{opacity:0}
 .mh-impact-play .mh-icon{animation:mh-icon-impact 820ms var(--impact-delay,0ms) both}
 .mh-impact-play .mh-icon:after{content:'';position:absolute;left:50%;top:50%;width:52px;height:52px;border:2px solid #3594ff;border-radius:50%;pointer-events:none;animation:mh-impact-wave 550ms calc(var(--impact-delay,0ms) + 190ms) both}
}
@keyframes mh-icon-impact{
 0%{opacity:0;transform:translateY(-22px) scale(.25) rotate(-18deg)}
 24%{opacity:1;transform:translateY(3px) scale(1.3,.85) rotate(7deg)}
 40%{opacity:1;transform:translateY(-7px) scale(.95,1.18) rotate(-12deg)}
 56%{transform:translateY(1px) scale(1.08,.96) rotate(10deg)}
 70%{transform:translateY(-2px) scale(1.04) rotate(-7deg)}
 83%{transform:translateY(0) scale(1.02) rotate(4deg)}
 100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
@keyframes mh-impact-wave{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
 15%{opacity:.65}
 100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}
}