/* Ace Quality Renovations — landing CSS */
:root{
  --dark:#1a1714; --darker:#0f0d0b;
  --gold:#f0bf2e; --gold-2:#e0a811;
  --text:#1a1714; --muted:#6b6157; --bg:#fff; --soft:#f7f4ee;
  --border:#e8e2d6;
  --shadow-card:0 4px 18px -8px rgba(20,15,8,.18);
  --shadow-elegant:0 22px 50px -22px rgba(20,15,8,.4);
  --shadow-gold:0 12px 30px -10px rgba(240,191,46,.55);
  --gradient-gold:linear-gradient(135deg,#f5cc4b,#e0a811);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55;padding-bottom:72px}
@media(min-width:768px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.02em;margin:0 0 .5em;line-height:1.1}
.aq-container{max-width:1200px;margin:0 auto;padding:0 16px}
.aq-gold{color:var(--gold)}
.aq-center{text-align:center;margin-top:32px}

/* Buttons */
.aq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:8px;font-weight:700;font-size:14px;border:0;cursor:pointer;transition:.2s;text-align:center}
.aq-btn--lg{padding:15px 26px;font-size:15px}
.aq-btn--block{width:100%}
.aq-btn--gold{background:var(--gradient-gold);color:var(--dark);box-shadow:var(--shadow-gold)}
.aq-btn--gold:hover{filter:brightness(1.03)}
.aq-btn--dark{background:var(--dark);color:#fff;box-shadow:var(--shadow-card)}
.aq-btn--dark:hover{background:var(--darker)}
.aq-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.aq-btn--ghost:hover{background:rgba(255,255,255,.08)}
.aq-btn--ghost-dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}

/* Header */
.aq-header{position:sticky;top:0;z-index:50;background:rgba(26,23,20,.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.aq-header__top{background:var(--darker);font-size:12px;color:rgba(255,255,255,.75);display:none}
@media(min-width:768px){.aq-header__top{display:block}}
.aq-header__top .aq-container{display:flex;justify-content:flex-end;gap:24px;padding-top:8px;padding-bottom:8px}
.aq-header__top a:hover{color:var(--gold)}
.aq-header__main{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:12px;background:var(--dark)}
.aq-logo img{height:40px;width:auto}
.aq-header__cta{display:flex;align-items:center;gap:12px}
.aq-phone{display:none;color:#fff;font-weight:600;font-size:14px}
.aq-phone:hover{color:var(--gold)}
@media(min-width:640px){.aq-phone{display:inline}}

/* Hero */
.aq-hero{position:relative;overflow:hidden;color:#fff;background:var(--dark)}
.aq-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.aq-hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--darker) 0%,rgba(26,23,20,.9) 50%,rgba(15,13,11,.85) 100%)}
.aq-hero__grid{position:relative;display:grid;grid-template-columns:1fr;gap:32px;align-items:center;padding:40px 16px}
@media(min-width:1024px){.aq-hero__grid{grid-template-columns:3fr 2fr;padding:80px 16px;gap:48px}}
.aq-pill{display:inline-block;background:rgba(240,191,46,.12);color:var(--gold);border:1px solid rgba(240,191,46,.35);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.aq-hero__content h1{font-size:clamp(34px,5vw,60px);font-weight:800;margin:16px 0;line-height:1.05}
.aq-lede{font-size:18px;color:rgba(255,255,255,.82);max-width:540px;margin:0 0 28px}
.aq-badges{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px}
.aq-badges li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.92)}
.aq-hero__btns{display:flex;flex-wrap:wrap;gap:12px}

/* Form */
.aq-formwrap{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-elegant);color:var(--text);scroll-margin-top:120px}
.aq-formwrap__head{background:var(--gradient-gold);padding:18px 24px;color:var(--dark)}
.aq-formwrap__head h2{font-size:20px;margin:0;font-weight:800}
.aq-formwrap__head p{margin:2px 0 0;font-size:13px;opacity:.85}
.aq-form{padding:22px;display:grid;gap:14px}
.aq-form label{display:block;font-size:12px;font-weight:600;color:var(--text)}
.aq-form input,.aq-form textarea{margin-top:6px;width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--border);font:inherit;font-size:14px;background:#fff;color:var(--text)}
.aq-form input:focus,.aq-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,191,46,.25)}
.aq-form textarea{resize:vertical}
.aq-fineprint{text-align:center;font-size:12px;color:var(--muted);margin:0}
.aq-msg{font-size:13px;text-align:center;margin:0;min-height:1em}
.aq-msg.ok{color:#147a3b}
.aq-msg.err{color:#b3261e}
.aq-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Sections */
.aq-section{padding:64px 0}
@media(min-width:768px){.aq-section{padding:96px 0}}
.aq-section--muted{background:var(--soft)}
.aq-secthead{text-align:center;max-width:640px;margin:0 auto 40px}
.aq-eyebrow{color:var(--gold-2);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.aq-secthead h2{font-size:clamp(28px,4vw,48px);font-weight:800;margin:8px 0}
.aq-secthead p{color:var(--muted);margin:0}

/* Projects */
.aq-grid-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:1024px){.aq-grid-projects{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,220px);gap:14px}}
.aq-project{position:relative;margin:0;overflow:hidden;border-radius:14px;box-shadow:var(--shadow-card);aspect-ratio:4/3}
@media(min-width:1024px){.aq-project{aspect-ratio:auto}.aq-project.tall{grid-column:span 2;grid-row:span 2}}
.aq-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.aq-project:hover img{transform:scale(1.08)}
.aq-project::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.05) 60%,transparent)}
.aq-project figcaption{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;color:#fff;font-weight:600;font-size:14px;z-index:1}

/* Suite cards */
.aq-cards{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.aq-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.aq-cards{grid-template-columns:repeat(3,1fr);gap:24px}}
.aq-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;transition:.25s}
.aq-card:hover{border-color:var(--gold);box-shadow:var(--shadow-elegant);transform:translateY(-2px)}
.aq-card__ico{display:inline-flex;width:48px;height:48px;border-radius:10px;background:var(--gradient-gold);align-items:center;justify-content:center;font-size:24px;box-shadow:var(--shadow-gold)}
.aq-card h3{margin:14px 0 4px;font-size:18px}
.aq-card p{margin:0;color:var(--muted);font-size:14px}

