/* ==========================================================
   픽스터 덕구 — 랜딩 (이미지 조립형)
   Figma: 랜딩페이지 / *덕구 / 덕구 (101:18387, 1800폭)
   600px 컬럼 중앙 배치, 모바일은 100% 폭으로 축소
   ========================================================== */

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

body {
  background: #1a1a1a;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

img { display: block; width: 100%; height: auto; }

.sec {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.col {
  width: 100%;
  max-width: 600px;
  position: relative;
}

/* 섹션 배경 (1800폭) */
.sec--1 { background: url("assets/bg1.jpg") center top / auto 100% no-repeat #1a1a1a; }
.sec--2 { background: url("assets/bg2.jpg") center / cover no-repeat #1af4d2; }
.sec--3 { background: url("assets/bg3.jpg") center / cover no-repeat #f5efe4; }
.sec--4 { background: url("assets/bg4.jpg") center / cover no-repeat #1af4d2; }
.sec--5 { background: url("assets/bg5.jpg") center / cover no-repeat #8564df; }
.sec--6 { background: #111; }

/* 메인 비주얼 상단 문의 버튼 — Figma Frame 37: x46 y40 w508 h90 (600×792) */
.hero-btns {
  position: absolute;
  left: 7.667%;
  top: 5.05%;
  width: 84.667%;
  display: flex;
  gap: 3.937%;          /* 20px / 508px */
}
.hero-btns a:first-child { flex: 250 1 0; }
.hero-btns a:last-child  { flex: 238 1 0; }
.hero-btns img:active { filter: brightness(1.1); }

/* 공식 사이트 바로가기 — Frame 11: x60 y217 w480 h72 (600×902) */
.hot {
  position: absolute;
  display: block;
  border-radius: 999px;
}
.hot--cta {
  left: 10%; top: 24.06%;
  width: 80%; height: 7.98%;
}
.hot:active { background: rgba(255, 255, 255, 0.15); }