:root{
  --n0:#050c16;--n1:#0b1b2a;--n2:#112234;--n3:#182d42;
  --g:#d4af52;--gl:#f0cc6a;--gd:#9a7a35;
  --s:#eaf2f7;--sd:#8fb0c4;
  --gr:#22c55e;--re:#ef4444;--bl:#3b82f6;
  --r:12px;--rs:8px;
  --st:env(safe-area-inset-top,0px);
  --sb:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--n0);color:var(--s);font-family:'Rajdhani',sans-serif;overflow-x:hidden;min-height:100vh;
  background-image:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(20,46,68,.9),transparent 55%),
  radial-gradient(ellipse 40% 40% at 95% 95%,rgba(212,175,82,.05),transparent 55%);}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:200;
  padding:calc(.75rem + var(--st)) 1.5rem .75rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  background:rgba(5,12,22,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border-bottom:1px solid rgba(212,175,82,.14);}
.nl{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.nl svg{width:26px;height:26px;}
.nw{font-family:'Cinzel',serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff;line-height:1.2;}
.nw small{display:block;font-size:.5rem;letter-spacing:.28em;color:var(--g);}
.nr{display:flex;align-items:center;gap:.7rem;}
.nph{font-family:'Cinzel',serif;font-size:.72rem;color:var(--g);text-decoration:none;letter-spacing:.07em;}
.nbk{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sd);
  text-decoration:none;border:1px solid rgba(212,175,82,.22);padding:.3rem .75rem;border-radius:50px;transition:all .2s;}
.nbk:hover{border-color:var(--g);color:var(--g);}

/* ── WRAPPER ── */
.wrap{max-width:960px;margin:0 auto;padding:1.5rem 1.2rem calc(3rem + var(--sb));}

/* ── HERO ── */
.hero{text-align:center;padding:2.5rem 1rem 2rem;position:relative;}
.hpill{display:inline-flex;align-items:center;gap:.6rem;font-size:.6rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--g);background:rgba(212,175,82,.08);
  border:1px solid rgba(212,175,82,.22);border-radius:50px;padding:.38rem 1rem;margin-bottom:1.4rem;
  animation:fu .7s ease .1s both;}
.hpill::before,.hpill::after{content:'◆';font-size:.38rem;}
.hh1{font-family:'Cinzel',serif;font-size:clamp(1.8rem,5.5vw,3.2rem);font-weight:700;
  color:#fff;line-height:1;letter-spacing:.04em;margin-bottom:.4rem;animation:fu .7s ease .2s both;}
.hh1 em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--gl);display:block;}
.hsub{font-size:.88rem;color:#c0d8e4;max-width:500px;margin:.7rem auto 1.6rem;line-height:1.7;animation:fu .7s ease .3s both;}
.htrust{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.8rem;animation:fu .7s ease .4s both;}
.htrust span{font-size:.7rem;color:#c0d8e4;display:flex;align-items:center;gap:.35rem;}
.htrust span::before{content:'✓';color:var(--gr);font-weight:700;}
@keyframes fu{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* ── BOOKING CARD ── */
.bcard{background:rgba(11,27,42,.78);backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);
  border:1px solid rgba(197,210,220,.11);border-radius:var(--r);overflow:hidden;}

/* ── PROGRESS ── */
.prog{display:flex;background:rgba(5,12,22,.65);border-bottom:1px solid rgba(197,210,220,.07);}
.ps{flex:1;padding:.8rem .4rem;text-align:center;position:relative;transition:background .25s;}
.ps.on{background:rgba(212,175,82,.08);}
.ps.dn{background:rgba(34,197,94,.06);}
.pd{width:20px;height:20px;border-radius:50%;margin:0 auto .28rem;
  display:flex;align-items:center;justify-content:center;
  background:rgba(197,210,220,.08);border:1px solid rgba(197,210,220,.14);
  font-size:.6rem;color:var(--sd);font-weight:700;transition:all .25s;}
.ps.on .pd{background:rgba(212,175,82,.18);border-color:rgba(212,175,82,.45);color:var(--g);}
.ps.dn .pd{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.38);color:var(--gr);}
.pl{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sd);}
.ps.on .pl{color:var(--g);}
.ps.dn .pl{color:var(--gr);}

