/*
 * Vaultify Hospitality Premium · design-only layer
 * Gold/navy tokens from Vaultify Brand Kit v1.0
 * Isolated to the marketing surface; does not touch payment, booking or AI flows
 */
@font-face{font-family:"Vaultify Arabic Premium";src:url("/assets/brand/fonts/plex-400-ar.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Vaultify Arabic Premium";src:url("/assets/brand/fonts/plex-500-ar.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Vaultify Arabic Premium";src:url("/assets/brand/fonts/plex-600-ar.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Vaultify Latin Premium";src:url("/assets/brand/fonts/plex-400-lat.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Vaultify Latin Premium";src:url("/assets/brand/fonts/plex-600-lat.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#070C14;--panel:#0D1726;--panel2:#142235;--line:#293B51;--line2:#40516B;
  --text:#F4F1EA;--muted:#ACBACD;--muted2:#8595A9;--mint:#D6B66D;--mint2:#E8D19A;
  --mint3:#F4E3BC;--amber:#D6B66D;--green:#75DEB0;--red:#F38F8F;
  --r:18px;--shadow:0 28px 70px rgba(0,0,0,.28);
}
html{scroll-padding-top:112px}
body{
  font-family:"Vaultify Arabic Premium","Vaultify Latin Premium",Tahoma,Arial,sans-serif;
  font-size:16px;line-height:1.95;color:var(--text);
  background:radial-gradient(ellipse at 85% 0,rgba(214,182,109,.065),transparent 44%),var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid #65D6E5;outline-offset:4px
}
.ambient{
  background:radial-gradient(circle at 82% 5%,rgba(214,182,109,.10),transparent 29%),
  radial-gradient(circle at 16% 49%,rgba(33,64,101,.12),transparent 32%);
}
.gridbg{
  background-image:linear-gradient(rgba(214,182,109,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(214,182,109,.025) 1px,transparent 1px);
}
.c{width:min(1200px,calc(100% - 56px))}
.navwrap{background:linear-gradient(180deg,rgba(7,12,20,.97),rgba(7,12,20,.92) 65%,transparent)}
nav{border-color:rgba(214,182,109,.22);background:rgba(13,23,38,.90);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.brand{font-size:16px;letter-spacing:0;font-weight:700;gap:12px}
.vaultify-symbol{width:33px;height:33px;flex-shrink:0}
.links{color:#B9C5D3;font-size:13px}
.links a{transition:color .2s}
.links a:hover,.client-access a:hover{color:var(--gold,#D6B66D)}
.lang{color:#C1CEDB;border-color:var(--line2)}
.btn{border-radius:9px;font-weight:600;min-height:44px;line-height:1.55}
.btn.primary{background:linear-gradient(118deg,#F0DEAF 0%,#D6B66D 64%,#C5A058 100%);color:#17140F;
  box-shadow:0 9px 25px rgba(214,182,109,.13)}
.btn.primary:hover{background:linear-gradient(118deg,#F6E7C5,#E1C281,#CBA65A);box-shadow:0 11px 30px rgba(214,182,109,.2)}
.btn.ghost{background:#101B2C;color:#F4F1EA;border-color:#465571}
.wa-float{background:#1BAE62;color:#06190C;border-color:rgba(117,222,176,.4);font-weight:600}
.hero{padding:82px 0 64px}
.heroGrid{gap:62px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.heroGrid>*{min-width:0}
.tag{background:rgba(214,182,109,.07);border-color:rgba(214,182,109,.32);color:#EBD5A7;font-weight:500}
.tag i{background:var(--mint);box-shadow:0 0 10px rgba(214,182,109,.22)}
h1,.hero h1{
  font-family:"Vaultify Arabic Premium","Vaultify Latin Premium",Tahoma,Arial,sans-serif;
  font-size:clamp(40px,5.8vw,68px);font-weight:700;letter-spacing:0;line-height:1.43;
  margin:24px 0 20px
}
.grad{background:linear-gradient(112deg,#FFF7E3 0%,#E8D19A 45%,#C8A058 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;line-height:2.04;color:#B9C5D3;max-width:650px}
.micro{color:#A1B0C1;font-size:12px}
.micro span:before{background:#806C45}
.client-access{color:#B2BECD;line-height:1.85}
.client-access a{color:#E1C281}
.visual{min-height:500px}
.orb{background:radial-gradient(circle,rgba(214,182,109,.10),transparent 64%)}
.ring{border-color:rgba(214,182,109,.14)}
.ring:after{box-shadow:0 0 15px rgba(214,182,109,.4)}
.product{
  border-color:rgba(214,182,109,.36);
  background:linear-gradient(155deg,rgba(20,34,53,.99),rgba(7,12,20,.99));
  box-shadow:0 25px 75px rgba(0,0,0,.30);
  border-radius:24px
}
.ptop,.strip{border-color:#293B51;color:#99AABB}
.ptop{direction:rtl;gap:8px}.ptop span{white-space:nowrap}.ptop span:nth-child(2){color:#E8D19A}
.kpi{text-align:right}.row{direction:rtl}
.kpi,.row{background:#0D1726;border-color:#293B51}
.kpi small,.row small{color:#9BAAC0}
.av{background:#2B2940;color:#E8D19A}
.chip{background:#143126;color:#A9E8CC;border-color:#286C50}
.guard{background:linear-gradient(100deg,#1A2639,#0D1726);border-color:#43516A}
.guard small{color:#A1B0C1}
.pulseDot{background:linear-gradient(145deg,#D6B66D,#695635)}
.section{padding:88px 0}
.head{gap:28px;margin-bottom:38px}
.head h2,.cta h2{
  font-family:"Vaultify Arabic Premium","Vaultify Latin Premium",Tahoma,Arial,sans-serif;
  font-size:clamp(30px,4.1vw,49px);font-weight:700;letter-spacing:0;line-height:1.55
}
.head p,.card p,.mini p,.trustBig>p{color:#B2BFD0;line-height:2}
.card,.mini,.price{
  background:linear-gradient(165deg,#111D2E,#0B1423);border:1px solid #293B51;
  border-radius:16px;box-shadow:none
}
.card h3,.step h3,.price h3{font-weight:700;line-height:1.55}
.trustBig{background:linear-gradient(145deg,#152238,#0B1423);border:1px solid #344966;border-radius:18px}
.price.pop{border-color:#9B804D;background:linear-gradient(180deg,#262638,#111B2C)}
.popular{background:#393223;border-color:#876C3C;color:#F3DCAB}
.money{font-family:"Vaultify Latin Premium","Vaultify Arabic Premium",Arial,sans-serif;color:#EAD5A2}
.price ul,.faq,.ledger li{color:#B7C5D4}
.faq details{background:#101B2B;border-color:#2D3B4F;border-radius:12px}
.faq summary{font-weight:600;line-height:1.7}
.form input,.form select,.form textarea{
  border-radius:9px;border-color:#4B5D75;background:#0A1422;color:#F4F1EA
}
.form input::placeholder,.form textarea::placeholder{color:#9FADC1}
.cta{background:linear-gradient(135deg,#18283C,#0E1726);border-color:#5C523E;border-radius:20px}
.audit-note,.leak-note{color:#ABB8C8}
.audit{min-width:0;grid-template-columns:minmax(0,1fr)}
.audit>*{min-width:0;max-width:100%}
.audit .audit-top{min-width:0}
.audit input[type=file]{min-width:0;width:100%;max-width:100%}
.audit .btn{max-width:100%;white-space:normal;text-align:center}
@media(max-width:980px){.heroGrid{gap:30px;grid-template-columns:minmax(0,1fr)}.head h2,.cta h2{line-height:1.55}}
@media(max-width:620px){
 .c{width:calc(100% - 34px)}
 .heroGrid>*{min-width:0}
 .heroact .btn{max-width:100%;white-space:normal;text-align:center}
 .client-access a{overflow-wrap:anywhere}
 .ptop span:first-child{max-width:34%;overflow:hidden;text-overflow:ellipsis}
 .ptop span:nth-child(2){max-width:66%;white-space:normal}
 .ptop span:last-child{display:none}
 nav{padding:12px}
 .hero{padding:42px 0 36px}
 h1,.hero h1{font-size:clamp(33px,9vw,45px);line-height:1.53}
 .lead{font-size:16px;line-height:2}
 .section{padding:58px 0}
 .head h2,.cta h2{font-size:clamp(29px,8vw,36px);line-height:1.55}
 .product{margin:18px 0;border-radius:18px;transform:none}
 .cards,.pricing{grid-template-columns:1fr}
 .card,.mini,.price{border-radius:14px}
 .wa-float{bottom:12px;right:12px;padding:10px 13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .reveal{transition:none!important;transform:none!important}
 .pulseDot:after{animation:none}
}

/* Explicit Core and Pro commercial tiers */
.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
.price{min-width:0;display:flex;flex-direction:column}
.price .btn{margin-top:auto;align-self:flex-start}
.price .popular{max-width:max-content}
@media(max-width:620px){.pricing{grid-template-columns:1fr}.price .btn{width:100%;text-align:center}}

/* Premium WhatsApp contact control, project routing and URL unchanged */
.wa-float{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 18px!important;min-height:51px;
  background:linear-gradient(135deg,#24cf7a 0%,#119c59 100%)!important;
  color:#ffffff!important;border:1px solid rgba(199,255,222,.42)!important;
  border-radius:999px!important;
  font-weight:700!important;font-size:14px;
  box-shadow:0 8px 28px rgba(5,98,53,.35),0 0 0 3px rgba(15,140,84,.08);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  direction:rtl;white-space:nowrap;text-decoration:none!important
}
.wa-float .wa-symbol{width:25px;height:25px;display:block;flex-shrink:0}
.wa-float:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(5,98,53,.45)}
.wa-float:focus-visible{outline:3px solid #d6b66d;outline-offset:4px}
@media(max-width:500px){.wa-float{padding:12px!important;min-width:52px;min-height:52px}.wa-float span{display:none}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none!important}.wa-float:hover{transform:none}}

/* Gift code entry is separate from contacting Sales on WhatsApp */
.client-access a[data-gift-entry]{color:#E8D19A;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.client-access a[data-gift-entry]:focus-visible{outline:2px solid #D6B66D;outline-offset:4px;border-radius:3px}