* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  letter-spacing: -0.05em;
  line-height: 1.6;
  color: #4A5A6F;
  background: #F8FAFC;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.is-nav-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background: none;
}

.icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}
.icon-arrow-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}
.icon-arrow-up-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
}
.icon-shield {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.icon-pulse {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
}
.icon-funnel {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E");
}
.icon-chevron-down {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.icon-email {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
.icon-edu, .icon-globe, .icon-chat, .icon-care, .icon-building, .icon-network, .icon-clipboard {
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-edu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 9L12 4L3 9L12 14L21 9ZM21 9V13M6 11V15C6 16.1 8.7 17.5 12 17.5C15.3 17.5 18 16.1 18 15V11' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-globe {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21M12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21M12 3C14.6 5.7 14.6 18.3 12 21M12 3C9.4 5.7 9.4 18.3 12 21M3.5 9H20.5M3.5 15H20.5' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.0001 7C21.2358 8.27961 22.0001 10.0474 22.0001 12C22.0001 13.9526 21.2358 15.7204 20.0001 17M17.1214 9.87868C17.6643 10.4216 18.0001 11.1716 18.0001 12C18.0001 12.8284 17.6643 13.5784 17.1214 14.1213' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.00012 20V19C9.00012 18.0572 9.00012 17.5858 9.29302 17.2929C9.58591 17 10.0573 17 11.0001 17C12.1047 17 13.0001 16.1046 13.0001 15V9.5C13.0001 6.46243 10.5377 4 7.50012 4C4.46256 4 2.00012 6.46243 2.00012 9.5C2.00012 10.3907 2.21187 11.232 2.58777 11.9763C3.03678 12.8652 3.37022 13.8573 3.15341 14.8294L2.00012 20' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-care {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 20C12 20 3.5 15 3.5 9.19998C3.5 6.59998 5.5 4.59998 8 4.59998C9.6 4.59998 11.1 5.49998 12 6.89998C12.9 5.49998 14.4 4.59998 16 4.59998C18.5 4.59998 20.5 6.59998 20.5 9.19998C20.5 15 12 20 12 20Z' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-building {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 21V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H14C14.2652 4 14.5196 4.10536 14.7071 4.29289C14.8946 4.48043 15 4.73478 15 5V21V9H19C19.2652 9 19.5196 9.10536 19.7071 9.29289C19.8946 9.48043 20 9.73478 20 10V21M8 8H11M8 12H11M8 16H11' stroke='%231D70B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-network {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 10.5V13.5M10 15L7 16.5M14 15L17 16.5M12 8C12.663 8 13.2989 7.73661 13.7678 7.26777C14.2366 6.79893 14.5 6.16304 14.5 5.5C14.5 4.83696 14.2366 4.20107 13.7678 3.73223C13.2989 3.26339 12.663 3 12 3C11.337 3 10.7011 3.26339 10.2322 3.73223C9.76339 4.20107 9.5 4.83696 9.5 5.5C9.5 6.16304 9.76339 6.79893 10.2322 7.26777C10.7011 7.73661 11.337 8 12 8ZM5 21C5.66304 21 6.29893 20.7366 6.76777 20.2678C7.23661 19.7989 7.5 19.163 7.5 18.5C7.5 17.837 7.23661 17.2011 6.76777 16.7322C6.29893 16.2634 5.66304 16 5 16C4.33696 16 3.70107 16.2634 3.23223 16.7322C2.76339 17.2011 2.5 17.837 2.5 18.5C2.5 19.163 2.76339 19.7989 3.23223 20.2678C3.70107 20.7366 4.33696 21 5 21ZM19 21C19.663 21 20.2989 20.7366 20.7678 20.2678C21.2366 19.7989 21.5 19.163 21.5 18.5C21.5 17.837 21.2366 17.2011 20.7678 16.7322C20.2989 16.2634 19.663 16 19 16C18.337 16 17.7011 16.2634 17.2322 16.7322C16.7634 17.2011 16.5 17.837 16.5 18.5C16.5 19.163 16.7634 19.7989 17.2322 20.2678C17.7011 20.7366 18.337 21 19 21Z' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-clipboard {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6H15M9 13L11 15L15 11M9 4H15C15.2652 4 15.5196 4.10536 15.7071 4.29289C15.8946 4.48043 16 4.73478 16 5V6H17C17.5304 6 18.0391 6.21071 18.4142 6.58579C18.7893 6.96086 19 7.46957 19 8V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H7C6.46957 21 5.96086 20.7893 5.58579 20.4142C5.21071 20.0391 5 19.5304 5 19V8C5 7.46957 5.21071 6.96086 5.58579 6.58579C5.96086 6.21071 6.46957 6 7 6H8V5C8 4.73478 8.10536 4.48043 8.29289 4.29289C8.48043 4.10536 8.73478 4 9 4Z' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.text-cyan {
  color: #00A8CC !important;
}

.eyebrow {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00A8CC;
}
@media (max-width: 768px) {
  .eyebrow {
    font-size: 13px;
  }
}

.heading-2 {
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.15;
  font-weight: 800;
  color: #0F1E33;
  margin: 14px 0 18px;
}
@media (max-width: 768px) {
  .heading-2 {
    font-size: 24px;
  }
}

.section-intro-p {
  font-size: 17px;
  line-height: 1.7;
  color: #4A5A6F;
  margin: 0 auto;
  max-width: 780px;
}
@media (max-width: 768px) {
  .section-intro-p {
    font-size: 15px;
  }
}

.section-head {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 56px;
}
@media (max-width: 768px) {
  .section-head {
    margin-bottom: 40px;
  }
}

.article-card {
  background: #FFFFFF;
  border-radius: 14px;
  border: 1px solid #E1E7EF;
  box-shadow: 0 1px 2px rgba(15, 30, 51, 0.04);
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.article-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -20px rgba(15, 30, 51, 0.15);
  border-color: rgba(0, 168, 204, 0.4);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(248, 250, 252, 0.92);
  backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid rgba(15, 44, 89, 0.06);
}
.site-header__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  transition: height 0.2s ease;
}
@media (max-width: 768px) {
  .site-header__inner {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .site-header__inner {
    height: 60px;
  }
}
.site-header__inner::before, .site-header__inner::after {
  display: none !important;
}
.site-header__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 51;
}
.site-header__logo {
  display: block;
  width: 140px;
  height: 26px;
  background: url("../images/mobile@3x/header_logo.png") no-repeat center left;
  background-size: contain;
  transition: height 0.2s ease, width 0.2s ease;
}
@media (max-width: 768px) {
  .site-header__logo {
    height: 20px;
    width: 110px;
  }
}
.site-header__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 10px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #00A8CC;
  background: rgba(0, 168, 204, 0.1);
  border: 1px solid rgba(0, 168, 204, 0.25);
  border-radius: 999px;
  text-transform: uppercase;
  white-space: nowrap;
}
.site-header__nav {
  display: flex;
  align-items: center;
  gap: 36px;
}
.site-header__nav a {
  font-size: 15px;
  font-weight: 600;
  color: #0F2C59;
  position: relative;
  transition: color 0.2s;
}
.site-header__nav a:hover {
  color: #00A8CC;
}
.site-header__toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 51;
}
.site-header__toggle span {
  position: absolute;
  left: 8px;
  right: 8px;
  height: 2px;
  background: #0F2C59;
  border-radius: 2px;
  transition: transform 0.25s, opacity 0.2s, top 0.25s, background 0.2s;
}
.site-header__toggle span:nth-child(1) {
  top: 14px;
}
.site-header__toggle span:nth-child(2) {
  top: 19px;
}
.site-header__toggle span:nth-child(3) {
  top: 24px;
}
.site-header__toggle.is-open span:nth-child(1) {
  top: 19px;
  transform: rotate(45deg);
}
.site-header__toggle.is-open span:nth-child(2) {
  opacity: 0;
}
.site-header__toggle.is-open span:nth-child(3) {
  top: 19px;
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  .site-header__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0 40px;
    background: rgba(248, 250, 252, 0.98);
    backdrop-filter: blur(8px);
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  }
  .site-header__nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .site-header__nav a {
    width: 100%;
    max-width: 400px;
    font-size: 20px;
    font-weight: 600;
    padding: 24px 0;
    text-align: center;
    border-bottom: 1px solid rgba(15, 44, 89, 0.1);
  }
  .site-header__nav a:last-child {
    border-bottom: 0;
  }
  .site-header__toggle {
    display: block;
  }
}

.hero {
  position: relative;
  background-color: #0F1E33;
  color: #FFFFFF;
  padding: 120px 0 100px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero {
    padding: 60px 0 40px;
  }
}
.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-image: linear-gradient(to right, rgb(15, 30, 51) 0%, rgba(15, 30, 51, 0.85) 45%, rgba(15, 30, 51, 0.6) 100%), url("../images/global/hero_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .hero__inner {
    padding: 0 20px;
  }
}
.hero__top {
  text-align: left;
  max-width: 800px;
  margin: 0 0 80px 0;
}
@media (max-width: 768px) {
  .hero__top {
    margin: 0 0 40px 0;
  }
}
.hero__pill {
  display: inline-block;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  margin-bottom: 32px;
}
.hero__title {
  font-size: clamp(32px, 4.2vw, 50px);
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 24px;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .hero__title {
    font-size: 28px;
  }
}
.hero__desc {
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 44px 0;
  white-space: normal;
}
@media (max-width: 768px) {
  .hero__desc {
    font-size: 15px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .hero__desc {
    white-space: nowrap;
  }
}
.hero__ctas {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.hero__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 8px;
}
@media (max-width: 1024px) {
  .hero__cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  transition: transform 0.15s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.btn:hover {
  transform: translateY(-1px);
}
.btn--primary {
  background: linear-gradient(120deg, #1D70B8 7.74%, #00A8CC 92.26%);
  color: #FFFFFF;
  border: none;
}
.btn--glow {
  box-shadow: 0 10px 26px 0 rgba(0, 168, 204, 0.34);
}
.btn--glow:hover {
  box-shadow: 0 14px 32px 0 rgba(0, 168, 204, 0.45);
  transform: translateY(-2px);
}
.btn--ghost {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.btn--ghost:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
}
.btn__icon {
  width: 18px;
  height: 18px;
}

.hero-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px;
  backdrop-filter: blur(12px);
  text-align: left;
  transition: transform 0.25s, background 0.25s, border-color 0.25s;
}
@media (max-width: 768px) {
  .hero-card {
    padding: 24px 20px;
  }
}
.hero-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(0, 168, 204, 0.4);
}
.hero-card__icon {
  width: 24px;
  height: 24px;
  color: #00A8CC;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.hero-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 10px;
}
.hero-card__desc {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}

#korean-rn .heading-2 {
  white-space: nowrap;
}
@media (max-width: 1024px) {
  #korean-rn .heading-2 {
    white-space: normal;
    word-break: keep-all;
  }
}
#korean-rn .article-card {
  padding: 32px 30px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #korean-rn .article-card {
    padding: 24px 20px;
    flex-direction: column;
    gap: 16px;
  }
}
#korean-rn .article-card__icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #EAF2F9;
  color: #1D70B8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