/* ── PANELS ── */
.pan{display:none;padding:1.6rem 1.5rem;animation:fu .35s ease both;}
.pan.on{display:block;}
.ptitle{font-family:'Cinzel',serif;font-size:1rem;color:#fff;letter-spacing:.06em;margin-bottom:.3rem;}
.psub{font-size:.8rem;color:var(--sd);margin-bottom:1.4rem;line-height:1.5;}

/* ── AI GREETING ── */
.aig{display:flex;gap:.9rem;align-items:flex-start;
  background:rgba(11,27,42,.65);border:1px solid rgba(212,175,82,.18);
  border-radius:var(--r);padding:1.1rem 1.2rem;margin-bottom:1.3rem;}
.aig-img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center top;
  border:2px solid rgba(212,175,82,.42);flex-shrink:0;}
.aig-name{font-family:'Cinzel',serif;font-size:.78rem;color:#fff;letter-spacing:.06em;margin-bottom:.15rem;
  display:flex;align-items:center;gap:.45rem;}
.aig-badge{background:rgba(212,175,82,.14);border:1px solid rgba(212,175,82,.28);
  color:var(--g);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;padding:.14rem .5rem;border-radius:4px;font-weight:700;}
.aig-msg{font-size:.83rem;color:#d8eaf3;line-height:1.68;}
.aig-msg strong{color:var(--gl);}
.online{font-size:.66rem;color:var(--gr);display:flex;align-items:center;gap:.35rem;margin-top:.4rem;}
.odot{width:6px;height:6px;border-radius:50%;background:var(--gr);}

/* ── SERVICE GRID ── */
.sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;}
.so{border:1px solid rgba(197,210,220,.11);border-radius:var(--rs);
  padding:.95rem .85rem;cursor:pointer;transition:all .22s;background:rgba(5,12,22,.4);
  display:flex;align-items:center;gap:.7rem;}
.so:hover{border-color:rgba(212,175,82,.28);background:rgba(212,175,82,.05);}
.so.sel{border-color:var(--g);background:rgba(212,175,82,.11);}
.so-ico{font-size:1.3rem;flex-shrink:0;}
.so-name{font-family:'Cinzel',serif;font-size:.78rem;color:#fff;letter-spacing:.05em;margin-bottom:.12rem;}
.so-price{font-size:.67rem;color:var(--g);font-weight:600;}
.so.sel .so-name{color:var(--gl);}

/* ── VEHICLE GRID ── */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;}
.vo{border:1px solid rgba(197,210,220,.1);border-radius:var(--rs);
  padding:.85rem .5rem;cursor:pointer;transition:all .22s;background:rgba(5,12,22,.4);text-align:center;}
.vo:hover{border-color:rgba(212,175,82,.28);}
.vo.sel{border-color:var(--g);background:rgba(212,175,82,.11);}
.vo-ico{font-size:1.4rem;display:block;margin-bottom:.28rem;}
.vo-nm{font-size:.68rem;color:#c0d8e4;font-weight:600;letter-spacing:.05em;}
.vo.sel .vo-nm{color:var(--g);}

/* ── DATE SCROLL ── */
.dscroll{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem 0 .4rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(212,175,82,.25) transparent;}
.db{flex-shrink:0;border:1px solid rgba(197,210,220,.11);border-radius:var(--rs);
  padding:.6rem .8rem;cursor:pointer;transition:all .22s;background:rgba(5,12,22,.4);text-align:center;min-width:56px;}
.db:hover{border-color:rgba(212,175,82,.28);}
.db.sel{border-color:var(--g);background:rgba(212,175,82,.13);}
.db-day{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sd);display:block;}
.db-num{font-family:'Cinzel',serif;font-size:.9rem;color:#fff;font-weight:600;display:block;}
.db-mo{font-size:.54rem;color:var(--sd);display:block;}
.db.sel .db-num{color:var(--g);}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.9rem;}
.tb{border:1px solid rgba(197,210,220,.1);border-radius:var(--rs);
  padding:.5rem .25rem;cursor:pointer;background:rgba(5,12,22,.4);
  font-family:'Rajdhani',sans-serif;font-size:.75rem;font-weight:600;
  color:var(--sd);text-align:center;transition:all .22s;}
