@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0e1a;--card:#0f1523;--card2:#111827;
  --blue:#2563eb;--bluel:#3b82f6;--blued:#1d4ed8;--blueg:rgba(37,99,235,.15);
  --gold:#f59e0b;--gold2:#facc15;
  --tw:#fff;--tg:#9ca3af;--tl:#d1d5db;
  --bd:#1e293b;--bb:#1e40af;--green:#22c55e;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--tw);line-height:1.6}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}

/* ===== HEADER ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(10,14,26,.95);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:10px}
.logo-qc{font-size:36px;font-weight:900;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.logo-sub{font-size:9px;font-weight:500;color:var(--tg);letter-spacing:2px;text-transform:uppercase;line-height:1.3}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:13px;font-weight:500;color:var(--tg);text-transform:uppercase;letter-spacing:.5px;transition:color .3s}
.nav a:hover{color:#fff}
.nav-dd{position:relative}
.nav-dd>a::after{content:' ▾';font-size:9px}
.nav-dd .dd{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:6px 0;min-width:210px;box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:1001}
.nav-dd:hover .dd{display:block}
.dd a{display:block;padding:10px 18px;font-size:12px;color:var(--tg);text-transform:none;letter-spacing:0}
.dd a:hover{background:var(--blue);color:#fff}
.btn-book{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:10px 18px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:background .3s}
.btn-book:hover{background:var(--blued)}

/* ===== HERO ===== */
.hero{padding:130px 48px 50px;display:flex;align-items:center;gap:40px;max-width:1400px;margin:0 auto;min-height:560px}
.hero-left{flex:0 0 45%;max-width:560px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blueg);border:1px solid var(--bb);color:var(--bluel);padding:7px 14px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.hero h1{font-size:50px;font-weight:900;line-height:1.05;margin-bottom:16px}
.hero h1 span{color:var(--bluel)}
.hero>p,.hero-desc{font-size:17px;color:var(--tg);margin-bottom:28px;line-height:1.7}
.hero-feats{display:flex;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.hero-feat{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--tl)}
.hero-feat .ico{width:20px;height:20px;border-radius:50%;background:var(--blueg);display:flex;align-items:center;justify-content:center;color:var(--bluel);font-size:10px;flex-shrink:0}
.hero-btns{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:13px 24px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s}
.btn-p:hover{background:var(--blued);transform:translateY(-1px)}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:13px 24px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--bd);transition:all .3s;cursor:pointer}
.btn-o:hover{border-color:var(--blue);background:rgba(37,99,235,.1)}
.hero-img{flex:1;max-width:520px;position:relative}
.hero-img img{width:100%;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.5)}

/* ===== STATS BAR ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--bd);border:1px solid var(--bd);border-radius:12px;overflow:hidden;max-width:1400px;margin:0 auto 50px}
.stat{background:var(--card);padding:24px 16px;text-align:center}
.stat .stars{color:var(--gold2);font-size:15px;margin-bottom:2px}
.stat .num{font-size:26px;font-weight:900;color:var(--bluel);margin-bottom:2px}
.stat .lbl{font-size:12px;color:var(--tg)}
.stat .sub{font-size:11px;color:var(--tg);opacity:.7}

/* ===== SECTION ===== */
.section{padding:60px 48px;max-width:1400px;margin:0 auto}
.sec-hd{text-align:center;margin-bottom:40px}
.sec-sub{color:var(--bluel);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:6px}
.sec-title{font-size:36px;font-weight:900;line-height:1.2}

/* ===== SERVICES GRID (Homepage) ===== */
.svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:40px}
.svc-card{background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}
.svc-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 20px 40px rgba(37,99,235,.15)}
.svc-img{width:100%;height:160px;overflow:hidden;position:relative}
.svc-img img{width:100%;height:100%;object-fit:cover}
.svc-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(15,21,35,0.8));pointer-events:none}
.svc-ico{position:absolute;bottom:-18px;left:16px;width:44px;height:44px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;border:3px solid var(--card);z-index:1;font-size:18px}
.svc-body{padding:24px 14px 14px}
.svc-card h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;line-height:1.3}
.svc-card p{font-size:11px;color:var(--tg);margin-bottom:12px;line-height:1.5}
.svc-link{color:var(--bluel);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.svc-link::after{content:' →'}

/* ===== WHY CHOOSE (3-col) ===== */
.why{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:32px;align-items:start;padding:60px 48px;max-width:1400px;margin:0 auto}
.why-left h3{font-size:12px;font-weight:700;color:var(--bluel);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}
.why-left h2{font-size:32px;font-weight:900;margin-bottom:20px;line-height:1.2}
.why-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;color:var(--tl)}
.why-list li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0}
.why-mid{border-radius:12px;overflow:hidden}
.why-mid img{width:100%;display:block;border-radius:12px}
.why-right .quote-mark{font-size:48px;color:var(--bluel);line-height:1;margin-bottom:8px;font-family:Georgia,serif}
.why-right .stars{color:var(--gold2);font-size:18px;margin-bottom:10px}
.why-right .quote{font-size:14px;color:var(--tl);line-height:1.7;margin-bottom:14px;font-style:italic}
.why-right .author{font-size:14px;font-weight:600}
.why-right .role{font-size:12px;color:var(--tg);display:flex;align-items:center;gap:6px}
.why-right .role::before{content:'✓';color:var(--bluel);font-size:11px}

