:root{--navy:#06192a;--ink:#0c2639;--muted:#677989;--cyan:#16aabc;--paper:#f5f8fa;--line:#dce5eb;--max:1400px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;z-index:999}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px}.overline{font-size:11px;letter-spacing:.21em;font-weight:850;color:#0a829c;margin:0 0 26px}.overline.light{color:#83d4de}.section-pad{padding:112px 0}.section-title{font-size:clamp(34px,3.75vw,57px);line-height:1.21;letter-spacing:-.065em;font-weight:850;margin:0}.section-title span{color:#536b7d}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}.section-top>p{color:#758695;line-height:1.8;font-size:15px;margin:0 0 4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-weight:800;font-size:14px;min-height:54px;padding:0 25px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.button-primary{background:#fff;color:#0b2b42}.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.07)}.button-dark{background:#082c48;color:#fff}.button-white{background:#fff;color:#0a324e}
/* Navigation */
.site-header{background:#061626;color:#fff;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.11)}.header-inner{height:80px;display:flex;align-items:center;gap:32px}.logo{width:170px;flex:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.logo img{width:152px;height:45px;object-fit:contain;object-position:left center;mix-blend-mode:screen}.logo span{font-size:8px;letter-spacing:.21em;color:#a5bacb;font-weight:700;margin-top:-3px}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{font-size:12px;letter-spacing:.05em;font-weight:800;color:#d6e1e9;white-space:nowrap;transition:color .2s}.nav a:hover{color:#66d6df}.header-ai{background:#0a435b;border:1px solid #245c6a;white-space:nowrap;padding:13px 17px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850}.header-ai:hover{background:#11647b}.sparkle{color:#70e2dc}.mobile-menu{display:none;margin-left:auto;background:none;border:0;color:#fff;width:40px;height:40px;padding:10px;flex-direction:column;justify-content:space-around}.mobile-menu span{display:block;background:#fff;width:100%;height:2px}
/* Cinematic hero */
.hero{position:relative;min-height:680px;height:min(790px,calc(100svh - 80px));background:#081e31;color:#fff;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('/assets/img/20260824_102137_f0f9de398d.png');background-size:cover;background-position:center 47%;z-index:-2}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,33,.94) 0%,rgba(4,19,34,.81) 35%,rgba(3,21,37,.34) 75%,rgba(3,21,37,.30) 100%),linear-gradient(0deg,rgba(2,18,31,.82),transparent 42%);z-index:-1}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{max-width:960px;margin-bottom:54px}.hero-overline{color:#addbe1;display:flex;align-items:center;gap:9px;margin-bottom:29px}.pulse{width:7px;height:7px;background:#36d3c9;border-radius:50%;box-shadow:0 0 0 6px rgba(56,225,211,.12)}.hero h1{font-size:clamp(42px,4.4vw,73px);font-weight:850;line-height:1.2;letter-spacing:-.077em;margin:0;word-break:keep-all}.hero h1 em{font-style:normal;color:#d9f4f5}.hero-desc{font-size:18px;line-height:1.85;color:#d3e2e9;letter-spacing:-.025em;margin:29px 0 0;max-width:760px;word-break:keep-all}.hero-actions{display:flex;gap:10px;margin-top:38px}.hero-feature{position:absolute;right:0;bottom:113px;width:330px;padding:10px;background:rgba(5,27,45,.80);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);transition:transform .2s}.hero-feature:hover{transform:translateY(-5px)}.feature-thumbnail{height:105px;overflow:hidden}.feature-thumbnail img{height:100%;object-fit:cover}.feature-label{display:grid;grid-template-columns:1fr auto;padding:11px 5px 3px;gap:4px}.feature-label small{font-size:9px;letter-spacing:.09em;color:#9bd0db;grid-column:1/-1}.feature-label strong{font-size:15px}.feature-label>span{grid-column:2;grid-row:2;color:#69c7d8}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 0 23px;display:flex;gap:44px;border-top:1px solid rgba(255,255,255,.22)}.hero-bottom span{font-size:11px;color:#a7bfcd}.hero-bottom b{color:#fff;font-size:12px;letter-spacing:.02em;margin-right:9px}.hero-scroll{position:absolute;right:4%;top:40%;writing-mode:vertical-rl;font-size:10px;font-weight:800;letter-spacing:.18em;color:#afc2cf;display:flex;gap:18px;align-items:center}.hero-scroll span{font-size:19px}
/* Search */
.search-wrap{position:relative;z-index:5;margin-top:-2px}.ai-search{padding:28px 34px 27px;background:#fff;box-shadow:0 16px 55px rgba(8,34,51,.08);border:1px solid #e0e9ee;border-top:3px solid #10a3b8}.ai-lead{display:flex;align-items:flex-start;gap:15px;margin-bottom:21px}.ai-star{font-size:30px;color:#0ca8b7;line-height:1}.ai-label{font-size:10px;letter-spacing:.16em;color:#0796a9;font-weight:850}.ai-lead h2{font-size:27px;letter-spacing:-.06em;margin:5px 0 6px}.ai-lead p{color:#738594;font-size:13px;margin:0}.ai-form{display:flex;gap:10px;height:62px}.ai-form input{flex:1;min-width:0;border:1px solid #d7e3e9;background:#f8fafb;padding:0 22px;font-size:16px;outline:none;border-radius:2px;color:#153349}.ai-form input:focus{border-color:#10a7b7;box-shadow:0 0 0 3px rgba(15,167,183,.12)}.ai-form button{min-width:165px;border:0;background:#079caf;color:#fff;font-size:15px;font-weight:850;cursor:pointer}.ai-form button:hover{background:#078093}.ai-form button span{padding-left:12px}.ai-examples{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:17px}.ai-examples>span{font-size:11px;color:#81919e;margin-right:3px}.ai-examples button{border:1px solid #dfebef;background:#fff;color:#507080;border-radius:100px;font-size:12px;padding:8px 12px;cursor:pointer}.ai-examples button:hover{border-color:#079caf;color:#07889a}
/* Intro */
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px}.intro-copy p{font-size:17px;line-height:1.95;color:#647684;margin:0 0 17px;word-break:keep-all}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.intro-tags span{border:1px solid #dbe6eb;color:#376176;font-size:10px;letter-spacing:.12em;font-weight:800;padding:8px 10px}
/* Services */
.services{background:#f1f6f8}.service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{position:relative;height:420px;overflow:hidden;color:#fff;background:#112c42}.service-card img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.service-card:hover img{transform:scale(1.06)}.service-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,24,38,.06),rgba(5,21,38,.15) 25%,rgba(5,20,35,.95) 100%);padding:24px;display:flex;flex-direction:column;justify-content:end}.service-overlay small{font-size:10px;color:#91dfeb;letter-spacing:.12em;font-weight:850}.service-overlay h3{font-size:23px;letter-spacing:-.055em;line-height:1.3;margin:11px 0}.service-overlay p{font-size:13px;line-height:1.7;color:#c5d8e2;margin:0 0 18px;word-break:keep-all}.service-overlay>span{color:#80b7c5;font-size:9px;letter-spacing:.10em;font-weight:850;border-top:1px solid rgba(255,255,255,.22);padding-top:14px}
/* Projects */
.link-arrow{border-bottom:1px solid #0d7791;font-size:13px;font-weight:800;color:#076b85;padding-bottom:7px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:255px 255px;gap:15px}.work-item{position:relative;overflow:hidden;background:#0a2b43;color:#fff}.work-feature{grid-row:span 2}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.work-item:hover img{transform:scale(1.04)}.work-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,18,30,.86) 100%)}.work-meta{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:25px}.work-meta small{font-size:10px;letter-spacing:.12em;color:#91dae3;font-weight:850}.work-meta h3{font-size:20px;line-height:1.3;margin:10px 0}.work-feature .work-meta h3{font-size:29px}.work-meta span{font-size:12px;color:#d3ebf3}
/* Process */
.process{background:#071c2e;color:#fff}.process .section-top>p{color:#91a9b8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #38556b;margin-top:54px}.process-grid>div{padding:26px 27px 12px 0;border-right:1px solid #29465c}.process-grid>div:not(:first-child){padding-left:26px}.process-grid>div:last-child{border-right:0}.process-grid small{font-size:10px;letter-spacing:.13em;color:#60c7d3;font-weight:900}.process-grid h3{font-size:28px;margin:22px 0 10px;letter-spacing:-.05em}.process-grid p{color:#9ab0bf;line-height:1.85;font-size:13px;margin:0}
/* Platform */
.platform-grid{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:75px}.platform-mini{color:#0a9aac;font-size:11px;letter-spacing:.16em;font-weight:850;margin:0 0 14px}.platform-copy>p:not(.overline,.platform-mini){font-size:17px;line-height:1.9;color:#637886;max-width:560px;margin:25px 0}.platform-copy strong{color:#0b3b55}.platform-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.platform-tags span{font-size:11px;font-weight:850;background:#edf5f7;color:#0e7285;padding:10px 12px}.platform-visual{position:relative;background:#061c2d;padding:14px;box-shadow:24px 24px 0 #edf3f6}.platform-visual img{aspect-ratio:16/10;object-fit:cover}.platform-visual-label{font-size:17px;font-weight:900;letter-spacing:.06em;color:#fff;display:flex;gap:15px;padding:15px 4px 1px}.platform-visual-label span{font-size:9px;color:#92b4c9;letter-spacing:.13em;align-self:center}
/* Contact & footer */
.contact-section{background:#0b7790;color:#fff;padding:88px 0}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-grid h2{font-size:clamp(35px,4vw,62px);letter-spacing:-.065em;line-height:1.22;margin:0}.contact-grid p:not(.overline){color:#d1eff2;font-size:16px;margin:20px 0 0;line-height:1.7}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.contact-ai{font-size:13px;color:#e2f9f7;font-weight:750}.site-footer{background:#061625;color:#9baebe;padding:35px 0}.footer-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:90px;height:36px;object-fit:contain;mix-blend-mode:screen}.footer-brand span{font-size:8px;letter-spacing:.11em}.footer-links{display:flex;gap:18px;font-size:10px;font-weight:800}.footer-inner p{font-size:11px}
@media(max-width:1250px){.wrap{width:min(var(--max),calc(100% - 64px))}.nav{gap:20px}.hero-feature{width:275px}.hero-copy{max-width:780px}.hero h1{font-size:62px}.service-cards{grid-template-columns:repeat(2,1fr)}.service-card{height:360px}}
@media(max-width:980px){.header-inner{height:72px}.mobile-menu{display:flex}.nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;background:#071e30;border-top:1px solid #27465a;padding:18px 30px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:16px;border-bottom:1px solid #284354}.header-ai{margin-left:auto}.mobile-menu{margin-left:0}.hero{min-height:700px;height:auto}.hero-inner{min-height:700px}.hero-feature{display:none}.hero-copy{margin-bottom:48px}.intro-grid,.platform-grid{grid-template-columns:1fr;gap:34px}.platform-visual{max-width:720px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.work-feature{grid-column:span 2;height:450px}.work-item:not(.work-feature){height:300px}.work-item:last-child{grid-column:span 2}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid>div:nth-child(2){border-right:0}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.section-pad{padding:75px 0}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:18px}.header-ai{padding:10px;font-size:11px}.header-ai span:last-child{display:none}.logo{width:130px}.logo img{width:116px;height:33px}.logo span{font-size:6px}.header-inner{gap:14px}.hero{min-height:600px}.hero-inner{min-height:600px}.hero-photo{background-position:62% center}.hero-wash{background:linear-gradient(90deg,rgba(4,18,33,.88),rgba(4,19,34,.57)),linear-gradient(0deg,rgba(2,18,31,.90),transparent 75%)}.hero h1{font-size:clamp(34px,9vw,47px);line-height:1.28}.hero-desc{font-size:14px;line-height:1.85;margin-top:20px}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:27px}.button{min-height:48px;padding:0 17px;gap:12px;font-size:12px}.hero-overline{font-size:9px}.hero-scroll{display:none}.hero-bottom{gap:10px;flex-wrap:wrap;padding:14px 0 20px}.hero-bottom span{font-size:10px}.hero-bottom b{font-size:10px}.ai-search{padding:24px 18px}.ai-lead h2{font-size:22px}.ai-lead p{font-size:12px;line-height:1.7}.ai-form{flex-direction:column;height:auto}.ai-form input{height:53px;flex:auto;padding:0 15px;font-size:14px}.ai-form button{height:49px}.ai-examples>span{width:100%}.section-title{font-size:clamp(32px,8vw,42px)}.intro-copy p{font-size:15px}.service-cards{grid-template-columns:1fr}.service-card{height:315px}.service-overlay h3{font-size:23px}.work-grid{display:grid;grid-template-columns:1fr;gap:12px}.work-feature,.work-item:last-child{grid-column:auto;height:330px}.work-item:not(.work-feature){height:265px}.work-meta{padding:20px}.work-feature .work-meta h3{font-size:22px}.process-grid{grid-template-columns:1fr}.process-grid>div,.process-grid>div:not(:first-child){border:0;border-bottom:1px solid #29465c;padding:22px 0}.process-grid h3{font-size:24px;margin:12px 0}.platform-grid{gap:40px}.platform-visual{box-shadow:10px 10px 0 #edf3f6}.platform-visual-label{font-size:15px}.contact-grid{display:block}.contact-actions{margin-top:35px}.contact-grid p:not(.overline){font-size:14px}.footer-inner{display:flex;flex-wrap:wrap;gap:18px}.footer-links{width:100%;order:2;flex-wrap:wrap}.footer-inner p{margin:0}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* AI first: direct search at the very top of both desktop and mobile */
.search-wrap{width:100%;background:#eff7f9;margin:0;border-bottom:1px solid #d8e8ed}
.ai-search{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:center;gap:8px 26px;padding:17px 0 14px;background:transparent;box-shadow:none;border:0}
.ai-lead{margin:0;align-items:center;gap:10px}.ai-star{font-size:25px}.ai-lead h2{font-size:17px;letter-spacing:-.05em;margin:3px 0}.ai-lead p{display:none}.ai-label{font-size:9px}
.ai-form{height:52px}.ai-form input{background:#fff;font-size:15px}.ai-form button{min-width:130px;font-size:13px}
.ai-examples{grid-column:2;margin:0;gap:8px}.ai-examples>span{font-size:10px}.ai-examples button{padding:4px 10px;font-size:10px}
.hero{height:min(720px,calc(100svh - 182px));min-height:610px}
@media(max-width:980px){.ai-search{grid-template-columns:240px 1fr;gap:9px 15px}.hero{height:auto;min-height:640px}.hero-inner{min-height:640px}}
@media(max-width:640px){.ai-search{grid-template-columns:1fr;padding:15px 0;gap:9px}.ai-lead h2{font-size:16px}.ai-star{font-size:20px}.ai-form{display:flex;flex-direction:row;height:48px;gap:6px}.ai-form input{height:48px;min-width:0;font-size:12px;padding:0 10px}.ai-form button{height:48px;min-width:76px;padding:0 6px;font-size:12px}.ai-form button span{display:none}.ai-examples{grid-column:1;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.ai-examples>span{display:none}.ai-examples button{flex:none}.hero{min-height:590px}.hero-inner{min-height:590px}}