/* Warm public-site canvas, also used by studio-palette.css. */
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page){
  --paper:#f5f3ef;--ink:#191a1c;--muted:#5b5d61;--line:#dcd9d2;--silver:#ece9e3;
  --showcase:#191a1c;--showcase-muted:#d4d1ca;
  background:var(--paper)!important;color:var(--ink)!important;
}
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page)>main{
  background:transparent!important;
}
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page)>header{
  background:var(--paper)!important;border-color:var(--line)!important;
}
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page)>footer{
  background:#ece9e3!important;border-color:var(--line)!important;
}
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page) :is(.tier,.price-proof,.testimonial-card,.broker-account-card,.checkout-card,.install-grid article){
  background:#fff!important;border-color:var(--line)!important;box-shadow:none!important;
}
:is(html:root body.homepage-premium,html:root.broker-navy.broker-silver body.corporate-page) .broker-language-switch button[aria-pressed=true]{
  background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;
}
html:root body.competitive-home .tool-launcher-grid>a{
  padding:0 0 12px;border:0;background:transparent;border-radius:0;
}
html:root body.competitive-home .tool-launcher-grid img{border-radius:10px}
html:root body.competitive-home .tool-launcher-grid :is(strong,small){padding-inline:0}
html:root body.competitive-home .tool-launcher{border:0;margin-bottom:24px}
html:root body.competitive-home .hero-visual{
  background:var(--showcase);border:0;box-shadow:none;
}
html:root body.competitive-home .hero-visual figcaption{color:var(--showcase-muted)!important;padding:14px 18px}

/* A continuous dark gallery lets the photographs carry the section. */
html:root body.competitive-home #photo-examples{
  background:var(--showcase);color:#fff;
  margin-inline:calc(-1 * var(--bs-page-gutter));
  padding:48px var(--bs-page-gutter) 42px!important;
  border:0;border-radius:0;
}
html:root body.competitive-home #photo-examples .examples-heading{
  border:0;padding:0;margin:0 0 24px;
}
html:root body.competitive-home #photo-examples .enhancement-card{
  border:0;border-radius:0;box-shadow:none;background:transparent;
}
html:root body.competitive-home #photo-examples .enhancement-copy{padding:20px 0 8px}
html:root body.competitive-home #photo-examples h2{color:#fff!important}
html:root body.competitive-home #photo-examples :is(p,figcaption,.example-carousel-position){color:var(--showcase-muted)!important}
html:root body.competitive-home #photo-examples .text-link{
  color:#fff!important;background:transparent!important;padding:8px 0!important;
  text-decoration-color:#b4b1ab;text-underline-offset:5px;
}
html:root body.competitive-home #photo-examples .text-link:hover{text-decoration-color:#fff}
html:root body.competitive-home #photo-examples .compare{background:#292b2e}
html:root body.competitive-home #photo-examples .example-carousel-buttons button{
  background:#fff;color:var(--ink);border-color:#fff;
}
html:root body.competitive-home #photo-examples :is(a,button,input):focus-visible,
html:root body.competitive-home #photo-examples .compare:focus-within{
  outline:3px solid #f5f3ef!important;outline-offset:4px;
}

/* Dedicated enhancement pages use the same dark photograph surround. */
html:root body.competitive-landing .landing-example{
  padding:14px;border-radius:18px;background:var(--showcase);
}
html:root body.competitive-landing .landing-example .compare{background:#292b2e}
html:root body.competitive-landing .landing-example figcaption{color:var(--showcase-muted)!important;padding:0 4px 4px}
html:root body.competitive-landing .landing-bottom{background:#fff;border-color:var(--line)}
html:root body:is(.competitive-home,.competitive-landing) :is(#photo-examples,.landing-example) .comparison-buttons button{
  background:transparent;color:#e2dfd9;border-color:#747679;
}
html:root body:is(.competitive-home,.competitive-landing) :is(#photo-examples,.landing-example) .comparison-buttons button[aria-pressed=true]{
  background:#fff;color:#191a1c;border-color:#fff;
}
html:root body:is(.competitive-home,.competitive-landing) :is(#photo-examples,.landing-example) .comparison-buttons button:not([aria-pressed=true]):hover{background:#36383b;color:#fff}
html:root body.competitive-landing .landing-example :is(a,button,input):focus-visible,
html:root body.competitive-landing .landing-example .compare:focus-within{outline:3px solid #f5f3ef!important;outline-offset:4px}
@media(max-width:680px){
  html:root body.competitive-home #photo-examples{padding-block:32px!important}
  html:root body.competitive-home .hero-visual figcaption{padding:10px 12px}
  html:root body.competitive-landing .landing-example{padding:10px;border-radius:14px}
}