/* V12.7: full-width main visual; consistent lower-page width and type scale. */
:root{--wiz-page-width:min(1520px,calc(100vw - 96px))}
.header-inner{width:var(--wiz-page-width);max-width:none;margin-inline:auto}
#footer .container{width:var(--wiz-page-width);max-width:none}
body[data-page="home"]{--clone-px:calc(100vw / 1570);--home-body:18px;--home-card-title:22px;--home-section-title:46px;--home-action:18px;--home-detail:16px}
body[data-page="home"] #main .container{width:var(--wiz-page-width);max-width:none;margin-inline:auto}
body[data-page="home"] .clone-hero,
body[data-page="home"] .clone-service-strip{width:100%;margin-inline:0}
body[data-page="home"] .clone-service-inner{width:var(--wiz-page-width);max-width:none;gap:24px;padding-inline:28px}
body[data-page="home"] .clone-banners{--clone-px:calc(var(--wiz-page-width) / 1390);padding:24px 0}
body[data-page="home"] .clone-banner-grid{width:var(--wiz-page-width);gap:24px}
body[data-page="home"] .clone-banner{height:auto;min-height:208px;padding:22px 26px}
body[data-page="home"] .clone-banner h2{font-size:var(--home-card-title);line-height:1.35}
body[data-page="home"] .clone-banner p{font-size:var(--home-body);line-height:1.5;margin-top:6px}
body[data-page="home"] .clone-banner-link{font-size:var(--home-detail);line-height:1.5;margin-top:12px}
body[data-page="home"] .clone-description{font-size:var(--home-body);line-height:1.55;white-space:normal}
body[data-page="home"] .clone-benefits span{font-size:var(--home-detail);line-height:1.35}
body[data-page="home"] .clone-actions .clone-button{font-size:var(--home-action)}
body[data-page="home"] .clone-service-inner p{font-size:var(--home-detail);line-height:1.5}
body[data-page="home"] .clone-service-inner strong{font-size:var(--home-body)}
body[data-page="home"] :is(.section-head h2,.story-heading h2,.service-region .region-copy h2,.faq-layout h2,.closing-section h2){font-size:var(--home-section-title);line-height:1.35}
body[data-page="home"] :is(.section-description p,.section-head p:not(.section-context),.story-heading>p,.story-copy>p,.region-copy>p,.faq-layout .intro-copy,.closing-section p:not(.closing-note)){font-size:var(--home-body);line-height:1.75}
body[data-page="home"] :is(.section-context,.sample-note){font-size:13px;line-height:1.75}
body[data-page="home"] :is(.text-link,.workspace-choice span,.workspace-title p,.story-feature p,.journey-step p,.value-item p,.case-card p,.faq-layout details>p){font-size:var(--home-detail);line-height:1.65}
body[data-page="home"] :is(.workspace-title h2,.story-feature h3,.story-feature h4,.journey-step h3,.case-card h3){font-size:var(--home-card-title);line-height:1.4}
body[data-page="home"] :is(.workspace-choice strong,.value-item b,.faq-layout summary){font-size:var(--home-body)}
body[data-page="home"] #main .btn{font-size:var(--home-action);min-height:54px}
body[data-page="home"] #home-products .product-info h3{font-size:var(--home-card-title);line-height:1.4}
body[data-page="home"] :is(.maker,.specs,.card-quota,.price-label,.price strong small){font-size:14px;line-height:1.65}
body[data-page="home"] .price strong{font-size:30px}
body[data-page="home"] .product-bottom .btn{font-size:var(--home-detail)}
body[data-page="home"] .tabs .chip{font-size:var(--home-detail)}
@media(min-width:761px) and (max-width:1180px){
 :root{--wiz-page-width:calc(100vw - 64px)}
 body[data-page="home"]{--home-body:16px;--home-detail:14px;--home-action:16px;--home-section-title:36px;--home-card-title:20px}
 body[data-page="home"] .clone-description{font-size:calc(var(--clone-px) * 21);line-height:1.45}
 body[data-page="home"] .clone-benefits span{font-size:calc(var(--clone-px) * 17)}
 body[data-page="home"] .clone-actions .clone-button{font-size:calc(var(--clone-px) * 21)}
 body[data-page="home"] .clone-service-inner{gap:16px;padding-inline:16px}
 body[data-page="home"] .clone-service-inner p{font-size:13px}
 body[data-page="home"] .clone-service-inner strong{font-size:15px}
 body[data-page="home"] .clone-banner-grid{gap:16px}
 body[data-page="home"] .clone-banner{padding:20px;min-height:208px}
 body[data-page="home"] .clone-banner-art{left:48%}
 body[data-page="home"] .clone-banner p{font-size:14px}
}
@media(max-width:760px){
 :root{--wiz-page-width:calc(100vw - 40px)}
 .header-inner{width:var(--wiz-page-width);margin-inline:auto}
 body[data-page="home"]{--clone-px:1px;--home-body:15px;--home-detail:14px;--home-action:15px;--home-section-title:30px;--home-card-title:20px}
 body[data-page="home"] .clone-heading-group{padding:26px 20px 18px}
 body[data-page="home"] .clone-heading-group h1{font-size:clamp(26px,calc((100vw - 40px) * .106),48px)}
 body[data-page="home"] .clone-description{margin-top:16px}
 body[data-page="home"] .clone-hero-original{height:calc(100vw * 647 / 850)}
 body[data-page="home"] .clone-hero-original>img{top:calc(100vw * -83 / 850)}
 body[data-page="home"] .clone-benefits{margin:16px 16px 0;gap:6px}
 body[data-page="home"] .clone-benefits li{height:104px;padding:5px 2px}
 body[data-page="home"] .clone-benefits span{font-size:12px;line-height:1.35}
 body[data-page="home"] .clone-actions{margin:16px 16px 24px;gap:10px}
 body[data-page="home"] .clone-actions .clone-button{height:54px;gap:8px}
 body[data-page="home"] .clone-service-strip{padding:10px 16px}
 body[data-page="home"] .clone-service-inner{padding:0;gap:0}
 body[data-page="home"] .clone-service-inner p{font-size:14px}
 body[data-page="home"] .clone-service-inner strong{font-size:16px}
 body[data-page="home"] .clone-banners{padding:20px 0}
 body[data-page="home"] .clone-banner-grid{gap:14px}
 body[data-page="home"] .clone-banner{min-height:190px;padding:20px}
 body[data-page="home"] .clone-banner p{font-size:var(--home-body)}
 body[data-page="home"] :is(.maker,.specs,.card-quota,.price-label,.price strong small){font-size:13px}
 body[data-page="home"] .section-head{gap:24px}
}
@media(max-width:360px){
 :root{--wiz-page-width:calc(100vw - 32px)}
 .header-inner{margin-inline:auto}
 body[data-page="home"] .clone-benefits li{height:110px}
 body[data-page="home"] .clone-actions{margin-inline:12px;gap:8px}
 body[data-page="home"] .clone-actions .clone-button{font-size:14px;gap:6px}
 body[data-page="home"] .clone-banner{padding:18px}
}