.tb:hover{border-color:rgba(212,175,82,.28);color:var(--s);}
.tb.sel{border-color:var(--g);background:rgba(212,175,82,.13);color:var(--g);}

/* ── AREA GRID ── */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;}
.ao{border:1px solid rgba(197,210,220,.1);border-radius:var(--rs);
  padding:.8rem .5rem;cursor:pointer;transition:all .22s;background:rgba(5,12,22,.4);text-align:center;}
.ao:hover{border-color:rgba(212,175,82,.28);}
.ao.sel{border-color:var(--g);background:rgba(212,175,82,.11);}
.ao-flag{font-size:1.2rem;display:block;margin-bottom:.25rem;}
.ao-nm{font-size:.68rem;color:#c0d8e4;font-weight:600;}
.ao.sel .ao-nm{color:var(--g);}

/* ── FORM ── */
.fg{margin-bottom:.9rem;}
.fl{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);
  display:block;margin-bottom:.35rem;font-weight:600;}
.fi{width:100%;background:rgba(5,12,22,.62);border:1px solid rgba(197,210,220,.13);
  border-radius:var(--rs);color:#fff;padding:.78rem .95rem;
  font-family:'Rajdhani',sans-serif;font-size:.92rem;outline:none;
  transition:border-color .22s,background .22s;}
