@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#090e15;--panel:#101720;--line:#24303a;--text:#f1f5f6;--muted:#94a0ae;--mint:#a7f3ce;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:15px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:#090e15ed;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(16px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:36px;font-weight:800;letter-spacing:-2.5px;line-height:1;display:inline-flex;align-items:center}.brand img{display:block;width:104px;max-width:100%;height:auto;max-height:31px;object-fit:contain}.footer-top .brand img{width:96px}.desktop-nav{display:flex;gap:35px;font-size:13px;color:#b3bdc8}.desktop-nav a:hover,.text-link:hover,.footer a:hover{color:var(--mint)}.nav-contact{border:1px solid #49565c;padding:9px 18px;border-radius:5px;font-size:12px}.nav-contact span{margin-left:22px;color:var(--mint)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{padding:20px 24px;display:grid;gap:16px;border-top:1px solid var(--line)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--mint);color:var(--bg);z-index:99;padding:10px}.skip-link:focus{top:10px}.hero{position:relative;min-height:720px;padding-top:120px;padding-bottom:94px;display:grid;grid-template-columns:1.15fr 1fr;align-items:start}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow,.section-label,.small-label{font-size:10px;letter-spacing:1.9px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #a7f3ce66;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.3vw,62px);line-height:1.3;letter-spacing:-3.3px;margin:27px 0 25px;font-weight:700}.accent{color:var(--mint)}.hero-description{font-size:16px;color:#a9b5c1;line-height:1.95;font-weight:400}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px}.button{border:none;border-radius:5px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--mint);color:#0e2420}.primary:hover{background:#c8ffe3;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:20px}.hero-tags{display:flex;gap:11px;align-items:center;margin-top:46px;font-size:8px;letter-spacing:1.1px;color:#85929e}.hero-tags i{width:3px;height:3px;background:#53656c;border-radius:50%}.hero-art{height:550px;position:absolute;right:-30px;top:35px;width:58%;overflow:hidden;background:radial-gradient(ellipse at center,#163c3a33,transparent 65%)}#neural-canvas{width:100%;height:100%;display:block}.art-orbit{position:absolute;border:1px solid #92d7cd12;border-radius:50%;width:430px;height:430px;top:65px;left:100px;pointer-events:none}.orbit-two{width:500px;height:500px;top:30px;left:65px;border-style:dashed}.art-label{position:absolute;font-size:8px;letter-spacing:1.7px;color:#718d91;display:flex;align-items:center;gap:10px}.top-label{top:53px;left:90px}.mini-cross{font-size:20px;color:var(--mint)}.bottom-label{bottom:44px;right:55px}.coordinate{position:absolute;right:20px;top:80px;color:#5f777e;font-family:monospace;font-size:9px}.hero-footer{position:absolute;bottom:28px;left:0;right:0;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#7a8897;font-size:9px;letter-spacing:1.7px}.hero-footer a span{margin-left:15px;color:var(--mint)}.expertise-strip{border-block:1px solid var(--line);background:#0f161f}.expertise-strip .container{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}.expertise-strip .container>span{font-size:9px;letter-spacing:1.6px;color:#7c8a97}.expertise-strip p{margin:0;font-size:18px;letter-spacing:-.2px;color:#cbd6de}.expertise-strip b{font-weight:400;color:var(--mint);margin:0 25px;font-size:16px}.section{padding-block:105px}.section-label{display:flex;justify-content:space-between;color:var(--mint);margin-bottom:42px}.small-label{color:#6c7b89;letter-spacing:1.4px;font-size:9px}h2{font-size:clamp(28px,3.1vw,43px);line-height:1.4;letter-spacing:-1.8px;font-weight:600;margin-bottom:0}.muted{color:#8794a3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{color:#a2aebb;font-size:14px;line-height:2}.about-copy p{margin-bottom:18px}.about-copy .text-link{color:var(--mint);margin-top:5px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:54px}.principles>div{padding-top:25px;border-top:1px solid var(--line)}.principles span{color:var(--mint);font-size:11px;margin-right:15px}.principles strong{font-weight:500;font-size:15px}.principles p{margin:10px 0 0 33px;color:#81909f;font-size:12px}.services{background:#0d141d;border-block:1px solid #ffffff06}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.section-heading>p{font-size:13px;line-height:1.9;color:#93a1b0;margin:0;max-width:330px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-card{padding:31px;background:#111a24;border:1px solid #273440;border-radius:8px;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#789f94;transform:translateY(-3px)}.featured{background:linear-gradient(130deg,#172d2b,#111c25 80%);border-color:#416b5d}.card-top{display:flex;align-items:center;gap:17px;margin-bottom:26px}.card-top>span:nth-child(2){font-size:9px;letter-spacing:1.1px;color:#8b9ba9}.service-icon{font-size:29px;color:var(--mint);line-height:1}.code-icon{font-family:monospace;font-size:22px}.card-arrow{margin-left:auto;color:#8ba09f;font-size:20px}.service-card h3{font-size:23px;letter-spacing:-.9px;font-weight:600;margin-bottom:14px}.service-card p{font-size:13px;color:#a0adba;line-height:1.95;max-width:460px;margin-bottom:22px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills span{font-size:10px;border:1px solid #31414b;padding:3px 10px;border-radius:4px;color:#a8b8c0}.card-bottom{border-top:1px solid #ffffff0c;margin-top:27px;padding-top:17px;font-size:10px;color:#7b9198;display:flex;justify-content:space-between}.card-bottom span{color:var(--mint)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.product-visual{height:300px;border-radius:7px;overflow:hidden;position:relative;border:1px solid #ffffff0c}.studio-visual{padding:37px 36px 0;background:radial-gradient(ellipse at 50% 120%,#336a6755,transparent),#131e28}.dashboard{display:flex;border:1px solid #3d555d;border-radius:7px 7px 0 0;background:#0a121c;box-shadow:0 15px 30px #0007;transform:perspective(900px) rotateX(6deg) rotateY(-6deg);height:285px}.dash-sidebar{border-right:1px solid #20303d;width:44px;display:flex;align-items:center;flex-direction:column;gap:22px;padding-top:16px}.dash-sidebar b{color:var(--mint)}.dash-sidebar i{width:10px;height:10px;border:1px solid #627483;border-radius:2px}.dash-main{padding:18px;width:calc(100% - 44px)}.dash-title{font-size:10px;display:flex;justify-content:space-between;color:#dde5ec}.dash-title span{font-size:6px;color:var(--mint)}.dash-stats{display:flex;gap:12px;margin:15px 0}.dash-stats div{border:1px solid #233340;background:#111d28;flex:1;padding:8px 10px;font-size:6px;color:#8296a5;letter-spacing:1px}.dash-stats strong{display:block;color:#dfe9e8;font-size:16px;font-weight:400;letter-spacing:-.5px}.dash-chart{height:90px;position:relative;overflow:hidden}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#263540 0 1px,transparent 1px 25px)}.dash-chart svg{position:relative;width:100%;height:90%}.dash-bars{height:35px;display:flex;gap:8px;align-items:end;margin-top:15px}.dash-bars i{flex:1;background:#5caa9d;height:50%}.dash-bars i:nth-child(3n){height:90%;background:#8bd9bf}.dash-bars i:nth-child(2n){height:65%}.visual-caption{position:absolute;bottom:10px;right:12px;font-size:8px;color:#9baeb9;background:#101a24e0;padding:3px 8px}.vision-visual img{height:100%;width:100%;object-fit:cover;transition:transform .6s;filter:saturate(.6)}.product:hover .vision-visual img{transform:scale(1.04)}.vision-shade{position:absolute;inset:0;background:linear-gradient(transparent,#061219a0)}.vision-badge{position:absolute;top:23px;left:23px;font-size:10px;letter-spacing:1.2px;background:#071318d9;padding:6px 10px;border:1px solid #73b39b77;display:flex;align-items:center;gap:8px}.vision-caption{position:absolute;bottom:24px;left:24px;color:#e8f9f0;letter-spacing:2px;font-size:11px}.product-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7d909d;margin-top:25px}.product-meta span:last-child{color:var(--mint);font-size:17px}.product h3{font-size:25px;font-weight:500;margin:8px 0 12px;letter-spacing:-.5px}.product p{font-size:13px;line-height:1.9;color:#99a7b6}.product-link{font-size:11px;color:var(--mint);display:inline-block;margin-top:8px}.process{background:#0e151e;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:55px}.step-number{border-top:1px solid #40504d;padding-top:22px;color:var(--mint);display:flex;justify-content:space-between;font-size:13px}.step-number span{color:#50625f}.steps h3{font-size:18px;font-weight:500;letter-spacing:-.7px;margin:22px 0 13px}.steps p{color:#92a0ae;font-size:11px;line-height:1.9}.step-tag{font-size:8px;color:#5f7b7b;letter-spacing:1px;display:block;margin-top:26px}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-block:110px 120px}.contact h2{font-size:46px;margin:24px 0}.contact-main>p{color:#99a8b6;font-size:13px;line-height:2}.email-link{font-size:29px;letter-spacing:-.5px;display:block;margin:27px 0 10px;width:max-content;border-bottom:1px solid #567568;padding-bottom:8px}.email-link span{color:var(--mint);margin-left:35px}.copy-email{border:none;background:none;color:#8e9ea9;padding:0;font-size:11px}.copy-email span{margin-left:8px}.copy-status{display:block;font-size:11px;color:var(--mint);min-height:22px;margin-top:6px}.contact-form{border:1px solid #2d3c47;border-radius:8px;background:#101821;padding:30px;align-self:center}.form-eyebrow{font-size:9px;letter-spacing:1.3px;color:#a7bcb9;display:block;margin-bottom:25px}.contact-form label{display:block;font-size:12px;margin:18px 0 8px}.contact-form select,.contact-form textarea{color:#d4dee4;background:#0b121a;border:1px solid #33424d;border-radius:4px;width:100%;padding:12px;font-size:12px}.contact-form textarea{resize:vertical;min-height:120px;line-height:1.8}.contact-form textarea::placeholder{color:#657583}.contact-form .button{width:100%;margin-top:18px}.form-note{font-size:10px;color:#788b98;margin:13px 0 0;line-height:1.8}.footer{border-top:1px solid var(--line);padding:38px 0 22px}.footer-top{display:flex;align-items:center;gap:40px}.footer-top .brand{font-size:30px}.footer-top p{font-size:11px;color:#83939e;margin:0}.footer-top>a:last-child{margin-left:auto;font-size:11px;color:#a3b5be}.footer-bottom{display:flex;justify-content:space-between;margin-top:35px;padding-top:20px;border-top:1px solid #ffffff08;font-size:8px;color:#617480;letter-spacing:.7px}
@media(min-width:1500px){.hero{min-height:760px;padding-top:140px}.hero-art{top:55px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{min-height:670px;padding-top:110px}.hero-art{right:-20px;width:60%;opacity:.85}.hero-description{font-size:14px}.hero-actions{gap:18px}.expertise-strip b{margin:0 12px}.expertise-strip p{font-size:15px}.about-grid{gap:45px}.contact{gap:45px}.contact h2{font-size:39px}.product-visual{height:260px}.studio-visual{padding:30px 20px 0}.steps{gap:20px}.hero-tags{font-size:7px;letter-spacing:.6px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{height:72px}.brand{font-size:30px}.desktop-nav{display:none}.nav-contact{margin-left:auto;margin-right:20px;padding:6px 11px;font-size:10px}.nav-contact span{margin-left:10px}.menu-toggle{display:block;color:var(--mint);border:none;background:none;font-size:23px;padding:4px}.hero{display:block;padding-top:58px;padding-bottom:74px;min-height:860px}.hero-copy{pointer-events:auto}h1{font-size:43px;letter-spacing:-2.5px;margin:22px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-description{font-size:13px}.hero-actions{gap:23px;margin-top:26px}.button{font-size:11px;padding:13px 16px;gap:20px}.text-link{font-size:11px}.hero-tags{margin-top:28px;gap:9px;font-size:7px}.hero-art{top:370px;right:0;left:0;width:100%;height:420px;opacity:1}.art-orbit{width:300px;height:300px;top:55px;left:calc(50% - 150px)}.orbit-two{width:350px;height:350px;top:30px;left:calc(50% - 175px)}.top-label{left:10px;top:40px;font-size:6px}.bottom-label{right:10px;bottom:25px;font-size:6px}.coordinate{right:0;font-size:7px}.hero-footer{font-size:7px;letter-spacing:.7px;bottom:20px;padding-top:17px}.hero-footer>span{max-width:140px}.expertise-strip .container{min-height:96px;display:block;padding-block:18px}.expertise-strip .container>span{font-size:7px;display:block;margin-bottom:8px}.expertise-strip p{font-size:12px;word-break:normal}.expertise-strip b{margin:0 5px;font-size:10px}.section{padding-block:65px}.section-label{font-size:8px;letter-spacing:1.4px;margin-bottom:28px}.small-label{font-size:6px;letter-spacing:.7px}h2{font-size:30px;letter-spacing:-1.4px}.about-grid{grid-template-columns:1fr;gap:28px}.about-copy{font-size:12px}.principles{grid-template-columns:1fr;gap:18px;margin-top:30px}.principles>div{padding-top:17px}.principles strong{font-size:14px}.principles p{font-size:11px;margin-top:4px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:12px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:25px}.service-card h3{font-size:21px}.service-card p{font-size:12px}.card-top{margin-bottom:22px}.product-grid{grid-template-columns:1fr;gap:38px}.product-visual{height:270px}.studio-visual{padding:30px 25px 0}.product p{font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:34px}.steps h3{font-size:16px;margin-top:18px}.steps p{font-size:10px}.step-tag{font-size:7px;margin-top:15px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:36px}.contact-main>p{font-size:12px}.email-link{font-size:28px}.contact-form{padding:24px}.footer{padding-top:30px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{font-size:9px}.footer-top>a:last-child{margin-left:0;width:100%;font-size:10px}.footer-bottom{gap:14px;flex-wrap:wrap;font-size:7px;margin-top:25px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}}
@media(max-width:370px){h1{font-size:36px}.hero-actions{gap:12px}.hero-tags{font-size:6px}.expertise-strip p{font-size:10px}.hero-art{top:365px}.small-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:760px){.brand img{width:92px}.footer-top .brand img{width:92px}}