/* NextLvl Exotic Luxury Travel — neon dark, full-bleed hero, big uppercase type */
:root {
  --neon: #ff2d55;
  --neon-dark: #cc1f42;
  --black: #0a0a0c;
  --black-soft: #131316;
  --white: #f5f5f7;
  --muted: #9a9aa2;
  --line: #242428;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: var(--black); color: var(--white); line-height: 1.65; }
a { color: var(--neon); text-decoration: none; }
a:hover { color: var(--neon-dark); }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

/* Header: slim, logo left, uppercase nav right */
.hdr { display: flex; align-items: center; justify-content: space-between; padding: 22px 0; }
.hdr .logo { font-weight: 900; font-size: 1.35rem; text-transform: uppercase; letter-spacing: 2px; }
.hdr .logo span { color: var(--neon); }
.hdr nav { display: flex; gap: 22px; }
.hdr nav a { color: var(--muted); font-weight: 700; text-transform: uppercase; font-size: .82rem; letter-spacing: 1px; }
.hdr nav a:hover { color: var(--neon); }

/* Full-bleed hero */
.hero { padding: 110px 0; text-align: center; background: radial-gradient(circle at 50% 0%, #2a0a14 0%, var(--black) 70%); border-bottom: 1px solid var(--line); }
.hero .kicker { color: var(--neon); text-transform: uppercase; letter-spacing: 4px; font-size: .8rem; font-weight: 800; margin-bottom: 16px; }
.hero h1 { font-size: clamp(2.6rem, 8vw, 4.4rem); font-weight: 900; text-transform: uppercase; line-height: 1; letter-spacing: 1px; }
.hero h1 span { color: var(--neon); }
.hero .lead { color: var(--muted); margin-top: 18px; font-size: 1.15rem; }
.hero .cta { margin-top: 30px; display: flex; gap: 14px; justify-content: center; }
.btn { display: inline-block; padding: 15px 34px; border-radius: 4px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; font-size: .9rem; }
.btn.solid { background: var(--neon); color: var(--black); }
.btn.solid:hover { background: var(--neon-dark); color: var(--black); }
.btn.ghost { border: 2px solid var(--neon); color: var(--neon); }
.btn.ghost:hover { background: var(--neon); color: var(--black); }

/* Single-column feature list with numbered big type */
.features { padding: 64px 0; }
.features h2 { font-size: 2rem; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; }
.feature { display: grid; grid-template-columns: 80px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.feature .idx { font-size: 2rem; font-weight: 900; color: var(--neon); }
.feature h3 { font-size: 1.2rem; text-transform: uppercase; letter-spacing: .5px; }
.feature p { color: var(--muted); }

.areas { background: var(--black-soft); padding: 56px 0; }
.areas h2 { font-size: 1.6rem; text-transform: uppercase; margin-bottom: 22px; }
.chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chip { border: 1px solid var(--line); border-radius: 4px; padding: 8px 16px; font-size: .9rem; }

.contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 60px 0; }
.contact-row .info h2 { font-size: 1.8rem; text-transform: uppercase; margin-bottom: 14px; }
.contact-row .info p { color: var(--muted); margin-bottom: 8px; }
.contact-row .info .big { color: var(--neon); font-size: 1.2rem; }
.map-frame iframe { width: 100%; height: 300px; border: 0; border-radius: 8px; }

.footer { border-top: 1px solid var(--line); padding: 28px 0; text-align: center; color: var(--muted); font-size: .9rem; }