@font-face{font-family:Pretendard;src:url('/static/el_pro/fonts/pretendard/woff2/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
    @font-face{font-family:Pretendard;src:url('/static/el_pro/fonts/pretendard/woff2/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
    :root{--paper:#f4f7f8;--ink:#153d49;--muted:#6c8188;--teal:#248f94;--pale:#d9eeee;--line:#dce5e7;--white:#fff}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}button{border:0}button:disabled{cursor:default}.skip{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}
    .shell{width:min(1320px,calc(100% - 112px));margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Arial,sans-serif;font-weight:700;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.logo i{width:12px;height:12px;border:3px solid var(--teal);border-radius:50%;margin-top:7px}.nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav a:hover{color:var(--teal)}.nav .contact{border:1px solid #bacbce;padding:12px 18px;border-radius:30px}.contact span{margin-left:18px}
    .intro{text-align:center;padding:47px 0 41px}.eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;color:var(--teal);font-weight:700}.intro h1{font-size:clamp(32px,3.8vw,54px);letter-spacing:-2.5px;line-height:1.2;margin:19px 0 16px}.intro p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
    .theater{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#eef4f5 0%,#fff 68%,#f0f5f5 100%);box-shadow:0 20px 60px #153d4905}.stage-top{display:flex;align-items:center;justify-content:space-between;padding:25px 31px;font-size:10px;letter-spacing:1.6px;color:var(--muted)}.stage-top strong{color:var(--ink);font-size:12px;letter-spacing:1px}.status{display:flex;gap:8px;align-items:center}.status i{height:5px;width:5px;border-radius:50%;background:var(--teal)}
    .stage{min-height:368px;display:grid;grid-template-columns:40% 60%;align-items:center;padding:8px 54px 35px;gap:0}.scene-copy{position:relative;z-index:1}.scene-label{color:var(--teal);font-size:12px;font-weight:700;margin-bottom:22px}.scene-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.23;letter-spacing:-1.8px;margin:0 0 20px;white-space:pre-line}.scene-copy p{font-size:14px;line-height:1.8;color:var(--muted);white-space:pre-line;margin:0}.hint{display:inline-flex;align-items:center;gap:8px;background:var(--pale);color:#267b80;padding:9px 12px;border-radius:7px;font-size:11px;margin-top:25px}.hint svg{width:14px;height:14px}.scene-copy.reveal{animation:reveal .55s ease both}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
    .object{height:320px;position:relative;perspective:1100px;display:flex;align-items:center;justify-content:center}.device{position:relative;width:435px;height:238px;background:linear-gradient(160deg,#fefefe,#e6ebec);border-radius:27px;transform:rotateX(34deg) rotateZ(-10deg);box-shadow:0 3px 0 #fff,0 10px 0 #d2d8d9,0 15px 0 #1f3035,0 18px 0 #c5cecf,8px 38px 32px #2c4b5026;display:flex;gap:24px;padding:32px;flex-shrink:0}.screw{position:absolute;width:7px;height:7px;background:#788489;border:2px solid #aeb8bc;border-radius:50%;box-shadow:inset 0 0 0 1px #526267}.screw:nth-child(1){top:14px;left:16px}.screw:nth-child(2){top:14px;right:16px}.screw:nth-child(3){bottom:14px;left:16px}.screw:nth-child(4){bottom:14px;right:16px}.keys{display:grid;grid-template-columns:repeat(3,74px);grid-template-rows:repeat(2,74px);gap:13px}.key{border-radius:11px;background:linear-gradient(140deg,#fff,#edf1f2);box-shadow:0 6px 0 #cbd3d5,0 8px 2px #a9b5b8,0 12px 9px #213f4915,inset 0 1px 2px #fff;transition:transform .3s,box-shadow .3s,background .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:11px;font-weight:700}.key svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.key[aria-pressed=true]{background:linear-gradient(140deg,#e8fafa,#b8dfdf);color:#20777d;transform:translateY(4px);box-shadow:0 3px 0 #99bfc2,0 5px 2px #9aafb2,0 6px 9px #213f4915,inset 0 1px 2px #fff}.key.small{font-size:10px;color:#8a989d;cursor:default}.key.brand{font-family:Arial,sans-serif;font-size:19px;letter-spacing:-1px;color:#59767d}.dial-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.dial{width:91px;height:91px;border-radius:50%;background:repeating-conic-gradient(#a6adb0 0deg 2deg,#dce1e3 2deg 4deg);box-shadow:0 8px 0 #8e989c,0 14px 12px #1b343635;padding:5px}.dial:before{content:'';display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(130deg,#f0f2f3,#b4bec2);border:2px solid #e5e8e9;box-shadow:inset 0 0 0 1px #aab5b8}.device-tag{font-size:8px;letter-spacing:2px;color:#819194}.object-caption{position:absolute;bottom:-2px;font-size:11px;color:var(--muted);letter-spacing:.2px}.signal{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:6px}
    .caption{margin:0 27px;padding:15px 20px;text-align:center;border-radius:10px;background:#e8eff0;font-size:13px;color:#47646e}.controls{height:63px;margin:0 30px;display:flex;align-items:center;gap:19px}.play{width:30px;height:32px;background:transparent;font-size:14px}.time{font-family:monospace;font-size:10px;color:var(--muted);white-space:nowrap}.timeline{flex:1;display:flex;gap:5px}.chapter{height:22px;background:transparent;flex:1;padding:9px 0}.track{display:block;height:3px;background:#d7e2e4;border-radius:3px;overflow:hidden}.fill{display:block;height:100%;background:var(--teal);width:0}.expand{font-size:19px;background:none;width:32px;height:32px}.theater:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}.theater:fullscreen .stage{flex:1;max-height:700px}.theater:fullscreen .object{transform:scale(1.3)}
    .below{display:flex;align-items:center;justify-content:space-between;padding:28px 2px 34px;gap:20px}.below p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.below p strong{color:var(--ink);font-weight:400}.actions{display:flex;align-items:center;gap:24px;font-size:12px}.primary{background:var(--ink);color:white;border-radius:30px;padding:16px 23px;transition:background .2s}.primary:hover{background:#24616b}.primary span{margin-left:25px}.secondary{border-bottom:1px solid #b6c8cc;padding:5px 0}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0 28px;font-size:10px;letter-spacing:.4px;color:var(--muted)}.footer span:last-child{letter-spacing:1.3px}
    @media(min-width:1600px){.intro{padding-top:65px;padding-bottom:50px}.stage{min-height:420px}.object{transform:scale(1.12)}}
    @media(max-width:1000px){.shell{width:calc(100% - 48px)}.stage{padding:15px 28px 30px;grid-template-columns:42% 58%}.device{transform:rotateX(34deg) rotateZ(-10deg) scale(.8)}.scene-copy h2{font-size:34px}.object-caption{bottom:16px}.intro h1{letter-spacing:-1.5px}}
    @media(max-width:640px){.shell{width:calc(100% - 32px)}header{height:80px}.logo{font-size:30px}.nav{gap:16px}.nav>a:first-child{display:none}.nav .contact{font-size:11px;padding:10px 13px}.intro{padding:30px 0}.intro h1{font-size:34px;line-height:1.25}.intro p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px}.stage-top{padding:20px;font-size:8px;letter-spacing:1px}.stage-top strong{font-size:10px}.stage{display:flex;flex-direction:column;padding:21px 22px 10px;min-height:0;gap:5px}.scene-copy{width:100%}.scene-label{margin-bottom:13px;font-size:11px}.scene-copy h2{font-size:33px;margin-bottom:13px}.scene-copy p{font-size:13px;min-height:47px}.hint{margin-top:15px;font-size:10px}.object{height:240px;width:100%;margin-top:-5px}.device{transform:rotateX(34deg) rotateZ(-10deg) scale(.66)}.object-caption{bottom:5px;font-size:10px}.caption{margin:10px 13px 0;padding:13px 10px;font-size:11px;min-height:41px}.controls{margin:0 15px;gap:10px;height:57px}.time{font-size:9px}.below{align-items:flex-start;flex-direction:column;padding:24px 3px 29px;gap:20px}.actions{width:100%;justify-content:space-between;gap:12px}.footer{font-size:9px}.footer span:last-child{letter-spacing:.2px}.theater:fullscreen .object{transform:none}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
    .logo svg{width:92px;height:auto;display:block;color:var(--ink)}
    .logo svg path{fill:currentColor}
    @media(max-width:640px){.logo svg{width:84px}}
  
.astra-information{padding:40px 0;border-top:1px solid var(--line)}.astra-information h2{font-size:23px;letter-spacing:-.7px;margin:0 0 14px}.astra-lead{max-width:730px;font-size:14px;line-height:1.8;color:var(--muted)}.astra-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 36px;margin-top:28px}.astra-services h3{font-size:15px;margin:0 0 9px}.astra-services h3 span{color:var(--teal);margin-left:5px}.astra-services p,.astra-questions details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.astra-questions details{border-bottom:1px solid var(--line);padding:16px 0}.astra-questions summary{font-size:14px;cursor:pointer}.astra-questions details p{margin-top:12px;max-width:780px}.astra-more{display:flex;gap:24px;font-size:13px;margin:24px 0 0}.astra-more a{text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){.astra-information{padding:30px 0}.astra-services{grid-template-columns:1fr;gap:24px}.astra-information h2{font-size:21px}}
.astra-menu{position:relative}.astra-menu summary{cursor:pointer;padding:12px 0;list-style:none}.astra-menu summary::after{content:' +';margin-left:12px}.astra-menu[open] summary::after{content:' −'}
.astra-menu-panel{position:absolute;right:0;top:100%;width:min(600px,calc(100vw - 32px));max-height:65vh;overflow:auto;z-index:20;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px #153d4920;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.astra-menu-item>a{display:block;padding:7px 0;font-weight:700}.astra-menu-children{padding-left:12px}.astra-menu-children a{font-size:12px;font-weight:400;line-height:1.4}.astra-menu summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:640px){.nav{gap:14px;font-size:11px}.astra-menu-panel{position:fixed;top:72px;left:16px;right:16px;width:auto;gap:16px;padding:18px}.nav .contact{display:block}}