.fi:focus{border-color:rgba(212,175,82,.48);background:rgba(11,27,42,.8);}
.fi::placeholder{color:var(--sd);opacity:.6;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
textarea.fi{resize:vertical;min-height:80px;}

/* ── URGENCY ── */
.urg{background:rgba(212,175,82,.07);border:1px solid rgba(212,175,82,.17);
  border-radius:var(--rs);padding:.8rem 1rem;margin-bottom:1.2rem;
  display:flex;align-items:center;gap:.7rem;}
.urg-ico{font-size:1.1rem;flex-shrink:0;}
.urg-txt{font-size:.78rem;color:#c0d8e4;line-height:1.5;}
.urg-txt strong{color:var(--g);}

/* ── SUMMARY ── */
.sumbox{background:rgba(5,12,22,.6);border:1px solid rgba(212,175,82,.16);
  border-radius:var(--rs);padding:1.1rem;margin-bottom:1.3rem;}
.sum-title{font-family:'Cinzel',serif;font-size:.74rem;color:var(--g);letter-spacing:.12em;margin-bottom:.8rem;}
.sum-row{display:flex;justify-content:space-between;align-items:center;
  padding:.38rem 0;border-bottom:1px solid rgba(197,210,220,.05);}
.sum-row:last-child{border-bottom:none;padding-top:.6rem;}
.sk{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sd);}
.sv{font-size:.8rem;color:#fff;font-weight:600;text-align:right;}
.sv.gold{color:var(--gl);font-family:'Cinzel',serif;font-size:.95rem;}

/* ── SMS PREVIEW ── */
.smsbox{background:rgba(5,12,22,.65);border:1px solid rgba(59,130,246,.17);
  border-radius:var(--rs);padding:.9rem 1rem;margin-bottom:1.3rem;}
.sms-lbl{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--bl);margin-bottom:.5rem;font-weight:700;display:flex;align-items:center;gap:.4rem;}
.sms-bbl{background:rgba(24,50,80,.5);border-radius:10px 10px 10px 3px;
  padding:.65rem .85rem;font-size:.77rem;color:#deeef8;line-height:1.65;white-space:pre-wrap;}

/* ── BUTTONS ── */
.btn{width:100%;padding:.95rem;background:var(--g);color:var(--n0);border:none;
  border-radius:var(--rs);font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;
  transition:all .25s;box-shadow:0 4px 18px rgba(212,175,82,.26);margin-top:.4rem;}
.btn:hover{background:var(--gl);transform:translateY(-2px);box-shadow:0 7px 24px rgba(212,175,82,.36);}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}
.btnrow{display:flex;gap:.7rem;align-items:center;margin-top:.4rem;}
.btnrow .btn{flex:1;}
.btnb{background:transparent;border:1px solid rgba(197,210,220,.14);color:var(--sd);
  border-radius:var(--rs);padding:.62rem 1.2rem;font-family:'Rajdhani',sans-serif;
  font-size:.73rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .22s;}
.btnb:hover{border-color:rgba(197,210,220,.28);color:var(--s);}

/* ── SUCCESS ── */
.succ{text-align:center;padding:2rem 1.2rem;}
.succ-ico{margin-bottom:1.1rem;animation:pop .45s ease both;}
.succ-ico img{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(34,197,94,.45);}
@keyframes pop{from{transform:scale(.4);opacity:0;}to{transform:scale(1);opacity:1;}}
.succ-h2{font-family:'Cinzel',serif;font-size:1.5rem;color:#fff;letter-spacing:.05em;margin-bottom:.5rem;}
.succ-sub{font-size:.86rem;color:#c0d8e4;line-height:1.7;margin-bottom:1.6rem;}
.succ-sms{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.2);
  border-radius:var(--rs);padding:1rem;margin:0 auto 1.4rem;max-width:400px;text-align:left;}
.succ-sms-lbl{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gr);margin-bottom:.45rem;font-weight:700;}
.succ-sms-txt{font-size:.78rem;color:#deeef8;line-height:1.65;white-space:pre-wrap;}
.tl{display:flex;flex-direction:column;gap:.65rem;max-width:360px;margin:0 auto 1.8rem;text-align:left;}
.tli{display:flex;align-items:flex-start;gap:.8rem;}
.tld{width:26px;height:26px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;}
.tlt{font-size:.8rem;color:#c0d8e4;line-height:1.6;padding-top:.15rem;}
.tlt strong{color:#fff;}
.succ-btns{display:flex;flex-direction:column;gap:.7rem;align-items:center;}
.succ-btn-a{display:inline-flex;align-items:center;gap:.5rem;background:var(--g);color:var(--n0);
  padding:.85rem 2rem;border-radius:50px;font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:.8rem;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;transition:all .22s;}
.succ-btn-a:hover{background:var(--gl);transform:translateY(-1px);}
.succ-btn-b{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--g);
  border:1px solid rgba(212,175,82,.28);padding:.78rem 1.8rem;border-radius:50px;
  font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;text-decoration:none;transition:all .22s;}
.succ-btn-b:hover{border-color:var(--g);background:rgba(212,175,82,.06);}

/* ── TICKER ── */
.ticker{display:flex;align-items:center;gap:.7rem;padding:.42rem 1rem;
  background:rgba(34,197,94,.08);border-radius:50px;margin-bottom:1.4rem;
  font-size:.7rem;color:var(--gr);width:fit-content;margin-left:auto;margin-right:auto;}
.tdot{width:6px;height:6px;border-radius:50%;background:currentColor;
  animation:blink 1.3s ease-in-out infinite;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}

/* ── LABEL ── */
.lbl-row{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sd);
  margin-bottom:.5rem;margin-top:.9rem;}

/* ── TRUST FOOTER ── */
.tfooter{margin-top:1.8rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;}
.tfc{background:rgba(11,27,42,.65);border:1px solid rgba(197,210,220,.09);border-radius:var(--rs);
  padding:.75rem 1rem;display:flex;align-items:center;gap:.55rem;}
.tfc-ico{font-size:1rem;}
.tfc-lbl{font-size:.62rem;color:var(--g);letter-spacing:.1em;font-weight:600;}
.tfc-val{font-size:.78rem;color:#fff;font-weight:600;}

/* ── MOBILE ── */
@media(max-width:560px){
  .sgrid{grid-template-columns:1fr 1fr;}
  .vgrid{grid-template-columns:repeat(3,1fr);}
  .tgrid{grid-template-columns:repeat(3,1fr);}
  .frow{grid-template-columns:1fr;}
  .pl{display:none;}
  .aig-img{width:44px;height:44px;}
  .tfooter{gap:.6rem;}
}
