.hero{height:590svh}.control-vision{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 4.2%;opacity:0;pointer-events:none;perspective:1200px}.vision-heading{text-align:center;margin-bottom:22px}.vision-heading .eyebrow{font-size:8px;letter-spacing:2px}.vision-heading h2{font-size:clamp(26px,3vw,45px);font-weight:400;letter-spacing:-.06em;line-height:1.4}.vision-heading h2 span{color:var(--mint)}.vision-heading>p:last-child{font-size:11px;color:var(--muted);margin:12px 0 0}.vision-frame{width:min(100%,1050px,calc(60vh * 1.7778));aspect-ratio:16/9;border:1px solid #8ec8b045;border-radius:9px;position:relative;overflow:hidden;background:#070f12;box-shadow:0 40px 100px #0009,0 0 80px #65a3850d;transform-origin:center}.control-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vision-interface{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 51%,#12322d55,transparent 55%),#071014;font-family:Manrope,'Noto Sans KR',sans-serif;container-type:inline-size}.vision-interface:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#adedd24a .5px,transparent .7px);background-size:39px 37px;opacity:.4}.control-top{position:absolute;top:4%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:#acc6ba;font-size:.68cqw;letter-spacing:.12cqw}.control-top b{font-size:1cqw;color:#d9ebe3}.control-top b span{font-weight:400;color:#81a79b}.control-top small{font-size:.57cqw;border:1px solid #7ab59c44;padding:.5cqw .7cqw}.control-welcome{position:absolute;top:16%;left:5%}.control-welcome>span{font-size:.6cqw;letter-spacing:.2cqw;color:#88b5a3}.control-welcome h3{font-family:inherit;font-size:2cqw;font-weight:500;line-height:1.5;margin:1cqw 0 .8cqw;letter-spacing:-.08cqw}.control-welcome p{font-size:.8cqw;color:#77968b}.vision-product-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1}.vision-product-sphere{position:absolute;inset:12%;border-radius:50%;border:1px solid #c5ffe585;background:radial-gradient(circle at 35% 25%,#83c4af55,transparent 60%),radial-gradient(circle at 75% 80%,#529a8d55,transparent 45%),#0b1c21;box-shadow:inset 0 0 20px #9ef8d62a,0 0 35px #8bd9c519;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1cqw;animation:vision-breathe 7s ease-in-out infinite}.vision-product-sphere b{font-size:1.5cqw;letter-spacing:.5cqw;color:#d7fff1}.vision-product-sphere>span{font-size:.45cqw;letter-spacing:.16cqw;color:#b2d4c9}.vision-product-orbit{position:absolute;inset:0;border:1px dashed #91c6b52e;border-radius:50%;animation:orbit-slow 80s linear infinite}.vision-product-orbit.orbit-b{inset:5%;border-style:solid}.product-satellite{position:absolute;color:#a2d3c1;font-size:.55cqw;letter-spacing:.1cqw;border:1px solid #81b7a241;padding:.5cqw;background:#0a191d}.sat-a{left:-4%;top:12%}.sat-b{right:-8%;bottom:12%}.control-projects{position:absolute;left:5%;bottom:19%;width:27%;border:1px solid #668b7c33;background:#0c1b21d9;padding:1.2cqw;border-radius:.7cqw}.concept-panel-label{font-size:.55cqw;letter-spacing:.1cqw;color:#a5c8b9;display:flex;justify-content:space-between}.control-projects>div:not(:first-child){display:flex;align-items:center;gap:.6cqw;padding:.9cqw 0;border-bottom:1px solid #789c8b1a;font-size:.68cqw;color:#c3d7cd}.control-projects>div:last-child{border:0;padding-bottom:0}.control-projects i{width:.3cqw;height:.3cqw;margin:0;background:#93d6ba;box-shadow:none}.control-projects small{font-size:.4cqw;color:#709889;margin-left:auto}.control-direction,.control-review{position:absolute;right:5%;width:25%;border:1px solid #668b7c33;background:#0c1b21df;padding:1.3cqw;border-radius:.7cqw}.control-direction{top:21%}.control-direction p{font-size:1.25cqw;line-height:1.7;color:#d7eae0;margin:1cqw 0}.idea-line{display:flex;gap:1cqw;align-items:center;font-size:.5cqw;letter-spacing:.07cqw;color:#a8d9c3}.idea-line b{font-weight:400;color:#618878}.control-review{top:53%}.control-review h4{font-size:1.1cqw;font-weight:400;line-height:1.7;margin:1cqw 0}.review-chips{display:flex;gap:.5cqw}.review-chips span{border:1px solid #8ab9a344;border-radius:.3cqw;padding:.5cqw .8cqw;color:#a9cbbc;font-size:.55cqw}.control-bottom{position:absolute;bottom:5%;left:25%;right:25%;padding:1.3cqw 2cqw;display:flex;justify-content:space-between;border:1px solid #82ac9855;border-radius:.8cqw;background:linear-gradient(120deg,#162a2b,#0d1a1f);box-shadow:0 7px 20px #0003;font-size:.6cqw;color:#9ec6b5;letter-spacing:.04cqw}.vision-caption{text-align:center;margin-top:20px}.vision-caption>span{font-size:7px;letter-spacing:2px;color:#9bb7a7}.vision-caption p{font-size:9px;color:#789488;margin:8px 0 0}.vision-mobile{display:none}.control-vision:not(.active) *{animation-play-state:paused!important}@keyframes vision-breathe{50%{box-shadow:inset 0 0 25px #9ef8d64a,0 0 45px #8bd9c52a;transform:scale(1.025)}}
@media(max-width:800px){.hero{height:600svh}.control-vision{padding:25px 5%}.vision-mobile{display:block}.vision-heading h2{font-size:28px}.vision-heading>p:last-child{font-size:9px;line-height:1.8;max-width:250px;margin:12px auto 0}.vision-heading{margin-bottom:30px}.vision-frame{width:100%;border-radius:5px}.vision-heading .eyebrow{font-size:6px}.vision-caption>span{font-size:5px;letter-spacing:1px}.vision-caption p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.control-vision{position:relative;opacity:1;padding:50px 0;pointer-events:auto}.vision-frame{transform:none!important}.vision-interface{opacity:1!important}.control-reference{opacity:0!important}.control-vision *{animation:none!important}}