/* QY Ventures single-page site (no build tools required) */
:root{
  --text:#0f172a;
  --muted:#556277;
  --brand:#1f6feb;
  --line:rgba(15,23,42,.12);
  --shadow: 0 14px 40px rgba(2,6,23,.18);
  --radius: 18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#ffffff}
a{color:inherit;text-decoration:none}
code{background:#f1f5f9;border:1px solid rgba(15,23,42,.08);padding:2px 6px;border-radius:8px}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand__dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#ffcc66,#1f6feb)}
.brand__name{font-weight:800;letter-spacing:.2px}
.brand__tag{font-size:12px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:18px}
.nav a{font-weight:600;font-size:14px;color:#111827;opacity:.86}
.nav a:hover{opacity:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;box-shadow:0 10px 28px rgba(31,111,235,.22)}
.btn--ghost{background:#fff;color:#0b1220;border:1px solid var(--line);box-shadow:none}
.hero{padding:36px 0 18px;background:linear-gradient(180deg,#f7fbff, #ffffff)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
.hero h1{font-size:40px;line-height:1.08;margin:0 0 12px}
.lead{font-size:16px;line-height:1.65;color:#334155;margin:0 0 18px}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 18px}
.hero__media img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.badges{display:flex;gap:10px;flex-wrap:wrap}
.badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:160px;box-shadow:0 10px 22px rgba(2,6,23,.06)}
.badge b{display:block;font-size:18px}
.badge span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.section{padding:54px 0}
.section--alt{background:linear-gradient(180deg,#ffffff, #f7fbff)}
.section__head h2{margin:0 0 8px;font-size:28px}
.section__head p{margin:0;color:var(--muted);line-height:1.6}
.cards{margin-top:18px;display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 28px rgba(2,6,23,.08)}
.card img{width:100%;height:auto;display:block}
.card__body{padding:14px 14px 16px}
.card__body h3{margin:0 0 6px;font-size:16px}
.card__body p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.imgFrame img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.ticks{padding-left:18px;color:#334155;line-height:1.7}
.miniGrid{margin-top:14px;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.mini{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.mini__k{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.mini__v{margin-top:4px;font-weight:700}
.gallery{margin-top:14px;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}
.shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px rgba(2,6,23,.06)}
.shot img{width:100%;height:auto;display:block}
.shot figcaption{padding:12px 12px 14px}
.shot b{display:block;margin-bottom:4px}
.shot span{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.addresses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.addr{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.addr h3{margin:0 0 6px;font-size:14px}
.addr p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.note{margin-top:12px;border-left:4px solid var(--brand);padding:10px 12px;background:#f1f7ff;border-radius:12px;color:#1f2a44}
.footer{border-top:1px solid var(--line);padding:18px 0;background:#fff}
.footer__inner{display:flex;justify-content:space-between;gap:10px;color:#334155}
.muted{color:var(--muted)}

@media (max-width: 960px){
  .hero__grid,.split,.contact{grid-template-columns:1fr}
  .cards,.gallery{grid-template-columns:1fr 1fr}
  .addresses{grid-template-columns:1fr}
  .hero h1{font-size:34px}
}
@media (max-width: 560px){
  .cards,.gallery{grid-template-columns:1fr}
  .nav{display:none}
}

/* WhatsApp button */
.wa-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  padding: 12px 14px;
  border-radius: 999px;
  background: #25D366;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.booking-float{
  position: fixed;
  right: 18px;
  bottom: 80px;
  z-index: 9999;
  padding: 12px 16px;
  border-radius: 999px;
  background: #007BFF;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}