/* Keep three-line benefit labels inside their cards at compact desktop widths. */
@media(min-width:1181px){body[data-page="home"] .clone-benefits li{min-height:112px}}

@media(min-width:1181px) and (max-width:1400px){
 body[data-page="home"] .clone-hero-inner{height:100%;display:flex;flex-direction:column;padding-block:24px}
 body[data-page="home"] .clone-benefits{margin-top:auto}
 body[data-page="home"] .clone-actions{margin-top:16px}
}

/* Render the regional phrase as real Hangul rather than distorted raster lettering. */
body[data-page="home"] .clone-eyebrow{height:auto;min-height:1.2em;line-height:1.2;letter-spacing:0}
body[data-page="home"] .clone-eyebrow:before{content:none}
@media(max-width:760px){
 body[data-page="home"] .clone-eyebrow{font-size:clamp(22px,calc((100vw - 40px) * .075),30px);white-space:normal}
 body[data-page="home"] .clone-service-inner{width:100%}
}

/* The hero already provides two actions; keep the mobile floating control clear of them. */
@media(max-width:760px){
 body[data-page="home"].hero-in-view #floating-contact:not(.is-open):not(:focus-within){visibility:hidden;pointer-events:none}
}

/* V12.8: fit the complete office photograph and a compact, readable opening. */
@media(min-width:761px){
 body[data-page="home"] .clone-hero{--hero-photo-height:clamp(398px,calc(100svh - 582px),470px);height:var(--hero-photo-height)}
 body[data-page="home"] .clone-hero-background{background:#f1f3f4 url('/assets/hero-clean-v12.png') right center/auto 100% no-repeat}
 body[data-page="home"] .clone-hero-background:after{background:linear-gradient(90deg,#f6f7f8 0%,#f6f7f8 38%,rgba(246,247,248,.94) 42%,rgba(246,247,248,.2) 53%,transparent 63%)}
 body[data-page="home"] .clone-hero-original{left:auto;right:0;width:calc(var(--hero-photo-height) * 1570 / 647);height:100%;mask-image:linear-gradient(90deg,transparent 44.5%,#000 48%)}
 body[data-page="home"] .clone-hero-original>img{top:calc(var(--hero-photo-height) * -83 / 647);width:100%;height:auto}
 body[data-page="home"] .clone-hero-inner{height:100%;display:flex;flex-direction:column;width:clamp(430px,43vw,710px);padding:20px 0 18px;margin-left:max(40px,calc((100vw - 1520px) / 2))}
 body[data-page="home"] .clone-heading-group h1{font-size:clamp(38px,3.05vw,52px);line-height:1.19}
 body[data-page="home"] .clone-eyebrow{font-size:clamp(25px,1.8vw,30px);margin-bottom:10px}
 body[data-page="home"] .clone-hero-lower{position:static;width:100%;margin-top:auto}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:15px;line-height:1.4;margin:12px 0 0}
 body[data-page="home"] .clone-benefits{grid-template-columns:repeat(4,minmax(0,1fr));max-width:546px;gap:12px}
 body[data-page="home"] .clone-hero-lower .clone-benefits{margin-top:12px}
 body[data-page="home"] .clone-benefits li{height:76px;min-height:76px;gap:5px}
 body[data-page="home"] .clone-benefits span{font-size:13px;line-height:1.3}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.7px}
 body[data-page="home"] .clone-actions{gap:18px;margin-top:12px}
 body[data-page="home"] .clone-actions .clone-button{height:46px;width:222px;font-size:16px;gap:24px}
 body[data-page="home"] .clone-service-strip{height:64px}
 body[data-page="home"] .clone-service-inner{gap:20px}
 body[data-page="home"] .clone-service-inner svg{width:34px;height:34px}
 body[data-page="home"] .clone-service-inner p{font-size:14px}
 body[data-page="home"] .clone-service-inner strong{font-size:17px}
 body[data-page="home"] .clone-banners{padding:12px 0}
 body[data-page="home"] .clone-banner{min-height:152px;padding:14px 20px}
 body[data-page="home"] .clone-banner h2{font-size:20px}
 body[data-page="home"] .clone-banner p{font-size:14px;line-height:1.4;margin-top:4px}
 body[data-page="home"] .clone-banner-link{font-size:14px;line-height:1.4;margin-top:6px}
 body[data-page="home"] #main .collection-v126{padding-top:18px}
 body[data-page="home"] .collection-v126 .collection-simple-title{margin-bottom:10px}
 body[data-page="home"] .collection-v126 .collection-tabs{margin-bottom:14px}
 body[data-page="home"] .collection-v126 .collection-tabs .chip{padding-block:10px}
}
@media(min-width:761px) and (max-width:1180px){
 body[data-page="home"] .clone-hero{--hero-photo-height:380px}
 body[data-page="home"] .clone-hero-inner{width:50%;margin-left:32px;padding:22px 0 18px}
 body[data-page="home"] .clone-heading-group h1{font-size:clamp(28px,3.2vw,38px)}
 body[data-page="home"] .clone-eyebrow{font-size:24px;margin-bottom:10px}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:13px;line-height:1.5;max-width:440px}
 body[data-page="home"] .clone-benefits{gap:8px;max-width:435px}
 body[data-page="home"] .clone-benefits li{height:82px;min-height:82px;gap:6px}
 body[data-page="home"] .clone-benefits span{font-size:12px}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.65px}
 body[data-page="home"] .clone-actions{gap:12px;margin-top:12px}
 body[data-page="home"] .clone-actions .clone-button{height:44px;width:190px;font-size:14px;gap:14px}
 body[data-page="home"] .clone-service-inner{padding-inline:0;gap:12px}
 body[data-page="home"] .clone-service-inner>div,body[data-page="home"] .clone-service-inner>a{gap:14px}
 body[data-page="home"] .clone-service-inner p{font-size:12px}
 body[data-page="home"] .clone-service-inner strong{font-size:15px}
 body[data-page="home"] .clone-banner{min-height:164px;padding:16px}
 body[data-page="home"] .clone-banner h2{font-size:19px}
 body[data-page="home"] .clone-banner p,body[data-page="home"] .clone-banner-link{font-size:13px}
}
@media(max-width:760px){
 body[data-page="home"] .clone-hero-lower{display:contents}
 body[data-page="home"] .clone-hero-lower .clone-description{order:2;margin:16px 20px 0}
 body[data-page="home"] .clone-benefits{order:3}
 body[data-page="home"] .clone-actions{order:4}
}

/* A shorter desktop screen keeps text readable by tightening the service cards. */
@media(min-width:1181px) and (max-height:940px){
 body[data-page="home"] .clone-hero{--hero-photo-height:350px}
 body[data-page="home"] .clone-hero-inner{padding-block:16px 14px}
 body[data-page="home"] .clone-heading-group h1{font-size:clamp(34px,2.9vw,42px)}
 body[data-page="home"] .clone-eyebrow{font-size:25px;margin-bottom:8px}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:14px;margin-top:8px}
 body[data-page="home"] .clone-hero-lower .clone-benefits{margin-top:10px}
 body[data-page="home"] .clone-benefits li{height:70px;min-height:70px;gap:4px}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.625px}
 body[data-page="home"] .clone-benefits span{font-size:12px}
 body[data-page="home"] .clone-actions{margin-top:10px}
 body[data-page="home"] .clone-actions .clone-button{height:44px}
}

