@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#050a13;--panel:#0b1526;--line:#ffffff22;--text:#edf4ff;--muted:#9baabd;--blue:#4086ff;--cyan:#87d8ff;--font:'Manrope','IBM Plex Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;word-break:keep-all}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}a,button,input,select,textarea{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}button{border:0}img{display:block;max-width:100%}.header{height:100px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:700;white-space:nowrap;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:500;margin-top:6px;color:#a9b7cc}.brand-mark{font-family:Manrope,sans-serif;font-size:43px;line-height:1;font-weight:500;letter-spacing:-6px}.brand-mark span{color:var(--cyan);font-size:26px;margin-left:3px}.header nav{display:flex;gap:34px;font-size:13px;color:#c6d2e3}.header nav a:hover,.text-link:hover{color:var(--cyan)}.header-cta{border:1px solid #b7d5ff60;border-radius:5px;padding:12px 22px;font-size:12px;background:#ffffff08}.menu-toggle{display:none;background:none;font-size:24px}.hero{min-height:840px;height:100svh;max-height:1160px;position:relative;overflow:hidden;background:#020916}.hero-art{position:absolute;inset:0;background:url('/assets/hero.webp') 64% center/cover no-repeat;animation:drift 22s ease-in-out infinite alternate;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020815bb,transparent 70%),linear-gradient(0deg,var(--bg),transparent 25%)}.hero-inner{position:relative;width:90%;max-width:1440px;margin:auto;padding-top:208px;pointer-events:none}.hero-inner button{pointer-events:auto}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#9dbbdc}.eyebrow{display:flex;gap:13px;align-items:center;margin-bottom:24px}.eyebrow span{width:24px;height:1px;background:var(--cyan)}h1{font-size:clamp(48px,5vw,78px);letter-spacing:-4px;font-weight:500;line-height:1.22;margin:0 0 28px}h1 em{font-style:normal;color:var(--cyan)}.hero p{font-size:15px;line-height:1.9;color:#b9cadd;margin:0 0 35px}.connect-button{display:flex;gap:17px;align-items:center;background:#ecf6ff;color:#071322;padding:16px 24px;border-radius:4px;text-align:left;font-size:13px;font-weight:700;box-shadow:0 0 40px #49a5ff28;transition:background .3s,transform .3s}.connect-button:hover{transform:translateY(-3px);background:#b9e8ff}.connect-button small{display:block;font-size:7px;letter-spacing:1.8px;margin-top:3px;font-weight:600}.play-icon{border:1px solid #18374a55;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:8px;padding-left:2px}.hero-coordinate{position:absolute;right:5%;bottom:170px;font-size:9px;letter-spacing:2px;line-height:2.4;color:#d3eaff;text-align:right}.hero-coordinate span{color:#84a3c4}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#afc0d9;border-top:1px solid var(--line);padding-top:22px}.hero-bottom button{background:none;font-size:10px;color:#b5c4d8}.hero-bottom a{font-size:10px;letter-spacing:0}.section{padding:110px 5%;max-width:1600px;margin:auto}.section-kicker{margin-bottom:36px;color:#689df9}.intro{border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}h2{font-size:clamp(30px,3.6vw,50px);font-weight:500;letter-spacing:-2px;line-height:1.35;margin:0}h2 span{color:#6a7b94}.lead{font-size:20px;line-height:1.8;margin:0 0 18px}.muted{color:var(--muted)}.intro .muted{max-width:430px;font-size:13px;line-height:1.9}.text-link{display:inline-block;border-bottom:1px solid #53718f;padding:10px 0;font-size:12px;color:#d7e8fd;margin-top:8px}.footer{padding:70px 5% 30px;border-top:1px solid var(--line);background:#040810}.footer p,.footer>a:not(.brand){font-size:12px;color:var(--muted)}.footer .brand{font-size:20px}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;font-size:10px;color:#69809b;border-top:1px solid var(--line);padding-top:24px}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:99}.skip-link:focus{top:12px}.connection-wash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 55%,#c8f6ff,#266eff 35%,transparent 68%);z-index:90;opacity:0}.connection-wash.active{animation:connect 1.2s ease-in-out}dialog{background:#071121;color:white;border:1px solid #5275a3;width:min(1000px,94vw);padding:50px 24px 16px;max-height:94svh;border-radius:12px}dialog::backdrop{background:#010510e8;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:10px;top:5px;background:transparent;font-size:30px;width:44px;height:44px}#video-frame{aspect-ratio:16/9;background:#000}#video-frame iframe{border:0;width:100%;height:100%}dialog p{font-size:12px;color:var(--muted)}dialog p a{text-decoration:underline}.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}.paused .hero-art{animation-play-state:paused}@keyframes drift{from{transform:scale(1.03) translateX(0)}to{transform:scale(1.11) translateX(-1.5%)}}@keyframes connect{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(2)}100%{opacity:0;transform:scale(3)}}
@media(min-width:1600px){.hero-inner{padding-top:24vh}}@media(max-width:900px){.header nav{gap:18px}.header{height:85px}.brand{font-size:20px}.header-cta{padding:10px 13px}.hero{min-height:790px}.hero-inner{padding-top:190px}.hero-art{background-position:57% center}.intro-grid{gap:7%}}@media(max-width:640px){html{scroll-padding-top:30px}.header{height:80px;padding:0 6%}.brand-mark{font-size:33px}.brand-mark span{font-size:22px}.brand{font-size:19px;gap:10px}.brand small{font-size:6px;letter-spacing:1.7px}.header-cta{margin-left:auto;font-size:10px;padding:9px 12px;margin-right:12px}.menu-toggle{display:block}.header nav{display:none;position:absolute;left:0;right:0;top:80px;padding:20px 6%;background:#081425;flex-direction:column;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.hero{height:91svh;min-height:740px;max-height:960px}.hero-inner{padding-top:156px;width:88%}.hero-art{background-position:57% bottom;background-size:auto 77%;background-repeat:no-repeat;opacity:.78}.hero-shade{background:linear-gradient(90deg,#020815a0,transparent),linear-gradient(180deg,#020815 8%,transparent 50%),linear-gradient(0deg,var(--bg),transparent 25%)}h1{font-size:47px;letter-spacing:-2.8px;line-height:1.25}.hero p{font-size:13px}.eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:22px}.connect-button{padding:14px 18px;font-size:12px}.hero-coordinate{bottom:122px;right:6%;font-size:7px}.hero-bottom{left:6%;right:6%;bottom:26px;letter-spacing:1px}.hero-bottom>span{display:none}.section{padding:75px 6%}.section-kicker{font-size:8px;letter-spacing:2px;margin-bottom:25px}.intro-grid{grid-template-columns:1fr;gap:30px}h2{font-size:34px;letter-spacing:-1.8px}.lead{font-size:17px}.footer{padding:55px 6% 25px}.footer-bottom{display:grid;gap:10px}.footer .brand{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-art video{width:100%;height:100%;object-fit:cover;object-position:64% center}.hero-art:has(video){animation:none}.paused .hero-art{animation-play-state:paused}@media(max-width:640px){.hero-art video{object-position:57% bottom;height:77%;position:absolute;bottom:0}}@media(prefers-reduced-motion:reduce){.hero-art video{display:none}}