/* Hot Escort Aruba — Global Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a0f;--surface:#14141f;--surface2:#1e1e2e;--text:#e8e8ec;--muted:#9090a0;--accent:#c9a84c;--accent2:#e0c878;--radius:12px;--max-w:1400px}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;height:auto;display:block}

/* Navigation */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.06)}
.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.5rem}
.nav-logo{font-size:1.15rem;font-weight:600;letter-spacing:0.5px;color:var(--accent)}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:var(--muted);font-size:0.9rem;font-weight:500;transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-cta{background:var(--accent);color:#0a0a0f!important;padding:0.5rem 1.25rem;border-radius:50px;font-weight:600!important;font-size:0.85rem!important;transition:background 0.2s}
.nav-cta:hover{background:var(--accent2)}

/* Hero with video background */
.hero{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(0.35)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,0.4) 0%,rgba(10,10,15,0.7) 60%,var(--bg) 100%);z-index:1}
.hero-content{position:relative;z-index:2;padding:2rem;max-width:800px}
.hero-badge{display:inline-block;background:rgba(201,168,76,0.15);color:var(--accent);padding:0.35rem 1rem;border-radius:50px;font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:0.5px;margin-bottom:1rem;line-height:1.2}
.hero h1 span{color:var(--accent);font-weight:500}
.hero p{color:var(--muted);font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.btn{padding:0.85rem 2rem;border-radius:50px;font-weight:600;font-size:0.95rem;transition:all 0.2s;display:inline-block;cursor:pointer;border:none}
.btn-primary{background:var(--accent);color:#0a0a0f}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}
.btn-outline{border:1.5px solid rgba(255,255,255,0.3);color:var(--text)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1fb855}

/* Sections */
.section{padding:5rem 1.5rem;max-width:var(--max-w);margin:0 auto}
.section-header{text-align:center;margin-bottom:3rem}
.section-header h2{font-size:2.25rem;font-weight:300;letter-spacing:0.5px;margin-bottom:0.5rem}
.section-header p{color:var(--muted);font-size:1.05rem}
.section-badge{display:inline-block;color:var(--accent);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.75rem}

/* Services Grid */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.service-card{background:var(--surface);border-radius:var(--radius);padding:2rem;text-align:center;border:1px solid rgba(255,255,255,0.04);transition:transform 0.2s,border-color 0.2s}
.service-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.service-icon{font-size:2rem;margin-bottom:1rem}
.service-card h3{font-size:1.1rem;font-weight:500;margin-bottom:0.5rem}
.service-card p{color:var(--muted);font-size:0.9rem}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}
.price-card{background:var(--surface);border-radius:var(--radius);padding:1.75rem;text-align:center;border:1px solid rgba(255,255,255,0.04)}
.price-card.featured{border-color:var(--accent);background:var(--surface2)}
.price-amount{font-size:2rem;font-weight:700;color:var(--accent)}
.price-label{color:var(--muted);font-size:0.9rem;margin-top:0.25rem}

/* Models Grid */
.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.model-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,0.04);transition:transform 0.2s}
.model-card:hover{transform:translateY(-2px)}
.model-thumb{aspect-ratio:16/10;overflow:hidden;background:#000;position:relative}
.model-thumb video,.model-thumb img{width:100%;height:100%;object-fit:cover}
.model-thumb .play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);opacity:0;transition:opacity 0.2s}
.model-card:hover .play-icon{opacity:1}
.model-info{padding:1.25rem}
.model-info h3{font-size:1.05rem;font-weight:500;margin-bottom:0.25rem}
.model-meta{color:var(--muted);font-size:0.85rem}
.model-meta span{margin-right:0.75rem}
.model-card .btn{margin-top:0.75rem;padding:0.55rem 1.25rem;font-size:0.85rem;display:inline-block}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}
.contact-info h2{font-size:2rem;font-weight:300;margin-bottom:1rem}
.contact-info p{color:var(--muted);margin-bottom:2rem}
.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.contact-item .label{font-size:0.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.contact-item .value{font-size:1.15rem;font-weight:500}
.contact-item .value a{color:var(--accent)}
.contact-cta{background:var(--surface);border-radius:var(--radius);padding:2rem;text-align:center;border:1px solid rgba(255,255,255,0.04)}
.contact-cta h3{margin-bottom:1rem;font-size:1.25rem;font-weight:500}

/* Profile Page */
.profile-page{max-width:800px;margin:80px auto 0;padding:2rem 1.5rem}
.profile-video{border-radius:var(--radius);overflow:hidden;margin-bottom:2rem;background:#000}
.profile-video video{width:100%;display:block}
.profile-page h1{font-size:2rem;font-weight:300;margin-bottom:0.5rem}
.profile-meta{color:var(--muted);font-size:1rem;margin-bottom:1.5rem}
.profile-desc{font-size:1.05rem;line-height:1.7;color:var(--muted);margin-bottom:2rem}
.profile-cta{display:flex;gap:1rem;flex-wrap:wrap}

/* Footer */
footer{background:var(--surface);border-top:1px solid rgba(255,255,255,0.04);padding:3rem 1.5rem;text-align:center}
.footer-nav{display:flex;justify-content:center;gap:2rem;list-style:none;margin-bottom:1.5rem}
.footer-nav a{color:var(--muted);font-size:0.9rem}
.footer-text{color:var(--muted);font-size:0.8rem}
.footer-text p{margin-bottom:0.25rem}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:var(--surface);border-radius:var(--radius);padding:1.5rem;margin-bottom:0.75rem;border:1px solid rgba(255,255,255,0.04)}
.faq-item h3{font-size:1rem;font-weight:500;margin-bottom:0.5rem}
.faq-item p{color:var(--muted);font-size:0.9rem}

/* Mobile nav */
.mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}
@media(max-width:768px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;padding:1rem;gap:0.75rem;border-bottom:1px solid rgba(255,255,255,0.06)}
  .nav-links.open{display:flex}
  .mobile-toggle{display:block}
  .hero h1{font-size:2rem}
  .section{padding:3rem 1rem}
}