*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#061033;--navy2:#082052;--blue:#0b63ff;--blue2:#00a3ff;--soft:#f6f9ff;--text:#0a1438;--muted:#58657f;--border:#dfebff;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--soft);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 22px}.section{padding:88px 0}
.top-blur{position:fixed;top:-250px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,#7cc8ff55,transparent 65%);z-index:-1}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,235,255,.9)}
.nav{height:78px;max-width:1240px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0b63ff,#00a3ff 45%,#061033);color:#fff;display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 16px 34px rgba(11,99,255,.24)}.logo-text{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#061033}
.nav-menu{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800;color:#152348}.nav-menu a:hover{color:var(--blue)}
.nav-button{padding:13px 20px;border-radius:11px;background:var(--navy)!important;color:#fff!important;box-shadow:0 14px 30px rgba(6,16,51,.22)}
.menu-btn{display:none;border:0;background:transparent;cursor:pointer}.menu-btn span{display:block;width:27px;height:3px;background:var(--navy);margin:5px;border-radius:99px}
.hero{padding:96px 0 70px;background:linear-gradient(100deg,#fff 0%,#f6f9ff 48%,#dceeff 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.76) 44%,rgba(255,255,255,.22) 100%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="900" height="500"><defs><linearGradient id="g" x1="0" x2="1"><stop stop-color="%23eaf4ff"/><stop offset="1" stop-color="%23b9ddff"/></linearGradient></defs><rect width="900" height="500" fill="url(%23g)"/><circle cx="650" cy="190" r="135" fill="%23ffffff" opacity="0.35"/><rect x="590" y="120" width="250" height="160" rx="18" fill="%23061033" opacity="0.15"/></svg>');background-size:cover;background-position:center right;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:99px;background:#eaf3ff;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:18px}.dark-pill{background:rgba(255,255,255,.11);color:#8ed1ff}
.tagline{font-weight:900;font-size:14px;letter-spacing:.08em;color:#172554;margin-bottom:14px}.tagline span{color:var(--blue)}
h1{font-size:62px;line-height:1.02;letter-spacing:-.055em;font-weight:900;color:var(--navy);margin-bottom:24px}h2{font-size:44px;line-height:1.1;letter-spacing:-.04em;color:var(--navy);margin-bottom:16px}h3{line-height:1.2}.hero-sub{font-size:18px;color:#32415f;max-width:620px;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:15px 24px;font-weight:900;border:1px solid transparent;transition:.22s ease}.primary{background:linear-gradient(135deg,#0b63ff,#084ccc);color:#fff;box-shadow:0 16px 34px rgba(11,99,255,.28)}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(11,99,255,.36)}.secondary{background:#fff;color:#0b3c91;border-color:#b7ccf4}.secondary:hover{border-color:var(--blue);color:var(--blue)}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#12265b;font-weight:800;font-size:14px}
.hero-panel{position:relative}.mock-browser{background:rgba(255,255,255,.82);border:1px solid rgba(197,216,245,.95);border-radius:26px;padding:22px;box-shadow:0 34px 90px rgba(8,32,82,.2);backdrop-filter:blur(20px)}.browser-dots{display:flex;gap:8px;margin-bottom:18px}.browser-dots span{width:11px;height:11px;border-radius:99px;background:#c8d9ef}.dashboard-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.dashboard-head small{display:block;color:#65758f;font-weight:700}.dashboard-head strong{font-size:18px}.live-dot{background:#e6fff6;color:#008560;padding:7px 11px;border-radius:99px;font-weight:900;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px}.metric-card small,.metric-card span{display:block;color:#64748b;font-size:12px}.metric-card strong{display:block;font-size:27px;margin:7px 0;color:var(--blue)}.chart-card{background:#fff;border:1px solid var(--border);border-radius:18px;margin:15px 0;padding:18px}.chart-title{display:flex;justify-content:space-between;margin-bottom:16px}.chart-title small{color:#64748b}.bar-chart{height:170px;display:flex;align-items:end;gap:12px}.bar-chart span{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#00a3ff,#0b63ff)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workflow div{background:#edf6ff;border-radius:14px;padding:13px;text-align:center;font-size:12px;font-weight:900;color:#0b3c91}
.solution-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:52px 0}.solution-strip h2{text-align:center;font-size:24px;margin-bottom:28px}.strip-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.strip-grid div{background:#fff;border:1px solid var(--border);border-radius:17px;text-align:center;padding:22px 10px;box-shadow:0 14px 35px rgba(8,32,82,.06)}.strip-grid span{font-size:28px}.strip-grid h3{font-size:15px;margin-top:8px}.strip-grid p{font-size:12px;color:#64748b}
.services-dark{background:radial-gradient(circle at top right,#0b63ff55,transparent 34%),linear-gradient(135deg,#061033,#082d73 65%,#061033);color:#fff}.section-heading{max-width:780px;margin:0 auto 44px;text-align:center}.section-heading p{font-size:17px;color:#5b6a85}.section-heading.light h2{color:#fff}.section-heading.light p{color:#d4e8ff}.service-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-block{padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.service-icon{width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:30px;margin-bottom:18px}.service-block h3{font-size:21px;margin-bottom:14px}.service-block ul{list-style:none}.service-block li{color:#dcecff;margin:11px 0}.service-block li:before{content:"✓";margin-right:9px;color:#7fd0ff}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 18px 42px rgba(8,32,82,.07)}.card span{font-size:30px}.card h3{font-size:20px;margin:16px 0 10px}.card p{color:#5b6a85}
.industries{background:#eef6ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split p{font-size:17px;color:#5b6a85}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.industry-list span{background:#fff;border:1px solid var(--border);padding:16px;border-radius:14px;font-weight:900;color:#10306d;box-shadow:0 12px 30px rgba(8,32,82,.05)}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-card{border:1px solid var(--border);border-radius:22px;padding:28px;background:linear-gradient(180deg,#fff,#f8fbff)}.process-card b{color:var(--blue);font-size:30px}.process-card h3{margin:10px 0}.process-card p{color:#5b6a85}
.faq-list{max-width:900px;margin:0 auto}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:18px;margin-bottom:14px;padding:20px;box-shadow:0 12px 30px rgba(8,32,82,.05)}.faq-list summary{font-weight:900;cursor:pointer;color:#061033}.faq-list p{margin-top:12px;color:#5b6a85}
.contact{background:radial-gradient(circle at top left,#0b63ff66,transparent 32%),linear-gradient(135deg,#061033,#082052);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}.contact h2{color:#fff}.contact p{font-size:17px;color:#dcecff}.contact a{font-weight:900;color:#fff}.contact-form{background:#fff;color:#061033;border-radius:26px;padding:30px;box-shadow:0 34px 80px rgba(0,0,0,.28)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-size:13px;font-weight:900;margin-bottom:15px;color:#153062}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #d7e5f8;border-radius:12px;padding:14px;font:inherit;outline:none;background:#fbfdff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,99,255,.13)}.check{display:flex!important;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:4px}.form-btn{width:100%;border:0;cursor:pointer}.form-note{font-size:12px!important;color:#64748b!important;text-align:center;margin-top:12px}
.footer{background:#020817;color:#cbd5e1;padding-top:54px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-logo .logo-text{color:#fff}.footer p{color:#94a3b8;margin-top:12px}.footer h4{color:#fff;margin-bottom:14px}.footer a{display:block;color:#cbd5e1;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #1f2a44;margin-top:40px;padding:20px;color:#94a3b8}
.legal-page{background:#fff;padding:72px 0}.legal-content{max-width:900px}.legal-content h1{font-size:44px;margin-bottom:14px}.legal-content h2{margin-top:28px;margin-bottom:8px;font-size:24px}.legal-content p,.legal-content li{color:#526179;margin:10px 0}.legal-content ul{padding-left:22px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}
@media(max-width:1000px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.service-columns,.cards-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:50px}.nav-menu{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:22px;flex-direction:column;align-items:flex-start}.nav-menu.active{display:flex}.menu-btn{display:block}}
@media(max-width:640px){.section{padding:64px 0}.hero{padding:70px 0 54px}h1{font-size:40px}h2{font-size:34px}.hero-actions,.hero-trust{flex-direction:column}.metric-grid,.workflow,.form-row,.service-columns,.cards-grid,.process-grid,.industry-list,.footer-grid{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr}.nav{height:72px}.nav-menu{top:72px}.logo-text{font-size:24px}}


/* ===== VCWEBX HOSPITALITY UPDATE ===== */

/* Premium [VC]WebX logo - no gap */
.logo.vc-logo,
.footer-logo.vc-logo{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:0 !important;
  white-space:nowrap !important;
  width:auto !important;
}

.logo.vc-logo .logo-mark,
.footer-logo.vc-logo .logo-mark{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  margin:0 -7px 0 0 !important;
  padding:0 !important;
  border-radius:14px !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-1px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.logo.vc-logo .logo-text,
.footer-logo.vc-logo .logo-text{
  margin:0 !important;
  padding:0 !important;
  font-size:32px !important;
  font-weight:900 !important;
  letter-spacing:-2px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  display:inline-block !important;
}

.footer-logo.vc-logo .logo-text{
  color:#ffffff !important;
}

/* Hospitality results bar */
.results-bar{
  background:#ffffff;
  border-top:1px solid #dfebff;
  border-bottom:1px solid #dfebff;
  padding:34px 0;
}

.results-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}

.results-grid div{
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  border:1px solid #dfebff;
  border-radius:18px;
  padding:22px 14px;
  text-align:center;
  box-shadow:0 14px 34px rgba(8,32,82,.06);
}

.results-grid strong{
  display:block;
  color:#0b63ff;
  font-size:28px;
  font-weight:900;
  letter-spacing:-1px;
  margin-bottom:8px;
}

.results-grid span{
  color:#0a1438;
  font-size:13px;
  font-weight:800;
}

/* Manual operations CTA */
.manual-cta{
  background:#eef6ff;
  padding:72px 0;
}

.manual-cta-box{
  background:linear-gradient(135deg,#061033,#082d73);
  color:#ffffff;
  border-radius:28px;
  padding:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  box-shadow:0 28px 70px rgba(6,16,51,.22);
}

.manual-cta-box h2{
  color:#ffffff;
  font-size:38px;
  line-height:1.1;
  letter-spacing:-.035em;
  margin-bottom:12px;
}

.manual-cta-box p{
  color:#dcecff;
  max-width:720px;
  font-size:17px;
}

.manual-cta-box .eyebrow{
  color:#8ed1ff;
}

/* Make hero dashboard copy stronger */
.hero h1{
  max-width:680px;
}

.hero-sub strong{
  color:#0b63ff;
}

@media(max-width:1000px){
  .results-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .manual-cta-box{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:640px){
  .results-grid{
    grid-template-columns:1fr;
  }

  .manual-cta-box{
    padding:30px;
  }

  .manual-cta-box h2{
    font-size:30px;
  }

  .logo.vc-logo .logo-mark,
  .footer-logo.vc-logo .logo-mark{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    margin-right:-6px !important;
    font-size:15px !important;
  }

  .logo.vc-logo .logo-text,
  .footer-logo.vc-logo .logo-text{
    font-size:26px !important;
  }
}