#korean-rn .article-card__icon .icon {
  width: 24px;
  height: 24px;
}
#korean-rn .article-card__content {
  flex: 1;
  min-width: 0;
  width: 100%;
}
#korean-rn .article-card__tag {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #1D70B8;
  background: #F0F5FA;
  border: 1px solid #DCE7F2;
  border-radius: 999px;
  margin-bottom: 16px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#korean-rn .article-card__title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#korean-rn .article-card__title {
  font-size: 19px;
  font-weight: 800;
  color: #0F1E33;
  margin: 0;
}
#korean-rn .article-card .toggle-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #7A8AA0;
  transition: transform 0.3s ease;
}
#korean-rn .article-card.is-open .toggle-icon {
  transform: rotate(180deg);
}
#korean-rn .article-card__desc-wrap {
  display: none;
  margin-top: 12px;
}
#korean-rn .article-card__desc {
  font-size: 14px;
  line-height: 1.65;
  color: #4A5A6F;
  margin: 0;
}

.section {
  padding: 100px 0;
}
@media (max-width: 768px) {
  .section {
    padding: 48px 0;
  }
}
.section--white {
  background: #FFFFFF;
}
.section--bg {
  background: #F8FAFC;
}
.section__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 768px) {
  .section__inner {
    padding: 0 20px;
  }
}