/* Why us */
.aq-why{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.aq-why{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.aq-why{grid-template-columns:repeat(3,1fr);gap:18px}}
.aq-why__item{display:flex;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;transition:.2s}
.aq-why__item:hover{box-shadow:var(--shadow-card)}
.aq-why__ico{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:rgba(240,191,46,.18);color:var(--gold-2);display:flex;align-items:center;justify-content:center;font-size:20px}
.aq-why__item h3{font-size:15px;margin:0}
.aq-why__item p{margin:2px 0 0;font-size:13px;color:var(--muted)}

/* CTA banner */
.aq-cta{position:relative;overflow:hidden;color:#fff}
.aq-cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aq-cta__overlay{position:absolute;inset:0;background:rgba(15,13,11,.86)}
.aq-cta__inner{position:relative;text-align:center;padding:80px 16px}
@media(min-width:768px){.aq-cta__inner{padding:112px 16px}}
.aq-cta__inner h2{font-size:clamp(28px,4vw,48px);font-weight:800;max-width:760px;margin:0 auto 16px}
.aq-cta__inner p{color:rgba(255,255,255,.82);max-width:560px;margin:0 auto 28px}
.aq-cta__contact{margin-top:32px;display:flex;flex-direction:column;gap:12px;justify-content:center;color:rgba(255,255,255,.92)}
@media(min-width:640px){.aq-cta__contact{flex-direction:row;gap:32px}}
.aq-cta__contact a:hover{color:var(--gold)}

/* Footer */
.aq-footer{background:var(--darker);color:rgba(255,255,255,.78)}
.aq-footer__grid{display:grid;grid-template-columns:1fr;gap:32px;padding:48px 16px}
@media(min-width:768px){.aq-footer__grid{grid-template-columns:repeat(3,1fr)}}
.aq-footer h4{color:#fff;margin:0 0 12px;font-size:16px}
.aq-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
.aq-footer a:hover{color:var(--gold)}
.aq-footer p{font-size:14px;color:rgba(255,255,255,.6);max-width:300px;margin-top:12px}
.aq-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 16px;text-align:center;font-size:12px;color:rgba(255,255,255,.5)}

/* Sticky mobile CTA */
.aq-sticky{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:rgba(26,23,20,.97);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}
@media(min-width:768px){.aq-sticky{display:none}}
.aq-sticky .aq-btn{padding:13px 14px;font-size:14px}