*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1a1a2e;--blue:#00aee6;--blue-hover:#0097c8;--white:#fff;--slide-duration:5500ms;--transition:900ms}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:var(--white)}
.hero{background:#0d0d18;position:relative;width:100%;height:100vh;min-height:560px;max-height:780px;overflow:hidden}
.hero__slides{position:relative;width:100%;height:100%}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--transition) cubic-bezier(.4,0,.2,1);pointer-events:none}
.hero__slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.hero__bg{position:absolute;inset:0;z-index:1;overflow:hidden}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.6);transform:scale(1.06);transition:transform calc(var(--transition) * 1.4) cubic-bezier(.25,.46,.45,.94)}
.hero__slide.is-active .hero__bg img{transform:scale(1.0)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(10,10,26,0.82) 0,rgba(10,10,26,0.55) 50%,rgba(10,10,26,0.20) 100%)}
.hero__content{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding:80px;max-width:1360px;margin:0 auto;left:0;right:0}
.hero__content.v-top{align-items:flex-start}
.hero__content.v-middle{align-items:center}
.hero__content.v-bottom{align-items:flex-end}
.hero__content.align-left{justify-content:flex-start}
.hero__content.align-center{justify-content:center}
.hero__content.align-right{justify-content:flex-end}
.hero__text{max-width:600px;transform:translateY(28px);opacity:0;transition:transform calc(var(--transition) * 1.1) cubic-bezier(.25,.46,.45,.94) 200ms,opacity calc(var(--transition) * 1.1) ease 200ms}
.hero__slide.is-active .hero__text{transform:translateY(0);opacity:1}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--blue);margin-bottom:18px}
.hero__eyebrow.hero__eyebrow--large{font-size:55px;line-height:1.2}
.hero__eyebrow::before{display:none}
.hero__title{font-size:55px;font-weight:600;line-height:1.15;color:#fff;margin-bottom:20px}
.hero__title.hero__title--medium{font-size:40px;line-height:1.2}
.hero__title em{font-style:normal;color:#fff}
.hero__desc{font-size:16px;line-height:1.5;color:#e9eaeb;margin-bottom:36px;max-width:520px}
.hero__content.align-center{justify-content:center}
.hero__content.align-center .hero__text{max-width:800px;text-align:center}
.hero__content.align-center .hero__eyebrow{justify-content:center;width:100%}
.hero__content.align-center .hero__title{max-width:960px;margin-left:auto;margin-right:auto}
.hero__content.align-center .hero__desc{max-width:960px;margin-left:auto;margin-right:auto}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__actions.align-left{justify-content:flex-start}
.hero__actions.align-right{justify-content:flex-end}
.hero__actions.align-center{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;font-size:16px;font-weight:400;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;border-radius:4px;cursor:pointer;border:0;text-decoration:none;transition:all 200ms ease}
.btn--primary{background:#00aee6;color:var(--white)}
.btn--primary:hover{background:#188bdd;transform:none;box-shadow:none}
.btn--primary:active{background:#00aee6;transform:none;box-shadow:none}
.btn--outline{background:transparent;color:rgba(255,255,255,0.85);border:1.5px solid rgba(255,255,255,0.35)}
.btn--outline:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.6)}
.btn svg{display:none}
.hero__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.12);z-index:10}
.hero__progress-bar{height:100%;background:var(--blue);width:0;transition:width linear}
.hero__controls{position:absolute;bottom:40px;right:80px;z-index:10;display:flex;align-items:center;gap:12px}
.hero__arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.05);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 200ms ease;backdrop-filter:blur(6px)}
.hero__arrow:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.6)}
.hero__arrow svg{width:16px;height:16px}
.hero__dots{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px;align-items:center}
.hero__dot{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 280ms ease;border:0}
.hero__dot.is-active{width:24px;background:var(--blue)}
.hero__counter{position:absolute;bottom:40px;left:80px;z-index:10;font-size:12px;color:rgba(255,255,255,0.45);font-variant-numeric:tabular-nums;letter-spacing:.05em}
.hero__counter span{color:rgba(255,255,255,0.45)}
.hero__counter #counterCurrent{color:rgba(255,255,255,0.85)}
.hero__scroll{display:none}
@media(max-width:768px){.hero__slide{aspect-ratio:auto;height:100%;min-height:100%}
.hero__content{padding:60px 24px}
.hero__controls{right:24px;bottom:28px}
.hero__counter{left:24px;bottom:28px}
.hero__dots{bottom:36px}
.hero__title{font-size:28px}
.hero__title.hero__title--medium{font-size:18px}
.hero__desc{font-size:14px}
}