@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;min-width:1280px;font-family:'Noto Sans KR',sans-serif;font-weight:500;color:#1d1d1f;word-break:keep-all;background:white}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}header{height:62px;background:#fafafbe8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e8eb}.global-nav{width:1080px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900}.logo-crop{width:31px;height:23px;overflow:hidden;position:relative;display:block}.logo-crop img{display:block;width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:48px;font-size:13px;font-weight:600}nav a:hover{color:#0071e3}.hero{height:960px;background:#f5f5f7;position:relative;overflow:hidden;text-align:center}.hero-copy{position:relative;z-index:2;padding-top:65px}.product-label{font-size:19px;font-weight:700;margin:0 0 15px;color:#505056}h1{font-size:74px;line-height:1.16;letter-spacing:-4px;font-weight:800;margin:0}.hero-desc{font-size:24px;letter-spacing:-.8px;margin:25px 0;color:#414145}.actions{display:flex;justify-content:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;background:#0071e3;border:1px solid #0071e3;border-radius:30px;color:white;font-size:15px;font-weight:600}.button:hover{background:#0077ed}.outline{background:transparent;color:#0071e3}.outline:hover{background:#0071e3;color:#fff}.device-image{display:block;position:absolute;bottom:-115px;left:50%;transform:translateX(-50%);width:1240px;height:760px;object-fit:contain;mix-blend-mode:multiply}.service-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.panel{height:720px;position:relative;overflow:hidden;text-align:center}.panel-copy{position:relative;z-index:2;padding:48px 20px 0}h2{font-size:52px;line-height:1.22;letter-spacing:-2.5px;font-weight:800;margin:0}.panel-sub{font-size:29px;line-height:1.4;letter-spacing:-1.2px;margin:13px 0}.panel-desc{font-size:16px;line-height:1.8;margin:17px 0;color:#5c5c62}.text-link{font-size:17px;font-weight:600;color:#0071e3;display:inline-block;border-bottom:1px solid transparent;padding-bottom:3px}.text-link:hover{border-color:currentColor}.panel>img{position:absolute;bottom:0;left:0;width:100%;height:370px;object-fit:cover}.web{background:#f5f5f7}.app{background:#080d18;color:#f5f5f7}.app .panel-desc{color:#b6bdca}.app .text-link{color:#69afff}.app>img{filter:brightness(.72);object-position:center 58%}.platform{padding:115px 0;text-align:center}.platform>p{font-size:20px;color:#64646a;margin:26px 0 55px}.platform-items{display:flex;width:1020px;margin:auto;justify-content:space-between;text-align:left}.platform-items>div{padding:0 30px;border-left:1px solid #d4d4d9}.platform-items strong{display:block;font-size:23px;font-weight:700;margin-bottom:12px}.platform-items span{font-size:15px;color:#64646a}.work{background:#f5f5f7;padding:70px calc((100% - 1080px)/2);display:flex;gap:55px;align-items:center}.work-copy{width:390px;flex-shrink:0}.work-label{font-size:14px;color:#6e6e73;margin:0 0 18px}.work h2{font-size:48px}.work h3{font-size:28px;line-height:1.45;letter-spacing:-1px;margin:16px 0}.work-copy>p:not(.work-label){font-size:16px;color:#64646a;line-height:1.8}.work .text-link{font-size:15px;margin-top:10px}.work-image{width:635px;height:325px;border:1px solid #dddde2;background:white;overflow:hidden;border-radius:8px;box-shadow:0 18px 40px #1d1d1f0b}.work-image img{display:block;width:100%}.process{width:1080px;margin:auto;padding:105px 0}.process h2{font-size:45px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.process-list article{border-top:1px solid #d2d2d7;padding-top:24px}.process-list h3{font-size:23px;letter-spacing:-.7px;margin:0}.process-list p{font-size:16px;line-height:1.8;color:#64646a}.contact{text-align:center;background:#f5f5f7;padding:85px 0}.contact h2{font-size:45px}.contact>p{font-size:20px;line-height:1.7;color:#64646a;margin:22px 0 28px}.contact>small{display:block;margin-top:16px;font-size:12px;color:#77777e}#brief{width:580px;text-align:left;margin:30px auto 0}label{display:block;font-size:14px;margin-bottom:10px}textarea{display:block;width:100%;border:1px solid #cccdd4;background:white;padding:18px;border-radius:12px;line-height:1.8;resize:vertical;margin-bottom:15px}#copy-status{font-size:14px}footer{width:1080px;margin:auto;padding:34px 0;color:#6e6e73;font-size:12px}footer strong{font-size:18px;color:#1d1d1f}footer p{margin:9px 0 22px}footer div{display:flex;justify-content:space-between;border-top:1px solid #dedee3;padding-top:18px}footer small{font-size:12px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #65adff;outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.device-image{mask-image:linear-gradient(to bottom,transparent 0%,#000 24%)}
/* Black and white brand palette */
nav a:hover,.text-link,.app .text-link{color:#1d1d1f}.app .text-link{color:#fff}.button{background:#1d1d1f;border-color:#1d1d1f}.button:hover{background:#333;border-color:#333}.outline{background:transparent;color:#1d1d1f}.outline:hover{background:#1d1d1f;color:#fff}.app{background:#080808}.app>img{filter:brightness(.72)}a:focus-visible,button:focus-visible,textarea:focus-visible{outline-color:#727272}

/* Project presentation and independent pages */
nav a[aria-current="page"]{color:#111;text-decoration:underline;text-underline-offset:7px}
.case-showcase{padding:110px 0 85px;background:#fff}.case-heading{width:1080px;margin:0 auto 48px;display:flex;justify-content:space-between;align-items:flex-end}.case-kicker{font-size:14px;font-weight:700;color:#777;margin:0 0 22px}.case-heading h2,.case-heading h1{font-size:64px;line-height:1.13;letter-spacing:-3px;margin:0}.case-summary{width:320px}.case-summary p{font-size:17px;line-height:1.85;color:#626268;margin:0 0 22px}.case-summary strong{color:#1d1d1f;font-weight:800}.case-link{font-size:15px;font-weight:700;display:inline-flex;gap:38px;align-items:center;border-bottom:1px solid #333;padding:0 0 10px}.case-link:hover{opacity:.65}.case-stage{width:1200px;margin:auto;background:#f2f3f5;padding:65px 90px 0;overflow:hidden}.case-browser{background:white;border:1px solid #d7d9de;border-radius:12px 12px 0 0;box-shadow:0 18px 50px #141c2c12;overflow:hidden}.browser-bar{height:38px;padding:0 18px;background:#fbfbfc;border-bottom:1px solid #e4e6e9;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#83858b}.browser-dots{letter-spacing:3px;font-size:9px;color:#c2c4c9}.case-screen{height:445px;overflow:hidden}.case-screen img{width:100%;display:block}.case-caption{width:1080px;margin:22px auto 0;display:flex;justify-content:space-between;font-size:13px;color:#777}.case-detail{padding-top:90px}.case-detail .case-heading h1{font-size:88px}.case-notes{width:1080px;margin:0 auto;padding:20px 0 110px}.case-notes h2{font-size:40px;letter-spacing:-1.7px}.case-notes>p{font-size:18px;line-height:1.9;color:#6e6e73;margin:25px 0 40px}.case-notes dl{display:flex;border-top:1px solid #d9d9de;margin:0}.case-notes dl>div{flex:1;padding:25px 0}.case-notes dt{font-size:13px;color:#777;margin-bottom:12px}.case-notes dd{margin:0;font-size:16px;font-weight:700}.service-detail{height:880px}.service-detail .panel-copy{padding-top:70px}.service-detail h1{font-size:76px}.service-detail>img{width:1080px;height:470px;left:50%;transform:translateX(-50%)}.service-scope{width:1080px;margin:auto;padding:100px 0}.service-scope h2{font-size:40px}.service-scope>div{display:flex;gap:60px;margin-top:45px}.service-scope article{flex:1;border-top:1px solid #ddd;padding-top:20px}.service-scope h3{font-size:22px;letter-spacing:-.5px}.service-scope p{font-size:17px;color:#6e6e73;line-height:1.8}.contact-detail{min-height:calc(100vh - 210px);padding-top:110px}.contact-detail h1{font-size:62px;letter-spacing:-2.8px}.contact-detail #brief{max-width:660px;margin:40px auto 0}
/* Reference design gallery */
.reference-gallery{width:1080px;margin:auto;padding:100px 0 90px}.reference-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.reference-heading h1,.reference-heading h2{font-size:52px;letter-spacing:-2px;line-height:1.2;margin:0}.reference-heading p{font-size:17px;line-height:1.7;color:#777;margin:0}.reference-filters{display:flex;gap:10px;margin-bottom:30px}.reference-filters button{background:white;border:1px solid #ddd;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;color:#777}.reference-filters button.selected{color:white;background:#1d1d1f;border-color:#1d1d1f}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.reference-item[hidden]{display:none}.reference-preview{height:310px;display:block;overflow:hidden;background:#f2f3f5;border:1px solid #e8e8eb;position:relative}.reference-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.reference-preview:hover img{transform:scale(1.035)}.reference-open{position:absolute;bottom:15px;right:15px;background:#ffffffed;padding:9px 14px;border-radius:20px;font-size:12px;font-weight:700}.reference-info h3{font-size:21px;letter-spacing:-.6px;margin:20px 0 8px}.reference-info h3 a{display:flex;justify-content:space-between}.reference-info h3 span{font-size:16px}.reference-info p{font-size:14px;color:#777;margin:0;line-height:1.8}.reference-source{font-size:12px;color:#777;margin:32px 0 0}.reference-source a{text-decoration:underline;text-underline-offset:3px}nav{gap:35px}
.reference-preview{height:225px}.reference-preview img{object-fit:contain;object-position:center}
/* Starter price and ownership commitments */
.hero-assurance{font-size:14px;font-weight:700;color:#6e6e73;margin:-7px 0 24px}.starter-offer{width:1200px;margin:0 auto;display:grid;grid-template-columns:640px 1fr;gap:55px;align-items:center;padding:100px 0}.starter-visual{height:550px;background:#f7f5f2;overflow:hidden}.starter-visual img{width:100%;height:100%;object-fit:cover;display:block}.starter-copy{padding-right:25px}.offer-label{font-size:14px;font-weight:700;color:#6e6e73;margin:0 0 20px}.starter-copy h2{font-size:44px;letter-spacing:-2px;line-height:1.28}.offer-price{display:flex;align-items:baseline;gap:9px;margin:22px 0 12px;color:#1d1d1f}.offer-price strong{font-size:100px;line-height:1;letter-spacing:-7px;font-weight:800}.offer-price span{font-size:30px;font-weight:800}.offer-description{font-size:18px;line-height:1.8;color:#666;margin:22px 0 28px}.offer-note{font-size:11px;line-height:1.8;color:#888;margin:15px 0 0}.ownership-promise{background:#101010;color:#f5f5f7;padding:95px 0}.ownership-label{font-size:14px;font-weight:700;color:#aaa;text-align:center;margin:0 0 25px}.ownership-promise>h2{text-align:center;font-size:54px;line-height:1.24;letter-spacing:-2.5px}.ownership-points{width:1080px;margin:65px auto 0;display:flex;gap:55px}.ownership-points article{flex:1;border-top:1px solid #444;padding-top:20px}.ownership-points h3{font-size:24px;letter-spacing:-.8px;margin:12px 0 18px}.ownership-points p{font-size:15px;line-height:1.9;color:#a9a9af;margin:0}.hero .device-image{bottom:-135px}
.production-video{width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:70px;padding:70px 0}.production-video-copy>p{font-size:13px;font-weight:700;color:#777;margin:0 0 16px}.production-video h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 24px}.production-video .text-link{font-size:14px}.production-video-player{width:580px;background:#f5f5f7;border-radius:12px;overflow:hidden;line-height:0}.production-video video{display:block;width:100%;height:280px;object-fit:contain;background:#111}
.production-video{width:900px;justify-content:center;gap:110px}.production-video-player{width:210px;flex-shrink:0}.production-video video{height:auto;aspect-ratio:9/16}
.production-video{display:flex;flex-direction:column;width:1080px;gap:28px;text-align:center;padding:65px 0}.production-video h2{margin-bottom:18px}.production-video-player{width:240px;margin:0 auto;background:transparent;border-radius:12px}.production-video video{border-radius:12px;aspect-ratio:9/16;background:#eee}.video-controls{display:flex;align-items:center;gap:9px;padding:14px 0 0;line-height:normal}.video-controls button{font-size:12px;font-weight:700;border:0;background:#1d1d1f;color:white;border-radius:20px;min-width:54px;padding:8px 10px}.video-controls input{min-width:0;flex:1;accent-color:#1d1d1f}.video-status{font-size:12px;line-height:1.7;color:#777;margin:12px 0 0}.video-controls button:focus-visible{outline:2px solid #777;outline-offset:3px}
:root{--reveal-distance:40px}