:root{--bg:#0b0f14;--panel:#0f172a;--ink:#e5eefb;--muted:#99a5b5;--soft:#0c1219;--line:#1f2a38;--accent:#8dd0ff;--brand:#0f172a}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,15,20,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:50}
.header-wrap{height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:38px;height:38px;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:#fff}
.brand-title{font-weight:800;letter-spacing:-.02em;color:#eaf2ff}
.nav{display:flex;gap:16px}
.nav a{font-weight:700;color:#c4d0e0}
.nav .btn.btn-secondary{border:1px solid var(--line);padding:.55rem .9rem;border-radius:14px;background:#131a24}
.hero{background:linear-gradient(180deg,#0f172a, #0b0f14);padding:72px 0 56px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;gap:24px}
.hero h1{font-size:40px;line-height:1.15;margin:0}
.hero .muted{color:#8aa1bb;font-weight:800}
.lead{color:#9bb0c8}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.btn{background:#eaf2ff;color:#0f172a;border:none;border-radius:14px;padding:.8rem 1.1rem;font-weight:800;display:inline-block}
.btn:hover{opacity:.94}
.btn.btn-secondary{background:#131a24;color:#eaf2ff;border:1px solid var(--line)}
.btn.light{background:#fff;color:#0f172a}
.section{padding:72px 0;border-top:1px solid var(--line)}
.section:first-of-type{border-top:none}
.section.alt{background:var(--soft)}
h2{margin:0 0 12px}
.section .lead{margin:0 0 18px}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#0f172a;color:#eaf2ff}
.grid-3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.price-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#0f172a;display:flex;flex-direction:column;gap:10px}
.price-card.featured{outline:2px solid #8dd0ff}
.pc-head{display:flex;align-items:baseline;justify-content:space-between}
.pc-name{font-weight:800}
.pc-price{font-weight:800;font-size:22px}
.pc-sub{color:#9bb0c8;font-size:14px}
.pc-list{margin:0;padding-left:18px}
.fine{color:#7f8fa3;font-size:12px}
.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}
.gallery-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0f172a}
.gallery-grid img{width:100%;height:220px;object-fit:cover}
.city-list{columns:2;column-gap:24px;margin:0;padding-left:18px}
.faq-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.faq-item{border:1px solid var(--line);border-radius:14px;padding:16px;background:#0f172a}
.book{background:#0f172a;color:#fff;padding:64px 0;border-top:1px solid var(--line)}
.book-inner{text-align:center}
.form-grid{display:grid;gap:12px;grid-template-columns:1fr}
.form-grid .span-2{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;padding:.7rem .75rem;border-radius:12px;border:1px solid #2a3b52;background:#0c1219;color:#eaf2ff;font-weight:600}
.footer{border-top:1px solid var(--line);background:#0b0f14;padding:40px 0}
.footer-grid{display:grid;gap:18px}
.hidden{position:absolute;left:-5000px;height:0;width:0;overflow:hidden}


/* --- Clutchspace: about grid centering (scoped) --- */
#about .about{
  max-width: 1100px;
  margin: 0 auto;
}
@media (min-width: 1024px){
  #about .about{
    grid-template-columns: 1.5fr 1fr; /* keep two columns, visually balanced */
    align-items: start;
  }
}
/* --------------------------------------------------- */