@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f11;--bg-2:#16191c;--bg-3:#1f2326;--text:#f7f8f9;--text-2:#a4a8ad;--text-3:#676c71;--accent-1:#ff7de3;--accent-2:#b700ff;--gradient:linear-gradient(135deg, #ff7de3 0%, #b700ff 100%);--border:1px solid #ffffff12;--radius:8px;--nav-h:72px;--glow:#e6a8ffbf}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 48px}.fade-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}.nav{z-index:100;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(4px);background:#0d0f11b3;border-color:#ffffff12}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 48px;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:11px;display:flex}.nav-logo-text{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.3}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links a{color:var(--text-2);letter-spacing:.04em;font-size:13px;font-weight:500;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text);text-shadow:0 0 .25em var(--glow)}.nav-links a.active:after{content:"";background:var(--gradient);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.nav-contact{letter-spacing:.04em;border:1px solid #ffffff2e;border-radius:100px;flex-shrink:0;padding:9px 22px;font-size:13px;font-weight:500;transition:all .2s}.nav-contact:hover{background:#ffffff0d;border-color:#ffffff59}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:#fff;border-radius:1px;width:22px;height:2px;transition:all .3s;display:block}.mobile-menu{background:var(--bg);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-size:30px;font-weight:800;transition:color .2s}.mobile-menu a:hover{color:var(--text)}.mobile-menu-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:24px;right:40px}.noti-outer{top:var(--nav-h);z-index:99;padding-top:12px;position:absolute;left:0;right:0}.noti-item{color:var(--text);background-color:#131313;background-image:linear-gradient(#131313,#222);border-radius:8px;align-items:center;gap:8px;width:100%;padding:12px 12px 12px 16px;font-size:14px;font-weight:500;display:flex;box-shadow:0 8px 16px #14141466}.noti-icon{flex-shrink:0;align-items:center;height:20px;display:flex}.noti-icon svg{width:auto;height:100%;fill:var(--text);display:block}.noti-message{line-height:1.3}.noti-btn{color:#fff;cursor:pointer;background-color:#5865f2;border:none;border-radius:4px;flex-shrink:0;align-items:center;height:32px;margin-left:auto;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.noti-btn:hover{background-color:#4752c4}.hero-outer{width:100%;height:min(100svh,1080px);position:relative}.hero{width:100%;height:100%;position:absolute;inset:0}.hero-grid{z-index:1;pointer-events:none;background-image:conic-gradient(from 270deg at bottom 1px right 1px, #ffffff0b 25%, transparent 0);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000001a 0%,#00000073 25%,#0006 70%,#0000 90%);mask-image:linear-gradient(#0000001a 0%,#00000073 25%,#0006 70%,#0000 90%)}.hero-bg{width:100%;height:100%;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(70% 30% at 50% 90%,#c850a080 0%,#0000 65%),radial-gradient(45% 60% at 10% 55%,#6e1ea066 0%,#0000 60%),radial-gradient(45% 60% at 90% 55%,#6e1ea066 0%,#0000 60%),radial-gradient(110% 65% at 50% 0,#50148cbf 0%,#0000 65%),linear-gradient(#0a0218 0%,#1a0838 10%,#32108a 22%,#5a228c 35%,#7a3a95 46%,#8a4898 52%,#6a257a 63%,#3a0f60 74%,#1c0535 86%,#0d0f11 100%);position:absolute;inset:0}.hero-bg:after{content:"";z-index:3;background-image:linear-gradient(#0000 48%,#0d0d0deb 100%);position:absolute;inset:0}.hero-container{max-width:1440px;height:100%;padding:calc(150px + var(--nav-h)) 24px 150px;z-index:5;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.hero .content{flex-direction:column;align-items:center;width:100%;padding:0 0 80px;display:flex}.hero .logo-wrapper{justify-content:center;align-items:center;height:auto;margin:0 0 12px;display:flex}.hero .message{text-align:center;text-shadow:0 0 .5em var(--glow);color:#ffffffd9;margin:12px 0 0;font-size:16px;line-height:1.3}.hero .title{text-align:center;text-shadow:0 0 .5em var(--glow);margin:12px 0 0;font-size:64px;font-weight:800}.hero-cta-btn{background:var(--gradient);color:#fff;letter-spacing:.02em;border-radius:100px;align-items:center;gap:8px;margin-top:36px;padding:14px 28px;font-size:15px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;box-shadow:0 0 24px #b700ff66}.hero-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.hero-strip{--x:0%;background-color:#0c0c0c;border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#85738c,#0000) 2;justify-content:center;align-items:center;height:60px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-strip:before{content:"";background-image:conic-gradient(from 270deg at bottom 1px right 1px, #0c0c0c 25%, transparent 0), radial-gradient(150px 30px at var(--x) 50%, #b700ffa6, #373c4140);opacity:.5;background-size:10px 10px,auto;animation:5s ease-in-out infinite animateX;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}@property --x{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes animateX{0%{--x:0%;opacity:0;filter:blur(3px)}50%{opacity:1;filter:blur(1px)}to{--x:100%;opacity:0;filter:blur(3px)}}.hero-scroll{letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);flex-direction:column;align-items:center;gap:10px;font-size:9px;font-weight:600;display:flex;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--text-3), transparent);width:1px;height:44px;animation:2.2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.section{padding:120px 0}.section-alt{background:var(--bg-2)}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:52px;font-size:10px;font-weight:600}.section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:52px;display:flex}.section-title{letter-spacing:-.025em;font-size:clamp(34px,5vw,52px);font-weight:900;line-height:1.05}.section-subtitle{color:var(--text-2);text-align:right;max-width:400px;font-size:15px;line-height:1.7}.view-more{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.view-more:hover{color:var(--text);border-color:#ffffff4d}.services-grid{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff0f;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.service-card{background:var(--bg-2);padding:56px 48px;transition:background .3s;position:relative;overflow:hidden}.service-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#b700ff0f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-80px;right:-80px}.service-card:hover{background:var(--bg-3)}.service-num{letter-spacing:.2em;color:var(--text-3);margin-bottom:28px;font-size:10px;font-weight:700}.service-icon{background:var(--gradient);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:24px;display:flex}.service-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.service-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:22px;font-weight:800}.service-card p{color:var(--text-2);font-size:14px;line-height:1.75}.service-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.service-tag{color:var(--text-3);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;padding:4px 12px;font-size:11px}.work-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.work-card{border-radius:var(--radius);border:var(--border);background:var(--bg-2);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s;overflow:hidden}.work-card:hover{border-color:#ffffff24;transform:translateY(-6px)}.work-visual{background:var(--bg-3);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.work-visual-bg{opacity:.4;position:absolute;inset:0}.work-visual-text{letter-spacing:-.04em;color:#ffffff0a;-webkit-user-select:none;user-select:none;font-size:80px;font-weight:900;position:relative}.work-body{padding:28px 30px 32px}.work-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:100px;margin-bottom:14px;padding:3px 11px;font-size:10px;font-weight:700;display:inline-block}.badge-live{color:var(--accent-1);background:#ff7de314;border:1px solid #ff7de338}.badge-soon{color:var(--text-3);background:#ffffff0a;border:1px solid #ffffff14}.work-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:19px;font-weight:800}.work-card p{color:var(--text-2);margin-bottom:20px;font-size:13px;line-height:1.7}.work-tags{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.work-tag{color:var(--text-3);background:#ffffff0a;border:1px solid #ffffff12;border-radius:100px;padding:3px 11px;font-size:11px}.work-link{color:var(--accent-1);align-items:center;gap:6px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex}.work-link:hover{gap:10px}.work-link-disabled{color:var(--text-3);cursor:not-allowed;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.team-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.team-card{border-radius:var(--radius);border:var(--border);background:var(--bg-2);overflow:hidden}.team-photo{background:var(--bg-3);justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.team-photo img{object-fit:cover;width:100%;height:100%}.team-photo-placeholder{color:#ffffff26;letter-spacing:-.02em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:900;display:flex}.team-body{padding:22px 24px 26px}.team-en{letter-spacing:.14em;text-transform:uppercase;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:10px;font-weight:700}.team-card h3{margin-bottom:6px;font-size:18px;font-weight:800}.team-role{color:var(--text-2);margin-bottom:12px;font-size:12px}.team-desc{color:var(--text-3);font-size:13px;line-height:1.65}.team-join-card{border-radius:var(--radius);text-align:center;cursor:pointer;background:#ffffff03;border:1px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;padding:44px 24px;transition:border-color .3s,background .3s;display:flex}.team-join-card:hover{background:#b700ff05;border-color:#b700ff40}.team-join-icon{width:48px;height:48px;color:var(--text-3);border:1px dashed #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;transition:border-color .3s,color .3s;display:flex}.team-join-card:hover .team-join-icon{color:var(--accent-1);border-color:#b700ff4d}.team-join-card h3{margin-bottom:8px;font-size:14px;font-weight:700}.team-join-card p{color:var(--text-3);font-size:12px;line-height:1.6}.milestones-list{border-top:var(--border);margin-top:60px}.milestone-item{border-bottom:var(--border);grid-template-columns:180px 1fr;align-items:center;gap:48px;padding:28px 0;display:grid}.milestone-date{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.milestone-first .milestone-date{color:var(--accent-1)}.milestone-text{color:var(--text-2);font-size:16px;font-weight:500}.milestone-first .milestone-text{color:var(--text);font-weight:600}.milestone-dot{background:var(--gradient);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:12px;display:inline-block}.values-grid{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;display:grid;overflow:hidden}.value-card{background:var(--bg-2);padding:52px 40px}.value-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:32px;font-size:10px;font-weight:700}.value-card h3{letter-spacing:-.01em;margin-bottom:16px;font-size:19px;font-weight:800;line-height:1.3}.value-card p{color:var(--text-2);font-size:14px;line-height:1.8}.page-hero{min-height:46vh;padding:calc(var(--nav-h) + 60px) 48px 72px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.page-hero-glow{pointer-events:none;background:radial-gradient(circle,#b700ff17 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;right:-200px}.page-hero-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:10px;font-weight:700}.page-hero-title{letter-spacing:-.03em;font-size:clamp(44px,8vw,88px);font-weight:900;line-height:.95}.page-hero-desc{color:var(--text-2);max-width:520px;margin-top:24px;font-size:16px;line-height:1.7}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;margin-top:64px;display:grid}.contact-info-title{letter-spacing:-.01em;margin-bottom:14px;font-size:26px;font-weight:800}.contact-info-desc{color:var(--text-2);margin-bottom:44px;font-size:14px;line-height:1.8}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-detail-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:10px;font-weight:700}.contact-detail-value{color:var(--text);font-size:15px;transition:color .2s}.contact-detail-value a:hover{color:var(--accent-1)}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:700}.form-group input,.form-group textarea,.form-group select{background:var(--bg-2);border:var(--border);color:var(--text);-webkit-appearance:none;border-radius:10px;outline:none;padding:13px 17px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#b700ff66}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-3)}.form-group textarea{resize:vertical;min-height:130px}.form-submit{background:var(--gradient);color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:100px;align-self:flex-start;padding:14px 36px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s}.form-submit:hover{opacity:.82;transform:translateY(-2px)}.cta-section{text-align:center;padding:130px 0;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(circle,#b700ff17 0%,#0000 65%);width:640px;height:640px;position:absolute;bottom:-160px;left:50%;transform:translate(-50%)}.cta-title{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(36px,6vw,66px);font-weight:900;line-height:1.05}.cta-subtitle{color:var(--text-2);margin-bottom:44px;font-size:16px}.cta-btn{background:var(--gradient);letter-spacing:.06em;text-transform:uppercase;border-radius:100px;align-items:center;gap:10px;padding:16px 44px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.cta-btn:hover{opacity:.82;transform:translateY(-3px)}.footer{background-color:#0c0c0c;flex-direction:column;display:flex}.footer .container{padding-top:80px;padding-bottom:56px}.footer-nav{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-col{min-width:120px}.footer-slogan{color:#666;font-size:14px;line-height:1.5}.footer-list{flex-direction:column;gap:20px;display:flex}.footer-list-item{font-size:15px;font-weight:600}.footer-list-item a{color:var(--text-2);cursor:pointer;text-decoration:none;transition:color .2s;display:block}.footer-list-item a:hover{color:var(--text)}.footer-company{color:#404040;margin-top:80px;font-size:12px;line-height:1.8}.footer-copyright{color:#404040;margin-top:6px;font-size:12px}@media (max-width:768px){.footer-nav{flex-direction:column;gap:32px}}.logo-svg{flex-shrink:0;width:32px;height:32px}@media (max-width:900px){.nav-links,.nav-contact{display:none}.nav-hamburger{display:flex}.container,.nav-inner{padding:0 24px}.hero{padding:110px 24px 80px}.section{padding:80px 0}.page-hero{padding:calc(var(--nav-h) + 40px) 24px 56px}.services-grid,.work-grid,.values-grid,.contact-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.section-header{flex-direction:column;align-items:flex-start}.section-subtitle{text-align:left;max-width:100%}.footer-inner{text-align:center;flex-direction:column}.footer-right{text-align:center}}@media (max-width:540px){.team-grid{grid-template-columns:1fr}.milestone-item{grid-template-columns:1fr;gap:6px;padding:20px 0}.hero-title{font-size:clamp(48px,14vw,80px)}.form-row{grid-template-columns:1fr}.mobile-menu-close{right:24px}}.work-full-card{border:var(--border);background:var(--bg-2);border-radius:16px;grid-template-columns:1fr 1fr;min-height:360px;transition:border-color .3s;display:grid;overflow:hidden}.work-full-card:hover{border-color:#ffffff24}.work-full-visual{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-full-visual-bg{position:absolute;inset:0}.work-full-visual-label{letter-spacing:-.04em;color:#ffffff0d;-webkit-user-select:none;user-select:none;font-size:96px;font-weight:900;position:relative}.work-full-body{flex-direction:column;justify-content:center;padding:52px 48px;display:flex}.work-full-body h2{letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:900}.work-full-body .desc{color:var(--text-2);margin-bottom:24px;font-size:14px;line-height:1.8}.work-stack-title{letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:10px;font-weight:700}.work-stack-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:28px;display:grid}.work-stack-item{color:var(--text-2);align-items:center;gap:8px;font-size:12px;display:flex}.work-stack-item:before{content:"";background:var(--gradient);border-radius:50%;flex-shrink:0;width:4px;height:4px}@media (max-width:768px){.work-full-card{grid-template-columns:1fr}.work-full-visual{height:200px}.work-full-body{padding:32px 28px}}@media (max-width:900px){[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:540px){[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important}}
