:root{--navy:#0a2b5b;--blue:#2386e6;--cyan:#00b6d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',Arial,sans-serif;color:var(--navy);background:#f6faff}button,a{font:inherit}.hero{position:relative;min-height:calc(100svh - 90px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 42%,#fff 5%,#f9fcff 46%,#e9f4ff 95%)}.hero:before{content:'';position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 0 70%,rgba(189,218,255,.4),transparent 52%),radial-gradient(ellipse at 96% 85%,rgba(194,222,255,.46),transparent 42%)}.header{height:84px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(22px,4vw,76px)}.logo{width:181px;height:auto;display:block;mix-blend-mode:multiply}.nav{display:flex;gap:clamp(18px,3.5vw,65px);align-items:center}.nav a{color:#19355d;text-decoration:none;font-size:14px;white-space:nowrap;transition:color .2s}.nav a:hover{color:#147fe4}.right{display:flex;gap:27px;align-items:center}.contact{border:0;border-radius:40px;padding:12px 25px;color:white;background:linear-gradient(110deg,#0d549b,#1475cb);box-shadow:0 7px 18px #1c76c221;cursor:pointer;white-space:nowrap}.contact span{margin-left:14px}.hamb{width:32px;height:30px;border:0;background:none;display:grid;align-content:center;gap:6px;cursor:pointer}.hamb i{height:2px;background:#165a9c;width:26px;display:block}.menu{position:absolute;top:75px;right:35px;width:200px;background:white;border:1px solid #e5efff;box-shadow:0 18px 45px #1b477525;border-radius:16px;padding:14px;display:none}.menu.open{display:grid}.menu a{padding:12px;color:var(--navy);text-decoration:none}.menu a:hover{background:#edf6ff;border-radius:8px}.content{position:relative;z-index:3;text-align:center;width:min(900px,90%);margin:0 auto;padding-top:clamp(85px,12vh,165px)}.eyebrow{font-size:11px;letter-spacing:.48em;color:#7a9ed6;font-weight:700;margin:0 0 27px;animation:rise .9s .15s both}.headline{margin:0;font-weight:400;line-height:1.47;letter-spacing:-.07em;font-size:clamp(33px,3.5vw,58px);animation:rise 1s .35s both}.headline .line{display:block;white-space:nowrap}.headline strong{font-weight:600}.highlight{color:#288ce8}.brandtext{background:linear-gradient(100deg,#04bed3 0%,#13a6c7 42%,#2876d6 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.desc{font-size:clamp(14px,1.18vw,18px);color:#627693;line-height:1.8;margin:27px 0 0;letter-spacing:-.04em;animation:rise 1s .65s both}.scroll{position:relative;z-index:6;display:flex;align-items:center;flex-direction:column;gap:10px;margin:clamp(55px,10vh,110px) auto 0;color:#5777a8;font-size:11px;letter-spacing:.26em;animation:rise 1s 1.2s both}.scroll .circle{width:15px;height:15px;border:1.5px solid #2e65a4;border-radius:50%;position:relative;animation:pulse 2.5s infinite}.scroll .circle:after{content:'';position:absolute;top:14px;left:6px;height:31px;width:1px;background:#2e65a4}.scroll span{margin-top:33px}.waves{position:absolute;z-index:-1;bottom:-2%;left:-3%;width:106%;height:57%;pointer-events:none}.waves path{transform-origin:center;animation:wave 8s ease-in-out infinite alternate}.waves path:nth-child(2){animation-delay:-3s}.waves path:nth-child(3){animation-delay:-5s}.waves path:nth-child(4){animation-delay:-2s}.diamonds{position:absolute;z-index:1;right:clamp(-55px,2vw,45px);top:28%;width:clamp(285px,33vw,510px);height:60%;pointer-events:none;filter:drop-shadow(0 30px 35px rgba(70,133,209,.12))}.diamond{position:absolute;aspect-ratio:1;border-radius:18%;transform:rotate(45deg);border:1.5px solid rgba(255,255,255,.9);box-shadow:inset 8px 8px 20px rgba(255,255,255,.76),inset -7px -9px 18px rgba(41,133,230,.18),0 12px 30px rgba(77,133,220,.12);backdrop-filter:blur(4px);animation:float 6s ease-in-out infinite,appear .9s backwards}.diamond:before{content:'';position:absolute;inset:7%;border:1px solid rgba(255,255,255,.75);border-radius:16%}.d1{width:31%;left:40%;top:17%;background:linear-gradient(130deg,#bbddffcc,#7bbcff9e 48%,#b2e9ff88);animation-delay:-1s,.8s}.d2{width:30%;left:63%;top:36%;background:linear-gradient(130deg,#b4ffdfbb,#58d6c7b0,#b9f8eac2);animation-delay:-3s,1s}.d3{width:28%;left:36%;top:54%;background:linear-gradient(130deg,#ffc4d7b5,#ffb9c6a6,#ffe8d2a6);animation-delay:-2s,1.2s}.d4{width:11%;left:18%;top:59%;background:linear-gradient(130deg,#9df3efbb,#8dd8ffcc);animation-delay:-4s,1.4s}.d5{width:10%;left:82%;top:7%;background:linear-gradient(130deg,#d3edff,#8ad5ff);animation-delay:-2.4s,1.6s}.d6{width:11%;left:83%;top:74%;background:linear-gradient(130deg,#e9baffaa,#c0a4f8aa);animation-delay:-1.4s,1.8s}.d7{width:9%;left:21%;top:35%;background:linear-gradient(130deg,#ffdbf0,#ffb7d5);animation-delay:-3.3s,2s}.d8{width:9%;left:57%;top:87%;background:linear-gradient(130deg,#a3f5e2,#7fd8ff);animation-delay:-2.1s,2.2s}.ambient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;pointer-events:none;z-index:-2}.ambient.a{width:450px;height:240px;background:#b8d9ff;bottom:-110px;left:5%;animation:glow 10s ease-in-out infinite alternate}.ambient.b{width:320px;height:260px;background:#d8c5ff;bottom:-120px;right:5%;animation:glow 9s -3s ease-in-out infinite alternate}.next{min-height:100px;background:white;display:flex;align-items:center;justify-content:center;color:#9cb0c9;font-size:13px}.reduce{position:absolute;bottom:20px;right:24px;z-index:9;border:1px solid #cbdcf0;background:#ffffffbd;color:#5379a9;border-radius:50px;padding:8px 12px;font-size:11px;cursor:pointer}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-16px) rotate(48deg)}}@keyframes appear{from{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes wave{from{transform:translateY(8px) scaleX(1)}to{transform:translateY(-11px) scaleX(1.025)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #6aa9f01b}}@keyframes glow{to{transform:translate(70px,-30px)}}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}@media(max-width:900px){.nav{display:none}.content{padding-top:16vh}.diamonds{opacity:.48;right:-100px;top:42%}.header{height:75px}.headline{font-size:clamp(29px,5.1vw,45px)}.waves{height:49%}}@media(max-width:560px){.logo{width:142px}.header{padding:0 18px}.right{gap:12px}.contact{padding:10px 14px;font-size:12px}.contact span{margin-left:5px}.content{width:95%;padding-top:17vh}.headline{font-size:clamp(24px,6.2vw,35px)}.eyebrow{font-size:8px;letter-spacing:.24em}.desc{font-size:13px}.diamonds{top:49%;right:-145px;opacity:.37;width:320px}.scroll{margin-top:12vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

:root{--navy:#123259;--blue:#2d82e4;--muted:#73849c}body{overflow-x:hidden}.hero{min-height:100svh}.header{position:relative}.content{padding-top:clamp(75px,11vh,135px)}.headline{font-size:clamp(32px,3.5vw,56px);font-weight:400}.headline .line{white-space:normal}.brandtext{background:none;color:#183b68;font-weight:500}.highlight{color:#288de7}.diamonds{opacity:.82}.diamond{animation-duration:8s}.reduce{opacity:.6}
.site-section{padding:110px max(6vw,24px);position:relative;overflow:hidden}.wrap{max-width:1190px;margin:auto}.section-kicker{font-size:11px;letter-spacing:.3em;color:#3c8dd6;font-weight:700}.section-title{font-size:clamp(30px,3vw,43px);letter-spacing:-.065em;font-weight:550;line-height:1.3;margin:16px 0}.section-sub{color:#7b8ba0;line-height:1.85;font-size:15px}.site-section .section-top{margin-bottom:40px}.site-section h3{font-size:20px;letter-spacing:-.045em}.soft{background:linear-gradient(145deg,#f5faff,#fff 55%,#f4faff)}.section-ornament{position:absolute;width:430px;height:430px;right:-180px;top:-230px;border-radius:50%;background:radial-gradient(circle,#dceeff,transparent 70%);pointer-events:none}.glass{background:#ffffffd9;border:1px solid #e5eef9;border-radius:24px;box-shadow:0 16px 48px #2e6aa00b}.ai-layout{display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:22px;align-items:center}.ai-intro h2{font-size:clamp(32px,3.1vw,45px);line-height:1.28;letter-spacing:-.06em}.ai-intro h2 em{font-style:normal;color:#218ce6}.quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.quicklinks a,.recommend a{border:1px solid #e8eef8;border-radius:15px;padding:16px 13px;background:#fff;color:#264569;text-decoration:none;font-size:13px;transition:.25s}.quicklinks a:hover,.recommend a:hover{border-color:#8fc6f7;transform:translateY(-2px)}.chatbox{padding:25px}.botline{display:flex;gap:14px;align-items:center;margin-bottom:17px}.bot{width:72px;height:72px;border-radius:25px;background:linear-gradient(145deg,#fff,#d8edff);display:grid;place-items:center;font-size:39px;box-shadow:0 10px 28px #75a7dd30}.status{color:#5cba5c;font-size:12px}.bubble{background:#f5f9ff;border-radius:17px;padding:16px;line-height:1.65;font-size:14px}.question{display:block;width:100%;text-align:left;border:1px solid #e8eff8;border-radius:12px;padding:13px 15px;background:#fff;margin:9px 0;color:#2b486a;cursor:pointer}.question:hover{background:#eff7ff}.chat-reply{min-height:48px;margin:14px 0;color:#46627f;font-size:13px;line-height:1.7}.chat-form{display:flex;gap:8px;border:1px solid #9acafa;padding:7px;border-radius:30px;background:white}.chat-form input{flex:1;min-width:0;border:0;outline:0;padding:10px;font:inherit}.chat-form button{border:0;background:#1677d9;color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}.notice{font-size:11px;color:#8b9aac;margin:12px 0 0}.recommend{display:grid;gap:11px}.recommend a{display:flex;justify-content:space-between;align-items:center}.recommend b{font-size:14px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{padding:30px;min-height:280px;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px #2e6aa019}.service-card .symbol{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:27px;background:#eaf3ff}.service-card:nth-child(2) .symbol{background:#e9f9f7}.service-card:nth-child(3) .symbol{background:#fff0f1}.service-card:nth-child(4) .symbol{background:#fff5e5}.service-card p,.solution-item p,.project-card p{color:#788aa0;font-size:13px;line-height:1.8}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.solution-item{padding:27px}.solution-item ul{list-style:none;padding:0;margin:16px 0 0;color:#54718f;font-size:13px;line-height:2.2}.solution-item li:before{content:'↗';color:#3398e8;margin-right:8px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.client-item{padding:25px 15px;text-align:center;color:#4e6b88;font-size:15px;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{padding:30px;min-height:230px}.project-card small{color:#4e9bdc}.cta-band{background:linear-gradient(110deg,#0a315c,#165995);color:#fff;border-radius:30px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-band p{color:#c2d9ee}.cta-band a{padding:14px 23px;border-radius:30px;background:white;color:#164b7c;text-decoration:none;white-space:nowrap}.foot{padding:35px 6vw;color:#8b9aab;font-size:12px;border-top:1px solid #eaf0f8;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.ai-layout{grid-template-columns:1fr 1.4fr}.recommend{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.cards4,.solution-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-section{padding:70px 20px}.ai-layout,.cards4,.solution-grid,.project-grid,.client-grid{grid-template-columns:1fr}.recommend{grid-template-columns:1fr 1fr}.cta-band{padding:30px;display:block}.cta-band a{display:inline-block;margin-top:15px}.foot{display:block}.diamonds{opacity:.45}.chatbox{padding:18px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* Preserve existing shared header above the concept hero */
#shared-header{position:relative;z-index:1000}
.concept-home .hero{min-height:calc(100svh - 90px)}
.concept-home .hero .content{padding-top:clamp(55px,9vh,135px)}
@media(max-width:700px){.concept-home .hero{min-height:calc(100svh - 74px)}}

.clients-page-link{display:table;margin:35px auto 0;padding:15px 27px;border-radius:100px;background:#1167e9;color:#fff!important;font-weight:750;text-decoration:none;box-shadow:0 10px 25px #1167e930}.clients-page-link:hover{background:#084fc0}

/* 메인 비주얼: 제공된 참고 HTML의 단어별 등장/블러/그라데이션 이동 효과 */
.concept-home .hero .headline{animation:none}
.concept-home .hero .headline .line{overflow:hidden;padding:7px 0}
.concept-home .hero .hero-word{display:inline-block;opacity:0;transform:translateY(65%);filter:blur(12px);animation:ssWordReveal 1.05s var(--word-delay, .6s) cubic-bezier(.2,.8,.2,1) forwards}
.concept-home .hero .hero-word.brandtext{background-image:linear-gradient(100deg,#2474f5 0%,#15c1d5 34%,#7977ef 63%,#2474f5 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ssWordReveal 1.05s var(--word-delay,1.4s) cubic-bezier(.2,.8,.2,1) forwards,ssBrandSheen 5.5s 2.6s linear infinite}
.concept-home .hero .eyebrow{animation:ssEyebrowEnter 1.25s .25s ease both}
.concept-home .hero .desc{animation:ssDescEnter 1.1s 1.9s ease both}
@keyframes ssWordReveal{to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes ssBrandSheen{to{background-position:-220% 0}}
@keyframes ssEyebrowEnter{from{opacity:0;letter-spacing:.12em;transform:translateY(12px)}to{opacity:1;letter-spacing:.48em;transform:none}}
@keyframes ssDescEnter{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:620px){.concept-home .hero .headline .line{white-space:normal}.concept-home .hero .headline{font-size:clamp(30px,7vw,43px)}}
@media(prefers-reduced-motion:reduce){.concept-home .hero .hero-word,.concept-home .hero .hero-word.brandtext,.concept-home .hero .eyebrow,.concept-home .hero .desc{animation:none!important;opacity:1;transform:none;filter:none}}

/* 마우스 반응: 은은한 광원과 다이아몬드 입체 패럴랙스 */
.concept-home .hero{--mouse-x:50%;--mouse-y:45%}
.concept-home .hero .hero-mouse-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),rgba(97,166,255,.20),rgba(167,209,255,.07) 47%,transparent 76%);opacity:0;transition:opacity .4s ease}
.concept-home .hero:hover .hero-mouse-glow{opacity:1}
.concept-home .hero .diamonds{translate:var(--parallax-x,0px) var(--parallax-y,0px);transition:translate .35s cubic-bezier(.2,.7,.2,1);will-change:translate}
@media(hover:none),(pointer:coarse){.concept-home .hero .hero-mouse-glow{display:none}.concept-home .hero .diamonds{translate:none}}
@media(prefers-reduced-motion:reduce){.concept-home .hero .hero-mouse-glow{display:none}.concept-home .hero .diamonds{translate:none!important;transition:none}}

/* 메인 시안: 더 선명한 블루/라벤더 컬러와 빛나는 입자 */
.concept-home .hero{background:radial-gradient(ellipse 75% 62% at 50% 43%,rgba(255,255,255,.98) 0%,rgba(249,252,255,.92) 39%,transparent 78%),linear-gradient(110deg,#a8caff 0%,#d8e7ff 28%,#f4f9ff 49%,#e9e4ff 76%,#d6c8ff 100%)}
.concept-home .hero:before{z-index:0;background:radial-gradient(ellipse 45% 66% at 3% 54%,rgba(77,148,255,.37),transparent 80%),radial-gradient(ellipse 42% 67% at 99% 55%,rgba(168,133,255,.33),transparent 80%),radial-gradient(ellipse 44% 30% at 48% 98%,rgba(104,189,255,.23),transparent 80%);pointer-events:none}
.concept-home .hero .content{z-index:4;width:min(1130px,95%);padding-top:clamp(90px,13vh,160px)}
.concept-home .hero .headline{font-weight:800;font-size:clamp(33px,4.1vw,66px);line-height:1.46;letter-spacing:-.07em;color:#122243}
.concept-home .hero .headline strong{font-weight:850}
.concept-home .hero .headline .line{white-space:nowrap}
.concept-home .hero .hero-word.brandtext{background-image:linear-gradient(105deg,#706cff 0%,#376aff 36%,#087fe8 70%,#706cff 100%)}
.concept-home .hero .eyebrow{font-size:12px;letter-spacing:.5em;color:#667fae;font-weight:800}
.concept-home .hero .desc{font-size:clamp(16px,1.45vw,21px);line-height:1.9;color:#344e7c}
.concept-home .hero .diamonds{opacity:1;filter:drop-shadow(0 20px 32px rgba(87,141,255,.2))}
.concept-home .hero .waves{opacity:.9}
.concept-home .hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.concept-home .hero-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:rgba(255,255,255,.98);box-shadow:0 0 8px 3px rgba(255,255,255,.7),0 0 22px 8px rgba(114,165,255,.35);opacity:0;animation:ssSparkle var(--duration) var(--delay) ease-in-out infinite}
@keyframes ssSparkle{0%,100%{opacity:.12;transform:translateY(0) scale(.7)}50%{opacity:.95;transform:translateY(-9px) scale(1.12)}}
@media(max-width:900px){.concept-home .hero .headline{font-size:clamp(29px,4.8vw,46px)}.concept-home .hero .headline .line{white-space:normal}}
@media(max-width:600px){.concept-home .hero .headline{font-size:clamp(28px,6.5vw,39px)}.concept-home .hero .content{padding-top:clamp(100px,15vh,160px)}.concept-home .hero .eyebrow{letter-spacing:.2em;font-size:10px}}
@media(prefers-reduced-motion:reduce){.concept-home .hero-particle{animation:none;opacity:.55}}

/* 메인: 고객사 소개 및 서비스 상담 섹션 (기존 AI 시연 영역 대체) */
.concept-home .home-showcase,.concept-home .home-services{position:relative;isolation:isolate;overflow:hidden;padding:110px 0 105px;color:#172848}
.concept-home .home-showcase{background:linear-gradient(160deg,#f8fbff 5%,#edf6ff 48%,#f8fbff 100%)}
.concept-home .home-showcase-wave{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 75%,#d9eaff99,transparent 58%),radial-gradient(ellipse at 85% 15%,#e9f1ffcc,transparent 58%)}
.concept-home .home-showcase-wave:after{content:"";position:absolute;left:-8%;right:-8%;bottom:2%;height:40%;border-top:2px solid #ffffffbb;border-radius:50%;transform:rotate(-5deg)}
.concept-home .home-kicker{font-size:12px;letter-spacing:.26em;color:#2166e4;font-weight:800;margin:0 0 23px}
.concept-home .home-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}
.concept-home .home-showcase h2,.concept-home .home-services h2{font-size:clamp(29px,3vw,43px);font-weight:800;letter-spacing:-.065em;line-height:1.4;margin:0}
.concept-home .home-showcase-aside{border-left:1px solid #bad2f4;padding:3px 0 3px 22px;min-width:250px;color:#49658c;font-size:13px;line-height:1.8}
.concept-home .home-showcase-aside strong{display:block;color:#2d4b75;font-weight:700}
.concept-home .home-showcase-aside p{margin:3px 0 0}
.concept-home .home-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.concept-home .home-client-logo{height:116px;display:flex;align-items:center;justify-content:center;background:#ffffffed;border:1px solid #dce8f8;border-radius:18px;padding:21px;box-shadow:0 9px 28px #4372ae0b;transition:transform .25s,box-shadow .25s}
.concept-home .home-client-logo:hover{transform:translateY(-5px);box-shadow:0 18px 36px #376cb520}
.concept-home .home-client-logo img{max-width:100%;max-height:73px;object-fit:contain}
.concept-home .home-client-more{display:inline-flex;align-items:center;gap:20px;margin-top:30px;color:#2166e4;text-decoration:none;font-weight:700;font-size:14px}
.concept-home .home-client-more:hover{text-decoration:underline}
.concept-home .home-services{background:linear-gradient(155deg,#fff 0%,#f2f9ff 57%,#f8faff 100%)}
.concept-home .home-services:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(20deg,transparent 44%,#dcefff75 44.3%,transparent 46%),radial-gradient(ellipse at 90% 10%,#dceeff90,transparent 50%)}
.concept-home .home-services-desc{font-size:18px;color:#547094;line-height:1.8;margin:16px 0 36px}
.concept-home .home-service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.concept-home .home-service-card{position:relative;min-height:210px;display:flex;align-items:flex-start;gap:23px;padding:29px 30px;background:#ffffffeb;border:1px solid #dae8fc;border-radius:19px;text-decoration:none;color:#192d4e;box-shadow:0 14px 36px #5383bf0a;transition:transform .25s,box-shadow .25s,border-color .25s}
.concept-home .home-service-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px #4176ba1c;border-color:#a7caff}
.concept-home .home-service-icon{flex:none;display:grid;place-items:center;width:78px;height:78px;background:linear-gradient(135deg,#e3edff,#edf7ff);border-radius:19px;color:#3e76f4;font-size:36px;font-weight:800}
.concept-home .home-service-icon.headset{font-size:44px}
.concept-home .home-service-copy{display:flex;flex-direction:column;gap:13px;padding-top:4px}
.concept-home .home-service-copy strong{font-size:22px;font-weight:800}
.concept-home .home-service-copy>span{font-size:14px;color:#5a7296;line-height:1.6}
.concept-home .home-service-action{position:absolute;right:25px;bottom:23px;display:flex;align-items:center;gap:13px;color:#647c9d;font-size:12px}
.concept-home .home-service-action b{display:grid;place-items:center;background:#2173e7;border-radius:50%;color:white;width:43px;height:43px;font-size:26px;font-weight:400}
.concept-home .home-service-note{margin:23px 0 0;color:#657f9f;font-size:12px}
@media(max-width:850px){.concept-home .home-showcase-head{align-items:start;flex-direction:column;gap:23px}.concept-home .home-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-home .home-service-card{padding:23px;gap:15px}.concept-home .home-service-icon{width:61px;height:61px}}
@media(max-width:600px){.concept-home .home-showcase,.concept-home .home-services{padding:72px 0}.concept-home .home-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.concept-home .home-client-logo{height:95px;padding:13px}.concept-home .home-service-cards{grid-template-columns:1fr}.concept-home .home-service-card{min-height:190px}.concept-home .home-services-desc{font-size:15px}}

/* AI에게 물어보세요: 홈페이지 내부 안내 데모 (외부 AI API 미연결) */
.concept-home .home-ai-guide{padding:110px 0 125px;background:linear-gradient(145deg,#f5f9ff,#fff 45%,#f4f1ff);color:#172848}
.concept-home .home-ai-heading{text-align:center;margin-bottom:36px}
.concept-home .home-ai-heading h2{font-size:clamp(31px,3.4vw,46px);font-weight:850;letter-spacing:-.06em;margin:0 0 14px}
.concept-home .home-ai-heading>p:last-child{font-size:16px;color:#597293;line-height:1.85;margin:0}
.concept-home .home-ai-panel{max-width:830px;margin:0 auto;background:#fff;border:1px solid #dbe7fb;border-radius:25px;box-shadow:0 25px 65px #4974bd16;overflow:hidden}
.concept-home .home-ai-top{display:flex;align-items:center;gap:14px;padding:23px 29px;border-bottom:1px solid #e8eef9;background:linear-gradient(95deg,#f9fcff,#f5f7ff)}
.concept-home .home-ai-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#407df3,#7772f0);color:white;font-size:27px}
.concept-home .home-ai-top strong{display:block;font-size:16px}.concept-home .home-ai-top small{display:block;color:#7990ae;font-size:12px;margin-top:4px}
.concept-home .home-ai-status{margin-left:auto;font-size:12px;color:#3677cc;background:#e9f3ff;padding:7px 12px;border-radius:30px}
.concept-home .home-ai-messages{padding:30px;display:flex;flex-direction:column;gap:14px;min-height:165px;max-height:350px;overflow-y:auto;background:linear-gradient(160deg,#fff,#fbfdff)}
.concept-home .home-ai-bubble{max-width:88%;padding:15px 19px;border-radius:17px;line-height:1.75;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
.concept-home .home-ai-bot{align-self:flex-start;background:#eef4ff;color:#284a7c;border-bottom-left-radius:5px}
.concept-home .home-ai-user{align-self:flex-end;background:#2b71e7;color:#fff;border-bottom-right-radius:5px}
.concept-home .home-ai-bubble a{display:inline-block;margin-top:8px;color:#155fca;font-weight:800;text-decoration:underline}
.concept-home .home-ai-suggestions{display:flex;flex-wrap:wrap;gap:9px;padding:0 29px 20px}
.concept-home .home-ai-suggestions button{border:1px solid #cbdcf7;background:#f8fbff;border-radius:30px;padding:9px 13px;color:#3662a0;font-size:12px;cursor:pointer}
.concept-home .home-ai-suggestions button:hover{background:#eaf2ff}
.concept-home .home-ai-form{display:flex;gap:10px;padding:0 29px}
.concept-home .home-ai-form input{flex:1;min-width:0;border:1px solid #d5e3f6;background:#f8fbff;border-radius:12px;padding:15px 17px;color:#1a3156;font:inherit;font-size:14px;outline:none}
.concept-home .home-ai-form input:focus{border-color:#347af0;box-shadow:0 0 0 3px #347af01a}
.concept-home .home-ai-form button{flex:none;border:0;border-radius:12px;background:linear-gradient(120deg,#287cf0,#5a67eb);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.concept-home .home-ai-disclaimer{font-size:11px;color:#7e91a9;margin:14px 29px 24px;line-height:1.7}
.concept-home .home-ai-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.concept-home .home-ai-guide{padding:75px 0}.concept-home .home-ai-top,.concept-home .home-ai-messages{padding:19px}.concept-home .home-ai-suggestions{padding:0 19px 18px}.concept-home .home-ai-form{padding:0 19px}.concept-home .home-ai-disclaimer{margin:14px 19px 20px}.concept-home .home-ai-form button{padding:0 13px}.concept-home .home-ai-status{display:none}}

.studio-home-promo{max-width:1220px;margin:40px auto 95px;padding:43px 52px;background:linear-gradient(120deg,#e7f2ff,#f1edff);border:1px solid #dce8fb;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.studio-home-promo span{font-size:11px;letter-spacing:.22em;color:#356fe0;font-weight:800}.studio-home-promo h2{font-size:clamp(23px,2.5vw,34px);margin:12px 0;color:#19305a;letter-spacing:-.05em}.studio-home-promo p{font-size:15px;color:#60799e}.studio-home-promo a{background:#2e75e9;border-radius:30px;color:white;text-decoration:none;padding:16px 24px;font-weight:800;white-space:nowrap}@media(max-width:700px){.studio-home-promo{margin:30px 15px 70px;padding:30px;flex-direction:column;align-items:flex-start}.studio-home-promo a{white-space:normal}}

/* 메인 기술 역량 섹션: 레퍼런스의 연결 곡선과 4개 기술 노드를 웹 요소로 구현 */
.concept-home .home-tech{position:relative;isolation:isolate;overflow:hidden;padding:118px 24px 125px;background:radial-gradient(ellipse at 4% 40%,#fff0e9 0%,transparent 36%),radial-gradient(ellipse at 92% 16%,#e9f6ff 0%,transparent 38%),linear-gradient(110deg,#fffdf9,#f9fcff 55%,#fffdf8);color:#192b4e}
.concept-home .home-tech:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 70%,#ffebed75,transparent 26%),radial-gradient(circle at 68% 60%,#e7f9ee9c,transparent 32%)}
.concept-home .home-tech-inner{max-width:1180px;margin:auto;position:relative}
.concept-home .home-tech-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}
.concept-home .home-tech-kicker{font-size:12px;letter-spacing:.28em;color:#3275e7;font-weight:800;margin:0 0 18px}
.concept-home .home-tech-head h2{font-size:clamp(30px,3.4vw,48px);font-weight:850;letter-spacing:-.07em;line-height:1.33;margin:0}
.concept-home .home-tech-head h2 em{font-style:normal;color:#3478ed}
.concept-home .home-tech-intro{border-left:1px solid #d4e0f2;padding-left:23px;font-size:15px;color:#6a7f9c;line-height:1.9;margin:0 0 5px}
.concept-home .home-tech-network{height:110px;position:relative;margin:0 0 -34px;pointer-events:none}
.concept-home .home-tech-network svg{width:100%;height:100%;overflow:visible}
.concept-home .home-tech-network path{fill:none;stroke:#a9c8f4;stroke-width:1.3;stroke-dasharray:5 9;opacity:.75;animation:ssTechDash 28s linear infinite}
.concept-home .home-tech-network path+path{stroke:#e6bed5;opacity:.5;animation-direction:reverse}
.concept-home .home-tech-orbit{position:absolute;width:9px;height:9px;background:#fff;border:2px solid #8fb7f4;border-radius:50%;box-shadow:0 0 0 7px #dbeaff65}
.concept-home .home-tech-orbit-a{left:20%;top:54%}.concept-home .home-tech-orbit-b{left:51%;top:29%}.concept-home .home-tech-orbit-c{left:80%;top:56%}
.concept-home .home-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.concept-home .home-tech-card{--tech-accent:#eb7190;--tech-tint:#ffedf2;display:flex;flex-direction:column;align-items:flex-start;min-height:305px;padding:31px 24px 26px;border:1px solid #e5ebf6;border-radius:23px;background:#ffffffd9;box-shadow:0 17px 38px #5d81af0e;text-decoration:none!important;color:#1b3156!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.concept-home .home-tech-card:hover{transform:translateY(-9px);box-shadow:0 26px 45px #477ab522;border-color:var(--tech-accent)}
.concept-home .home-tech-card.tech-dm{--tech-accent:#529fef;--tech-tint:#e9f5ff}.concept-home .home-tech-card.tech-solution{--tech-accent:#65b88a;--tech-tint:#eaf9f0}.concept-home .home-tech-card.tech-platform{--tech-accent:#e7a83b;--tech-tint:#fff4dd}
.concept-home .home-tech-icon{display:grid;place-items:center;width:69px;height:69px;border-radius:21px;background:var(--tech-tint);color:var(--tech-accent);margin-bottom:24px;box-shadow:0 0 0 8px color-mix(in srgb,var(--tech-tint) 48%,transparent)}
.concept-home .home-tech-icon svg{width:39px;height:39px}
.concept-home .home-tech-num{font-size:10px;letter-spacing:.14em;color:#8293ad;font-weight:750;margin-bottom:9px}
.concept-home .home-tech-card h3{font-size:23px;font-weight:850;letter-spacing:-.03em;margin:0 0 12px}
.concept-home .home-tech-card p{font-size:13px;color:#6c809d;line-height:1.8;margin:0 0 20px}
.concept-home .home-tech-link{margin-top:auto;color:var(--tech-accent);font-weight:750;font-size:12px;display:flex;align-items:center;gap:9px}
@keyframes ssTechDash{to{stroke-dashoffset:-300}}
@media(max-width:900px){.concept-home .home-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-home .home-tech-head{align-items:start;flex-direction:column}.concept-home .home-tech-network{height:70px;margin-bottom:-10px}}
@media(max-width:560px){.concept-home .home-tech{padding:75px 19px}.concept-home .home-tech-grid{gap:12px}.concept-home .home-tech-card{min-height:280px;padding:22px 15px;border-radius:17px}.concept-home .home-tech-icon{width:53px;height:53px;margin-bottom:19px}.concept-home .home-tech-icon svg{width:32px;height:32px}.concept-home .home-tech-card h3{font-size:19px}.concept-home .home-tech-card p{font-size:12px}.concept-home .home-tech-network{display:none}}
@media(prefers-reduced-motion:reduce){.concept-home .home-tech-network path{animation:none}}

/* 기술 소개 리디자인: 레퍼런스처럼 4개의 떠 있는 원형 노드와 하나의 흐르는 연결선 */
.concept-home .home-tech.home-tech-flow{padding:106px 24px 128px;background:radial-gradient(ellipse at 7% 30%,#d5e5ff 0%,transparent 42%),radial-gradient(ellipse at 88% 72%,#e8dfff 0%,transparent 46%),radial-gradient(ellipse at 48% 93%,#ddf5fb 0%,transparent 45%),linear-gradient(115deg,#f5f9ff,#f8faff 52%,#f5f3ff);color:#17294e}
.concept-home .home-tech-flow:before{background:radial-gradient(ellipse at 48% 48%,#ffffffa8,transparent 65%);opacity:.8}
.concept-home .home-tech-flow .home-tech-head{margin-bottom:58px}
.concept-home .home-tech-flow .home-tech-head h2{font-size:clamp(32px,3.6vw,51px)}
.concept-home .home-tech-flow .home-tech-head h2 em{color:#f07786}
.concept-home .home-tech-flowmap{position:relative;min-height:365px}
.concept-home .home-tech-curve{position:absolute;left:-4%;top:0;width:108%;height:245px;pointer-events:none;overflow:visible}
.concept-home .home-tech-curve path{fill:none;stroke-linecap:round}
.concept-home .home-tech-curve .tech-line-under{stroke:#fff;stroke-width:6;opacity:.8}
.concept-home .home-tech-curve .tech-line{stroke:#b8d4fb;stroke-width:2.5;stroke-dasharray:3 10;animation:ssTechDash 28s linear infinite}
.concept-home .home-tech-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;z-index:1}
.concept-home .home-tech-flow-item{--node:#f18ca6;--node-light:#ffe3ee;display:flex;flex-direction:column;align-items:flex-start;min-height:350px;padding:0 14px;text-decoration:none!important;color:#1c3155!important;transition:transform .3s ease}
.concept-home .home-tech-flow-item:hover{transform:translateY(-7px)}
.concept-home .home-tech-flow-item.tech-dm{--node:#5fa9f5;--node-light:#d9edff}
.concept-home .home-tech-flow-item.tech-solution{--node:#64c596;--node-light:#ddf8e8}
.concept-home .home-tech-flow-item.tech-platform{--node:#f3bc55;--node-light:#fff0cf}
.concept-home .home-tech-node{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;margin:0 0 34px 12px;background:radial-gradient(circle at 35% 30%,#ffffff 2%,var(--node-light) 49%,#ffffffb5 100%);box-shadow:0 0 0 13px color-mix(in srgb,var(--node-light) 48%,transparent),0 0 48px 12px var(--node-light),inset 0 2px 14px #ffffff;transition:transform .35s,box-shadow .35s}
.concept-home .home-tech-flow-item:hover .home-tech-node{transform:scale(1.08);box-shadow:0 0 0 17px color-mix(in srgb,var(--node-light) 50%,transparent),0 0 65px 18px var(--node-light)}
.concept-home .home-tech-node-icon{font-size:38px;color:var(--node);line-height:1;font-weight:800}
.concept-home .home-tech-flow-item:nth-child(1) .home-tech-node{margin-top:64px}
.concept-home .home-tech-flow-item:nth-child(2) .home-tech-node{margin-top:26px}
.concept-home .home-tech-flow-item:nth-child(3) .home-tech-node{margin-top:1px}
.concept-home .home-tech-flow-item:nth-child(4) .home-tech-node{margin-top:47px}
.concept-home .home-tech-index{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--node);margin-bottom:8px}
.concept-home .home-tech-flow-item strong{font-size:23px;font-weight:850;letter-spacing:-.025em;margin-bottom:12px}
.concept-home .home-tech-flow-desc{font-size:13px;line-height:1.8;color:#687e9d}
.concept-home .home-tech-more{margin-top:17px;font-size:12px;font-weight:750;color:#3576db}
@media(max-width:900px){.concept-home .home-tech-flow .home-tech-head{margin-bottom:35px}.concept-home .home-tech-curve{display:none}.concept-home .home-tech-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px}.concept-home .home-tech-flow-item{min-height:250px}.concept-home .home-tech-flow-item:nth-child(n) .home-tech-node{margin-top:0}.concept-home .home-tech-node{width:84px;height:84px;margin-bottom:28px}}
@media(max-width:560px){.concept-home .home-tech.home-tech-flow{padding:72px 19px 84px}.concept-home .home-tech-flow-grid{gap:32px 12px}.concept-home .home-tech-flow-item{padding:0 4px;min-height:245px}.concept-home .home-tech-node{width:70px;height:70px;margin-left:9px;margin-bottom:24px}.concept-home .home-tech-node-icon{font-size:29px}.concept-home .home-tech-flow-item strong{font-size:19px}.concept-home .home-tech-flow-desc{font-size:12px}.concept-home .home-tech-index{font-size:9px}}
@media(prefers-reduced-motion:reduce){.concept-home .home-tech-curve .tech-line{animation:none}}

/* 기술 소개 영역: 고객사(OUR CLIENTS) 섹션과 같은 파스텔 블루 배경 */
.concept-home .home-tech.home-tech-flow{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 60% at 14% 73%,rgba(208,230,255,.63) 0%,transparent 74%),
    radial-gradient(ellipse 78% 60% at 87% 30%,rgba(225,236,255,.62) 0%,transparent 74%),
    linear-gradient(160deg,#f8fbff 5%,#edf6ff 48%,#f8fbff 100%);
}
/* 레퍼런스의 부드러운 흰색 곡선과 얇은 물결 */
.concept-home .home-tech.home-tech-flow::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:145%;height:53%;left:-22%;bottom:-23%;top:auto;
  border-top:2px solid rgba(255,255,255,.82);
  border-radius:50% 50% 0 0;
  transform:rotate(-6deg);
  background:linear-gradient(180deg,rgba(226,239,255,.20),rgba(255,255,255,.13));
  opacity:1;
}
.concept-home .home-tech.home-tech-flow::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:140%;height:43%;left:-15%;bottom:-31%;
  border-top:1px solid rgba(255,255,255,.75);
  border-radius:50% 50% 0 0;
  transform:rotate(5deg);
}

/* AI 가이드 입력창 아래 흰색 여백 */
.concept-home .home-ai-panel{padding-bottom:20px}
@media(max-width:600px){.concept-home .home-ai-panel{padding-bottom:16px}}