/* One viewport per service scene, with room for content on small screens. */
body.home-design #app :is(.round3-service,.round3-safe-banner){min-height:calc(100svh - var(--revision-header-height));box-sizing:border-box;scroll-margin-top:var(--revision-header-height)}
body.home-design #app .round3-service{display:flex;align-items:center;padding:64px 32px}
body.home-design #app .round3-service-inner{max-width:1180px;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(48px,7vw,110px);align-items:center}
body.home-design #app .round3-service-plan .round3-service-inner{grid-template-columns:minmax(0,1fr) minmax(280px,420px)}
body.home-design #app .round3-service-photo{max-width:420px;width:100%;max-height:70svh}
body.home-design #app .round3-service-copy{min-height:380px;justify-content:center;gap:52px}
body.home-design #app .round3-service h2{font-size:clamp(38px,3.8vw,64px);margin:0}
body.home-design #app .round3-service p{font-size:clamp(16px,1.25vw,20px);line-height:1.85;word-break:keep-all}
body.home-design #app .round3-service .btn{margin-top:16px;padding:14px 28px;font-size:18px}
body.home-design #app .round3-safe-banner{aspect-ratio:auto;background:#06110b url('/assets/round4/safe-construction.png') center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:64px max(7vw,32px)}
body.home-design #app .round3-safe-banner h2{position:relative;font-size:clamp(46px,5.5vw,88px);font-weight:900;line-height:1.25;color:#fff;margin:0;text-shadow:0 3px 24px #0009}
body:has(.guest-consult-page){background:#fff!important}
body #app .guest-consult-page>.page-title{display:block!important;padding:0;margin:0 0 34px;background:#fff!important;border:0}
body #app .guest-consult-page>.page-title h1{font-size:32px;line-height:1.4;color:#2b2d42;margin:0 0 10px}
body #app .guest-consult-page>.page-title p{font-size:15px;color:#66717a;line-height:1.8}
.guest-consult-page .guest-consent{background:#fff!important;margin:20px 0 12px;align-items:flex-start;font-size:13px;line-height:1.8}
.guest-consult-page .guest-consent input{width:18px!important;height:18px;flex:none;margin-top:4px;accent-color:#2B2D42}
.guest-consult-page .guest-consent a{text-decoration:underline}
.guest-consult-note{font-size:13px!important;line-height:1.8;color:#656d74!important}
.guest-consult-success{padding:48px 16px;text-align:center;outline:none}.guest-consult-success h2{font-size:28px}.guest-success-mark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#EEF0F4;color:#2B2D42;font-size:34px;margin-bottom:22px}
.guest-consult-page .form-error,.guest-consult-admin .form-error{color:#a1392e;font-size:14px;white-space:pre-wrap;margin:12px 0}
.guest-consult-admin .section-head p{font-size:14px;color:#66717a}.guest-request{margin-bottom:20px!important;background:#fff!important;border:1px solid #cbd1d8!important;box-shadow:none!important}
.guest-request-heading{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.guest-phone{font-size:23px;font-weight:800;color:#2b2d42}.guest-request-heading time{margin-left:auto;font-size:12px;color:#66717a}
.guest-request dl{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;border-block:1px solid #e0e4e8;padding:18px 0;margin:20px 0}.guest-request dt{font-size:12px;color:#66717a}.guest-request dd{margin:5px 0 0;overflow-wrap:anywhere}.guest-request h3{font-size:16px}.guest-request-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.guest-request form{margin-top:22px}.guest-request :is(input,select,textarea){background:#fff!important;border:1px solid #b8c2ca!important}.guest-save-status{font-size:13px;margin-left:12px;color:#2B2D42}
@media(max-width:760px){
 body.home-design #app .round3-service{padding:48px 24px}body.home-design #app .round3-service-inner,body.home-design #app .round3-service-plan .round3-service-inner{grid-template-columns:1fr;gap:26px;max-width:480px}
 body.home-design #app .round3-service-photo{max-width:min(230px,48svh);max-height:none}body.home-design #app .round3-service-copy{min-height:0;gap:22px}body.home-design #app .round3-service h2{font-size:34px}body.home-design #app .round3-service p{font-size:15px;line-height:1.75}body.home-design #app .round3-service p br{display:none}body.home-design #app .round3-service .btn{font-size:16px;margin-top:8px}
 body.home-design #app .round3-safe-banner{background-position:20% center;align-items:flex-start;justify-content:center;padding:64px 24px}body.home-design #app .round3-safe-banner h2{font-size:42px}
 .guest-request dl{grid-template-columns:1fr;gap:12px}.guest-request-heading time{margin-left:0;width:100%}.guest-consult-admin .section-head{align-items:flex-start}.guest-consult-success{padding:25px 0}.guest-consult-success h2{font-size:24px}
}

/* Larger visuals, reduced outer space, and separated heading/body alignment. */
body.home-design #app .round3-service{padding:40px 40px}
body.home-design #app .round3-service-inner{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(48px,6vw,108px);align-items:stretch}
body.home-design #app .round3-service-plan .round3-service-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body.home-design #app .round3-service-photo{width:100%;max-width:min(550px,calc((100svh - var(--revision-header-height) - 80px)*.7867));max-height:none;margin:0 auto}
body.home-design #app .round3-service-copy{min-height:0;justify-content:space-between;gap:clamp(90px,15svh,190px);padding:24px 0}
body.home-design #app .round3-safe-banner{align-items:flex-end;justify-content:flex-end;padding:64px max(7vw,32px) clamp(56px,10svh,120px)}
@media(max-width:760px){
 body.home-design #app .round3-service{padding:28px 24px}
 body.home-design #app .round3-service-inner,body.home-design #app .round3-service-plan .round3-service-inner{grid-template-columns:1fr;max-width:480px;gap:30px}
 body.home-design #app .round3-service-photo{width:min(300px,64vw,40svh);max-width:100%;max-height:none}
 body.home-design #app .round3-service-copy{min-height:0;gap:46px;padding:0;justify-content:space-between}
 body.home-design #app .round3-safe-banner{align-items:flex-end;justify-content:flex-end;padding:36px 28px 64px}
}

/* Main photographs are standalone restored assets, not enlarged screenshot fragments. */
body.home-design #app .inbom-ai-hero{background:linear-gradient(#0002,#0002),url('/assets/round6/hero-hq.png') center/cover no-repeat!important}
body.home-design #app .round3-quote-photo{background-image:url('/assets/round6/quote-hq.png');background-size:cover;background-position:center 49%}
body.home-design #app .round3-plan-photo{background-image:url('/assets/round6/plan-hq.png');background-size:cover;background-position:center}
body.home-design #app .round3-safe-banner{background-image:url('/assets/round6/safe-hq.png')}

/* Reference image geometry: 1080px wide; scenes 414 / 268 / 418px high. */
body.home-design #app :is(.round3-service,.round3-safe-banner){position:relative;min-height:0;height:auto;padding:0;overflow:visible;font-family:'Malgun Gothic',Arial,sans-serif}
body.home-design #app .round3-service-quote{aspect-ratio:1080/414}
body.home-design #app .round3-service-plan{aspect-ratio:1080/418}
body.home-design #app .round3-service-inner,body.home-design #app .round3-service-plan .round3-service-inner{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0}
body.home-design #app .round3-service-photo{position:absolute;width:21.851852%;max-width:none;max-height:none;margin:0;aspect-ratio:auto;background-size:cover;background-position:center;border-radius:2.962963vw}
body.home-design #app .round3-quote-photo{left:21.666667%;top:12.801932%;height:72.463768%;background-position:center 49%}
body.home-design #app .round3-plan-photo{left:52.592593%;top:16.985646%;height:71.052632%}
body.home-design #app .round3-service-copy{position:absolute;min-height:0;padding:0;gap:0;justify-content:space-between;align-items:flex-start;text-align:left}
body.home-design #app .round3-service-quote .round3-service-copy{left:52.592593%;top:17.391304%;width:38%;height:68.115942%}
body.home-design #app .round3-service-plan .round3-service-copy{right:53.703704%;top:19.138756%;width:37.407407%;height:68.899522%;align-items:flex-end;text-align:right}
body.home-design #app .round3-service h2{margin:0;font-size:3.888889vw;line-height:1.3;font-weight:900;letter-spacing:-.05em;white-space:nowrap}
body.home-design #app .round3-service p{margin:0 0 .740741vw;font-size:1.388889vw;line-height:1.3;letter-spacing:-.055em;font-weight:600;word-break:keep-all}
body.home-design #app .round3-service .btn{margin:0;padding:.648148vw 1.574074vw;font-size:1.481481vw;line-height:1.4;border-radius:1.388889vw!important;font-weight:700}
body.home-design #app .round3-safe-banner{aspect-ratio:1080/268;background-size:cover;background-position:center 82%}
body.home-design #app .round3-safe-banner h2{position:absolute;right:10.185185%;bottom:12.686567%;margin:0;font-size:4.814815vw;line-height:1.15;font-weight:900;letter-spacing:-.06em}
@media(max-width:760px){
 body.home-design #app .round3-service{aspect-ratio:auto;padding:44px 24px}
 body.home-design #app .round3-service-inner,body.home-design #app .round3-service-plan .round3-service-inner{position:static;display:flex;flex-direction:column;gap:32px;max-width:480px;margin:auto;height:auto}
 body.home-design #app .round3-service-photo{position:static;flex:none;width:min(72vw,300px);height:auto;aspect-ratio:236/300;border-radius:28px;margin:auto;order:0}
 body.home-design #app .round3-service-quote .round3-service-copy,body.home-design #app .round3-service-plan .round3-service-copy{position:static;width:100%;height:auto;gap:30px;align-items:center;text-align:center;order:1}
 body.home-design #app .round3-service h2{font-size:32px}
 body.home-design #app .round3-service p{font-size:15px;line-height:1.65;letter-spacing:-.04em;margin-bottom:14px}
 body.home-design #app .round3-service .btn{font-size:15px;padding:10px 20px;border-radius:16px!important}
 body.home-design #app .round3-safe-banner{aspect-ratio:auto;height:260px;background-position:24% 82%}
 body.home-design #app .round3-safe-banner h2{font-size:34px;right:7%;bottom:12%}
}
@media(max-width:380px){
 body.home-design>header #account .revision-login,body.home-design>header #account .revision-register{padding:9px 9px}
 body.home-design>header .nav{gap:6px}
}

/* Desktop scenes fit the visible screen below the navigation. */
@media(min-width:761px) and (min-height:560px){
 html:has(body.home-design){scroll-snap-type:y mandatory;scroll-padding-top:var(--revision-header-height)}
 body.home-design #app :is(.inbom-ai-hero,.round3-service,.round3-safe-banner){scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
 body.home-design #app :is(.round3-service,.round3-safe-banner){height:calc(100svh - var(--revision-header-height));min-height:0;aspect-ratio:auto}
 body.home-design #app .round3-service-inner,body.home-design #app .round3-service-plan .round3-service-inner{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100%,calc((100svh - var(--revision-header-height))*1080/414));height:auto;aspect-ratio:1080/414;container-type:inline-size}
 body.home-design #app .round3-service-plan .round3-service-inner{width:min(100%,calc((100svh - var(--revision-header-height))*1080/418));aspect-ratio:1080/418}
 body.home-design #app .round3-service-photo{border-radius:2.962963cqw}
 body.home-design #app .round3-service h2{font-size:3.888889cqw}
 body.home-design #app .round3-service p{font-size:1.32cqw;margin-bottom:.740741cqw}
 body.home-design #app .round3-service .btn{font-size:1.481481cqw;padding:.648148cqw 1.574074cqw;border-radius:1.388889cqw!important}
 body.home-design #app .round3-safe-banner{background-position:center 82%}
 body.home-design #app .round3-safe-banner h2{font-size:clamp(42px,4.814815vw,96px)}
 body.home-design footer{scroll-snap-align:start;scroll-margin-top:0}
}

/* Changes requested in 챗지6.pptx. */
body.home-design #app .round3-quote-photo{background-image:url('/assets/round7/estimate-monitor.png');background-size:contain;background-position:center;background-color:#25292b}
body.home-design #app .round3-service-plan .btn{border:0!important;box-shadow:none!important}
body.home-design #app .round3-safe-banner{background:#04100c;isolation:isolate}
body.home-design #app .round3-safe-banner::before{content:'';position:absolute;inset:0;background:url('/assets/round6/safe-hq.png') left center/contain no-repeat;pointer-events:none;z-index:-1}
body.home-design #app .round3-safe-banner h2{z-index:1}
@media(min-width:761px){
 body.home-design #app .round3-quote-photo{left:13%}
 body.home-design #app .round3-service-quote .round3-service-copy{left:37.4%}
 body.home-design #app .round3-plan-photo{left:65.4%}
 body.home-design #app .round3-service-plan .round3-service-copy{right:36.9%}
 body.home-design #app .round3-service p{font-size:1.125vw;font-weight:400;letter-spacing:-.045em;line-height:1.3}
}
@media(min-width:761px) and (min-height:560px){
 body.home-design #app .round3-service p{font-size:1.125cqw}
 body.home-design #app .round3-safe-banner::before{width:min(100%,calc((100svh - var(--revision-header-height))*1672/941));mask-image:linear-gradient(to right,#000 88%,transparent 100%)}
}
@media(max-width:760px){
 body.home-design #app .round3-safe-banner::before{background-position:center}
}

/* Original INBOM AI image and a title anchored to the actual traffic-light photo. */
body.home-design #app .round3-quote-photo{background-image:url('/assets/round8/inbom-ai-estimate.png');background-size:contain;background-position:center}
body.home-design #app .round3-safe-banner{--safe-scene-height:calc(100vw * 268 / 1080);height:var(--safe-scene-height);aspect-ratio:auto}
body.home-design #app .round3-safe-banner::before{display:none}
body.home-design #app .round8-safe-media{position:absolute;left:0;top:50%;transform:translateY(-50%);width:min(100%,calc(var(--safe-scene-height) * 1672 / 941));aspect-ratio:1672/941;container-type:inline-size}
body.home-design #app .round8-safe-media img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,#000 88%,transparent 100%)}
body.home-design #app .round3-safe-banner h2{top:7%;right:6%;bottom:auto;left:auto;margin:0;font-size:min(4.814815vw,5.92cqw,96px)}
@media(min-width:761px) and (min-height:560px){
 body.home-design #app .round3-safe-banner{--safe-scene-height:calc(100svh - var(--revision-header-height))}
}
@media(max-width:760px){
 body.home-design #app .round3-safe-banner{--safe-scene-height:260px}
 body.home-design #app .round8-safe-media img{mask-image:none}
 body.home-design #app .round3-safe-banner h2{font-size:30px;top:8%;right:6%}
}

/* 챗지8: navigation borders, safety guide link, consultation button shape. */
body>header #account :is(.revision-login,.revision-register){border:0!important;box-shadow:none!important}
body.home-design #app .inbom-hero-cta{border-radius:14px!important}
body.home-design #app .round8-safe-copy{position:absolute;top:7%;right:6%;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(8px,1cqw,16px);max-width:88%}
body.home-design #app .round8-safe-copy h2{position:static;margin:0}
body.home-design #app .round8-safe-guide{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;padding:.36em .85em;border:0;border-radius:999px;background:#a2a3a5;color:#000!important;font:800 clamp(16px,2.2cqw,40px)/1.3 'Malgun Gothic',Arial,sans-serif;letter-spacing:-.045em;text-decoration:none;white-space:nowrap;box-shadow:none}
body.home-design #app .round8-safe-guide:hover{background:#b9bbbc}
body.home-design #app .round8-safe-guide:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){body.home-design #app .round8-safe-copy{top:8%}}

@media(max-width:360px){
 body.home-design>header .brand{max-width:100px;min-width:0}
 body.home-design>header .brand img{max-width:100%;height:auto}
 body.home-design>header #account{gap:4px}
}