:root{color-scheme:dark;--bg:#101010;--panel:#1b1b1b;--text:#f5f5f2;--muted:#a4a4a5;--line:#303030;--blue:#4737f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#a6fd5b;color:#101010}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:12px 16px;background:#fff;color:#111}.skip-link:focus{top:12px}.site-header{height:104px;max-width:1512px;padding:0 6.2%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:32px;font-weight:850;letter-spacing:-.095em;white-space:nowrap;line-height:1}.brand-dot{color:#a5f35e}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:#b0fa72}.nav-contact{border:1px solid #595959;border-radius:100px;padding:11px 17px}.nav-contact span{margin-left:10px}.hero{max-width:1512px;padding:72px 6.2% 135px;margin:auto;min-height:565px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{margin:0;color:#a5f35e;font-size:12px;font-weight:800;letter-spacing:.14em}.status-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#a5f35e;box-shadow:0 0 16px #a5f35e}.hero h1{font-size:clamp(52px,6.5vw,106px);line-height:1.12;letter-spacing:-.082em;margin:29px 0 28px;font-weight:760;white-space:nowrap}.hero h1 span{color:#a5f35e}.hero-description{font-size:clamp(17px,1.4vw,21px);line-height:1.7;color:#c3c3c3;letter-spacing:-.03em;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:17px 23px;border-radius:10px;font-weight:750;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#6659ff}.text-link{font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-left:8px}.hero-side{align-self:stretch;width:230px;min-width:190px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.code-mark{font-weight:650;font-size:clamp(80px,10vw,150px);letter-spacing:-.14em;line-height:1;color:#292929;transform:rotate(-9deg);white-space:nowrap}.mark-cursor{color:#a5f35e}.hero-side-meta{display:flex;flex-direction:column;gap:5px;text-align:right;color:#6b6b6b;font-size:10px;font-weight:800;letter-spacing:.22em;margin:60px 4px 10px}.showcase{overflow:hidden;padding:0 0 124px}.section-heading{max-width:1512px;padding:0 6.2%;margin:auto}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2,.about h2{font-size:clamp(38px,4.1vw,65px);line-height:1.15;letter-spacing:-.068em;margin:17px 0 0;font-weight:710}.slider-controls{display:flex;gap:8px;margin-bottom:6px}.slider-button{height:44px;width:44px;border:1px solid #5e5e5e;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:19px;transition:background .2s}.slider-button:hover{background:#313131}.showcase-note{max-width:1512px;padding:0 6.2%;margin:23px auto 28px;color:#777;font-size:12px}.card-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(6.2vw,calc((100vw - 1325px)/2)) 16px;outline:none}.card-rail::-webkit-scrollbar{display:none}.card-rail:focus-visible{outline:2px solid #a5f35e;outline-offset:-2px}.showcase-card{flex:0 0 clamp(270px,27vw,390px);scroll-snap-align:start;min-width:0}.card-art{height:clamp(295px,30vw,430px);border-radius:13px;overflow:hidden;position:relative}.card-caption{padding:16px 1px 0}.tag{display:inline-block;border-radius:50px;padding:6px 11px;color:#101010;font-size:11px;font-weight:800}.tag-blue{background:#81d5ff}.tag-lime{background:#adf56b}.tag-purple{background:#c28aff}.tag-orange{background:#ffad74}.card-caption h3{margin:13px 0 4px;font-size:25px;letter-spacing:-.05em}.card-caption p{margin:0;color:#929292;font-size:14px}.art-web{background:#d6dded;color:#111;padding:25px 22px}.mock-browser{height:24px;border-bottom:1px solid #a5a8ae;display:flex;align-items:center;gap:4px}.mock-browser span{width:6px;height:6px;border-radius:50%;background:#7e8797}.mock-browser small{margin-left:auto;font-size:8px;color:#636c7b}.mock-web-copy{position:relative;z-index:1;padding:56px 3px}.mock-web-copy small{font-size:10px;letter-spacing:.22em;font-weight:800}.mock-web-copy strong{display:block;font-size:clamp(30px,3.3vw,48px);line-height:1.13;letter-spacing:-.07em;margin:19px 0 23px}.mock-web-copy em{display:inline-block;font-style:normal;font-size:10px;border-bottom:1px solid #111;padding-bottom:4px}.mock-web-orb{position:absolute;bottom:-110px;right:-75px;width:310px;height:310px;background:radial-gradient(circle at 32% 27%,#e9f4ff,#75a5e7 40%,#334c9f 69%,#18214d 100%);border-radius:50%;box-shadow:0 20px 50px #334a8b80}.art-product{background:#edece7;color:#101010;padding:25px 24px}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:800}.product-top span+span{font-size:7px;color:#777;font-weight:600}.product-greeting{font-size:17px;line-height:1.35;letter-spacing:-.03em;margin:56px 0 20px}.product-greeting strong{font-size:26px}.product-metrics{display:flex;gap:8px}.product-metrics div{background:#fff;border-radius:11px;width:50%;padding:15px;box-shadow:0 5px 15px #0000000b}.product-metrics small{display:block;color:#9b9b9b;font-size:8px;letter-spacing:.1em}.product-metrics strong{font-size:31px;letter-spacing:-.07em}.product-chart{display:flex;align-items:flex-end;gap:7px;height:100px;background:#fff;border-radius:11px;padding:16px;margin-top:8px}.product-chart i{display:block;flex:1;background:#b0f36e;border-radius:4px 4px 0 0}.product-chart i:nth-child(1){height:38%}.product-chart i:nth-child(2){height:55%}.product-chart i:nth-child(3){height:43%}.product-chart i:nth-child(4){height:73%}.product-chart i:nth-child(5){height:59%}.product-chart i:nth-child(6){height:88%}.product-chart i:nth-child(7){height:100%}.art-automation{background:#291c39;color:#fff;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.automation-label{position:absolute;left:30px;top:28px;color:#b9a6cf;font-size:10px;font-weight:800;letter-spacing:.15em}.flow-node{width:100%;max-width:290px;height:58px;display:flex;align-items:center;gap:11px;border:1px solid #9479b4;background:#ffffff14;border-radius:11px;padding:0 13px;box-shadow:0 10px 30px #130d1960}.flow-node span:nth-child(2){font-size:13px;font-weight:700}.flow-node b{margin-left:auto;color:#bba7d7;font-size:8px;letter-spacing:.1em}.flow-icon{display:grid;place-items:center;width:27px;height:27px;background:#b88af8;color:#21142f;border-radius:7px;font-size:18px}.flow-line{width:2px;height:32px;background:#ab75f0}.art-integration{background:#d9d5cb;color:#111;padding:28px 26px}.integration-head{display:flex;justify-content:space-between;font-size:9px;font-weight:850;letter-spacing:.11em}.integration-head span+span{color:#518641}.integration-grid{display:flex;gap:6px;margin-top:105px}.integration-grid div{display:flex;justify-content:space-between;align-items:end;width:33.333%;height:100px;padding:8px;background:#f3f0e8;border:1px solid #b6b0a4;font-weight:850;font-size:14px;letter-spacing:-.06em}.integration-grid div:nth-child(2){background:#a8f077}.integration-grid span{font-size:8px;font-weight:600;color:#656565}.integration-lines{display:flex;justify-content:space-around;height:45px;margin:0 35px;border-bottom:1px solid #555}.integration-lines span{width:1px;background:#555}.integration-bottom{display:flex;justify-content:space-between;border:1px solid #999;margin-top:16px;padding:15px;font-size:14px;font-weight:700}.intro-band{background:#a7f276;color:#111;padding:72px 6.2%;display:flex;gap:6vw;align-items:center;justify-content:center}.intro-band .asterisk{font-size:95px;line-height:1}.intro-band p{font-size:clamp(23px,2.8vw,41px);line-height:1.45;letter-spacing:-.055em;margin:0;font-weight:480}.intro-band strong{font-weight:800}.content-section{max-width:1512px;margin:auto;padding-left:6.2%;padding-right:6.2%}.services{padding-top:145px;padding-bottom:125px}.split-heading{display:grid;grid-template-columns:1fr 2fr;padding:0}.split-heading .section-kicker{padding-top:10px}.split-heading h2{margin:0}.service-list{margin-top:72px;border-top:1px solid #555}.service-row{display:grid;grid-template-columns:1fr 2fr 60px;border-bottom:1px solid #555;padding:34px 0;gap:0}.service-number{font-size:12px;color:#a5f35e;font-weight:800}.service-row h3{margin:0 0 10px;font-size:27px;letter-spacing:-.05em}.service-row p{margin:0;max-width:630px;color:#999;font-size:15px;line-height:1.7}.service-symbol{justify-self:end;align-self:center;font-size:28px;color:#777}.process{padding-top:120px;padding-bottom:160px;border-top:1px solid #2b2b2b}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:68px}.process-step{min-height:230px;background:#202020;border-radius:12px;padding:24px;display:flex;flex-direction:column}.process-step span{font-size:10px;color:#a5f35e;letter-spacing:.14em;font-weight:850}.process-step h3{font-size:21px;letter-spacing:-.04em;margin:auto 0 11px}.process-step p{color:#989898;font-size:13px;line-height:1.65;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:150px}.about-visual{height:500px;background:#1f2323;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-grid{position:absolute;inset:0;background-image:linear-gradient(#5b6c5b26 1px,transparent 1px),linear-gradient(90deg,#5b6c5b26 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000)}.about-visual>span{font-size:245px;font-weight:800;letter-spacing:-.13em;transform:translateX(-16px);line-height:1}.about-visual small{position:absolute;left:30px;bottom:26px;font-size:10px;font-weight:800;letter-spacing:.18em;line-height:1.7;color:#b9b9b9}.about h2{margin:20px 0 25px}.about-copy>p:not(.section-kicker){font-size:17px;line-height:1.8;letter-spacing:-.025em;color:#aaa;max-width:520px;margin-bottom:33px}.contact{border-top:1px solid #373737;padding-top:130px;padding-bottom:135px}.contact h2{font-size:clamp(50px,7vw,105px);line-height:1.13;letter-spacing:-.083em;margin:24px 0}.contact>p:not(.section-kicker){color:#aaa;font-size:17px;line-height:1.6}.contact-email{display:inline-flex;gap:60px;align-items:center;margin-top:45px;font-size:clamp(23px,3vw,43px);font-weight:750;letter-spacing:-.06em;border-bottom:2px solid #eee;padding-bottom:12px}.contact-email span{font-size:.75em}.contact-email:hover{color:#a5f35e;border-color:#a5f35e}.contact-meta{display:flex;gap:42px;margin-top:70px;color:#868686;font-size:12px;font-weight:700;letter-spacing:.03em}.contact-meta a:hover{color:#fff}.site-footer{border-top:1px solid #333;max-width:1512px;margin:auto;padding:34px 6.2% 47px;display:flex;justify-content:space-between;gap:20px;align-items:start}.site-footer .brand{font-size:27px}.site-footer>div{display:flex;flex-direction:column;gap:8px;color:#757575;font-size:11px}.site-footer>a:last-child{color:#aaa;font-size:11px;font-weight:800;letter-spacing:.05em}
@media(max-width:900px){.hero{padding-top:40px;padding-bottom:105px;min-height:470px}.hero-side{display:none}.hero h1{font-size:clamp(50px,8vw,74px)}.showcase-card{flex-basis:310px}.card-art{height:355px}.split-heading{grid-template-columns:1fr 3fr}.process-grid{grid-template-columns:repeat(2,1fr)}.about{gap:5%}.about-visual{height:420px}.about-visual>span{font-size:180px}}
@media(max-width:620px){.site-header{height:76px;padding:0 6%}.brand{font-size:27px}.main-nav{gap:17px;font-size:12px}.main-nav a:nth-child(2),.main-nav a:nth-child(3){display:none}.nav-contact{padding:9px 11px}.nav-contact span{margin-left:2px}.hero{padding:70px 6% 95px;min-height:unset}.hero h1{font-size:clamp(41px,9.2vw,64px);white-space:normal;margin:23px 0 24px}.hero-description{font-size:16px}.desktop-break{display:none}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column;margin-top:31px}.button{font-size:14px}.section-heading{padding:0 6%}.section-heading h2,.about h2{font-size:32px}.showcase{padding-bottom:80px}.showcase-note{padding:0 6%;line-height:1.5}.slider-controls{gap:5px}.slider-button{width:38px;height:38px}.card-rail{padding-left:6%;padding-right:6%;gap:11px}.showcase-card{flex-basis:78vw}.card-art{height:360px}.intro-band{padding:55px 6%;align-items:flex-start;gap:16px}.intro-band .asterisk{font-size:35px}.intro-band p{font-size:22px}.content-section{padding-left:6%;padding-right:6%}.services{padding-top:95px;padding-bottom:90px}.split-heading{display:block}.split-heading h2{margin-top:18px}.service-list{margin-top:47px}.service-row{grid-template-columns:35px 1fr 22px;padding:26px 0}.service-row h3{font-size:21px}.service-row p{font-size:13px}.service-symbol{font-size:18px}.process{padding-top:85px;padding-bottom:95px}.process-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:43px}.process-step{min-height:210px;padding:16px}.process-step h3{font-size:17px}.process-step p{font-size:12px}.about{grid-template-columns:1fr;padding-bottom:100px;gap:48px}.about-visual{height:360px}.about-visual>span{font-size:175px}.about-copy>p:not(.section-kicker){font-size:15px}.contact{padding-top:90px;padding-bottom:85px}.contact h2{font-size:49px}.contact>p:not(.section-kicker){font-size:15px}.contact-email{font-size:25px;gap:25px;margin-top:33px}.contact-meta{flex-direction:column;gap:13px;margin-top:55px}.site-footer{padding:30px 6% 40px;flex-wrap:wrap}.site-footer>div{order:3;width:100%;margin-top:18px}}
@media(max-width:390px){.main-nav{gap:10px}.hero h1{font-size:40px}.contact h2{font-size:43px}.contact-email{font-size:21px}.process-grid{grid-template-columns:1fr}.process-step{min-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}