/* STANDARD_ASSET_LOCK=HASUGU-PREMIUM-R2. 문제=첫화면 위계·색상·아이콘 품질 부족 / 유발=V1 / 수정=배관 비주얼·딥블루/시안·CSS3D·빛스윕 / 잠금=본문·원본 보존, reduced-motion, fallback */
:root{--ink:#102c4a;--blue:#1263ed;--cyan:#06b9dc;--muted:#607b93}body{background:#fff;color:var(--ink);font-family:'Malgun Gothic',sans-serif}.wrap{max-width:1320px}.topline{background:#0b2745;color:#c4e2ff;letter-spacing:1.7px;font-size:10px}.site-head{background:#fffffff0;border-color:#e1ebf4;box-shadow:0 5px 25px #163d6210}.brand{color:#123356}.brand svg{background:linear-gradient(145deg,#3386ff,#0755c9);color:#fff;border-radius:12px;padding:7px;box-shadow:0 7px 12px #0961dd33}.brand small{color:#6987a4}.topnav{gap:25px}.topnav a{font-weight:700}.pill{background:#0e5ee8!important;color:#fff!important;box-shadow:0 5px 15px #1263ed22}.servicebar{background:#f7faff;border-top:1px solid #e7eff8}.servicerow{gap:18px}.servicerow button{font-size:12px;font-weight:700;color:#284a68;padding:13px 4px;position:relative}.servicerow button:hover{color:#1165ec;background:transparent}.servicerow button:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:#1b7bff;transform:scaleX(0);transition:transform .25s}.servicerow button:hover:after{transform:scaleX(1)}.hero{position:relative;background:radial-gradient(ellipse at 78% 35%,#cfeeffaa,transparent 45%),linear-gradient(125deg,#fff 10%,#f6faff 60%,#e9f5ff);overflow:hidden;border-bottom:1px solid #e3edf8}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#1c6aac05 1px,transparent 1px),linear-gradient(90deg,#1c6aac05 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{grid-template-columns:1fr 1.12fr;gap:30px;min-height:630px;padding-top:58px;padding-bottom:60px;position:relative;z-index:1}.hero-copy{z-index:2}.eyebrow{color:#2370b3;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.26;letter-spacing:-3px;margin:24px 0}.hero h1 em{color:#1263ed;background:linear-gradient(95deg,#0756d4,#008fc5);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:16px;color:#607b93;line-height:1.9}.primary{background:linear-gradient(110deg,#1263ed,#0847bf);color:#fff;border:1px solid #1569ed;box-shadow:0 8px 22px #155fdf2b;border-radius:8px;font-size:13px}.secondary{background:#fff;border:1px solid #cbdaea;border-radius:8px;font-size:13px;color:#274b70}.hero-notes{color:#5b7792;font-size:11px}.hero-media{height:510px;perspective:1100px;position:relative}.engineering-stage{position:absolute;inset:0 0 75px;background:linear-gradient(145deg,#ffffff90,#ddecff55);border:1px solid #fff;border-radius:30px;box-shadow:inset 0 0 50px #fff8,0 35px 65px #3a6d9d1a;transform-style:preserve-3d}.pipe-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(35px);animation:pipe-hover 8s ease-in-out infinite}.stage-tag{position:absolute;top:24px;left:28px;color:#497d9e;font-size:9px;letter-spacing:2px}.stage-note{position:absolute;bottom:20px;left:28px;font-size:10px;color:#6a8ca8}.motion-control{position:absolute;bottom:15px;right:19px;padding:8px 12px;color:#21659d;background:#ffffffb0;border:1px solid #c1dbf1;border-radius:20px;font-size:10px;z-index:3}.orbital{position:absolute;width:240px;height:240px;left:27%;top:18%;border:1px solid #42b6f655;border-radius:50%;transform-style:preserve-3d;animation:orbit-r2 18s linear infinite;pointer-events:none}.orbital-b{width:290px;height:290px;left:22%;top:12%;border-style:dashed;animation-direction:reverse;animation-duration:25s}.hero-photo{position:absolute;bottom:0;left:22px;width:95px;height:95px;transform:none;border-radius:14px;border:4px solid white;box-shadow:0 8px 20px #153d5b25;z-index:2}.hero-photo img{height:100%;object-fit:cover}.hero-stamp{position:absolute;left:135px;right:0;bottom:12px;background:transparent;box-shadow:none;padding:0;color:#224b74}.hero-stamp svg{display:none}.hero-stamp b{font-size:12px}.hero-stamp small{font-size:10px;color:#66849c}.hero-photo-label{display:none}.photo-select{position:absolute;right:4px;bottom:65px;z-index:4}.photo-select button{border-color:#90b1cc}.photo-select button[aria-pressed=true]{background:#1263ed}.photo-frame,.hero-orbit{display:none}.section{padding:75px 0}.service-section{background:#fff}.section-head h2{font-size:34px;letter-spacing:-1.3px;color:#153758}.section-head p{color:#69839b;font-size:13px}.service-grid{gap:14px}.service-card{background:linear-gradient(145deg,#f9fcff,#f0f6fd);border:1px solid #e0ebf5;border-radius:18px;min-height:190px;padding:25px;transition:transform .3s,box-shadow .3s;position:relative;overflow:visible;transform-style:preserve-3d}.service-card:hover{transform:translateY(-7px);background:#f4faff;box-shadow:0 18px 38px #1b5d9c1b;border-color:#9ecafa}.service-card:before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(110deg,transparent 25%,#fff9 48%,transparent 65%);background-size:250% 100%;background-position:150% 0;transition:background-position .7s;pointer-events:none}.service-card:hover:before{background-position:-100% 0}.icon3d{display:block;width:57px;height:57px;background:linear-gradient(145deg,#5cb8ff,#1263ed 65%,#0738a4);border:1px solid #a1d8ff;border-radius:16px;box-shadow:inset 1px 2px 2px #fff8,0 5px 0 #0846ad,0 12px 18px #2062b42a;margin-bottom:23px;transform:perspective(320px) rotateX(12deg) rotateY(-12deg);transform-style:preserve-3d;transition:transform .35s}.icon3d svg{width:37px;height:37px;color:#fff;margin:9px;transform:translateZ(10px);stroke-width:1.8;filter:drop-shadow(0 3px 2px #0353a2)}.service-card:hover .icon3d{transform:perspective(320px) rotateX(20deg) rotateY(15deg) translateZ(8px)}.service-card strong{font-size:16px;color:#17456b}.service-card small{color:#708da7;font-size:11px}.service-card>span:last-child{color:#3587d6}.method-row{color:#607f99}.method-row button{background:#eff6ff;color:#2469a6;border:1px solid #d5e6f6;border-radius:6px}.cases-section{background:#f4f8fc}.filters button{background:#fff;border:1px solid #dce8f4;color:#4e6f8c}.filters button[aria-pressed=true]{background:#1263ed;color:#fff;border-color:#1263ed}.case-card{background:#fff;border:1px solid #e1eaf2;border-radius:16px;box-shadow:0 8px 24px #0b3a6310;transition:transform .35s,box-shadow .35s}.case-card:hover{box-shadow:0 18px 38px #0b3a6320}.case-cover{height:255px}.case-cover img{transition:transform .65s}.case-card:hover .case-cover img{transform:scale(1.045)}.badge{background:#fffffff0;color:#175692;backdrop-filter:blur(12px);border:1px solid #fff}.case-body h3{color:#173a5e}.case-body time{color:#718da3}.case-body button{color:#1768b8}.compare-section{background:#f1f7fd}.compare-copy h2,.tech h2{color:#173a5e}.compare-copy p,.video-copy p{color:#66829b}.tech{background:#081e36;color:#c6e1fa}.tech h2{color:#fff}.tech p{color:#91b3d2}.tech .eyebrow{color:#58caff}.tech .fx-canvas-wrap{border:1px solid #2e5577;box-shadow:0 30px 60px #0004}.guide-item{border-color:#dce8f2}.guide-item .eyebrow{color:#2370b3}.guide-item h3{color:#173a5e}.guide-item p,.faq details p{color:#68869f}.faq details{border-color:#dce8f2}.cta{background:linear-gradient(115deg,#0c3261,#0868d2);color:#fff;border-radius:20px;padding:40px}.cta p{color:#c0dbf9}.cta .primary{background:#fff;color:#0d59b7;border-color:#fff}footer{color:#6e8ba4;border-color:#deebf5}dialog,.dialog-head{background:#fff;color:#153a5e}.close{background:#ecf4ff}.mobile-toggle{background:#edf5ff;color:#145aa4}.topnav.open{background:#fff}.hero-paused .pipe-art,.hero-paused .orbital{animation-play-state:paused!important}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1263ed,#20d4ef);z-index:100;transform-origin:left;scale:0 1;pointer-events:none}@keyframes pipe-hover{50%{transform:translateZ(35px) translateY(-9px) rotate(-1deg)}}@keyframes orbit-r2{from{transform:rotateX(68deg) rotateZ(0deg)}to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes progress-r2{to{scale:1 1}}@supports(animation-timeline:scroll()){.reading-progress{animation:progress-r2 linear;animation-timeline:scroll()}}@starting-style{dialog[open]{opacity:0;transform:translateY(16px)}}dialog[open]{transition:opacity .25s,transform .25s}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
@media(max-width:900px){.hero-grid{gap:20px}.hero h1{font-size:43px}.hero-media{height:450px}.servicerow{gap:12px}.service-card{padding:18px}.section-head h2{font-size:29px}}
@media(max-width:640px){.topline{font-size:8px;letter-spacing:.7px}.hero-grid{grid-template-columns:1fr;padding-top:34px;padding-bottom:30px;gap:12px}.hero h1{font-size:39px;letter-spacing:-2px;margin:17px 0}.hero-copy>p{font-size:13px}.hero-media{height:355px;margin-top:6px}.engineering-stage{inset:0 0 70px;border-radius:22px}.hero-photo{height:66px;width:66px;left:5px;border-radius:11px}.hero-stamp{left:85px;bottom:8px}.hero-stamp b{font-size:10px}.hero-stamp small{font-size:9px}.photo-select{bottom:47px;right:5px}.stage-tag{top:17px;left:18px;font-size:7px}.stage-note{bottom:13px;left:17px;font-size:8px}.motion-control{bottom:9px;right:10px;font-size:8px;padding:7px}.orbital{width:150px;height:150px}.orbital-b{width:190px;height:190px}.section{padding:45px 0}.section-head h2{font-size:26px}.service-card{min-height:168px;border-radius:14px;padding:20px}.service-card:last-child{display:block;min-height:168px;grid-column:auto}.service-card:last-child svg{margin:9px}.service-card strong{font-size:14px}.icon3d{width:49px;height:49px;margin-bottom:20px;border-radius:13px}.icon3d svg{width:31px;height:31px}.servicerow{gap:13px;padding:7px 16px}.servicerow button{font-size:11px;padding:9px 3px}.case-cover{height:235px}.cta{padding:27px}.primary,.secondary{font-size:12px}.hero-notes{font-size:9px}.topnav{top:65px}.hero-photo img{animation:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.icon3d,.pipe-art,.orbital,.service-card:hover{transform:none}.reading-progress{display:none}}
/* 문제=입체 이미지가 정지 버튼의 hit target을 가림 / 유발=translateZ 깊이 / 수정=장식 포인터 제외·버튼 전면 깊이 / 잠금=실제 정지·재개 readback */
.pipe-art{pointer-events:none}.motion-control{transform:translateZ(60px)}.engineering-stage{transition:transform .25s ease}
/* 문제=작은 보조문자·메뉴 가독성 / 유발=V1 글자 크기 / 수정=탐색 글자 확대 / 잠금=모바일 가로넘침 없음 */
.topnav a{font-size:13px}.brand small{font-size:10px}.hero-notes{font-size:12px}.hero-stamp small{font-size:11px}.stage-note{font-size:11px}.case-body time{font-size:12px}.case-body button{font-size:13px}.section-head p{font-size:14px}.faq summary{font-size:14px}.guide-item p{font-size:14px}.service-card small{font-size:12px}
@media(max-width:640px){.hero-notes{font-size:10px}.hero-stamp small{font-size:10px}.stage-note{font-size:9px}.section-head p{font-size:12px}.topnav{gap:3px;padding:14px 20px}.topnav a{padding:10px 0}.service-card small{font-size:11px}}