:root{--ms-bg:#020617;--ms-accent:#22d3ee;--ms-text:#e2e8f0;--ms-muted:#94a3b8}
*{font-family:'Inter','Pretendard','Malgun Gothic','맑은 고딕',sans-serif}
html{scroll-behavior:smooth}body{background:var(--ms-bg);color:var(--ms-text)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
#mobile-menu{display:none}#mobile-menu.open{display:block}
.logo-text{font-weight:800;font-size:19px;letter-spacing:-.03em;color:#e2e8f0}.logo-text span{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.38)}
.text-gradient{background:linear-gradient(90deg,#22d3ee,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-grid{background-image:linear-gradient(rgba(34,211,238,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.055) 1px,transparent 1px);background-size:36px 36px}
.hero-radial{background:radial-gradient(circle at 18% 20%,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at 80% 30%,rgba(37,99,235,.14),transparent 35%),linear-gradient(135deg,#020617 0%,#07111f 52%,#020617 100%)}
.screen-glow{box-shadow:0 0 50px rgba(34,211,238,.12),0 30px 70px rgba(0,0,0,.55)}


/* ===== Final responsive tuning ===== */
@media (max-width: 640px) {
  h1 { word-break: keep-all; }
  section { overflow-x: hidden; }
  .hero-radial .grid { gap: 2rem; }
  img { max-width: 100%; height: auto; }
}

.final-note {
  letter-spacing: -0.01em;
}


/* ===== Conversion final tuning ===== */
.quick-msg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1.25rem;
  padding: .75rem 1rem;
  border: 1px solid rgba(34,211,238,.22);
  border-radius: 999px;
  background: rgba(34,211,238,.08);
  color: #67e8f9;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.core-emphasis {
  border: 1px solid rgba(34,211,238,.32);
  background: linear-gradient(135deg, rgba(34,211,238,.12), rgba(15,23,42,.78));
}

@media (max-width: 640px) {
  h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.035em !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.32 !important;
    word-break: keep-all;
  }

  .quick-msg {
    border-radius: 1rem;
    font-size: .78rem;
    line-height: 1.6;
  }

  section {
    overflow-x: hidden;
  }

  table {
    font-size: .85rem;
  }
}


/* ===== Extended page hero image background ===== */
.hero-visual{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);background:#020617}
.hero-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,6,23,.96) 0%,rgba(2,6,23,.88) 38%,rgba(2,6,23,.52) 70%,rgba(2,6,23,.88) 100%),var(--hero-image);background-size:cover;background-position:center;opacity:.88}
.hero-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px);background-size:36px 36px;opacity:.7}
.hero-visual>.hero-inner{position:relative;z-index:1}
.hero-kicker{display:inline-flex;border:1px solid rgba(34,211,238,.30);background:rgba(34,211,238,.10);color:#67e8f9;border-radius:999px;padding:.42rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.section-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.10);background:rgba(15,23,42,.72);border-radius:999px;padding:.45rem .85rem;color:#cbd5e1;font-size:.8rem;font-weight:700}
@media(max-width:640px){.hero-visual::before{background-image:linear-gradient(90deg,rgba(2,6,23,.97) 0%,rgba(2,6,23,.90) 100%),var(--hero-image)}}