.nurses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 768px) {
  .nurses-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

#why-us .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1024px) {
  #why-us .advantage-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
#why-us .article-card {
  display: block;
  padding: 36px 32px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #why-us .article-card {
    padding: 24px 20px;
  }
}
#why-us .article-card__icon {
  width: 52px;
  height: 52px;
  background: #EAF2F9;
  color: #1D70B8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 24px;
  flex-shrink: 0;
}
#why-us .article-card__icon .icon {
  width: 24px;
  height: 24px;
}
#why-us .article-card__title {
  font-size: 19px;
  font-weight: 800;
  color: #0F1E33;
  margin: 0 0 16px 0;
}
#why-us .article-card__tag {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #1D70B8;
  background: #F0F5FA;
  border: 1px solid #DCE7F2;
  border-radius: 999px;
  margin-bottom: 16px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#why-us .article-card__desc {
  font-size: 14px;
  line-height: 1.65;
  color: #4A5A6F;
  margin: 0;
}

.transition-banner {
  width: 100%;
  height: 100px;
  background: linear-gradient(100deg, #0A1F40 6.17%, #1A3A6E 50%, #0E2D5C 93.83%);
}
@media (max-width: 768px) {
  .transition-banner {
    height: 60px;
  }
}

.process__steps {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: transparent;
  padding: 0 0 16px 0;
  margin-bottom: 40px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
}
.process__steps::-webkit-scrollbar {
  height: 6px;
  display: block;
}
.process__steps::-webkit-scrollbar-track {
  background: #F0F5FA;
  border-radius: 4px;
}
.process__steps::-webkit-scrollbar-thumb {
  background: #DCE7F2;
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .process__steps {
    scroll-snap-type: x mandatory;
  }
}
.process__step {
  position: relative;
  z-index: 2;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  padding: 0;
  min-width: 130px;
}
@media (max-width: 1024px) {
  .process__step {
    scroll-snap-align: center;
  }
}
@media (max-width: 480px) {
  .process__step {
    min-width: 80px;
  }
}
.process__step::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  width: calc(100% + 16px);
  height: 2px;
  background: #E1E7EF;
  z-index: -1;
}
@media (max-width: 480px) {
  .process__step::after {
    top: 18px;
  }
}
.process__step:last-child::after {
  display: none;
}
.process__step-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #E1E7EF;
  color: #7A8AA0;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
