/* Dubai Cleaning Verdict - site-1 - prefix bcd- */
:root{
  --bcd-ink:#0E2A33;--bcd-brand:#10707A;--bcd-brand-dk:#0B5158;--bcd-accent:#F5A524;
  --bcd-bg:#FFFFFF;--bcd-surface:#F2F8F9;--bcd-line:#DCE8EA;--bcd-muted:#5B7480;
  --bcd-radius:14px;--bcd-shell:1140px
}
*{box-sizing:border-box}
body{margin:0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:17px;line-height:1.68;color:var(--bcd-ink);background:var(--bcd-bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,.bcd-fh{font-family:"Manrope",system-ui,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.015em}
h1{font-size:clamp(28px,4.6vw,44px);margin:0 0 16px}
h2{font-size:clamp(24px,3.2vw,32px);margin:0 0 18px}
h3{font-size:20px;font-weight:700;margin:0 0 10px}
p{margin:0 0 16px}
a{color:var(--bcd-brand-dk)}
img{max-width:100%;height:auto;display:block}
table{border-collapse:collapse}

/* layout */
.bcd-shell{width:100%;max-width:var(--bcd-shell);margin:0 auto;padding:0 20px}
main>section[class]>*{max-width:var(--bcd-shell);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
section{box-sizing:border-box}
.bcd-band{padding:46px 0}
.bcd-band--tint{background:var(--bcd-surface)}

/* header */
.bcd-masthead{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--bcd-line)}
.bcd-masthead__row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;width:100%}
.bcd-wordmark{font-family:"Manrope",sans-serif;font-weight:800;font-size:19px;color:var(--bcd-ink);text-decoration:none;white-space:nowrap}
.bcd-wordmark span{color:var(--bcd-brand)}
.bcd-menu{display:flex;gap:20px}
.bcd-menu a{font-size:15px;font-weight:600;color:var(--bcd-ink);text-decoration:none}
.bcd-menu a:hover{color:var(--bcd-brand)}
.bcd-topcta{background:var(--bcd-accent);color:#20160A;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;text-decoration:none;white-space:nowrap}
.bcd-topcta:hover{background:#E0940F}
.bcd-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:9px;cursor:pointer}
.bcd-burger span{width:22px;height:2px;background:var(--bcd-ink);border-radius:2px}
.bcd-drawer{display:none;flex-direction:column;gap:2px;padding:10px 20px 18px;border-top:1px solid var(--bcd-line)}
.bcd-drawer.is-open{display:flex}
.bcd-drawer a{padding:9px 0;font-weight:600;color:var(--bcd-ink);text-decoration:none;border-bottom:1px solid var(--bcd-line)}

/* hero */
.bcd-lede{background:linear-gradient(168deg,#F2F8F9 0%,#FFFFFF 62%);padding:38px 0 42px}
.bcd-lede__split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px;align-items:center;width:100%}
.bcd-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bcd-brand);background:#E3F1F2;padding:5px 12px;border-radius:999px;margin-bottom:14px}
.bcd-lede__sub{font-size:19px;color:var(--bcd-muted);margin-bottom:22px}
.bcd-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.bcd-btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;font-size:16px}
.bcd-btn--solid{background:var(--bcd-brand);color:#fff}
.bcd-btn--solid:hover{background:var(--bcd-brand-dk)}
.bcd-btn--ghost{background:#fff;color:var(--bcd-brand-dk);border:2px solid var(--bcd-line)}
.bcd-btn--ghost:hover{border-color:var(--bcd-brand)}
.bcd-trustline{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--bcd-muted);margin:0}
.bcd-trustline b{color:var(--bcd-ink)}
.bcd-lede__shot{margin:0;border-radius:var(--bcd-radius);overflow:hidden;box-shadow:0 16px 40px rgba(14,42,51,.14);background:#fff}
.bcd-lede__shot img{width:100%}
.bcd-lede__shot figcaption{font-size:13px;color:var(--bcd-muted);padding:10px 14px;background:#fff}

/* showcase */
.bcd-note{font-size:13px;color:var(--bcd-muted);display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 22px}
.bcd-rank{display:flex;flex-direction:column;gap:16px}
.bcd-rank__item{border:1px solid var(--bcd-line);border-radius:var(--bcd-radius);background:#fff;padding:20px;box-shadow:0 2px 10px rgba(14,42,51,.05)}
.bcd-rank__item--lead{border:2px solid var(--bcd-brand);box-shadow:0 10px 30px rgba(16,112,122,.16)}
.bcd-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.bcd-flag{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:6px}
.bcd-flag--top{background:var(--bcd-accent);color:#20160A}
.bcd-flag--soft{background:#E3F1F2;color:var(--bcd-brand-dk)}
.bcd-rank__grid{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr) minmax(0,104px) minmax(0,168px);gap:20px;align-items:center}
.bcd-rank__id{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.bcd-rank__name{font-family:"Manrope",sans-serif;font-weight:800;font-size:19px;color:var(--bcd-ink);line-height:1.25}
.bcd-rank__name i{font-style:normal;color:var(--bcd-brand)}
.bcd-stars{display:inline-flex;gap:2px;flex-wrap:nowrap;white-space:nowrap;color:var(--bcd-accent);font-size:15px}
.bcd-rank__body{min-width:0}
.bcd-rank__pitch{font-weight:700;margin:0 0 10px;font-size:16px}
.bcd-plus{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bcd-plus li{position:relative;padding-left:23px;font-size:15px;color:var(--bcd-muted)}
.bcd-plus li::before{content:"";position:absolute;left:0;top:8px;width:13px;height:7px;border-left:2px solid var(--bcd-brand);border-bottom:2px solid var(--bcd-brand);transform:rotate(-45deg)}
.bcd-rank__score{display:flex;justify-content:center}
.bcd-dial{position:relative;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--bcd-brand) calc(var(--bcd-pct)*1%),#E3F1F2 0);flex:0 0 auto}
.bcd-dial::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.bcd-dial__n{position:relative;font-family:"Manrope",sans-serif;font-weight:800;font-size:23px;color:var(--bcd-ink);line-height:1}
.bcd-dial__d{position:relative;font-size:11px;color:var(--bcd-muted)}
.bcd-rank__go{display:flex;flex-direction:column;gap:9px;align-items:stretch;text-align:center}
.bcd-rank__tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bcd-muted)}
.bcd-rank__cta{background:var(--bcd-brand);color:#fff;font-weight:700;padding:13px 20px;border-radius:999px;text-decoration:none;font-size:15px}
.bcd-rank__cta:hover{background:var(--bcd-brand-dk)}
.bcd-rank__item--lead .bcd-rank__cta{background:var(--bcd-accent);color:#20160A}
.bcd-rank__item--lead .bcd-rank__cta:hover{background:#E0940F}

/* table of contents */
.bcd-jump{background:#fff;border:1px solid var(--bcd-line);border-radius:var(--bcd-radius);padding:20px 24px}
.bcd-jump__h{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--bcd-muted);margin-bottom:12px}
.bcd-jump ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.bcd-jump li{margin-bottom:7px;break-inside:avoid}
.bcd-jump a{font-weight:600;text-decoration:none}
.bcd-jump a:hover{text-decoration:underline}

/* two-column blocks */
.bcd-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}
.bcd-frame{margin:0;border-radius:var(--bcd-radius);overflow:hidden;border:1px solid var(--bcd-line);background:#fff;max-width:100%}
.bcd-frame img{width:100%}
.bcd-frame figcaption{font-size:13px;color:var(--bcd-muted);padding:10px 14px}

/* service tiles */
.bcd-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bcd-tile{background:#fff;border:1px solid var(--bcd-line);border-radius:var(--bcd-radius);overflow:hidden;padding-bottom:4px}
.bcd-tile img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bcd-tile h3{padding:16px 18px 0;margin-bottom:8px}
.bcd-tile p{padding:0 18px;font-size:15px;color:var(--bcd-muted)}

/* price table */
.bcd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.bcd-rates{width:100%;min-width:640px;background:#fff;border:1px solid var(--bcd-line);border-radius:var(--bcd-radius);overflow:hidden;font-size:15px}
.bcd-rates caption{text-align:left;font-size:13px;color:var(--bcd-muted);padding:0 0 10px}
.bcd-rates th,.bcd-rates td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--bcd-line)}
.bcd-rates thead th{background:var(--bcd-brand);color:#fff;font-family:"Manrope",sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em}
.bcd-rates tbody tr:nth-child(even){background:var(--bcd-surface)}
.bcd-rates tbody tr:last-child td{border-bottom:0}

/* numbered checklist */
.bcd-steps{list-style:none;counter-reset:bcdstep;margin:0;padding:0;display:grid;gap:14px}
.bcd-steps li{counter-increment:bcdstep;position:relative;background:#fff;border:1px solid var(--bcd-line);border-left:4px solid var(--bcd-brand);border-radius:10px;padding:16px 18px 16px 60px}
.bcd-steps li::before{content:counter(bcdstep);position:absolute;left:16px;top:15px;width:30px;height:30px;border-radius:50%;background:var(--bcd-brand);color:#fff;font-family:"Manrope",sans-serif;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}

/* areas */
.bcd-places{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px}
.bcd-places li{background:#fff;border:1px solid var(--bcd-line);border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600}

/* author */
.bcd-byline{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:start;background:var(--bcd-surface);border:1px solid var(--bcd-line);border-radius:var(--bcd-radius);padding:24px}
.bcd-byline__pic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fff}
.bcd-byline__role{font-size:14px;color:var(--bcd-muted);margin-bottom:12px}
.bcd-byline h3{margin-bottom:4px}

/* FAQ */
.bcd-qa{display:grid;gap:10px}
.bcd-qa details{background:#fff;border:1px solid var(--bcd-line);border-radius:10px;overflow:hidden}
.bcd-qa summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;cursor:pointer;list-style:none;font-weight:700}
.bcd-qa summary::-webkit-details-marker{display:none}
.bcd-qa summary h3{margin:0;font-size:17px;font-weight:700}
.bcd-qa summary::after{content:"+";font-family:"Manrope",sans-serif;font-size:22px;color:var(--bcd-brand);flex:0 0 auto;line-height:1}
.bcd-qa details[open] summary::after{content:"\2013"}
.bcd-qa details p{padding:0 18px 16px;margin:0;color:var(--bcd-muted)}

/* closing CTA */
.bcd-closer{background:var(--bcd-brand);color:#fff;text-align:center}
.bcd-closer h2,.bcd-closer p{color:#fff}
.bcd-closer p{max-width:620px;margin-left:auto;margin-right:auto;opacity:.92}
.bcd-closer .bcd-btn--solid{background:var(--bcd-accent);color:#20160A;margin-top:6px}
.bcd-closer .bcd-btn--solid:hover{background:#E0940F}

/* footer */
.bcd-foot{background:#0B2028;color:#C4D6DB;padding:38px 0 26px;font-size:15px}
.bcd-foot__cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;margin-bottom:24px}
.bcd-foot .bcd-wordmark{color:#fff;display:inline-block;margin-bottom:10px}
.bcd-foot .bcd-wordmark span{color:var(--bcd-accent)}
.bcd-foot p{margin:0 0 10px}
.bcd-foot__nav{display:flex;flex-direction:column;gap:9px}
.bcd-foot__nav a{color:#C4D6DB;text-decoration:none}
.bcd-foot__nav a:hover{color:#fff;text-decoration:underline}
.bcd-foot__fine{font-size:13px;color:#8FA9B1;border-top:1px solid #1B3540;padding-top:14px}

/* breakpoints */
@media(max-width:1024px){
  .bcd-rank__grid{grid-template-columns:minmax(0,150px) minmax(0,1fr) minmax(0,92px);grid-template-areas:"id copy dial" "go go go";gap:16px}
  .bcd-rank__id{grid-area:id}
  .bcd-rank__body{grid-area:copy}
  .bcd-rank__score{grid-area:dial}
  .bcd-rank__go{grid-area:go;flex-direction:row;justify-content:space-between;align-items:center;margin-top:6px}
  .bcd-rank__cta{padding:12px 26px}
  .bcd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcd-places{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  body{font-size:16px}
  .bcd-menu{display:none}
  .bcd-burger{display:flex}
  .bcd-band{padding:34px 0}
  .bcd-lede__split{grid-template-columns:1fr;gap:24px}
  .bcd-duo{grid-template-columns:1fr;gap:22px}
  .bcd-rank__grid{grid-template-columns:1fr;grid-template-areas:none;gap:14px}
  .bcd-rank__go{flex-direction:column;align-items:stretch}
  .bcd-dial{margin:0}
  .bcd-jump ol{columns:1}
  .bcd-byline{grid-template-columns:1fr;text-align:left}
  .bcd-foot__cols{grid-template-columns:1fr}
}
@media(max-width:480px){
  .bcd-tiles{grid-template-columns:1fr}
  .bcd-places{grid-template-columns:1fr}
  .bcd-rank__item{padding:16px}
  .bcd-steps li{padding:14px 14px 14px 54px}
  .bcd-masthead__row{gap:8px}
  .bcd-wordmark{font-size:15px;white-space:normal;max-width:124px;line-height:1.15}
  .bcd-topcta{padding:9px 14px;font-size:14px}
  .bcd-burger{padding:7px}
  .bcd-foot .bcd-wordmark{max-width:none;white-space:nowrap;font-size:18px}
}

/* price line in showcase card */
.bcd-rank__cost{font-family:"Manrope",sans-serif;font-weight:700;font-size:14px;color:var(--bcd-brand-dk);background:#E3F1F2;padding:4px 10px;border-radius:6px;display:inline-block}
