:root{--navy:#101820;--ink:#171a1d;--muted:#747b80;--bg:#f5f7f8;--mint:#27b9bd;--line:#dce1e3;--pad:clamp(24px,5vw,78px);--space:clamp(90px,11vw,180px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans KR",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}.container{width:min(calc(100% - var(--pad)*2),1440px);margin:auto}.skip-link{position:fixed;top:-70px;left:15px;z-index:999;background:white;padding:12px}.skip-link:focus{top:10px}
.site-header{position:fixed;z-index:100;inset:0 0 auto;height:88px;padding:0 clamp(24px,4vw,68px);display:grid;grid-template-columns:160px 1fr auto;align-items:center;color:white;border-bottom:1px solid #ffffff22;transition:.35s}.site-header.scrolled,.site-header.active{height:72px;background:#101820f0;backdrop-filter:blur(18px)}.brand{width:112px;height:48px;display:flex;align-items:center;overflow:hidden}.brand img{width:122px;filter:brightness(0) invert(1)}.main-nav{display:flex;justify-content:center;gap:clamp(20px,2.5vw,44px);font:600 11px Manrope,sans-serif;letter-spacing:.08em}.main-nav a{position:relative;padding:12px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--mint);transition:.3s}.main-nav a:hover:after{right:0}.header-cta{font:600 11px Manrope,sans-serif;letter-spacing:.07em;border:1px solid #ffffff66;padding:11px 15px}.header-cta span{margin-left:20px;color:var(--mint)}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px}.menu-toggle span{display:block;width:24px;height:1px;margin:6px auto;background:white;transition:.2s}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--mint);font:700 11px Manrope,sans-serif;letter-spacing:.17em}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.eyebrow.light{color:#7de0df}.section{padding-block:var(--space)}h1,h2,h3{font-family:Manrope,"Noto Sans KR",sans-serif}.copy h2,.section-head h2,.consult-copy h2{font-size:clamp(36px,4.3vw,68px);line-height:1.18;letter-spacing:-.055em;font-weight:600}em{font-style:normal;color:var(--mint)}
.hero{position:relative;height:100svh;min-height:760px;overflow:hidden;background:var(--navy);color:white}.hero-media{position:absolute;inset:-5%;background:url("/assets/photos/office-open-workspace.webp") center/cover;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071017ed 0%,#071017bd 43%,#07101738 78%),linear-gradient(0deg,#071017bb,transparent 45%)}.hero-grid{position:absolute;inset:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr)}.hero-grid i{border-left:1px solid #ffffff12}.hero-grid i:last-child{border-right:1px solid #ffffff12}.nodes{position:absolute;right:9%;top:23%;width:31vw;height:31vw;background:linear-gradient(28deg,transparent 49.8%,#27b9bd66 50%,transparent 50.3%),linear-gradient(151deg,transparent 49.8%,#ffffff33 50%,transparent 50.3%)}.nodes i{position:absolute;width:8px;height:8px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 0 7px #27b9bd18;animation:pulse 3s infinite}.nodes i:nth-child(1){left:2%;top:73%}.nodes i:nth-child(2){left:34%;top:38%;animation-delay:.5s}.nodes i:nth-child(3){left:62%;top:70%;animation-delay:1s}.nodes i:nth-child(4){left:83%;top:22%;animation-delay:1.5s}.nodes i:nth-child(5){left:98%;top:61%;animation-delay:2s}@keyframes pulse{50%{box-shadow:0 0 0 15px #27b9bd00}}.hero-content{position:relative;padding-top:clamp(165px,22vh,235px)}.hero h1{font-size:clamp(52px,7.1vw,112px);line-height:.87;letter-spacing:-.065em;font-weight:600}.hero h1 span{color:transparent;-webkit-text-stroke:1px #ffffffaa}.hero-copy{display:flex;gap:clamp(40px,6vw,100px);margin-top:42px}.hero-copy strong{font-size:clamp(18px,1.5vw,24px);line-height:1.55}.hero-copy p{color:#ffffffaa;font-size:14px}.actions{display:flex;gap:10px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;min-width:190px;padding:15px 18px;border:1px solid transparent;font:600 12px Manrope,sans-serif;transition:.3s}.button span{margin-left:28px}.primary{background:var(--mint);color:#071719}.primary:hover{background:#58d0d2;transform:translateY(-2px)}.ghost{border-color:#ffffff66}.hero-foot{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:#ffffff77;font:600 9px Inter,sans-serif;letter-spacing:.13em}.hero-foot div{display:flex;gap:34px}.hero-foot b{position:relative}.hero-foot b+b:before{content:"";position:absolute;left:-18px;top:6px;width:3px;height:3px;background:var(--mint);border-radius:50%}
.split{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(48px,8vw,130px);align-items:center}.copy>p:not(.eyebrow){max-width:530px;margin-top:25px;color:var(--muted);font-size:15px}.copy>strong{display:block;margin:28px 0;font-size:clamp(19px,1.6vw,25px);line-height:1.55}.photo{position:relative}.photo:before{content:"";position:absolute;z-index:-1;inset:-14px 22px 30px -14px;border:1px solid #cfd5d7}.photo img{aspect-ratio:1.22;object-fit:cover;filter:saturate(.82)}.photo figcaption{margin-top:14px;color:var(--muted);font:500 9px Inter,sans-serif;letter-spacing:.15em}.evolution{display:flex;align-items:center;margin-top:90px;color:#92999d;font:600 11px Inter,sans-serif}.evolution span{white-space:nowrap}.evolution span:first-child{color:var(--ink)}.evolution i{flex:1;height:1px;margin:0 17px;background:#ccd2d4}
.data-first{position:relative;height:800px;display:flex;align-items:center;overflow:hidden;color:white}.data-photo{position:absolute;inset:-5%}.data-photo img{height:100%;object-fit:cover;filter:saturate(.7) brightness(.78)}.data-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1018200d,#101820b8)}.data-content{position:relative;padding-left:54%}.data-content h2{font-size:clamp(40px,4.7vw,72px);line-height:1.16;letter-spacing:-.055em}.data-content>p:not(.eyebrow){margin-top:28px;color:#ffffffb3;font-size:15px}.mini-flow{display:flex;gap:15px;align-items:center;margin-top:40px;font:600 10px Inter,sans-serif}.mini-flow i{color:#ffffff44}.mini-flow span:last-child{color:#70dcdd}
.services,.portfolio{background:white}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(55px,7vw,95px)}.section-head>p{padding-bottom:7px;color:var(--muted);font-size:14px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr 1.2fr 80px;gap:28px;align-items:center;min-height:170px;border-bottom:1px solid var(--line);transition:.25s}.service:hover{padding-inline:16px;background:#f8fafb}.service>b{color:var(--mint);font:600 10px Inter,sans-serif}.service h3{font-size:clamp(22px,2.2vw,34px);line-height:1.07}.service p{max-width:430px;color:var(--muted);font-size:14px}.service>i{justify-self:end;width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#adb4b7;font:500 20px Manrope,sans-serif}
.workflow{background:var(--navy);color:white}.workflow-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,130px);align-items:center}.workflow-photo img{aspect-ratio:1.45;object-fit:cover;filter:saturate(.7) brightness(.73)}.workflow .copy>p:last-child{color:#ffffff99}.process{display:grid;grid-template-columns:repeat(5,1fr);margin-top:100px}.process article{position:relative;min-height:150px;padding:34px 15px 0 0;border-top:1px solid #ffffff33}.process article>b{position:absolute;right:15px;top:-29px;color:#ffffff44;font:500 9px Inter}.process article>span{position:absolute;top:-5px;width:9px;height:9px;border:2px solid var(--mint);border-radius:50%;background:var(--navy);box-shadow:0 0 0 6px #27b9bd18}.process small{color:var(--mint);font:600 9px Inter;letter-spacing:.1em}.process h3{margin-top:12px;font-size:14px;font-weight:500;line-height:1.5}
.physical{position:relative;height:850px;display:flex;align-items:center;overflow:hidden;color:white}.physical-bg,.final-bg{position:absolute;inset:0}.physical-bg img,.final-bg img{height:100%;object-fit:cover;filter:saturate(.68)}.physical-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071017f2,#071017bd 55%,#0710173d),linear-gradient(0deg,#071017b8,transparent)}.physical-copy{position:relative}.physical-copy h2{font-size:clamp(75px,11vw,175px);line-height:.85;letter-spacing:-.07em}.physical-copy>strong{display:block;margin:48px 0 20px;font-size:clamp(21px,2vw,31px);line-height:1.45}.physical-copy>p:last-child{max-width:680px;color:#ffffff99;font-size:14px}.physical-flow{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;align-items:center;font:600 9px Inter;letter-spacing:.1em}.physical-flow i{flex:1;height:1px;margin:0 18px;background:#ffffff44}
.architecture{background:#edf1f2}.arch-map{display:grid;grid-template-columns:1fr 95px 1fr 95px 1fr;align-items:center}.arch-map article{min-height:390px;padding:30px;background:white;border:1px solid #dbe1e3}.arch-map article>header{display:flex;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid var(--line)}.arch-map article>header b{color:var(--mint);font:500 10px Inter}.arch-map article h3{font-size:26px}.arch-map article>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:30px}.arch-map article span{padding:10px 12px;background:#f0f3f4;font:500 10px Inter}.arch-map>i{text-align:center;color:#899095;font:500 8px Inter}.arch-map .core{background:var(--navy);color:white;transform:translateY(-20px);box-shadow:0 25px 55px #10182022}.arch-map .core header{border-color:#ffffff22}.arch-map .core span{background:#ffffff12}.people{background:white}.people .photo img{aspect-ratio:1.05}
.build-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.build-steps li{position:relative;padding:40px 20px 0 0;border-top:1px solid #cdd3d5}.build-steps li>b{position:absolute;top:-29px;color:var(--muted);font:500 10px Inter}.build-steps li>span{position:absolute;top:-5px;width:9px;height:9px;border:2px solid var(--mint);background:var(--bg);border-radius:50%}.build-steps h3{font-size:18px}.build-steps p{margin-top:10px;color:var(--muted);font-size:13px}
.business{background:var(--navy);color:white}.business .section-head>p{color:#ffffff88}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff22;border-right:0}.business-grid article{min-height:390px;padding:29px;border-right:1px solid #ffffff22;transition:.3s}.business-grid article:hover{background:#172630;transform:translateY(-5px)}.business-grid article>b{color:var(--mint);font:600 9px Inter;letter-spacing:.1em}.business-grid h3{margin-top:100px;font-size:25px}.business-grid ul{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid #ffffff1f;color:#ffffff88;font-size:13px}.business-grid li+li{margin-top:7px}.business-grid li:before{content:"—";margin-right:8px;color:var(--mint)}
.portfolio-tabs{display:flex;border-bottom:1px solid var(--line)}.portfolio-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:18px 10px;color:var(--muted);cursor:pointer;font:600 11px Manrope}.portfolio-tabs button.active{color:var(--ink);border-color:var(--mint)}.portfolio-list{max-width:1150px;margin-left:auto}.portfolio-row{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;min-height:74px;border-bottom:1px solid var(--line)}.portfolio-row time{color:var(--mint);font:500 11px Inter}.portfolio-row h3{font-size:15px;font-weight:500}.portfolio-more{display:block;margin:32px auto 0;padding:8px 0;border:0;border-bottom:1px solid;background:none;cursor:pointer;font-size:12px}
.consulting{display:grid;grid-template-columns:1.1fr .9fr;background:#eef2f3}.consult-photo img{height:100%;min-height:720px;object-fit:cover;filter:saturate(.75)}.consult-copy{padding:clamp(70px,9vw,145px) clamp(30px,8vw,130px)}.consult-copy>p:not(.eyebrow){margin-top:35px;color:var(--muted)}.consult-copy>strong{display:block;margin-top:28px;font-size:17px}.consult-copy>a{display:flex;justify-content:space-between;margin-top:55px;padding:17px 0;border-bottom:1px solid;font-size:13px;font-weight:600}.consult-copy>a span{color:var(--mint)}
.final-cta{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;color:white}.final-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071017f2,#07101799)}.final-inner{position:relative;display:grid;grid-template-columns:1fr minmax(400px,500px);gap:90px;align-items:center;padding-block:100px}.final-copy h2{font-size:clamp(42px,5.3vw,78px);line-height:1.15;letter-spacing:-.055em}.final-copy>p:not(.eyebrow){margin:28px 0 38px;color:#ffffffaa}.contact-form{padding:40px;background:#0c1920dc;border:1px solid #ffffff22;backdrop-filter:blur(15px)}.contact-form header{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #ffffff22}.contact-form header b{color:var(--mint);font:600 11px Inter}.contact-form header p{color:#ffffff88;font-size:11px}.contact-form label{display:block;padding:16px 0;border-bottom:1px solid #ffffff22}.contact-form label span{display:block;color:#ffffff77;font:500 8px Inter;letter-spacing:.12em}.contact-form input,.contact-form textarea{width:100%;padding:8px 0 0;border:0;outline:0;resize:none;background:none;color:white;font-size:13px}.contact-form button{display:flex;justify-content:space-between;width:100%;margin-top:24px;padding:15px 17px;border:0;background:var(--mint);cursor:pointer}.contact-form>p{margin-top:8px;color:#7de0df;font-size:11px}
footer{padding:72px 0 24px;background:#0b1116;color:white}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}.footer-grid img{width:115px;filter:brightness(0) invert(1)}.footer-grid p{margin-top:20px;color:#ffffff77;font-size:13px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:600 10px Manrope}.footer-grid address{display:flex;flex-direction:column;gap:7px;color:#ffffff88;font-style:normal;font-size:12px}.footer-grid address a{color:white}.copyright{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid #ffffff18;color:#ffffff55;font:500 8px Inter;letter-spacing:.12em}
.chat-trigger{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #10182018;background:white;box-shadow:0 12px 35px #1018202c;cursor:pointer;font-size:12px}.chat-trigger i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #27b9bd1c}.chat-trigger span{margin-left:8px;color:var(--mint)}.chat-panel{position:fixed;z-index:110;right:24px;bottom:82px;width:min(380px,calc(100vw - 32px));background:white;box-shadow:0 25px 80px #06101844;opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s}.chat-panel.open{opacity:1;visibility:visible;transform:none}.chat-panel>header{display:flex;justify-content:space-between;align-items:center;padding:21px;background:var(--navy);color:white}.chat-panel header small{color:var(--mint);font:600 8px Inter}.chat-panel header h2{font-size:18px}.chat-panel header button{border:0;background:none;color:white;font-size:28px}.chat-body{padding:20px;background:#f4f7f8}.chat-body>p{padding:15px;background:white;border:1px solid var(--line);font-size:13px}.chat-body small{display:block;margin-top:8px;color:var(--muted)}.chat-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chat-options button{padding:8px 10px;border:1px solid var(--line);background:white;font-size:11px}.chat-input{display:flex;padding:11px}.chat-input input{flex:1;padding:8px;border:0;outline:0;font-size:12px}.chat-input button{width:36px;height:36px;border:0;border-radius:50%;background:var(--mint)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto auto}.main-nav{position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--navy);font-size:20px;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s}.main-nav.open{opacity:1;visibility:visible;transform:none}.menu-toggle{display:block;z-index:2}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-cta{margin-right:10px}.split{gap:50px}.data-content{padding-left:43%}.service{grid-template-columns:50px 1fr 1fr 65px}.arch-map{grid-template-columns:1fr 60px 1fr 60px 1fr}.arch-map article{padding:22px}.business-grid{grid-template-columns:1fr 1fr}.final-inner{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid address{grid-column:2}}
@media(max-width:720px){:root{--pad:22px;--space:88px}.site-header{height:70px;padding:0 18px}.site-header.scrolled{height:64px}.brand{width:90px}.brand img{width:98px}.header-cta{display:none}.hero{height:auto;min-height:780px}.hero-media{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#071017e8,#07101766),linear-gradient(0deg,#071017ee,transparent)}.hero-grid{inset:0 22px;grid-template-columns:1fr 1fr}.hero-grid i:nth-child(n+3){display:none}.hero-content{padding-top:165px}.hero h1{font-size:clamp(44px,14vw,65px);line-height:.94}.hero-copy{display:block;margin-top:32px}.hero-copy p{margin-top:15px}.actions{flex-direction:column;align-items:flex-start}.hero-foot>span,.hero-foot div b:nth-child(even){display:none}.hero-foot div{gap:22px}.split,.workflow-top,.consulting,.final-inner{grid-template-columns:1fr}.copy h2,.section-head h2,.consult-copy h2{font-size:clamp(34px,10.5vw,49px)}.photo{margin-left:10px}.evolution{overflow-x:auto;margin-top:65px;padding-bottom:8px}.evolution i{min-width:28px}.data-first{height:760px;align-items:flex-end}.data-photo:after{background:linear-gradient(0deg,#101820f0,#10182012)}.data-content{padding:0 0 65px}.data-content h2{font-size:41px}.mini-flow{gap:8px;font-size:8px}.section-head{display:block;margin-bottom:52px}.section-head>p{margin-top:23px}.service{grid-template-columns:38px 1fr 45px;gap:12px;min-height:150px}.service p{grid-column:2/4;margin-top:-18px}.service>i{grid-column:3;grid-row:1;width:42px;height:42px}.workflow-photo{order:2}.process{grid-template-columns:1fr;margin-top:65px;padding-left:10px}.process article{min-height:0;padding:0 0 40px 30px;border-top:0;border-left:1px solid #ffffff33}.process article>span{top:5px;left:-5px}.process article>b{top:3px}.physical{height:790px}.physical-bg img{object-position:63% center}.physical-copy h2{font-size:74px}.physical-copy>strong{margin-top:35px}.physical-flow{overflow-x:auto;padding-bottom:5px}.physical-flow span{white-space:nowrap}.physical-flow i{min-width:20px;margin:0 8px}.arch-map{grid-template-columns:1fr;gap:12px}.arch-map article{min-height:0}.arch-map>i{height:35px;display:grid;place-items:center;transform:rotate(90deg)}.arch-map .core{transform:none}.people .photo{order:2}.build-steps{grid-template-columns:1fr;padding-left:10px}.build-steps li{padding:0 0 42px 30px;border-top:0;border-left:1px solid #cdd3d5}.build-steps li>b{top:1px;right:5px}.build-steps li>span{top:5px;left:-5px}.business-grid{grid-template-columns:1fr}.business-grid article{min-height:310px}.business-grid h3{margin-top:62px}.portfolio-tabs{overflow-x:auto}.portfolio-tabs button{min-width:140px}.portfolio-row{grid-template-columns:75px 1fr 15px;gap:8px}.portfolio-row h3{font-size:13px}.consult-photo img{min-height:420px}.consult-copy{padding:72px 22px}.final-cta{min-height:0}.final-inner{padding-block:90px}.contact-form{padding:28px 21px}.contact-form header{display:block}.contact-form header p{margin-top:8px}.footer-grid{grid-template-columns:1fr}.footer-grid address{grid-column:1}.chat-trigger{right:16px;bottom:16px}.chat-trigger b{display:none}.chat-panel{right:16px;bottom:70px}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.nodes i{animation:none}}
.hero video.hero-media{width:110%;height:110%;object-fit:cover;object-position:center;background:var(--navy)}
@media(max-width:720px){.hero video.hero-media{object-position:64% center}}
/* Advanced AI interface layer */
.brand{width:132px;height:54px;overflow:visible}.brand img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
h1,h2,h3,.section-head h2{font-family:"Space Grotesk","Noto Sans KR",sans-serif}.hero h1{font-weight:600;letter-spacing:-.075em}.hero h1 span{background:linear-gradient(100deg,#ffffff75 12%,#fff 38%,#62d7d9 50%,#ffffff75 68%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;animation:typeShimmer 7s linear infinite}
.ai-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.72}.scan-line{position:absolute;z-index:1;left:0;right:0;top:-10%;height:18%;pointer-events:none;background:linear-gradient(0deg,transparent,#62d7d90b 65%,#62d7d936 99%,transparent);animation:scan 8s linear infinite}.hero-content,.hero-foot{z-index:3}
.system-status{position:absolute;z-index:3;top:112px;right:clamp(24px,4vw,68px);display:flex;align-items:center;gap:9px;color:#ffffff77;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.08em}.system-status i{width:6px;height:6px;border-radius:50%;background:#62d7d9;box-shadow:0 0 0 5px #27b9bd20;animation:statusPulse 1.8s ease-out infinite}.system-status b{margin-left:15px;color:#62d7d9;font-weight:500}
.code-hud{position:absolute;z-index:3;right:clamp(26px,5vw,78px);bottom:96px;width:355px;border:1px solid #ffffff24;background:#071118a8;color:#dce7e9;box-shadow:0 20px 70px #00000035;backdrop-filter:blur(15px);font-family:"IBM Plex Mono",monospace;transform:perspective(900px) rotateY(-4deg);transition:.4s}.code-hud:hover{border-color:#62d7d966;transform:perspective(900px) rotateY(0) translateY(-4px)}.code-hud header,.code-hud footer{display:flex;align-items:center;height:36px;padding:0 13px;border-bottom:1px solid #ffffff16;font-size:8px;letter-spacing:.08em}.code-hud header i{width:5px;height:5px;margin-right:5px;border-radius:50%;background:#ffffff34}.code-hud header i:first-child{background:#27b9bd}.code-hud header span{margin-left:8px;color:#ffffff77}.code-hud header b{margin-left:auto;color:#62d7d9;font-weight:500}.code-hud pre{margin:0;padding:16px 18px;overflow:hidden;font:400 10px/1.9 "IBM Plex Mono",monospace}.code-dim{color:#ffffff28;user-select:none}.code-key{color:#62d7d9}.code-str{color:#d8e899}.code-cursor{display:inline-block;width:6px;height:12px;margin-left:2px;vertical-align:-2px;background:#62d7d9;animation:blink .8s steps(1) infinite}.code-hud footer{justify-content:space-between;border:0;border-top:1px solid #ffffff16;color:#62d7d9}.code-hud footer b{color:#ffffff55;font-weight:400}
.eyebrow,.service>b,.arch-map article>header b,.portfolio-row time{font-family:"IBM Plex Mono",monospace}.portfolio .section-head h2{font-size:clamp(58px,8vw,126px);letter-spacing:-.075em;line-height:.8}.portfolio{position:relative;overflow:hidden}.portfolio:before{content:"01 / SELECTED WORKS";position:absolute;right:-25px;top:56px;color:#10182008;font:700 clamp(70px,11vw,180px)/1 "Space Grotesk",sans-serif;white-space:nowrap;pointer-events:none}
@keyframes typeShimmer{to{background-position:-220% center}}@keyframes scan{to{top:105%}}@keyframes statusPulse{70%,100%{box-shadow:0 0 0 12px #27b9bd00}}@keyframes blink{50%{opacity:0}}
@media(max-width:1180px){.code-hud{display:none}}
@media(max-width:720px){.brand{width:108px;height:44px}.system-status{top:88px;right:18px}.system-status b{display:none}.ai-canvas{opacity:.55}.hero h1{letter-spacing:-.065em}.portfolio .section-head h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.hero h1 span,.scan-line,.system-status i,.code-cursor{animation:none}}
/* Portfolio live-code environment */
.portfolio{position:relative;isolation:isolate;overflow:hidden;background:#0b141a;color:#f4f8f9}.portfolio:after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 82% 28%,#27b9bd18,transparent 31%),linear-gradient(90deg,#0b141af5 0%,#0b141ad9 46%,#0b141ae8 100%);pointer-events:none}.portfolio:before{z-index:1;color:#ffffff08}.portfolio>.container{position:relative;z-index:3}.portfolio-code{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.78;pointer-events:none}.portfolio .section-head>p{color:#ffffff8a}.portfolio .section-head h2{color:#fff;text-shadow:0 0 50px #27b9bd1f}.portfolio-tabs{border-color:#ffffff25;background:#0a151db8;backdrop-filter:blur(12px)}.portfolio-tabs button{color:#ffffff72;border-color:transparent}.portfolio-tabs button:hover{color:#fff;background:#ffffff08}.portfolio-tabs button.active{color:#fff;border-color:#57d5d7;background:#27b9bd12}.portfolio-list{position:relative;background:#0a141bbf;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;backdrop-filter:blur(10px)}.portfolio-row{padding-inline:24px;border-color:#ffffff18;transition:.25s}.portfolio-row:hover{padding-left:34px;background:#ffffff08;border-color:#27b9bd55}.portfolio-row h3{color:#eaf0f2}.portfolio-row>span{color:#ffffff40}.portfolio-more{color:#fff;border-color:#ffffff88}
.portfolio-orbit{position:absolute;z-index:2;right:5%;top:12%;width:min(34vw,520px);aspect-ratio:1;border:1px solid #54d4d525;border-radius:50%;pointer-events:none;animation:orbitRotate 32s linear infinite}.portfolio-orbit:before,.portfolio-orbit:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%}.portfolio-orbit:before{inset:15%}.portfolio-orbit:after{inset:34%;border-color:#54d4d533}.portfolio-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#5de0e1;box-shadow:0 0 15px #5de0e1}.portfolio-orbit i:nth-child(1){left:8%;top:25%}.portfolio-orbit i:nth-child(2){right:16%;bottom:15%}.portfolio-orbit i:nth-child(3){left:49%;top:33%;width:4px;height:4px}
@keyframes orbitRotate{to{transform:rotate(360deg)}}
@media(max-width:720px){.portfolio-orbit{right:-35%;top:6%;width:95vw;opacity:.55}.portfolio-row{padding-inline:14px}.portfolio-row:hover{padding-left:18px}.portfolio-code{opacity:.55}}
@media(prefers-reduced-motion:reduce){.portfolio-orbit{animation:none}}
.portfolio-tabs a{flex:1;padding:18px 10px;border-bottom:2px solid transparent;color:#ffffff72;text-align:center;font:600 11px Manrope,sans-serif;transition:.25s}.portfolio-tabs a:hover,.portfolio-tabs a.active{color:#fff;border-color:#57d5d7;background:#27b9bd12}.portfolio-all{display:flex;justify-content:flex-end;margin-top:35px;color:#65d9db;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.08em}
@media(max-width:720px){.portfolio-tabs a{min-width:155px}.portfolio-tabs{overflow-x:auto}}

/* 2026 editorial refinement — quieter, specific, and built around the work. */
:root{--navy:#14201f;--ink:#18201f;--muted:#66706d;--bg:#f2f0ea;--mint:#d9ff54;--line:#d7d6ce;--pad:clamp(24px,5vw,82px)}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans KR",sans-serif;word-break:keep-all}
.site-header{height:82px;border-color:#ffffff30}.site-header.scrolled,.site-header.active{background:#14201ff2}.brand{width:126px}.brand img{width:126px}.main-nav{font-size:10px;letter-spacing:.11em}.main-nav a:after{background:var(--mint)}.header-cta{border-radius:999px;padding:11px 17px}.header-cta span{color:var(--mint)}
.hero{min-height:780px;background:#14201f}.hero video.hero-media{inset:0;width:100%;height:100%;transform:none;object-position:65% center;filter:saturate(.72) contrast(.94)}.hero-shade{background:linear-gradient(90deg,#101a19f5 0%,#101a19d9 48%,#101a1944 82%),linear-gradient(0deg,#101a19d9 0%,transparent 44%)}
.hero-rule{position:absolute;top:82px;bottom:0;left:calc(var(--pad) + 17.5%);width:1px;background:#ffffff24}.hero-content{padding-top:clamp(170px,20vh,220px)}.hero .eyebrow{color:#e9e9df;font-size:10px;letter-spacing:.16em}.hero h1{max-width:1050px;font-family:"Noto Sans KR",sans-serif;font-size:clamp(48px,6.15vw,96px);font-weight:600;line-height:1.09;letter-spacing:-.055em}.hero h1 span{background:none;color:#fff;-webkit-text-fill-color:initial;animation:none}.hero-copy{max-width:910px;margin-top:48px;padding-top:25px;border-top:1px solid #ffffff4a}.hero-copy strong{font-size:clamp(17px,1.35vw,21px);font-weight:600}.hero-copy p{max-width:540px;color:#ffffffc0;line-height:1.9}.button{border-radius:999px;padding:14px 20px}.primary{background:var(--mint);color:#17211f}.primary:hover{background:#ecff9e}.hero-foot{bottom:28px}.hero-foot div{gap:28px}.hero-foot b{font-family:"Noto Sans KR",sans-serif;font-weight:500}.hero-foot b+b:before{background:var(--mint)}
.section{background:#f6f4ee}.section-head h2,.copy h2,.consult-copy h2{font-family:"Noto Sans KR",sans-serif;letter-spacing:-.055em}.eyebrow{color:#65706d;font-family:"IBM Plex Mono",monospace}.section-head{border-top:1px solid var(--line);padding-top:22px}.section-head h2{margin-top:15px}.section-head em,.copy em,.consult-copy em{color:#2a716b;font-style:normal}.service-list,.business-grid,.cap-grid{border-color:var(--line)}.service,.business-grid article{background:#f6f4ee}.service:hover,.business-grid article:hover{background:#e9eee7}.service>i{border-radius:50%;background:#e2e6dc;color:#46625e}.origin,.people{background:#ebe9e2}.photo img{filter:saturate(.78) contrast(.98)}.photo figcaption{font-family:"IBM Plex Mono",monospace}.data-first,.physical{isolation:isolate}.data-photo img,.physical-bg img{filter:saturate(.72)}.workflow{background:#1b2927}.architecture{background:#f6f4ee}.arch-map .core{background:#315e59}.build{background:#e8e6df}.portfolio{background:#182523}.portfolio-code,.portfolio-orbit{display:none}.portfolio .section-head{border-color:#ffffff36}.portfolio-tabs a{font-family:"Noto Sans KR",sans-serif}.portfolio-tabs a.active{color:var(--mint)}.portfolio-row:hover{background:#ffffff0b}.final-cta{background:#14201f}.contact-form{border-radius:4px;background:#f5f2ea;color:var(--ink)}.contact-form button{border-radius:999px;background:#1d3936}.chat-trigger{border-radius:999px;background:var(--mint);color:#17211f}footer{background:#101918}
@media(max-width:720px){.hero{min-height:800px}.hero-rule{display:none}.hero video.hero-media{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#101a19ed,#101a1975),linear-gradient(0deg,#101a19f5 0%,transparent 55%)}.hero h1{font-size:clamp(40px,11.7vw,58px);line-height:1.16;letter-spacing:-.06em}.hero-copy{margin-top:36px}.hero-copy strong br{display:none}.hero-copy p{font-size:13px}.hero-copy p br{display:none}.hero-foot>span{display:block}.hero-foot div{display:none}.button{width:100%;min-width:0}.actions{width:100%}.section-head{padding-top:17px}}

.business-grid h3 a,.business-grid li a{color:inherit;text-decoration:none}.business-grid h3 a:hover,.business-grid li a:hover{color:#2a716b}.service p a,.section-head>p a{color:inherit;text-decoration:underline;text-underline-offset:3px}.home-usecases{background:#f6f4ee;color:var(--ink)}.home-areas{background:#ebe9e2;color:var(--ink)}.home-usecases .section-head>p,.home-areas .section-head>p,.home-usecases .business-grid ul,.home-areas .business-grid ul{color:var(--muted)}.home-usecases .business-grid,.home-areas .business-grid,.home-usecases .business-grid article,.home-areas .business-grid article,.home-usecases .business-grid ul,.home-areas .business-grid ul{border-color:var(--line)}.home-areas .business-grid article{background:#ebe9e2}.home-usecases .business-grid article,.home-areas .business-grid article{min-height:330px}.home-faq{background:#f6f4ee}.home-faq-list{border-top:1px solid var(--line)}.home-faq-item{border-bottom:1px solid var(--line)}.home-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font:600 clamp(16px,1.5vw,20px) "Noto Sans KR",sans-serif;color:var(--ink)}.home-faq-item summary::-webkit-details-marker{display:none}.home-faq-item summary:after{content:"+";color:#2a716b;font-weight:400}.home-faq-item[open] summary:after{content:"−"}.home-faq-item p{max-width:820px;padding:0 0 28px;color:var(--muted);font-size:15px;line-height:1.8}
/* rebrand 2026-09: text logo, business info, hero slogan */
.brand.brand-text{width:auto;height:auto;overflow:visible;color:#fff;font:700 16px/1 "Noto Sans KR",sans-serif;letter-spacing:-.03em;white-space:nowrap}
.footer-grid .footer-brand{margin-top:0;color:#fff;font:700 19px/1.2 "Noto Sans KR",sans-serif;letter-spacing:-.03em}
.footer-biz{margin-top:44px;color:#ffffff70;font-size:11.5px;line-height:1.85}
.hero .hero-slogan{margin-bottom:18px;color:#ffffffb8;font:500 clamp(15px,1.5vw,21px)/1.5 "Noto Sans KR",sans-serif;letter-spacing:-.02em}
.hero .hero-slogan span{color:#fff}
@media(max-width:700px){.brand.brand-text{font-size:14px}}
/* seo 2026-09-30: 한글 메뉴, 푸터 사이트맵, 메인 H1, 지역 6곳 */
.main-nav{font:600 13px/1 "Noto Sans KR",sans-serif;letter-spacing:-.01em;gap:clamp(14px,1.6vw,30px);white-space:nowrap}
.main-nav a[aria-current=page]:after{right:0}
@media(max-width:1280px) and (min-width:1001px){.main-nav{gap:13px;font-size:12px}.header-cta{padding:10px 12px}.header-cta span{margin-left:10px}}
@media(max-width:1000px){.main-nav{font-size:19px;gap:16px}}
.footer-grid nav.footer-nav{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:22px;row-gap:11px;font:500 12px/1.4 "Noto Sans KR",sans-serif;color:#ffffffb0}
.footer-grid nav.footer-nav a:hover{color:#fff}
@media(max-width:720px){.footer-grid nav.footer-nav{grid-template-columns:1fr 1fr}}
.hero h1.hero-h1-seo{font-size:clamp(40px,5.1vw,80px);line-height:1.12}
@media(max-width:720px){.hero h1.hero-h1-seo{font-size:clamp(31px,8.6vw,44px);line-height:1.2}}
@media(max-width:720px){.hero .hero-content{padding-bottom:92px}}
@media(min-width:721px) and (max-height:860px){.hero h1.hero-h1-seo{font-size:clamp(38px,4.4vw,64px)}.hero .hero-copy{margin-top:30px}}
.home-areas .business-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.home-areas .business-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-areas .business-grid{grid-template-columns:1fr}}