@media (max-width: 480px) {
  .process__step-num {
    width: 36px;
    height: 36px;
    font-size: 13px;
    border-width: 1px;
  }
}
.process__step-label {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #7A8AA0;
  text-transform: uppercase;
  transition: color 0.25s;
}
@media (max-width: 480px) {
  .process__step-label {
    font-size: 11px;
    margin-top: 8px;
  }
}
.process__step.is-active .process__step-num {
  background: #0F2C59;
  border-color: #0F2C59;
  color: #FFFFFF;
}
.process__step.is-active .process__step-label {
  color: #0F1E33;
}
.process__step:not(.is-active):hover .process__step-num {
  color: #0F2C59;
  border-color: #0F2C59;
}
.process__step:not(.is-active):hover .process__step-label {
  color: #0F2C59;
}
.process__panel {
  background: #FFFFFF;
  border-radius: 14px;
  border: 1px solid #E1E7EF;
  box-shadow: 0 1px 2px rgba(15, 30, 51, 0.04);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  box-shadow: 0 30px 60px -30px rgba(15, 30, 51, 0.15);
}
@media (max-width: 1024px) {
  .process__panel {
    flex-direction: column;
  }
}
.process__content {
  flex: 1;
  padding: 56px 52px;
}
@media (max-width: 1024px) {
  .process__content {
    order: 2;
    padding: 32px 24px;
  }
}
.process__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.process__badge-num {
  font-size: 15px;
  font-weight: 800;
  color: #FFFFFF;
  background: #0F2C59;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.process__badge-label {
  font-size: 13px;
  font-weight: 700;
  color: #00A8CC;
  text-transform: uppercase;
}
.process__title {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 800;
  color: #0F1E33;
  margin: 0 0 16px;
}
@media (max-width: 768px) {
  .process__title {
    font-size: 22px;
  }
}
.process__desc {
  font-size: 16px;
  line-height: 1.7;
  color: #4A5A6F;
  margin: 0 0 32px;
}
@media (max-width: 768px) {
  .process__desc {
    font-size: 14px;
  }
}
.process__nav {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .process__nav .btn {
    padding: 10px 22px;
    font-size: 14px;
  }
  .process__nav .btn .btn__icon {
    width: 16px;
    height: 16px;
  }
}
.process__nav-btn-minimal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #7A8AA0;
  transition: color 0.2s;
  margin-right: 8px;
}
.process__nav-btn-minimal:hover {
  color: #0F2C59;
}
.process__nav-btn-minimal .icon {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}
.process__illustration {
  width: 340px;
  flex-shrink: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 40px 40px 0;
}
@media (max-width: 1024px) {
  .process__illustration {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    order: 1;
    padding: 32px 20px 0;
    min-height: auto;
  }
}
.process__illustration-img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.2s ease;
}
@media (max-width: 1024px) {
  .process__illustration-img {
    min-height: 180px;
  }
}

