@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
.direct-process{margin-top:48px!important;padding-top:35px;border-top:1px solid #444c5e}.direct-process .flow-node{background:#252b38;border-color:#444c5e;color:#9db2ff}.direct-process .flow-steps h3{color:#fff}.direct-process .flow-steps p{color:#c2c9d8}.direct-process .step-check{background:#29344e;color:#bbcbff}.direct-process .flow-steps li:before{background:#535f78}.direct-process .flow-steps li:after{border-color:#8393b3}@media(max-width:1000px){.direct-process{margin-top:32px!important;padding-top:32px}}
.direct-lead{background:#171a22;color:#fff;padding:70px 0}.direct-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.direct-question{color:#b6bdcb;font-size:16px;margin:0 0 20px}.direct-lead h2{font-size:36px;line-height:1.5;margin:0;word-break:keep-all}.direct-lead h2 span{color:#9db2ff}.direct-copy>p{font-size:16px;line-height:1.95;margin:0;color:#e1e5ee;word-break:keep-all}.direct-line{display:flex;align-items:center;gap:15px;margin-top:28px;padding-top:22px;border-top:1px solid #444c5e}.direct-line span{font-size:15px;font-weight:600}.direct-line i{font-style:normal;color:#849ad9}.direct-copy .direct-caption{font-size:13px;color:#9eacc9;margin-top:12px}@media(max-width:900px){.direct-layout{grid-template-columns:1fr;gap:28px}.direct-lead{padding:45px 0}.direct-lead h2{font-size:29px}.direct-question{font-size:14px}.direct-copy>p{font-size:15px}.direct-line{margin-top:23px}}
:root{--blue:#2349ef;--ink:#171a22;--muted:#656975;--line:#dddfe5;--paper:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;letter-spacing:-.04em;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #ec9329;outline-offset:5px}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{height:96px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.logo{font-size:32px;font-weight:900;letter-spacing:-2px;line-height:1;display:flex;align-items:center;gap:16px}.logo span{font-size:13px;letter-spacing:-.6px;font-weight:600;padding-left:16px;border-left:1px solid #bfc1c8}.header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-contact{border:1px solid var(--ink);padding:11px 18px}.nav-contact span{margin-left:20px}.menu{display:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;display:block}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:10px}.hero{padding-top:70px}.hero h1{font-size:clamp(58px,6.8vw,98px);letter-spacing:-.075em;line-height:1.2;font-weight:800;margin:29px 0 38px}.hero h1 span{color:var(--blue)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.hero-bottom p{font-size:18px;line-height:1.85;color:#585d69}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 25px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:var(--blue)}.hero-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:56px;padding:19px 0 23px;font-size:11px;letter-spacing:.1em;color:var(--muted)}.hero-index span:nth-child(2){letter-spacing:0;font-size:12px}.services{padding:86px 0 100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}h2{font-size:40px;line-height:1.4;letter-spacing:-.065em;font-weight:700;margin:18px 0 0}.section-head>p{font-size:16px;color:var(--muted);margin:0 0 4px;line-height:1.9}.service-list{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{display:flex;align-items:center;gap:32px;padding:26px 0}.num{font-size:13px;letter-spacing:0;color:var(--muted);width:32px}h3{font-size:25px;line-height:1.5;margin:0;font-weight:600;letter-spacing:-.055em}.english{margin-left:auto;font-size:12px;letter-spacing:.07em;color:var(--muted)}.plus{font:300 30px Arial;width:34px;text-align:right;color:var(--blue)}details[open] .plus{font-size:0}details[open] .plus:after{content:'−';font-size:30px}.service-list details[open] h3{color:var(--blue)}.service-body{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;padding:0 64px 32px}.service-body p{margin:0 0 20px;color:var(--muted);line-height:1.9}.service-body .service-lead{font-size:22px;font-weight:500;color:var(--ink);line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:12px;background:var(--paper);padding:5px 11px}.text-link{display:inline-block;font-size:14px;font-weight:600;margin-top:22px;border-bottom:1px solid var(--ink)}.approach{padding:86px 0 90px;background:var(--ink);color:#fff}.approach .eyebrow{color:#96aaff}.approach .section-head>p{color:#b4b8c2}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;border-top:1px solid #454852;padding-top:34px}.principles article>span{font-size:11px;letter-spacing:.08em;color:#a1a7b5}.principles h3{font-size:26px;margin:20px 0 17px}.principles p{font-size:15px;color:#b4b8c2;line-height:1.9;max-width:320px}.work{padding:64px 0}.compact-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.compact-head h2{font-size:25px;margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work-item{display:flex;gap:16px;align-items:center}.work-item img,.metric{width:114px;height:114px;object-fit:cover;flex-shrink:0;background:#f0f1f5}.work-label{font-size:10px;letter-spacing:0;color:var(--muted)}.work-item h3{font-size:17px;margin:4px 0}.work-item p{font-size:12px;line-height:1.7;margin:0;color:#5d6270}.work-item small{font-size:10px;color:#777e8b;display:block;margin-top:8px;line-height:1.6}.metric{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;font-size:20px;letter-spacing:-1px;background:#eaf0ff;color:var(--blue);gap:4px}.metric span{font-size:15px}.metric strong{font-size:34px;line-height:1}.metric small{display:inline;color:var(--blue);font-size:18px;margin:0}.process{padding:80px 0 95px;border-top:1px solid var(--line)}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:0}.process li{border-top:1px solid var(--line);padding-top:22px}.process li>span{font-size:13px;color:var(--blue);font-weight:600}.process h3{font-size:20px;margin-top:16px}.process p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:80px;padding:0 0 96px}.questions{border-top:1px solid var(--ink)}.questions summary{display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:500;padding:23px 0}.questions summary span{color:var(--blue)}.questions p{font-size:15px;color:var(--muted);margin:0 25px 24px 0}.contact{background:var(--blue);color:#fff;padding:65px 0 60px}.contact h2{font-size:53px;line-height:1.4}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px}.contact-bottom p{color:#e0e5ff}.light{background:#fff;color:var(--ink);min-width:250px}.contact-note{font-size:13px;min-height:24px;margin-top:12px;color:#e0e5ff}footer{padding:45px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px}.footer-top>a:last-child{font-size:15px}.footer-bottom{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.9}.footer-bottom>p:last-child{text-align:right}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:14px}.skip:focus{top:0}
@media(min-width:1600px){.header{padding-left:max(56px,calc((100vw - 1280px)/2));padding-right:max(56px,calc((100vw - 1280px)/2))}}@media(max-width:1100px){.work-grid{gap:20px}.work-item{align-items:flex-start;flex-direction:column}.work-item img,.metric{width:100%;height:120px}.metric{flex-wrap:nowrap}.english{font-size:10px}.service-body{padding-left:64px;padding-right:0}.principles{gap:28px}.header nav{gap:22px}.logo span{display:none}}@media(max-width:720px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.header{height:72px;padding:0 20px}.logo{font-size:29px}.menu{display:block;background:none;border:1px solid var(--line);padding:7px 12px;font-size:13px}.header nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid var(--line);align-items:stretch;gap:12px}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:12px}.hero{padding-top:46px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(39px,9.7vw,67px);margin:27px 0 24px;line-height:1.3}.hero-bottom{display:block}.hero-bottom p{font-size:15px}.button{font-size:14px;padding:16px 20px;margin-top:14px}.hero-index{margin-top:38px;font-size:9px;padding:17px 0}.hero-index span:nth-child(2){display:none}.services{padding:54px 0 60px}.section-head{display:block;margin-bottom:30px}h2{font-size:30px;margin-top:12px}.section-head>p{font-size:14px;margin-top:22px}.service-list summary{gap:12px;padding:22px 0}.num{font-size:11px;width:22px}h3{font-size:21px}.english{display:none}.plus{margin-left:auto;font-size:26px}.service-body{grid-template-columns:1fr;gap:0;padding:0 0 28px 34px}.service-body .service-lead{font-size:18px;margin-bottom:15px}.service-body p{font-size:14px}.service-body p br{display:none}.tags span{font-size:11px}.approach{padding:53px 0}.principles{grid-template-columns:1fr;gap:22px;padding-top:26px}.principles article{border-bottom:1px solid #454852;padding-bottom:20px}.principles article:last-child{border:0;padding-bottom:0}.principles h3{font-size:22px;margin:12px 0}.principles h3 br{display:none}.principles p{max-width:none;font-size:14px;margin-bottom:0}.work{padding:42px 0}.compact-head{display:block;margin-bottom:24px}.compact-head h2{font-size:23px;margin-top:12px}.work-grid{grid-template-columns:1fr;gap:23px}.work-item{flex-direction:row;gap:16px;align-items:center}.work-item img,.metric{width:90px;height:96px}.metric{flex-wrap:wrap;font-size:17px}.metric strong{font-size:28px}.work-item h3{font-size:16px}.process{padding:48px 0}.process ol{grid-template-columns:1fr 1fr;gap:25px 16px}.process h3{font-size:17px}.process p{font-size:13px}.faq{display:block;padding:12px 0 50px}.questions{margin-top:26px}.questions summary{font-size:14px;padding:19px 0}.questions p{font-size:14px}.contact{padding:45px 0 33px}.contact h2{font-size:33px}.contact-bottom{display:block;margin-top:18px}.contact-bottom p{font-size:14px}.contact .button{width:100%}.footer-top,.footer-bottom{flex-direction:column;gap:15px}.footer-top>a:last-child{font-size:13px}.footer-bottom{margin-top:12px;gap:0;font-size:11px}.footer-bottom>p:last-child{text-align:left}.work-label{font-size:10px}footer{padding-top:30px}}
/* Keep even secondary copy readable in the compact experience strip. */
.eyebrow,.hero-index,.hero-index span:nth-child(2),.english,.principles article>span,.work-label,.work-item small,.footer-bottom{font-size:12px}.work-item p{font-size:14px}.tags span{font-size:14px}.principles p,.process p,.questions p{font-size:16px}.work-item:nth-child(2) img{object-fit:contain;background:#fff}.work-grid{gap:24px}.work-item{align-items:flex-start}.work-item small{line-height:1.55}.metric small{font-size:18px}.contact-note{font-size:14px}
@media(max-width:720px){.hero-index{font-size:10px}.hero-index span:last-child{display:none}.eyebrow,.hero-index,.num{font-size:12px}.work-item p{font-size:14px}.service-body p,.section-head>p,.hero-bottom p,.contact-bottom p{font-size:16px}.work-item{align-items:center}.process p{font-size:14px}.footer-bottom{font-size:12px}.tags span{font-size:12px}}
.work-item p,.work-item h3,.work-label{word-break:keep-all}.work-item p br{display:none}
.clients{padding:55px 0 48px;border-bottom:1px solid var(--line);overflow:hidden}.clients-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.clients h2{font-size:27px;margin-top:9px}.rolling-toggle{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap}.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.logo-track{display:flex;width:max-content;animation:client-roll 65s linear infinite}.logo-group{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-shrink:0}.logo-group li{width:224px;padding:0 22px;display:flex;align-items:center;justify-content:center}.logo-group img{display:block;width:180px;height:85px;object-fit:contain}.clients.is-paused .logo-track,.logo-window:hover .logo-track{animation-play-state:paused}@keyframes client-roll{to{transform:translateX(-50%)}}
@media(max-width:720px){.clients{padding:36px 0}.clients-heading{align-items:flex-start;gap:15px}.clients h2{font-size:22px;word-break:keep-all}.rolling-toggle{font-size:12px;padding:8px}.logo-group li{width:174px;padding:0 17px}.logo-group img{width:140px;height:70px}}
.service-symbol{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;color:var(--blue);background:#f0f3ff;border-radius:10px}.service-symbol svg{width:25px;height:25px}.service-list summary{gap:22px}.service-list .num{width:22px}.project-flow{padding:76px 0 58px;background:#f3f5fa;border-block:1px solid #e3e7f0}.project-flow .eyebrow{color:var(--blue)}.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;list-style:none;padding:10px 0 0;margin:0}.flow-steps li{position:relative;min-width:0}.flow-steps li:not(:last-child):before{content:'';position:absolute;left:84px;right:-22px;top:40px;height:1px;background:#c6cee4}.flow-steps li:not(:last-child):after{content:'';position:absolute;right:-22px;top:37px;width:6px;height:6px;border-top:1px solid #a1afcf;border-right:1px solid #a1afcf;transform:rotate(45deg)}.flow-node{position:relative;width:80px;height:80px;display:grid;place-items:center;background:#fff;border:1px solid #dce2f0;border-radius:20px;color:var(--blue)}.flow-node svg{width:34px;height:34px}.step-number{position:absolute;top:-10px;left:-6px;display:grid;place-items:center;background:var(--blue);color:#fff;width:27px;height:27px;border-radius:50%;font-size:12px;letter-spacing:0}.flow-steps h3{font-size:20px;margin:24px 0 12px;word-break:keep-all}.flow-steps p{font-size:15px;color:#596273;line-height:1.85;margin:0 0 19px;word-break:keep-all;min-height:84px}.step-check{font-size:12px;color:#3354bb;background:#e7ecfb;padding:6px 9px;display:inline-block}.flow-note{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #dce2f0;margin-top:34px;padding-top:24px}.flow-note p{margin:0;color:#697185;font-size:13px;line-height:1.85;word-break:keep-all}.note-symbol{border:1px solid #9ca9c2;border-radius:50%;font:14px Georgia;width:19px;height:19px;display:grid;place-items:center;flex-shrink:0;margin-top:3px;color:#6f7d98}.faq{padding-top:76px}
@media(max-width:1000px) and (min-width:721px){.flow-steps{gap:18px}.flow-steps h3{font-size:18px}.flow-steps p{font-size:14px;min-height:104px}.step-check{font-size:11px;padding:5px}.flow-steps li:not(:last-child):before,.flow-steps li:not(:last-child):after{right:-10px}}
@media(max-width:1000px){.service-list summary{gap:10px}.service-symbol{width:32px;height:32px;flex-basis:32px;border-radius:8px}.service-symbol svg{width:22px;height:22px}.service-list h3{font-size:19px}.service-list .num{font-size:11px;width:18px}.project-flow{padding:46px 0 35px}.project-flow .section-head>p br{display:none}.flow-steps{grid-template-columns:1fr;gap:0;padding-top:10px}.flow-steps li{padding:0 0 30px 83px;min-height:146px}.flow-node{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:16px}.flow-node svg{width:28px;height:28px}.step-number{width:23px;height:23px;top:-6px;left:-4px;font-size:11px}.flow-steps h3{margin:0 0 8px;font-size:20px}.flow-steps p{font-size:15px;min-height:0;margin-bottom:12px}.flow-steps li:not(:last-child):before{top:65px;left:28px;bottom:8px;width:1px;height:auto;right:auto}.flow-steps li:not(:last-child):after{top:auto;bottom:9px;left:25px;right:auto;transform:rotate(135deg)}.flow-steps li:last-child{padding-bottom:0;min-height:0}.flow-note{margin-top:26px;padding-top:20px}.flow-note br{display:none}.faq{padding-top:45px}}
/* Shared section typography: hero and contact CTA retain their own hierarchy. */
:root{--section-title-size:40px;--section-title-leading:1.4;--section-body-size:16px}
.services h2,.direct-lead h2,.faq h2,.clients h2{font-size:var(--section-title-size);font-weight:700;line-height:var(--section-title-leading);letter-spacing:-.065em;word-break:keep-all}
.direct-question,.direct-copy>p,.flow-steps p{font-size:var(--section-body-size);line-height:1.9}
.direct-copy .direct-caption{font-size:13px}.direct-layout{gap:48px;align-items:end}.direct-lead{padding:80px 0}.direct-question{margin-bottom:18px}.direct-process{margin-top:48px!important}.flow-steps h3{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.055em}
@media(max-width:1000px){.direct-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:720px){:root{--section-title-size:30px}.direct-lead{padding:48px 0}.direct-question{font-size:14px;margin-bottom:12px}.direct-process{margin-top:32px!important}.clients-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.logo-track{animation:none}.logo-window{overflow-x:auto;mask-image:none}.logo-group[aria-hidden]{display:none}.rolling-toggle{display:none}}