/* V12.9: one compact content group and a softly extended office scene. */
@media(min-width:761px){
 body[data-page="home"] .clone-hero{--hero-scene-width:calc(var(--hero-photo-height) * 1570 / 647);--hero-scene-shift:clamp(32px,6vw,200px);background:#f6f7f8}
 body[data-page="home"] .clone-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:calc(var(--hero-scene-shift) + var(--hero-scene-width) * .16);z-index:-3;background:url('/assets/hero-clean-v12.png') right center/auto 500% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 32%);opacity:.3;filter:blur(12px);pointer-events:none}
 body[data-page="home"] .clone-hero-background{inset:0 var(--hero-scene-shift) 0 auto;width:var(--hero-scene-width);height:100%;background:transparent url('/assets/hero-clean-v12.png') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 92%,transparent 100%)}
 body[data-page="home"] .clone-hero-background:after{background:none}
 body[data-page="home"] .clone-hero-original{right:var(--hero-scene-shift);width:var(--hero-scene-width);mask-image:linear-gradient(90deg,transparent 44.5%,#000 48%,#000 92%,transparent 100%)}
 body[data-page="home"] .clone-hero-inner{justify-content:center;padding-block:16px;width:clamp(430px,43vw,740px)}
 body[data-page="home"] .clone-hero-lower{margin-top:14px}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:18px;line-height:1.4;margin:0}
 body[data-page="home"] .clone-benefits{max-width:600px}
 body[data-page="home"] .clone-hero-lower .clone-benefits{margin-top:12px}
 body[data-page="home"] .clone-benefits li{height:90px;min-height:90px;gap:6px}
 body[data-page="home"] .clone-benefits span{font-size:15px;line-height:1.3}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.85px}
 body[data-page="home"] .clone-actions{margin-top:12px;gap:18px}
 body[data-page="home"] .clone-actions .clone-button{height:50px;width:240px;font-size:18px}
}
@media(min-width:1800px) and (min-height:941px){
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:19px;line-height:1.45}
 body[data-page="home"] .clone-benefits{max-width:640px;gap:14px}
 body[data-page="home"] .clone-benefits li{height:100px;min-height:100px;gap:7px}
 body[data-page="home"] .clone-benefits span{font-size:16px}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.9px}
 body[data-page="home"] .clone-actions{margin-top:14px}
 body[data-page="home"] .clone-actions .clone-button{height:54px;width:255px;font-size:19px}
}
@media(min-width:1181px) and (max-height:940px){
 body[data-page="home"] .clone-hero-inner{padding-block:12px}
 body[data-page="home"] .clone-hero-lower{margin-top:8px}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:16px;line-height:1.4;margin:0}
 body[data-page="home"] .clone-hero-lower .clone-benefits{margin-top:8px}
 body[data-page="home"] .clone-benefits li{height:72px;min-height:72px;gap:4px}
 body[data-page="home"] .clone-benefits span{font-size:13px}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.75px}
 body[data-page="home"] .clone-actions{margin-top:8px}
 body[data-page="home"] .clone-actions .clone-button{height:44px;font-size:18px}
}
@media(min-width:761px) and (max-width:1180px){
 body[data-page="home"] .clone-hero{--hero-scene-shift:0px}
 body[data-page="home"] .clone-hero-inner{width:50%;padding-block:20px}
 body[data-page="home"] .clone-hero-lower{margin-top:12px}
 body[data-page="home"] .clone-hero-lower .clone-description{font-size:15px;line-height:1.4;margin:0}
 body[data-page="home"] .clone-benefits{max-width:435px;gap:8px}
 body[data-page="home"] .clone-benefits li{height:86px;min-height:86px;gap:6px}
 body[data-page="home"] .clone-benefits span{font-size:13px}
 body[data-page="home"] .clone-benefits .clone-benefit-icon{--clone-icon-px:.75px}
 body[data-page="home"] .clone-actions{gap:12px}
 body[data-page="home"] .clone-actions .clone-button{height:46px;width:190px;font-size:15px}
}