/* ===== CTA BANNER ===== */
.cta{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:28px 36px;max-width:1304px;margin:0 auto 40px;gap:20px}
.cta-left{display:flex;align-items:center;gap:14px}
.cta-ico{width:52px;height:52px;border-radius:12px;background:var(--blueg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}
.cta h3{font-size:18px;font-weight:700;margin-bottom:2px}
.cta p{font-size:13px;color:var(--tg)}
.cta-safe{text-align:center;margin-top:6px;font-size:11px;color:var(--tg)}
.cta-safe::before{content:'✓ ';color:var(--green)}

/* ===== FOOTER (Pricing pages style) ===== */
.footer-trust{display:flex;align-items:center;justify-content:center;gap:32px;padding:18px 24px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);max-width:1400px;margin:0 auto;flex-wrap:wrap}
.ft-item{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--tg);text-transform:uppercase;letter-spacing:.3px}
.ft-ico{width:22px;height:22px;border-radius:50%;background:var(--blueg);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}
.footer-bottom{display:flex;align-items:center;justify-content:center;gap:36px;padding:16px 24px;flex-wrap:wrap}
.fb-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--tg)}
.fb-ico{font-size:12px}

/* ===== PAGE HEADER ===== */
.pg-hd{padding:120px 48px 40px;max-width:1400px;margin:0 auto;text-align:center;position:relative;overflow:hidden}
.pg-hd::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(37,99,235,.12) 0%,transparent 70%);pointer-events:none}
.pg-hd h1{font-size:46px;font-weight:900;line-height:1.1;position:relative}
.pg-hd h1 span{color:var(--bluel)}
.pg-hd .badge{display:inline-flex;align-items:center;gap:8px;background:var(--blueg);border:1px solid var(--bb);color:var(--bluel);padding:7px 14px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;position:relative}
.pg-hd .sub{font-size:14px;color:var(--tg);margin-top:6px;position:relative}