.cta {
  background-color: #0F1E33;
  color: #FFFFFF;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cta {
    padding: 48px 0;
  }
}
.cta::before {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  height: 800px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(0, 168, 204, 0.45) 0%, rgba(0, 168, 204, 0) 62%);
  filter: blur(10px);
  pointer-events: none;
  z-index: 1;
}
.cta__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 768px) {
  .cta__inner {
    padding: 0 20px;
  }
}
.cta__eyebrow {
  color: #00A8CC;
}
.cta__title {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
  font-weight: 800;
  margin: 14px 0 16px;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .cta__title {
    font-size: 24px;
  }
}
.cta__desc {
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  margin: 0 auto 40px;
  max-width: 640px;
}
@media (max-width: 768px) {
  .cta__desc {
    font-size: 15px;
  }
}
.cta__card {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  padding: 22px 30px;
  text-align: left;
  margin: 0 auto;
  transition: transform 0.2s, border-color 0.2s, background 0.2s;
}
.cta__card:hover {
  transform: translateY(-2px);
  border-color: #00A8CC;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 480px) {
  .cta__card {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 20px;
    gap: 16px;
  }
}
.cta__icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(0, 168, 204, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A8CC;
}
.cta__icon .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 480px) {
  .cta__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
  .cta__icon .icon {
    width: 20px;
    height: 20px;
  }
}
.cta__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.cta__label {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cta__email {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
}
@media (max-width: 480px) {
  .cta__email {
    font-size: 15px;
  }
}

.footer {
  background: #091a33;
  padding: 32px 0 40px;
}
@media (max-width: 768px) {
  .footer {
    padding: 24px 0;
  }
}
.footer__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .footer__inner {
    padding: 0 20px;
  }
}
.footer__logo-img {
  display: block;
  width: 630px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.footer__logo-img:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .footer__logo-img {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-in {
  opacity: 1;
  transform: none;
}