/* V12.10: compact shortcut banners with a clear pause before the collection. */
body[data-page="home"] .clone-banner p{white-space:nowrap}
@media(min-width:1181px){
 body[data-page="home"] .clone-banner{min-height:122px;padding:8px 20px}
 body[data-page="home"] .clone-banner-art{left:54.4%;background-size:calc(var(--clone-px) * 1256) calc(var(--clone-px) * 801.6)}
 body[data-page="home"] .clone-banner-product{background-position:calc(var(--clone-px) * -227.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banner-pricing{background-position:calc(var(--clone-px) * -599.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banner-cases{background-position:calc(var(--clone-px) * -971.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banners{padding-bottom:28px}
}
@media(min-width:761px) and (max-width:1180px){
 body[data-page="home"] .clone-banner{min-height:132px;padding:12px 16px}
 body[data-page="home"] .clone-banner-art{left:58.4%;background-size:calc(var(--clone-px) * 1256) calc(var(--clone-px) * 801.6)}
 body[data-page="home"] .clone-banner-product{background-position:calc(var(--clone-px) * -227.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banner-pricing{background-position:calc(var(--clone-px) * -599.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banner-cases{background-position:calc(var(--clone-px) * -971.2) calc(var(--clone-px) * -664.8)}
 body[data-page="home"] .clone-banners{padding-bottom:28px}
}
@media(max-width:760px){
 body[data-page="home"] .clone-banner{min-height:152px;padding:16px 20px}
 body[data-page="home"] .clone-banner-art{left:52%;background-size:1192px 760.8px}
 body[data-page="home"] .clone-banner-product{background-position:-236px -631.2px}
 body[data-page="home"] .clone-banner-pricing{background-position:-588.8px -631.2px}
 body[data-page="home"] .clone-banner-cases{background-position:-942.4px -631.2px}
 body[data-page="home"] .clone-banners{padding-bottom:32px}
}
@media(max-width:360px){
 body[data-page="home"] .clone-banner{padding-inline:18px}
 body[data-page="home"] .clone-banner-art{left:53.6%}
}

/* V12.12 confirmed adjustment: additional 3vw scene shift and a 10 percent larger header logo. */
@media(min-width:1181px){body[data-page="home"] .clone-hero{--hero-scene-shift:clamp(48px,9vw,300px)}}
.header .logo{width:227.7px;--clone-logo-px:1.1px}
@media(min-width:761px) and (max-width:1400px){.header .logo{width:209px;--clone-logo-px:calc(209px / 207)}}
@media(max-width:760px){.header .logo{width:165px;--clone-logo-px:calc(165px / 207)}}
@media(max-width:360px){.header .logo{width:138.6px;--clone-logo-px:calc(138.6px / 207)}}