:root{--ink:#101010;--muted:#5b5f66;--line:#dde1e6;--blue:#005cff;--pale:#f3f7fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Noto Sans KR",sans-serif;font-size:15px;line-height:1.5}.shell{width:min(1440px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;z-index:50;top:0;height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(16,16,16,.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}main section[id],footer[id]{scroll-margin-top:76px}.nav-wrap{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;color:#000;text-decoration:none}.site-header nav{display:flex;gap:57px}.site-header nav a,.language a{color:#111;text-decoration:none;font-size:14px}.site-header nav a:hover,.language a:hover{color:var(--blue)}.language{justify-self:end;display:flex;align-items:center;gap:14px;font-size:13px}.language span{height:14px;width:1px;background:#cfd2d6}.hero{position:relative;height:460px;overflow:hidden;border-bottom:1px solid var(--line);background:#eef4fb}.hero-art{position:absolute;inset:0;background:url('assets/hero-visual.png') center/cover no-repeat}.hero-inner{height:100%;position:relative}.hero-copy{padding-top:51px;width:470px}.hero h1{margin:0;font-size:43px;line-height:1.12;letter-spacing:-1.8px;font-weight:500}.hero p{margin:17px 0 0;font-size:15px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:18px;color:var(--blue);font-weight:600;text-decoration:none}.text-link span{font-size:18px}.scroll-link{position:absolute;top:287px;color:#111;font-weight:400;border-bottom:1px solid #111;padding-bottom:16px;min-width:130px;justify-content:space-between}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:11px;font-weight:700}.what{height:150px;border-bottom:1px solid var(--line)}.what-grid{height:100%;display:grid;grid-template-columns:1fr 480px;align-items:center}.what h2,.section-head h2{font-size:22px;line-height:1.15;margin:0;font-weight:500;letter-spacing:-.7px}.body-copy{margin:12px 0 0;color:#333;font-size:14px}.disciplines{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;color:#777;font-size:36px;font-weight:200}.products{height:324px;border-bottom:1px solid var(--line);overflow:hidden}.section-head{height:89px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:15px}.section-head .eyebrow{margin-bottom:8px}.section-head>div>p:last-child{margin:6px 0 0;font-size:13px}.pager{display:flex;align-items:center;gap:20px;padding-top:32px;font-size:13px}.pager i{height:18px;width:1px;background:var(--line)}.pager button{border:0;background:none;font-size:21px;color:#555;cursor:pointer;padding:3px}.product-showcase{display:grid;grid-template-columns:520px 1fr;height:235px}.phones{height:100%;overflow:hidden;text-align:center}.phones img{display:block;height:279px;width:auto;margin:-1px auto 0}.product-copy{padding:7px 0 0 27px}.product-copy h3{font-size:25px;font-weight:500;margin:0 0 2px}.product-copy p{font-size:14px;line-height:1.65;margin:7px 0}.product-copy .subtitle{margin:0 0 9px}.tags{display:flex;gap:10px;margin:11px 0 15px}.tags span{background:#f2f3f5;padding:3px 10px;font-size:12px}.approach{height:128px;background:linear-gradient(100deg,#f3f7fc,#eaf1fa);border-bottom:1px solid var(--line)}.approach-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:21px 0}.approach article{padding:0 34px;border-left:1px solid #cbd2dc}.approach article:first-child{border-left:0;padding-left:0}.approach b{font-size:16px;font-weight:500}.approach h3{font-size:13px;margin:7px 0 6px}.approach p{font-size:12px;line-height:1.45;color:#333;margin:0}.connect{height:102px;border-bottom:1px solid var(--line)}.connect-grid{height:100%;display:grid;grid-template-columns:280px 340px 1fr;align-items:center}.connect-grid>div:first-child p:last-child{font-size:13px;margin:0;line-height:1.55}.connect .eyebrow{margin-bottom:6px}.contact-item{height:50px;border-left:1px solid var(--line);display:flex;align-items:center;gap:22px;padding-left:64px;color:#111;text-decoration:none}.contact-item b,.contact-item small{display:block;font-size:13px;font-style:normal}.contact-item small{margin-top:4px}.mail-icon{font-size:27px}.talk-icon{font-size:9px;font-weight:800;background:#111;color:white;border-radius:50%;width:29px;height:25px;display:grid;place-items:center}footer{height:140px}.footer-grid{height:100%;display:grid;grid-template-columns:280px 380px 1fr;padding-top:22px}.footer-grid>div+div{border-left:1px solid var(--line);padding-left:30px}.footer-brand strong{font-size:20px}.footer-brand p{font-size:12px;margin:5px 0 19px}.footer-brand small{font-size:12px}.footer-grid h2{font-size:12px;margin:0 0 12px}.company p{font-size:12px;margin:2px 0}.company i{display:inline-block;width:1px;height:10px;background:var(--line);margin:0 13px}.legal div{display:flex;gap:54px}.legal a{color:#222;text-decoration:none;font-size:12px}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.site-header nav{gap:28px}.what-grid{grid-template-columns:1fr 380px}.product-showcase{grid-template-columns:48% 52%}.connect-grid{grid-template-columns:25% 34% 41%}.contact-item{padding-left:30px}.footer-grid{grid-template-columns:25% 40% 35%}.legal div{gap:22px;flex-wrap:wrap}}
@media(max-width:767px){body{font-size:14px}.shell{width:calc(100% - 36px)}.site-header{height:64px}.nav-wrap{grid-template-columns:1fr auto}.site-header nav{display:none}.brand{font-size:21px}.hero{height:520px}.hero-art{background-position:62% center;opacity:.62}.hero-copy{padding-top:42px;width:100%}.hero h1{font-size:38px}.hero p{font-size:14px}.scroll-link{top:auto;bottom:28px}.what{height:auto;padding:34px 0}.what-grid{grid-template-columns:1fr;gap:30px}.what h2{font-size:19px}.body-copy br{display:none}.disciplines{font-size:28px}.products{height:auto;padding:26px 0 0}.section-head{height:auto}.pager{padding-top:22px}.product-showcase{height:auto;display:flex;flex-direction:column}.phones{height:305px;order:2;margin-top:24px}.phones img{height:330px}.product-copy{padding:40px 0 0}.approach{height:auto}.approach-grid{grid-template-columns:1fr 1fr;padding:0}.approach article{min-height:130px;padding:24px;border-top:1px solid #d6dce5}.approach article:nth-child(odd){border-left:0}.connect{height:auto}.connect-grid{display:block;padding:30px 0}.contact-item{border-left:0;border-top:1px solid var(--line);padding:20px 0;height:auto;margin-top:20px}footer{height:auto}.footer-grid{display:block;padding:32px 0}.footer-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:24px}.legal div{gap:20px 30px}}
@media(max-width:430px){.shell{width:calc(100% - 32px)}.hero h1{font-size:34px}.section-head{gap:15px}.pager{gap:10px}.phones img{height:300px}.tags{gap:5px;flex-wrap:wrap}.approach article{padding:20px 16px}.legal div{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:768px){.hero{height:285px}.hero-copy{padding-top:43px}.hero h1{font-size:38px;line-height:1.1}.hero p{margin-top:14px;font-size:14px}.scroll-link{top:202px;padding-bottom:13px}}
.hero-art{z-index:0;background-color:#f3f7fc;background-position:center;background-size:contain;background-repeat:no-repeat}
.hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.3) 31%,rgba(255,255,255,0) 58%);pointer-events:none}
.hero-inner{z-index:2}
@media(max-width:767px){.hero-art{background-position:center bottom;background-size:contain;opacity:.72}.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.42) 55%,rgba(255,255,255,.08) 100%)}}
@media(min-width:768px){.hero{height:clamp(320px,26.03vw,551px)}.hero-copy{padding-top:52px}.hero h1{font-size:48px;line-height:1.08;letter-spacing:-1.8px}.hero p{margin-top:18px;font-size:15px}.scroll-link{top:auto;bottom:54px;padding-bottom:14px}}
.hero-art{background-image:url('assets/hero-visual-ultrawide-hd.png');background-size:100% auto;background-position:center;background-repeat:no-repeat}
.disciplines{display:flex;align-items:center;justify-content:flex-end;gap:62px}
.disciplines img{display:block;width:82px;height:94px;object-fit:contain}
@media(max-width:1100px){.disciplines{gap:38px}.disciplines img{width:68px;height:84px}}
@media(max-width:767px){.disciplines{justify-content:space-between;gap:18px}.disciplines img{width:calc((100% - 54px)/4);height:auto;max-height:78px}}
.language button{appearance:none;border:0;background:none;padding:5px 0;color:#777;font:inherit;font-size:13px;cursor:pointer}
.language button[aria-pressed="true"]{color:#111;font-weight:700}
.products{height:470px}
.more-products{height:68px;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);font-size:12px}
.more-products span{color:var(--blue);font-size:10px;font-weight:700}
.more-products p{margin:0;color:#555}
.product-categories{height:94px;border-bottom:1px solid var(--line)}
.category-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.category-grid div{display:flex;align-items:center;gap:24px;padding:0 30px;border-left:1px solid var(--line)}
.category-grid div:first-child{padding-left:0;border-left:0}
.category-grid span{color:var(--blue);font-size:11px}
.category-grid strong{font-size:15px;font-weight:500}
@media(max-width:767px){.products{height:auto}.more-products{margin-top:0}.product-categories{height:auto}.category-grid{grid-template-columns:1fr 1fr}.category-grid div{min-height:70px;padding:0 18px;border-top:1px solid var(--line)}.category-grid div:nth-child(odd){border-left:0;padding-left:0}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.language{gap:10px}.hero h1{font-size:30px}.category-grid div{gap:12px}.legal div{gap:16px}}
.categories-visual{width:min(1440px,calc(100% - 80px));margin:0 auto;border-bottom:1px solid var(--line);background:#f1f2f3;overflow:hidden}
.categories-visual img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center;filter:contrast(.98) saturate(.9);opacity:.96}
.product-showcase{height:313px}
.phones{display:flex;align-items:flex-start;justify-content:center;gap:18px;overflow:visible;perspective:1200px;perspective-origin:center top}
.phone-device{position:relative;display:block;width:145px;height:315px;padding:5px;background:#111318;border:1px solid #050608;border-radius:24px;backface-visibility:hidden;box-shadow:0 13px 25px rgba(20,30,45,.13)}
.phone-device::before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:42px;height:4px;border-radius:4px;background:#050608;transform:translateX(-50%)}
.phone-device::after{content:"";position:absolute;top:25px;bottom:32px;width:5px;background:linear-gradient(#4a4e55,#17191d);opacity:.9}
.phone-device-left{transform:rotateY(16deg) rotateZ(-1deg);transform-origin:right center}
.phone-device-left::after{left:-6px;border-radius:3px 0 0 3px}
.phone-device-right{transform:rotateY(-16deg) rotateZ(1deg);transform-origin:left center}
.phone-device-right::after{right:-6px;border-radius:0 3px 3px 0}
.phones img.pickai-shot{display:block;width:100%;height:100%;margin:0;border:0;border-radius:19px;object-fit:contain;object-position:center;background:#0d0d0f;box-shadow:none}
@media(max-width:767px){.phone-device{width:138px;height:307px}.phones{gap:12px}}
@media(max-width:430px){.phone-device{width:126px;height:280px}}
@media(max-width:767px){.products{height:auto}.product-showcase{height:auto}.phones{height:315px}}
@media(max-width:430px){.phones{height:288px}}
.phones img.pickai-device-mockup{display:block;width:auto;height:327px;max-width:100%;margin:0 auto;border:0;border-radius:0;object-fit:contain;filter:none;box-shadow:none;transform:none}
@media(max-width:767px){.phones img.pickai-device-mockup{height:315px;margin-top:0}}
@media(max-width:430px){.phones img.pickai-device-mockup{height:284px;margin-top:0}}
.products{height:392px}
.product-showcase{height:235px}
.phones{display:block;height:100%;overflow:hidden;text-align:center;perspective:none}
.phones img.pickai-original-screens{display:block;width:auto;height:279px;max-width:none;margin:-1px auto 0;border:0;border-radius:0;object-fit:contain;filter:none;box-shadow:none;transform:none}
@media(max-width:767px){.products{height:auto}.product-showcase{height:auto}.phones{display:block;height:305px;overflow:hidden;margin-top:24px}.phones img.pickai-original-screens{height:330px;margin-top:0}}
@media(max-width:430px){.phones img.pickai-original-screens{height:300px}}
.products{height:416px}
.section-head{height:113px}
@media(max-width:767px){.products{height:auto}.section-head{height:auto}.product-showcase{margin-top:24px}}
.hero-art{will-change:auto;animation:none;transform:none}
.hero::before{display:none}
.brand::after{content:".";color:var(--blue);font-weight:800}
.motion-ready .scroll-section .reveal-item{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--reveal-order,0)*70ms);will-change:opacity,transform}
.motion-ready .scroll-section.is-visible .reveal-item{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .products .phones{transform:translate3d(-24px,18px,0)}
.motion-ready .products.is-visible .phones{transform:translate3d(0,0,0)}
.motion-ready .products .product-copy{transform:translate3d(24px,18px,0)}
.motion-ready .products.is-visible .product-copy{transform:translate3d(0,0,0)}
.motion-ready .disciplines img{transition:transform .65s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--icon-order,0)*70ms)}
.motion-ready .what:not(.is-visible) .disciplines img{transform:translateY(10px) scale(.94)}
.motion-ready .what.is-visible .disciplines img{transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.motion-ready .scroll-section .reveal-item,.motion-ready .products .phones,.motion-ready .products .product-copy,.motion-ready .disciplines img{opacity:1;transform:none;transition:none;will-change:auto}}
.motion-ready .hero .hero-art{opacity:0;transform:scale(1.045);transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.22,1,.36,1),filter .45s ease}
.motion-ready .hero.is-visible .hero-art{opacity:1;transform:scale(1)}
.motion-ready .hero .hero-copy h1{transition-delay:120ms}
.motion-ready .hero .hero-copy>p{transition-delay:220ms}
.motion-ready .hero .scroll-link{transition-delay:320ms}
@media(hover:hover) and (pointer:fine){
  .hero:hover .hero-art{transform:scale(1.018);filter:saturate(1.04) brightness(1.01)}
  .hero-copy h1{transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .hero:hover .hero-copy h1{transform:translate3d(4px,0,0)}
  .text-link{transition:color .25s ease,gap .3s cubic-bezier(.22,1,.36,1),transform .3s ease}
  .text-link:hover{gap:25px;transform:translate3d(2px,0,0)}
  .site-header nav a{position:relative;transition:color .25s ease}
  .site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--blue);transition:right .3s cubic-bezier(.22,1,.36,1)}
  .site-header nav a:hover::after{right:0}
  .disciplines img:hover{transform:translateY(-5px) scale(1.04)}
  .capability-list article{transition:padding-left .35s cubic-bezier(.22,1,.36,1),background-color .3s ease}
  .capability-list article:hover{padding-left:12px;background:#f8fafd}
  .method-copy>div{transition:padding-left .35s cubic-bezier(.22,1,.36,1),color .25s ease}
  .method-copy>div:hover{padding-left:10px;color:var(--blue)}
  .contact-item{transition:padding-left .35s cubic-bezier(.22,1,.36,1),color .25s ease}
  .contact-item:hover{padding-left:72px;color:var(--blue)}
}
@media(prefers-reduced-motion:reduce){.motion-ready .hero .hero-art,.motion-ready .hero .hero-copy h1{opacity:1;transform:none;transition:none}}
.menu-toggle{display:none;width:28px;height:28px;padding:6px 2px;border:0;background:none;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:1px;margin:5px 0;background:#111;transition:transform .3s ease,opacity .2s ease}
@media(max-width:767px){
  .nav-wrap{position:relative;grid-template-columns:1fr auto auto;gap:18px}
  .menu-toggle{display:block;justify-self:end}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .site-header nav{position:absolute;z-index:20;display:flex;visibility:hidden;opacity:0;top:64px;left:-18px;width:calc(100% + 36px);padding:14px 18px 20px;flex-direction:column;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);transform:translateY(-8px);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .25s}
  .site-header nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}
  .site-header nav a{padding:13px 0;border-bottom:1px solid #edf0f3;font-size:15px}
  .site-header nav a:last-child{border-bottom:0}
}
@media(max-width:430px){.nav-wrap{gap:12px}.language{gap:9px}}
@media(max-width:1100px){.categories-visual{width:calc(100% - 48px)}}
@media(max-width:767px){.categories-visual img{min-height:260px;max-height:360px;object-position:center}}
@media(max-width:767px){.categories-visual{width:calc(100% - 36px)}}
@media(max-width:430px){.categories-visual{width:calc(100% - 32px)}}
@media(max-width:360px){.categories-visual{width:calc(100% - 28px)}}
.capabilities{padding:74px 0 82px;border-bottom:1px solid var(--line)}
.capabilities-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:38px}
.capabilities-head h2,.work-method h2,.company-statement h2{margin:0;font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-1.1px}
.capabilities-head>p{justify-self:end;width:480px;margin:0;color:#444;font-size:14px;line-height:1.7}
.capability-list{border-top:1px solid #bfc5cc}
.capability-list article{display:grid;grid-template-columns:70px 1.1fr 1.6fr 160px;align-items:center;min-height:86px;border-bottom:1px solid var(--line)}
.capability-list span{font-size:12px;color:var(--blue)}
.capability-list h3{margin:0;font-size:19px;font-weight:500}
.capability-list p{margin:0;color:#555;font-size:14px}
.capability-list b{justify-self:end;font-size:11px;font-weight:500;color:#666}
.work-method{padding:88px 0 92px;background:#f4f7fb;border-bottom:1px solid var(--line)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.method-copy>p{max-width:570px;margin:0 0 38px;font-size:18px;line-height:1.65;letter-spacing:-.25px}
.method-copy>div{display:grid;grid-template-columns:130px 1fr;padding:17px 0;border-top:1px solid #ccd3dc}
.method-copy span{font-size:13px;font-weight:700}
.method-copy>div p{margin:0;color:#4d5259;font-size:14px}
.company-statement{padding:86px 0 92px;border-bottom:1px solid var(--line)}
.statement-grid{display:grid;grid-template-columns:170px 1fr 360px;align-items:end}
.statement-grid .eyebrow{align-self:start;padding-top:7px}
.company-statement h2{font-size:42px;line-height:1.13}
.statement-grid>p:last-child{margin:0 0 3px;font-size:15px;line-height:1.65;color:#444}
@media(max-width:1100px){.capabilities-head>p{width:400px}.capability-list article{grid-template-columns:55px 1fr 1.4fr 120px}.statement-grid{grid-template-columns:120px 1fr 300px}.company-statement h2{font-size:35px}}
@media(max-width:767px){.capabilities{padding:52px 0 58px}.capabilities-head{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.capabilities-head>p{justify-self:start;width:auto}.capabilities-head h2,.work-method h2{font-size:30px}.capability-list article{grid-template-columns:38px 1fr;gap:5px 8px;padding:20px 0}.capability-list article p,.capability-list article b{grid-column:2}.capability-list b{justify-self:start}.work-method{padding:58px 0 62px}.method-grid{grid-template-columns:1fr;gap:38px}.method-copy>p{font-size:17px}.method-copy>div{grid-template-columns:100px 1fr}.company-statement{padding:58px 0 64px}.statement-grid{grid-template-columns:1fr;gap:24px}.company-statement h2{font-size:32px}.statement-grid>p:last-child{font-size:14px}}

/* Mobile viewport corrections */
@media(max-width:767px){
  .site-header{height:64px}
  main section[id],footer[id]{scroll-margin-top:64px}
  .hero{height:clamp(500px,132vw,620px);min-height:500px}
  .hero-art{background-image:url('assets/hero-visual-mobile-hd.png');background-size:cover;background-position:center 68%;opacity:.9}
  .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.56) 38%,rgba(255,255,255,.08) 78%)}
  .hero-copy{padding-top:36px}
  .products .phones{width:100%;height:auto;min-height:0;overflow:visible;margin-top:28px;padding-bottom:4px}
  .phones img.pickai-original-screens{width:100%;height:auto;max-width:100%;margin:0 auto;object-fit:contain}
}
@media(max-width:430px){
  .hero{height:clamp(490px,145vw,600px)}
  .hero-art{background-size:cover;background-position:center 68%}
  .phones img.pickai-original-screens{width:100%;height:auto}
}

.brand{font-size:30px;line-height:1;letter-spacing:-1.4px}
@media(max-width:767px){.brand{font-size:26px;letter-spacing:-1.2px}}