@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#07101b;--blue:#176ce5;--ice:#93c9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--ink);color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #85c4ff;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:white;color:#000;padding:12px}.skip:focus{top:0}.header{height:80px;background:#07101bf2;backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff20}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.logo span{color:#69b1ff;margin-left:-8px}.logo img{object-fit:contain}.header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:500}.header nav a:hover{color:#a3d3ff}.nav-cta{border:1px solid #ffffff70;padding:8px 18px;border-radius:2px}.menu{display:none}.scene{position:relative;isolation:isolate;overflow:hidden;min-height:650px;height:82vh;max-height:1050px}.scene-photo{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.hero{height:calc(100svh - 80px);min-height:660px}.hero .scene-photo{object-position:center 50%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07101b15 20%,#07101b60 48%,#07101bee 100%),linear-gradient(0deg,#07101b 0%,transparent 27%)}.hero-copy{padding:12vh 5% 100px 53%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#c7d7e8;display:block;margin-bottom:25px}h1,h2{margin:0;line-height:1.3;font-weight:800;letter-spacing:-.05em}h1{font-size:clamp(38px,4.5vw,78px)}em{font-style:normal;color:var(--ice)}.hero-copy p,.scene-copy p{font-size:18px;color:#e2e9f3;margin:25px 0 32px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:2px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:#fff;color:#07101b}.light:hover{background:#deedff}.dark{background:#07101b;color:white}.dark:hover{background:#164272}.hero-foot{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff4d;padding-top:22px;font-size:14px}.hero-foot a{border-bottom:1px solid #ffffff80}.photo-note{position:absolute;right:18px;bottom:12px;font-size:12px;color:#c9d3df}.hero .photo-note{bottom:10px}.product-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 5%;background:#fff;color:#07101b;font-size:15px}.product-nav>span{font-size:12px;letter-spacing:1.5px;color:#63758a}.product-nav a{font-weight:600}.product-nav a:hover{color:var(--blue)}.left-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07101be6 0%,#07101b95 38%,#07101b08 78%)}.scene-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:650px}.scene-copy h2,.skotty-top h2,.integration-title h2,.closing h2{font-size:clamp(40px,5vw,80px)}.fms .scene-photo{object-position:65% center}.haru .scene-photo{object-position:65% center}.skotty-section{background:#f5f7fb;color:#07101b;padding:100px 6% 60px;overflow:hidden}.skotty-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.skotty-top .eyebrow{color:#44627f}.skotty-top em{color:#176ce5}.skotty-top p{font-size:18px;line-height:1.9;color:#52677e;margin:0 0 24px}.browser-stage{margin:65px 0 0;padding:24px;background:#dce6f3;border-radius:14px;box-shadow:0 22px 65px #182f5520}.browser-stage img{width:100%;border-radius:7px;box-shadow:0 10px 35px #09264b22}.browser-stage figcaption{font-size:12px;color:#536a86;margin-top:15px;text-align:center}.integration-section{text-align:center;padding:110px 7%;background:#07101b}.integration-title p{color:#adbed1;font-size:18px;margin:28px auto;max-width:770px}.system-map{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;max-width:1100px;margin:65px auto 45px;gap:60px}.map-source{display:flex;flex-direction:column;gap:12px}.map-source>span,.map-core>span{font-size:12px;letter-spacing:2px;color:#84b9f3}.map-source strong{font-size:16px;font-weight:500;padding:15px;border:1px solid #39536f;background:#102339;border-radius:3px}.map-core{position:relative;padding:40px 20px;background:#123e70;border:1px solid #75b7ff;border-radius:9px;box-shadow:0 0 60px #1a78e422}.map-core:before,.map-core:after{content:'';position:absolute;top:50%;width:60px;height:1px;background:#5995d5}.map-core:before{right:100%}.map-core:after{left:100%}.map-core strong{display:block;font-size:clamp(23px,3vw,38px);line-height:1.6;margin:13px 0}.map-core small{font-size:13px;color:#bad7f7}.closing{padding:100px 6%;background:#fff;color:#07101b;text-align:center}.closing .eyebrow{color:#61768c}.closing-links{margin-top:35px;display:flex;align-items:center;justify-content:center;gap:30px}.closing-links>a:last-child{font-size:14px;border-bottom:1px solid #9eb4cc}footer{display:flex;align-items:start;justify-content:space-between;gap:40px;padding:45px 5%;font-size:13px;color:#a7bad0}footer p{margin:0}footer small{display:block;font-size:12px;margin-top:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(min-width:1800px){.hero-copy{padding-left:55%}.scene-copy{left:8%}}@media(max-width:1000px){.hero-copy{padding-left:45%}h1{font-size:5vw}.system-map{gap:25px}.map-core:before,.map-core:after{width:25px}.header nav{gap:18px}.hero{min-height:570px}.skotty-top{gap:25px}}@media(max-width:700px){html{scroll-padding-top:68px}.header{height:68px}.logo{font-size:20px}.logo img{width:24px;height:24px}.menu{display:block;color:#fff;background:transparent;border:1px solid #7e95ae;padding:5px 12px;font-size:14px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#07101b;padding:25px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{height:calc(100svh - 68px);min-height:680px;max-height:900px}.hero .scene-photo{height:57%;object-position:52% center}.hero-shade{background:linear-gradient(0deg,#07101b 35%,#07101b05 85%)}.hero-copy{position:absolute;top:43%;height:auto;padding:35px 6% 80px}.hero-copy h1{font-size:clamp(32px,8.5vw,47px)}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:1px}.hero-copy p{font-size:15px;margin:18px 0 23px}.hero-foot{bottom:30px;font-size:12px}.product-nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap;gap:28px;padding:23px}.product-nav>span{display:none}.scene{height:75svh;min-height:550px}.scene-copy{left:6%;right:6%;top:55%}.scene-copy h2,.skotty-top h2,.integration-title h2,.closing h2{font-size:clamp(34px,9vw,48px)}.scene-copy p{font-size:16px}.left-shade{background:linear-gradient(90deg,#07101bbf, #07101b45),linear-gradient(0deg,#07101b90,transparent)}.skotty-section{padding:60px 6% 45px}.skotty-top{display:block}.skotty-top p{font-size:16px;margin:24px 0}.browser-stage{padding:8px;margin:30px -2% 0;border-radius:7px}.browser-stage figcaption{margin:10px 0 4px}.integration-section{padding:65px 6%}.integration-title p{font-size:16px}.system-map{grid-template-columns:1fr;margin:35px auto;gap:25px;max-width:450px}.map-source{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.map-source>span{grid-column:1/-1}.map-source strong{font-size:12px;padding:12px 5px}.map-core{padding:22px}.map-core:before,.map-core:after{width:1px;height:25px;left:50%;right:auto;top:auto}.map-core:before{bottom:100%}.map-core:after{top:100%}.closing{padding:65px 6%}.closing-links{flex-direction:column;gap:20px}footer{flex-direction:column;gap:22px}.eyebrow{font-size:11px;margin-bottom:19px}.photo-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(min-width:701px){.hero-copy{justify-content:flex-start;padding-top:10vh}.hero-copy h1{font-size:clamp(38px,4vw,70px)}.fms .scene-copy,.haru .scene-copy{left:57%;right:5%;max-width:none}.fms .scene-copy h2,.haru .scene-copy h2{font-size:clamp(38px,4.5vw,72px)}.fms .left-shade,.haru .left-shade{background:linear-gradient(90deg,#07101b08 15%,#07101b25 43%,#07101bd9 100%)}.haru .scene-copy{top:27%}.haru .scene-copy h2{font-size:clamp(36px,4vw,68px)}}