@font-face{font-family:Pretendard;src:url('PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--red:#D21F1D;--ink:#111214;--muted:#55595F;--line:#E2E4E8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Pretendard,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);background:#fff;letter-spacing:-.03em;font-size:16px}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}header{height:80px;display:flex;align-items:center;padding:0 40px;border-bottom:1px solid var(--line);gap:32px;background:#fff}.brand{display:flex;align-items:center;min-height:44px}.brand img{height:40px;width:auto}header nav{margin-left:auto;display:flex;gap:28px}header nav button{border:0;background:none;font-size:16px;font-weight:500}.phone{font-size:20px;font-weight:700;white-space:nowrap}.header-cta{font-size:16px;font-weight:600}.rail{height:calc(100svh - 80px);display:flex;transition:transform 700ms cubic-bezier(.22,.61,.36,1);touch-action:none;outline:none}.panel{flex:0 0 100vw;min-width:0;height:100%;position:relative;isolation:isolate;display:flex;align-items:center;padding:40px 80px 112px;scroll-snap-align:start;scroll-snap-stop:always}.copy{align-self:center;min-width:0;padding:24px 0}.eyebrow{font-size:15px;font-weight:600;color:#3A3D42;margin:0 0 24px}.eyebrow span{color:var(--red);margin-right:12px}h1{font-size:64px;font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px;word-break:keep-all}.description{font-size:20px;line-height:1.6;color:#3A3D42;margin:0 0 24px;word-break:keep-all}.fine{font-size:15px;line-height:1.6;font-weight:500;color:var(--muted);margin:24px 0 0}.cta-row{display:flex;gap:12px}.primary,.secondary{height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;font-size:16px;font-weight:600;border:1px solid var(--ink);white-space:nowrap}.primary{background:var(--red);border-color:var(--red);color:#fff}.primary:hover{background:#B51A18}.visual{position:relative;background:#e9ebed;min-width:0;overflow:hidden}.visual video{width:100%;height:100%;object-fit:cover}.visual-caption{position:absolute;bottom:24px;left:24px;background:#fff;padding:10px 14px;color:#3A3D42;font-size:14px}.pause{position:absolute;right:20px;top:20px;width:44px;height:44px;border:1px solid #fff;background:#111214;color:#fff;border-radius:50%;font-size:16px}.cold-card{position:absolute;right:24px;bottom:90px;width:230px;background:#fff;display:block}.cold-card img{width:100%;height:125px;object-fit:cover}.cold-card span{display:block;font-size:14px;padding:12px}footer{height:72px;padding:0 40px;display:flex;align-items:center;gap:24px;background:#fff;position:relative}.position{font-size:14px;font-weight:600}.chapter-nav{display:flex;gap:10px}.chapter-nav button{background:none;border:0;min-width:44px;height:44px;display:flex;align-items:center;gap:8px;color:#55595F;font-size:14px}.chapter-nav i{width:12px;height:2px;background:#C6CAD0}.chapter-nav .active{color:var(--red)}.chapter-nav .active i{width:24px;background:var(--red)}.gesture{margin-left:auto;font-size:14px;color:#55595F}.arrows{display:flex;gap:12px;margin-left:auto}.arrows button{width:44px;height:44px;background:white;border:1px solid #C6CAD0;border-radius:50%;font-size:20px}.arrows button:disabled{color:#6E737A;cursor:default}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.business{font-size:14px;line-height:1.7;margin-top:28px;color:#3A3D42}.business p{margin:8px 0}.business a{text-decoration:underline}.toolbox{align-self:center;margin-right:80px;padding:32px;background:#f4f5f6;min-width:0}.toolbox h2{font-size:28px;margin:0 0 24px}.toolbox label{font-size:14px;display:block}.toolbox select,.toolbox input[type=number]{width:100%;min-height:44px;padding:10px;background:#fff;border:1px solid #b6bac0;margin-top:6px}.toolbox #spec-detail{font-size:17px;line-height:1.6;min-height:55px}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack{margin-top:16px}.calc-result{font-size:17px;line-height:1.6;font-weight:600}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.word{display:inline-block}.tools-panel .fine{font-size:14px}

/* Each chapter owns one full-bleed background, including the calculator chapter. */
.panel{color:#fff}
.visual{position:absolute;inset:0;z-index:-2;background:#252b30}
.visual video{display:block;width:100%;height:100%;object-fit:cover}
.panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,16,22,.8),rgba(9,16,22,.42) 42%,rgba(9,16,22,.03) 78%),linear-gradient(0deg,rgba(9,16,22,.65),transparent 24%)}
.copy{max-width:650px;padding:0;align-self:center;text-shadow:0 1px 12px #0005}
.eyebrow,.eyebrow span,.description,.fine,.business{color:#fff}
.eyebrow span{opacity:.75}.secondary{border-color:#ffffff80;background:#14212c38;backdrop-filter:blur(6px)}
.visual-caption{bottom:90px;left:auto;right:28px;background:transparent;color:#fff;padding:0;text-shadow:0 1px 6px #000}
.pause{background:#14212c66;backdrop-filter:blur(6px)}
.cold-card{bottom:132px;width:auto;background:#14212c66;backdrop-filter:blur(6px);border:1px solid #ffffff50}.cold-card img{display:none}.cold-card span{color:#fff}
footer{position:fixed;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(0deg,#091016ad,#09101638);color:#fff;border-top:1px solid #ffffff30}
.chapter-nav button,.chapter-nav .active,.gesture{color:#fff}.chapter-nav i{background:#ffffff60}.chapter-nav .active i{background:#fff}.arrows button{background:#ffffff12;color:#fff;border-color:#ffffff80}.arrows button:disabled{color:#ffffff60}
h1:focus{outline:none}.toolbox{color:#fff;align-self:center;margin:0 0 0 auto;width:470px;padding:24px;background:#14212c66;backdrop-filter:blur(8px);border:1px solid #ffffff40}
.tools-panel .copy{max-width:600px}.tools-panel h1{font-size:56px}.toolbox h2{font-size:24px;margin-bottom:16px}.toolbox select,.toolbox input[type=number]{color:#111214;background:#fffffff0}.toolbox #spec-detail{font-size:16px}.toolbox .fine{margin-top:12px}.business{margin-top:24px}
@media(max-width:1100px) and (min-width:701px){.panel{padding-left:36px;padding-right:36px}.tools-panel .copy{max-width:46%}.tools-panel h1{font-size:40px}.toolbox{width:44%;padding:18px}h1{font-size:52px}}
@media(max-width:700px){
header{height:60px;padding:0 20px;gap:12px}.brand img{height:32px}header nav,header .header-cta{display:none}header .phone{margin-left:auto;font-size:17px}
.rail{height:calc(100svh - 60px)}.panel{display:flex;align-items:flex-end;padding:28px 24px 92px}.copy{align-self:auto;max-width:100%;width:100%}
.panel::after{background:linear-gradient(0deg,rgba(9,16,22,.94),rgba(9,16,22,.73) 32%,rgba(9,16,22,.22) 63%,transparent 85%)}
.visual video{object-position:center 40%}.eyebrow{font-size:14px;margin:0 0 12px}h1{font-size:36px;line-height:1.2;margin-bottom:14px}.description{font-size:17px;line-height:1.5;margin-bottom:18px}.fine{font-size:14px;line-height:1.45;margin-top:14px}
.cta-row{gap:8px}.primary,.secondary{font-size:14px;padding:0 12px}.secondary{flex:1}.panel:first-child .cta-row{flex-wrap:wrap}.panel:first-child .secondary{flex-basis:100%}
.visual-caption{top:24px;bottom:auto;left:24px;right:76px;font-size:14px}.pause{top:12px;right:16px}.cold-card{top:68px;bottom:auto;right:16px}.cold-card span{font-size:14px;padding:10px}
footer{height:64px;padding:0 18px;gap:10px}.chapter-nav{gap:0;flex:1;justify-content:center}.chapter-nav button{min-width:24px;width:24px;padding:0;justify-content:center}.chapter-nav button span{display:none}.chapter-nav i{width:8px}.chapter-nav .active{width:30px}.arrows{gap:8px}.gesture{display:none}
.tools-panel{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:14px;padding:66px 20px 78px}.tools-panel .copy{width:100%;max-width:100%}.tools-panel .copy h1{font-size:26px;margin:0 0 10px}.tools-panel h1 br{display:none}.tools-panel .description,.tools-panel .eyebrow{display:none}.tools-panel .cta-row a{height:44px}
.business{font-size:14px;line-height:1.35;margin-top:12px}.business p{margin:4px 0}.toolbox{width:100%;margin:0;padding:14px;background:#14212c55}.toolbox h2{font-size:20px;margin:0 0 8px}.toolbox label{font-size:14px}.toolbox select,.toolbox input[type=number]{min-height:38px;padding:6px;margin-top:4px}.toolbox #spec-detail{font-size:14px;line-height:1.4;min-height:0;margin:8px 0}.calc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stack{margin-top:8px}.calc-result{font-size:14px;line-height:1.4;margin:8px 0}.tools-panel .fine{font-size:14px;line-height:1.35;margin:6px 0 0}.toolbox .fine br:first-child{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the utility controls on the scene without an enclosing opaque card. */
.tools-panel .toolbox{background:transparent;border:0;backdrop-filter:none;text-shadow:0 1px 8px #0006}
.tools-panel::after{background:linear-gradient(90deg,#091016c9,#09101666 50%,#09101699),linear-gradient(0deg,#091016ad,transparent 65%)}
@media(max-width:700px){.tools-panel::after{background:linear-gradient(0deg,#091016e8,#091016a8 65%,#09101633)}.tools-panel .toolbox{padding:0}.tools-panel{gap:18px}.tools-panel .visual-caption{right:72px}}