:root{--navy:#071c28;--blue:#50b989;--ink:#e8efef;--muted:#8ea4ac;--line:#ffffff1c}body{background:#081d28;color:var(--ink)}header{background:#081d28e8;backdrop-filter:blur(20px);height:92px;padding:0 5%;border-color:#ffffff14}.logo{font-size:21px;letter-spacing:.5px}.brand-symbol{width:45px;height:32px;position:relative;display:block}.brand-symbol i{border:5px solid #5baac4;width:31px;height:31px;border-radius:50%;position:absolute;left:0}.brand-symbol i+ i{left:16px;border-color:#50b989}.nav-contact{border-color:#58727b;border-radius:30px}.hero{min-height:850px;height:calc(100svh - 92px);max-height:1100px;background:#061a25;padding:100px 6% 35px}#universe{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061a25ee 0%,#061a2580 40%,transparent 65%),linear-gradient(0deg,#061a25 0%,transparent 25%);pointer-events:none}.hero-content{pointer-events:none;max-width:900px}.hero-content a{pointer-events:auto}.eyebrow{color:#65b99c;letter-spacing:2px;font-size:10px}.eyebrow:before{width:18px}h1{font-family:Arial,sans-serif;font-weight:400;font-size:clamp(58px,6.5vw,103px);line-height:1.03;letter-spacing:-5px;margin:40px 0 26px}em{font-family:Georgia,serif;font-weight:400;color:#64c69a}h1 em{display:block}h1 span{color:inherit}.hero p{font-size:13px;color:#a3b6bf;line-height:1.9}.hero .hero-ko{font-size:19px;color:#e6eeec;font-weight:500;letter-spacing:-.6px}.primary{background:#55bc91;color:#052a27;border-radius:35px;padding:16px 25px;font-weight:600}.world-caption{position:absolute;right:6%;top:65px;letter-spacing:2px;font-size:9px;color:#90b7be}.world-caption small{display:block;letter-spacing:0;margin-top:10px;text-align:right;color:#658992}.live-dot{display:inline-block;width:5px;height:5px;background:#75dcba;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #79e8c8}.orbit-links{position:absolute;bottom:110px;right:6%;width:41%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.orbit-links a{padding:15px 13px;border:1px solid #85b9bf30;background:#0a2834b0;backdrop-filter:blur(12px);font-size:11px;border-radius:3px;transition:background .3s,transform .3s}.orbit-links a:hover{background:#256254;transform:translateY(-5px)}.orbit-links b{float:right;color:#62c8a0}.hero-foot{position:absolute;bottom:28px;left:6%;right:6%;margin:0;font-size:8px;border-color:#ffffff20}.hero-foot button{background:none;border:0;color:#8ba5bc;font-size:10px;cursor:pointer}.section{padding:120px 8%}.intro{background:#f0f1e9;color:#102d36;gap:100px}.intro h2{font-size:44px;letter-spacing:-2px}.intro em{color:#367b68;font-family:inherit}.intro .copy{color:#60747b}.intro .values{border-color:#ccd6d0}.intro .values span{color:#60747b}.business{background:#081d28}.section-head{margin-bottom:50px}.section-head h2{font-size:58px;font-family:Arial,sans-serif;line-height:1.08;letter-spacing:-2.5px}.section-head h2 em{font-size:.9em}.filters{margin-bottom:40px}.filters button{color:#9db4bc;border-color:#ffffff24}.filters button.active{background:#50b989;color:#092c2a;border-color:#50b989}.grid{grid-template-columns:1fr 1fr;gap:24px}.card{position:relative;isolation:isolate;overflow:hidden;min-height:430px;background:#0d2935;border:1px solid #ffffff10;padding:35px;border-radius:4px;transform-style:preserve-3d;transition:transform .18s ease,background .3s,box-shadow .3s}.card::before{content:'';position:absolute;z-index:-1;width:250px;height:250px;border-radius:50%;right:-70px;top:-70px;border:1px solid #83d6ce40;box-shadow:0 0 0 22px #6cd4b509,0 0 0 45px #6cd4b508,0 0 0 70px #6cd4b505;transform:rotateX(45deg) rotateY(-25deg)}.card:nth-child(2){background:#12382f}.card:nth-child(3){background:#153a45}.card:nth-child(4){background:#152c39}.card:nth-child(5){background:#25352f}.card:nth-child(6){background:#172d38}.card:hover{box-shadow:0 25px 65px #0005;border-color:#91c9b155}.card-top{color:#92b3b9}.card h3{color:#ecf5ed;font-size:45px;margin:65px 0 9px;font-weight:500;letter-spacing:-1.5px;transform:translateZ(18px)}.card .korean{color:#65c4a0;transform:translateZ(10px)}.card p{max-width:340px;color:#a3b7bf;margin:28px 0 35px;font-size:13px}.card-bottom{color:#d3e3e5;border-color:#ffffff20}.spotlight{background:#102e36;position:relative;overflow:hidden}.spotlight h2{font-size:57px}.shield{border-color:#72bfa6;box-shadow:0 0 120px #4ace8e20;transform:rotateY(-20deg) rotateZ(12deg);animation:float 7s ease-in-out infinite;background:linear-gradient(145deg,#7ed2b530,#09242d)}.shield svg{stroke:#85d4b4}.contact{background:#f0f1e9;color:#12313b}.contact .copy{color:#60747b}.contact-email{color:#287b62}.contact input,.contact select,.contact textarea{background:#ffffff80;border-color:#c3d0cd;color:#173a42;border-radius:3px}.contact .consent,.form-note{color:#60747b}.submit{border-radius:3px}footer{background:#05151e}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.webgl-fallback{background:radial-gradient(ellipse at 78% 44%,#29675399,transparent 50%)}@keyframes float{50%{transform:rotateY(20deg) rotateZ(7deg) translateY(-20px)}}@media(min-width:1600px){.hero{padding-top:130px}.hero-content{margin-left:3%}}@media(max-width:800px){header{height:75px}.hero{height:auto;min-height:890px;padding:70px 7% 30px}.hero-shade{background:linear-gradient(0deg,#061a25 2%,#061a2560 40%,#061a25b0 65%)}h1{font-size:64px;letter-spacing:-3px}.hero-content{max-width:100%}.world-caption{display:none}.orbit-links{left:7%;right:7%;width:auto;bottom:100px}.hero-foot{flex-wrap:wrap;gap:15px}.hero-foot span:first-child{display:none}.hero-foot a{display:block}.section{padding:75px 7%}.intro{gap:20px}.intro h2{font-size:35px}.section-head h2{font-size:42px}.grid{gap:16px}.card{min-height:390px;padding:25px}.card h3{font-size:33px}.spotlight h2{font-size:40px}}@media(max-width:500px){h1{font-size:53px}.hero{min-height:830px}.hero .hero-ko{font-size:16px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-foot span:last-child{display:block}.orbit-links{gap:8px}.orbit-links a{font-size:10px;padding:14px 10px}.grid{grid-template-columns:1fr}.card{min-height:360px}.card h3{margin-top:45px}.contact-email{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shield{animation:none}.reveal{opacity:1;transform:none}.card{transition:none}}
@media(max-width:500px){header .logo{font-size:18px;white-space:nowrap;gap:10px}header nav a:not(.nav-contact){display:none}header .nav-contact{white-space:nowrap;padding:9px 12px}.brand-symbol{flex-shrink:0}}
