.elementor-865 .elementor-element.elementor-element-229c83de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-b0913a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-39ef088f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-645cb43c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-511f0e0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-3b976013{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-3557beb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-3ff53768{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-f4dcd0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-32ee6bac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-3a9db670{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-74b5005e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-865 .elementor-element.elementor-element-1ee7fce4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   WEB DESIGN PAGE - PAGE-LEVEL CSS
   ============================================================ */

.browser {
  position: relative; z-index: 1; border-radius: 12px; overflow: hidden; background: var(--charcoal-light); border: 1px solid rgba(241,233,219,0.12); box-shadow: 0 30px 70px rgba(0,0,0,0.45);
}

.browser__bar {
  display: flex; align-items: center; padding: 11px 14px; background: var(--charcoal-dark); border-bottom: 1px solid rgba(241,233,219,0.08);
}

.browser__dots {
  display: flex; gap: 7px;
}

.browser__dot {
  width: 11px; height: 11px; border-radius: 50%;
}

.browser__dot--r {
  background: var(--crimson-light);
}

.browser__dot--g {
  background: var(--gold);
}

.browser__dot--b {
  background: var(--sky);
}

.browser__url {
  margin-left: 16px; flex: 1; font-family: var(--font-text); font-size: 12px; color: var(--cream); opacity: 0.55; background: rgba(241,233,219,0.07); border-radius: 6px; padding: 5px 12px;
}

.browser__screen {
  aspect-ratio: 16 / 10.5; background: linear-gradient(155deg, #353535, var(--charcoal-dark)); display: flex; align-items: center; justify-content: center;
}

.browser__screen span {
  font-family: var(--font-text); font-size: 12px; letter-spacing: 0.04em; color: var(--cream); opacity: 0.4; text-align: center; padding: var(--space-6); line-height: 1.5;
}

.compare-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); max-width: 940px; margin: 0 auto;
}

.compare-col {
  border-radius: var(--radius-lg); padding: var(--space-10);
}

.compare-col--us {
  background: var(--charcoal-light); border-top: 3px solid var(--gold);
}

.compare-col--them {
  background: transparent; border: 1px solid var(--charcoal-light);
}

.compare-col__head {
  font-family: var(--font-display); font-weight: 700; font-size: 20px; margin-bottom: var(--space-6); color: var(--cream);
}

.compare-col--them .compare-col__head {
  opacity: 0.7;
}

.compare-list {
  list-style: none; display: flex; flex-direction: column; gap: var(--space-4);
}

.compare-list li {
  display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--cream); opacity: 0.85;
}

.compare-list svg {
  width: 18px; height: 18px; margin-top: 3px; flex-shrink: 0;
}

.compare-col--us .compare-list svg {
  color: var(--gold);
}

.compare-col--them .compare-list svg {
  color: var(--cream); opacity: 0.4;
}

@media (max-width: 1024px) {
.compare-grid {
  grid-template-columns: 1fr;
}
}/* End custom CSS */