:root{--ink:#1d1d1f;--paper:#fff;--lime:#0071e3;--muted:#6e6e73}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}header{height:64px;padding:0 max(5%,calc((100vw - 1200px)/2));background:#fafafbd9;backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid #0000000b}.logo{font-size:36px;letter-spacing:-3px}.logo span{font-size:14px;margin-left:5px}nav{gap:32px;font-size:14px;font-weight:400;color:#444449}.nav-contact{font-size:14px;background:#1d1d1f;color:white;padding:9px 15px;border:0;border-radius:30px}.nav-contact span{margin-left:13px}.hero{height:auto;max-height:none;min-height:1050px;overflow:hidden;background:linear-gradient(180deg,#fafafa,#f4f5f9 75%,#fff);color:var(--ink);text-align:center;padding-bottom:35px}.hero:after{display:none}.hero-content{padding:78px 20px 0;position:relative;z-index:2}.eyebrow{font-size:14px;letter-spacing:2px;color:#6e6e73;justify-content:inherit;font-weight:600}.hero .eyebrow{justify-content:center;margin-bottom:24px;font-size:14px;letter-spacing:2.2px;color:#65656b}h1{font-size:clamp(54px,6.5vw,96px);font-weight:700;line-height:1.14;letter-spacing:-5.5px;margin-bottom:25px}h1>span{color:#3579cb;background:linear-gradient(100deg,#1f84d9 20%,#6451bf 65%,#b767a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:#73737a;font-size:19px;line-height:1.65;font-weight:400}.hero-actions{justify-content:center;gap:28px;margin-top:27px}.button{border-radius:30px;padding:13px 23px;font-weight:400;font-size:14px;gap:20px}.lime{color:white;background:#0071e3}.text-link{color:#06c;font-size:14px}.text-link span{margin-left:5px}.system-sculpture{height:470px;max-width:1050px;margin:0 auto;position:relative;perspective:1200px;isolation:isolate}.sculpture-halo{position:absolute;width:640px;height:240px;left:50%;top:175px;transform:translateX(-50%);background:radial-gradient(ellipse,#80b3f94a,#bcb5f12a 45%,transparent 70%);filter:blur(25px)}.glass-tile{width:315px;height:315px;border-radius:48px;position:absolute;left:50%;top:45px;transform:translateX(-50%) rotateX(55deg) rotateZ(-38deg);box-shadow:2px 4px 0 #c4c9d6,7px 9px 0 #e1e5ed,20px 40px 50px #526b941f;overflow:hidden;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.tile-back{left:39%;top:35px;background:linear-gradient(135deg,#fbfdff,#dce9fb);border:1px solid #d2ddec;color:#a1b0c7}.tile-mid{left:50%;top:68px;background:linear-gradient(135deg,#fbfdffdd,#b4c4e4d9);border:1px solid #edf4ff;color:#8196bc;box-shadow:2px 4px 0 #a0b4d9,6px 8px 0 #bed0ec,20px 40px 60px #526b9420}.tile-front{left:61%;top:100px;background:linear-gradient(135deg,#282d3b,#0a0d16 60%,#343c54);border:1px solid #77849e;box-shadow:2px 3px 0 #70829d,5px 7px 0 #242c42,30px 45px 65px #2233543d}.glass-tile>span{font:14px monospace;letter-spacing:5px;position:absolute;left:35px;top:35px}.tile-surface{position:absolute;inset:18px;border:1px solid #73809e55;border-radius:33px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 30% 0,#8191ba55,transparent 60%)}.tile-surface b{font:700 86px Arial;letter-spacing:-9px;color:#f4f6ff;text-shadow:0 0 25px #ffffff24}.tile-surface>span{font:14px monospace;letter-spacing:2px;color:#a9b7d4;margin-top:15px}.chip-lines{position:absolute;bottom:23px;display:flex;gap:9px}.chip-lines i{height:15px;width:3px;background:#6c85ad}.orbit{position:absolute;width:650px;height:250px;left:50%;top:130px;border:1px solid #c2cee166;border-radius:50%;transform:translateX(-50%) rotate(-17deg);z-index:-1}.orbit-two{width:780px;height:330px;top:80px;transform:translateX(-50%) rotate(12deg);border-style:dashed;border-color:#c4cfe140}.floating-label{position:absolute;padding:12px 16px;border:1px solid #fff;border-radius:14px;background:#ffffffb8;backdrop-filter:blur(12px);font-size:14px;color:#636d7e;box-shadow:0 8px 30px #364f7510;display:flex;align-items:center;gap:8px}.floating-label i{width:5px;height:5px;background:#0071e3;border-radius:50%}.label-one{left:14%;top:180px}.label-two{right:8%;top:300px}.label-two i{background:#8553d6}.sculpture-caption{position:absolute;bottom:0;left:0;right:0;font:14px monospace;letter-spacing:2px;color:#9ba3b4}.hero-scroll{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin-top:25px;color:#86868b;font-size:14px}.hero-scroll span{font-size:22px}.clients{padding:32px max(7%,calc((100vw - 1100px)/2)) 40px;border:0;background:#fff;text-align:center}.clients p{font-size:14px;color:#86868b}.clients b{color:#77777d;font-weight:600;font-size:20px}.clients small{font-size:14px;color:#a2a2a7;margin-top:27px}.section{padding:135px max(7%,calc((100vw - 1150px)/2))}h2{font-size:clamp(38px,4.4vw,66px);font-weight:650;letter-spacing:-3px;line-height:1.2}em{color:#8a8a91}.intro{background:#f5f5f7;text-align:center;padding-top:130px;padding-bottom:120px}.intro>.eyebrow{justify-content:center}.intro-layout{display:block}.intro-layout>div{margin:35px auto 0;max-width:650px}.intro-layout>div>p{margin:18px auto;max-width:580px;color:#86868b;font-size:17px;line-height:1.85}.intro-layout>div>p.lead{font-size:24px;color:#424247;margin-bottom:25px}.intro-layout>div>p.lead br{display:none}.facts{justify-content:center;gap:80px;border:0;padding-top:25px}.facts strong{font-size:34px;font-weight:600;letter-spacing:-1.5px;background:linear-gradient(90deg,#217ac2,#6858ad);background-clip:text;-webkit-background-clip:text;color:transparent}.facts span{font-size:14px;color:#86868b;margin-top:12px}.expertise{background:#fff}.section-heading{margin-bottom:65px;align-items:flex-end}.section-heading>p{color:#86868b;font-size:14px}.service-row{background:#f5f5f7;border:0;border-radius:28px;margin:16px 0;padding:38px 35px;grid-template-columns:40px 1.15fr 1.2fr 90px}.service-row .number{color:#b1b1b7;font-size:14px}.service-row h3{font-weight:600;font-size:25px;letter-spacing:-1px}.service-row small{font-size:14px;color:#86868b}.service-row p{color:#86868b;font-size:14px;line-height:1.9}.service-tag{color:#06c;font-size:14px}.work{background:#f5f5f7;color:var(--ink)}.work .eyebrow{color:#86868b}.work .section-heading p{color:#86868b}.filters button{background:#e8e8ed;border:0;color:#6e6e73;font-size:14px;padding:9px 17px}.filters button.active{background:#1d1d1f;color:white}.projects{gap:24px}.project{background:white;border-radius:28px;overflow:hidden;padding-bottom:25px;transition:transform .4s,box-shadow .4s}.project:hover{transform:translateY(-7px);box-shadow:0 18px 40px #1c25400c}.project-visual{height:280px;background:linear-gradient(135deg,#dfe8f3,#aebdd5);padding:25px}.visual-label{color:#788da8;font-size:14px}.project-arrow{bottom:20px;right:22px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#ffffffb3;color:#4b5d77;font-size:20px}.bank-art{gap:12px;transform:rotate(-25deg);inset:75px 25px 45px}.bank-art i{background:linear-gradient(90deg,#9db2cf,#eaf3ff);box-shadow:8px 10px 0 #8199b9;border-radius:4px}.project-meta{margin:24px 25px 0;font-size:14px;color:#86868b;display:block;line-height:1.8}.project-meta span{display:block}.project h3{padding:0 25px;font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-1px}.project>p{padding:0 25px;font-size:14px;color:#86868b;min-height:40px}.education .project-visual{background:linear-gradient(135deg,#eee9f7,#c8bddf)}.education .visual-label{color:#8a7a9d}.edu-art span{background:linear-gradient(135deg,#fff,#ded5ec);border:1px solid #fff;box-shadow:7px 10px 0 #ad9dc5;border-radius:21px;color:#7e659c}.edu-art span:nth-child(2){background:linear-gradient(135deg,#ccbae8,#a896d4);color:white}.enterprise .project-visual{background:linear-gradient(135deg,#deeae6,#b5cbc3)}.enterprise .visual-label{color:#718d83}.enterprise-art i{background:linear-gradient(135deg,#f2fffa,#9bbdb0);border:1px solid #e7f4ee;box-shadow:0 9px 0 #7d9e91;border-radius:10px}.caption{color:#9b9ba1;font-size:14px;line-height:1.8}.technology{background:#07080b;color:#f5f5f7;padding-top:130px;padding-bottom:75px;column-gap:65px;position:relative;isolation:isolate;overflow:hidden}.technology:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07080bf0,#07080bd9),url(server.jpg) center/cover;z-index:-1}.technology h2 em{color:#8caeff;background:linear-gradient(90deg,#87b8ff,#d39ced);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.technology .eyebrow{color:#86868b}.technology>div>p:not(.eyebrow){color:#9d9da5;font-size:15px;line-height:1.9}.outline{border-color:#48484f;color:#c1d7ff;font-size:14px}.tech-diagram{background:linear-gradient(135deg,#1b1e28dd,#0d1019ed);border:1px solid #454c62;border-radius:30px;padding:30px;box-shadow:0 0 90px #7188ee14}.diagram-top{font-size:14px;color:#8791ad}.green-dot{color:#a6b9ff}.node{border:1px solid #3e455c;border-radius:13px;color:#d4def7;font-size:14px;background:#21283c55}.main-node{background:radial-gradient(ellipse at 50% 0,#6e8ad833,#1c2438);border-color:#6378ab;font-size:34px;padding:30px 10px;border-radius:18px;color:#e6edff}.node small{color:#8590ac;font-size:14px}.connector{background:#64759f}.diagram-bottom{color:#a0aac1}.solution-line{border-color:#30313a;padding-top:35px;font-size:14px;gap:30px}.solution-line b{font-size:21px;color:#d9e2ff}.solution-line span{color:#96969e}.solution-line a{color:#9fc1ff;font-size:14px}.history{background:#fff}.history-layout{border-color:#e5e5e8;grid-template-columns:220px 1fr;gap:90px}.year-list button{border-color:#eeeeef;color:#b2b2b8;font-size:23px;padding:15px 5px}.year-list button.active{color:#06c;font-weight:500}.history-content h3{color:#1d1d1f;font-size:78px;font-weight:600}.history-item{border-color:#eeeef0;padding:24px 0}.history-item>span{color:#86868b}.history-item h4{font-weight:500;font-size:17px}.history-item p{color:#86868b;font-size:14px;line-height:1.9}.source-link{color:#06c;font-size:14px}.contact{background:#f5f5f7;text-align:center}.contact .eyebrow{justify-content:center;color:#86868b}.contact>div{justify-content:center}.contact h2{font-size:clamp(42px,5vw,70px);letter-spacing:-3.5px}.contact-arrow{display:none}.contact>p:not(.eyebrow){color:#86868b;font-size:15px;margin:30px 0}.email{background:#0071e3;color:white;font-size:14px;border:0;padding:16px 25px;border-radius:30px}footer{background:#f5f5f7;border-top:1px solid #e2e2e6;padding:45px max(7%,calc((100vw - 1150px)/2));gap:45px}footer>p{font-size:14px;color:#86868b}footer>div{font-size:14px;color:#6e6e73}footer small{color:#a1a1a6;font-size:14px}dialog{border-radius:28px;padding:48px;background:#fff;box-shadow:0 25px 100px #0002}dialog::backdrop{background:#1d1d1f66;backdrop-filter:blur(15px)}dialog h2{font-size:34px}.dialog-body{color:#86868b;font-size:14px}.close{border-radius:50%;background:#eeeef0;color:#777780;width:32px;height:32px;font-size:16px;top:18px;right:18px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible{outline-color:#0071e3}.skip{background:#0071e3;color:white}@media(min-width:701px){.system-sculpture:hover .tile-back{transform:translateX(-60%) translateY(-10px) rotateX(55deg) rotateZ(-38deg)}.system-sculpture:hover .tile-front{transform:translateX(-40%) translateY(10px) rotateX(55deg) rotateZ(-38deg)}}@media(max-width:1000px){nav{gap:20px}.section{padding:90px 6%}.service-row{grid-template-columns:30px 1fr 1fr;padding:30px 24px}.project-visual{height:230px}.project h3{font-size:22px}.project-meta,.project h3,.project>p{padding-left:20px;padding-right:20px}.project-meta{margin-left:0;margin-right:0}.technology{column-gap:35px}.history-layout{gap:50px;grid-template-columns:170px 1fr}}@media(max-width:700px){header{height:58px;padding:0 6%}.logo{font-size:32px}.nav-contact{font-size:14px;padding:8px 12px;margin-right:15px}nav{top:58px;background:#fafafbf5;backdrop-filter:blur(20px);padding:25px 6%;font-size:14px}.menu{font-size:20px}.hero{min-height:850px;padding-bottom:30px}.hero-content{padding:63px 5% 0}.hero .eyebrow{font-size:14px;letter-spacing:1.5px;margin-bottom:25px}h1{font-size:53px;letter-spacing:-3.7px;line-height:1.17;margin-bottom:25px}.hero-desc{font-size:14px;line-height:1.8}.hero-actions{flex-direction:column;gap:21px;margin-top:25px}.hero-actions .button{font-size:14px;padding:13px 22px}.hero .text-link{font-size:14px}.system-sculpture{height:335px;margin-top:20px;width:100%;perspective:900px}.glass-tile{width:185px;height:185px;border-radius:30px;top:20px}.tile-back{left:35%;top:20px}.tile-mid{left:50%;top:47px}.tile-front{left:65%;top:74px}.tile-surface{inset:11px;border-radius:22px}.tile-surface b{font-size:53px;letter-spacing:-6px}.tile-surface>span{font-size:14px;letter-spacing:1.5px;margin-top:7px}.glass-tile>span{font-size:14px;letter-spacing:3px;top:24px;left:24px}.chip-lines{bottom:13px;gap:6px}.chip-lines i{width:2px;height:8px}.sculpture-halo{width:370px;height:150px;top:110px}.orbit{width:340px;height:160px;top:80px}.orbit-two{width:450px;height:220px;top:50px}.floating-label{font-size:14px;padding:9px 11px;border-radius:10px;gap:5px}.floating-label i{width:4px;height:4px}.label-one{left:6%;top:120px}.label-two{right:5%;top:240px}.sculpture-caption{font-size:14px;letter-spacing:1.4px;bottom:0}.hero-scroll{margin-top:17px;font-size:14px}.clients{padding:25px 6% 35px}.clients p{font-size:14px;margin-bottom:23px}.clients b{font-size:14px}.clients small{font-size:14px;margin-top:25px}.section{padding:80px 6%}h2{font-size:38px;letter-spacing:-2px}.intro-layout>div>p.lead{font-size:20px;margin-bottom:20px}.intro-layout>div>p{font-size:14px;line-height:1.9}.facts{gap:30px;margin-top:25px}.facts strong{font-size:27px}.facts span{font-size:14px}.section-heading{margin-bottom:33px}.section-heading>p{font-size:14px}.service-row{padding:28px 23px;border-radius:23px;grid-template-columns:22px 1fr;gap:10px}.service-row h3{font-size:23px}.service-row .number{font-size:14px}.service-row p{font-size:14px;line-height:1.8;margin-top:7px}.service-row small{font-size:14px}.projects{gap:25px}.project-visual{height:285px}.project h3{font-size:28px;padding-left:25px}.project-meta{padding-left:25px;font-size:14px;display:flex}.project>p{padding-left:25px;padding-right:25px;font-size:14px;min-height:0}.technology{padding-top:85px;padding-bottom:55px;gap:35px}.technology>div>p:not(.eyebrow){font-size:14px}.tech-diagram{padding:25px;border-radius:25px}.main-node{font-size:30px}.solution-line{gap:16px}.solution-line b{font-size:23px}.history-layout{grid-template-columns:1fr;gap:25px}.year-list{gap:24px}.year-list button{padding:12px 0;font-size:23px}.history-content h3{font-size:60px;margin-bottom:20px}.history-item{padding:22px 0}.history-item h4{font-size:15px}.history-item p{font-size:14px}.contact h2{font-size:37px;letter-spacing:-2px;line-height:1.25}.contact>p:not(.eyebrow){font-size:14px;line-height:1.9}.email{font-size:14px;padding:14px 21px}footer{padding:35px 6%;gap:30px}footer>div{border-color:#e2e2e6}.reveal{transform:translateY(22px)}dialog{padding:45px 26px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.glass-tile{transition:none}html{scroll-behavior:auto}}