@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5ee;color:#101010;font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.announcement{padding:10px 5vw;background:#171717;color:#fff;text-align:center;font-size:11px;letter-spacing:.08em}.announcement a{margin-left:25px;color:#d8ff3e}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #111}.logo{line-height:.83;font:20px 'Archivo Black';letter-spacing:-.04em}.logo span,.logo b{display:block}.logo b{color:#6546ff}.site-header nav{display:flex;gap:35px;font-size:13px;font-weight:700}.login{min-width:140px;padding:14px 18px;background:#d8ff3e;border:2px solid #111;display:flex;justify-content:space-between;font-weight:700;box-shadow:4px 4px 0 #111}.hamburger{display:none;border:0;background:none;font-size:22px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid #111}.hero-title{padding:90px 5vw 60px;display:flex;flex-direction:column}.hero-title>p,.side-label,.service-title>span,.process-head>span,.contact>div>span{font-size:11px;font-weight:700;letter-spacing:.15em}.hero h1{margin:auto 0 70px;font-size:clamp(62px,7vw,115px);line-height:.96;letter-spacing:-.075em}.hero h1 span{color:#6546ff}.hero-actions{display:flex;align-items:end;justify-content:space-between}.hero-actions>a{min-width:245px;padding:19px;background:#101010;color:#fff;display:flex;justify-content:space-between;font-weight:700}.hero-actions p{font-size:12px;line-height:1.5}.hero-media{position:relative;border-left:2px solid #111;overflow:hidden}.hero-media figure{margin:0;height:100%}.floating-card{position:absolute;right:35px;top:35px;width:220px;padding:20px;background:#d8ff3e;border:2px solid #111;box-shadow:6px 6px 0 #111}.floating-card span,.floating-card b,.floating-card i{display:block}.floating-card span{font-size:10px;letter-spacing:.15em}.floating-card b{margin:18px 0 7px;font-size:19px}.floating-card i{font-size:11px;font-style:normal}.hero-label{position:absolute;left:0;bottom:0;padding:12px 20px;background:#6546ff;color:#fff;font-size:11px;letter-spacing:.13em}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid #111}.numbers article{padding:38px 4vw;border-right:2px solid #111;position:relative}.numbers small{position:absolute;right:16px;top:14px}.numbers b,.numbers span{display:block}.numbers b{font:52px 'Archivo Black';letter-spacing:-.06em}.numbers span{font-size:12px}.intro{padding:140px 5vw;display:grid;grid-template-columns:1fr 3fr}.intro h2{margin:0 0 35px;font-size:clamp(50px,6vw,90px);line-height:1.02;letter-spacing:-.07em}.intro>div>p{max-width:650px;margin-left:auto;font-size:17px;line-height:1.8}.services{display:grid;grid-template-columns:.8fr 1.2fr;background:#6546ff;color:#fff;border-block:2px solid #111}.service-title{padding:100px 5vw}.service-title h2{margin:50px 0 25px;font-size:clamp(48px,5vw,75px);line-height:1.02;letter-spacing:-.06em}.service-title p{color:#ded8ff}.service-stack{border-left:2px solid #111}.service-stack article{min-height:250px;padding:42px;display:grid;grid-template-columns:70px 1fr 50px;gap:25px;border-bottom:2px solid #111;background:#f5f5ee;color:#111}.service-stack article:last-child{border-bottom:0}.service-no{font:22px 'Archivo Black'}.service-stack h3{margin:0 0 15px;font-size:28px}.service-stack p{max-width:630px;line-height:1.7}.service-stack ul{display:flex;gap:10px;padding:0;list-style:none}.service-stack li{padding:7px 11px;border:1px solid;font-size:11px}.icon{width:43px;height:43px;display:grid;place-items:center;border:2px solid;border-radius:50%;font-size:21px}.process{padding:130px 5vw;background:#d8ff3e}.process-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:70px}.process-head h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.07em}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid}.process-flow article{padding:25px;border-right:2px solid;min-height:240px}.process-flow article:last-child{border:0}.process-flow b{font:30px 'Archivo Black'}.process-flow h3{margin-top:65px}.process-flow p{font-size:13px}.chat{max-width:750px;margin:80px auto 0}.message{width:70%;padding:18px 22px;border:2px solid;box-shadow:5px 5px 0 #111}.message small{font-size:9px;letter-spacing:.1em}.message p{margin-bottom:0}.message.mate{margin:-2px 0 0 auto;background:#6546ff;color:#fff}.case{display:grid;grid-template-columns:1.15fr .85fr;min-height:680px;border-block:2px solid}.case-copy{padding:110px 5vw}.case-copy>span{font-size:11px;letter-spacing:.15em}.case h2{margin:80px 0 30px;font-size:clamp(40px,5vw,70px);line-height:1.15;letter-spacing:-.06em}.case figure{margin:0;border-left:2px solid}.case-stats{display:flex;gap:12px;margin-top:55px}.case-stats b{padding:12px 18px;background:#d8ff3e;border:2px solid;box-shadow:3px 3px 0 #111}.contact{padding:130px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#171717;color:#fff}.contact h2{font-size:clamp(52px,6vw,88px);line-height:1;letter-spacing:-.07em}.contact>div p{max-width:500px;color:#aaa;line-height:1.8}.contact-form label{display:block;padding:18px 0;border-bottom:1px solid #555;font-size:11px;color:#aaa}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:10px;background:none;border:0;color:#fff;outline:0;font:17px inherit}.contact-form button{width:100%;margin-top:28px;padding:20px;background:#d8ff3e;border:0;display:flex;justify-content:space-between;font-weight:800}footer{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end}footer p,footer small{font-size:11px}footer p{margin:5px 0}footer small{text-align:right}@media(max-width:760px){.site-header nav,.login{display:none}.hamburger{display:block}.hero,.services,.case,.contact{grid-template-columns:1fr}.hero-title{padding:65px 25px}.hero h1{margin:70px 0}.hero-media{height:500px;border-left:0;border-top:2px solid}.numbers{grid-template-columns:1fr 1fr}.numbers article:nth-child(2){border-right:0}.intro{padding:90px 25px;grid-template-columns:1fr;gap:45px}.services{border-bottom:0}.service-title{padding:80px 25px}.service-stack{border-left:0;border-top:2px solid}.service-stack article{grid-template-columns:45px 1fr}.service-stack .icon{display:none}.service-stack ul{flex-wrap:wrap}.process{padding:90px 25px}.process-head{grid-template-columns:1fr;gap:45px}.process-flow{grid-template-columns:1fr 1fr}.process-flow article:nth-child(2){border-right:0}.process-flow article{border-bottom:2px solid}.message{width:90%}.case figure{height:480px;border-left:0;border-top:2px solid}.contact{padding:90px 25px}footer{grid-template-columns:1fr;gap:25px}footer small{text-align:left}}