/* ===== PRICING GRID ===== */
.psec{padding:20px 48px;max-width:1400px;margin:0 auto}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.pcard{background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.pcard-hd{background:var(--blue);padding:14px 20px;text-align:center}
.pcard-hd h3{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.pcard-bd{padding:20px}
.prow{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd)}
.prow:last-child{border-bottom:none}
.prow-ico{width:38px;height:38px;border-radius:8px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;font-size:16px}
.prow-info{flex:1}
.prow-info h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.prow-info p{font-size:11px;color:var(--tg)}
.prow-price{text-align:right}
.prow-price .pr{font-size:20px;font-weight:900;color:var(--bluel)}
.prow-price .unit{font-size:10px;color:var(--tg);display:block}

/* ===== TIER CARDS (Rug) ===== */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.tier{background:var(--card);border:1px solid var(--bd);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}
.tier-hd{background:var(--blue);padding:16px;text-align:center}
.tier-hd h3{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.tier-price{text-align:center;padding:24px 20px;border-bottom:1px solid var(--bd)}
.tier-price .amt{font-size:40px;font-weight:900;color:var(--bluel)}
.tier-price .unit{font-size:15px;color:var(--tg)}
.tier-price .desc{font-size:12px;color:var(--tg);margin-top:6px}
.tier-body{padding:16px 20px;flex:1}
.tier-body h4{font-size:12px;font-weight:700;color:var(--bluel);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.tier-body .types{font-size:12px;color:var(--tg);margin-bottom:12px}
.tier-feat{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--tl)}
.tier-feat::before{content:'✓';color:var(--green);font-weight:700;font-size:10px;width:18px;height:18px;background:rgba(34,197,94,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tier-btn{padding:12px 20px 20px}
.tier-btn a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;padding:11px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:background .3s}
.tier-btn a:hover{background:var(--blued)}
.tier-btn a::after{content:' →'}

/* ===== STAIN COLUMNS (Pet) ===== */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.scard{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px}
.scard h3{font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.scard h3 .ico{width:32px;height:32px;border-radius:8px;background:var(--blueg);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.srow{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}
.srow:last-child{border-bottom:none}
.srow-img{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;border:2px solid var(--bd)}
.srow-img .circle{width:100%;height:100%;border-radius:50%}
.srow-info{flex:1}
.srow-info h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.srow-info p{font-size:11px;color:var(--tg)}
.srow-price{text-align:right}
.srow-price .from{font-size:9px;color:var(--tg);text-transform:uppercase;display:block}
.srow-price .pr{font-size:18px;font-weight:900;color:var(--bluel)}
.srow-price .unit{font-size:9px;color:var(--tg);display:block}
.other-c{padding:10px 0;font-size:12px;color:var(--tg);border-top:1px solid var(--bd);margin-top:6px}
.other-c::before{content:'📋 ';font-size:14px}

/* ===== UPHOLSTERY (2-col with images) ===== */
.ugrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ucard{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px}
.urow{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd)}
.urow:last-child{border-bottom:none}
.urow-img{width:56px;height:36px;border-radius:4px;overflow:hidden;margin-right:10px;flex-shrink:0;background:var(--bg)}
.urow-img img{width:100%;height:100%;object-fit:contain}
.urow-ico{width:32px;height:32px;border-radius:6px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;font-size:14px}
.urow-info{flex:1}
.urow-info h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.urow-info p{font-size:10px;color:var(--tg)}
.urow-price{font-size:16px;font-weight:900;color:var(--bluel)}
.urow-price .sqft{font-size:9px;color:var(--tg);display:block;font-weight:400}

/* ===== MATTRESS (2-col with images) ===== */
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mcard{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px}
.mrow{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd)}
.mrow:last-child{border-bottom:none}
.mrow-img{width:80px;height:48px;border-radius:6px;overflow:hidden;margin-right:14px;flex-shrink:0;background:var(--bg)}
.mrow-img img{width:100%;height:100%;object-fit:contain}
.mrow-info{flex:1}
.mrow-info h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.mrow-info p{font-size:11px;color:var(--tg)}
.mrow-price{font-size:20px;font-weight:900;color:var(--bluel)}

/* ===== COMMERCIAL ===== */
.combo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.combo-left h2{font-size:13px;font-weight:700;color:var(--tg);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}
.combo-left>p{font-size:14px;color:var(--tg);line-height:1.7;margin-bottom:20px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fitem{display:flex;align-items:flex-start;gap:10px}
.fitem-ico{width:36px;height:36px;border-radius:8px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.fitem h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}
.fitem p{font-size:11px;color:var(--tg);line-height:1.4}
.cpcard{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:24px}
.cpcard h3{font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:3px}
.cpcard .sub{font-size:12px;color:var(--bluel);margin-bottom:16px;font-weight:600}
.cprow{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}
.cprow:last-child{border-bottom:none}
.cprow-ico{width:36px;height:36px;border-radius:8px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;font-size:14px}
.cprow-info{flex:1}
.cprow-info h4{font-size:13px;font-weight:700}
.cprow-info p{font-size:10px;color:var(--tg)}
.cprow-price{text-align:right}
.cprow-price .per{font-size:9px;color:var(--tg)}
.cprow-price .pr{font-size:20px;font-weight:900;color:var(--bluel)}
.c-inc{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:24px;margin-top:20px}
.c-inc h3{font-size:14px;font-weight:800;text-transform:uppercase;color:var(--bluel);margin-bottom:12px}
.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.inc-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tl)}
.inc-item::before{content:'✓';color:var(--green);font-weight:700}

/* ===== BOTTOM TRUST ===== */
.btrust{display:flex;align-items:center;justify-content:center;gap:28px;padding:16px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);flex-wrap:wrap}
.bt-item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--tg);text-transform:uppercase;letter-spacing:.3px}
.bt-ico{width:20px;height:20px;border-radius:50%;background:var(--blueg);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
.bt-green::before{content:'✓';color:var(--green);font-weight:700;font-size:9px}

/* ===== FOOTER HOME ===== */
.footer{background:var(--card);border-top:1px solid var(--bd);padding:24px 48px}
.footer-in{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-logo .lqc{font-size:22px;font-weight:900;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-logo .lsub{font-size:8px;color:var(--tg);letter-spacing:1.5px;text-transform:uppercase;display:block;margin-top:-2px}
.footer-contact{display:flex;gap:24px}
.footer-contact a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tg);transition:color .3s}
.footer-contact a:hover{color:#fff}
.footer-contact .fi{font-size:13px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:32px;height:32px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--tg);font-size:13px;transition:all .3s}
.footer-social a:hover{background:var(--blue);color:#fff}

/* ===== SVG ICONS INLINE ===== */
.si{display:inline-block;vertical-align:middle}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .hero{flex-direction:column;padding:110px 20px 30px;text-align:center}
  .hero-left{max-width:100%}.hero-feats{justify-content:center}.hero-btns{justify-content:center}
  .svc-grid{grid-template-columns:repeat(3,1fr)}
  .why{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .pgrid,.sgrid,.ugrid,.mgrid,.combo{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr}
  .header{padding:0 20px}.nav{gap:14px}
  .fgrid,.inc-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero h1{font-size:32px}.sec-title{font-size:28px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:1fr}
  .cta{flex-direction:column;text-align:center}
  .cta-left{flex-direction:column}
  .nav{display:none}
  .footer-in{flex-direction:column;text-align:center}
  .footer-contact{flex-direction:column;gap:8px}
}