/*
 * HVACB — Website Creation landing page
 * Page ID: 184 / slug: website-creation
 *
 * The Gutenberg page uses the actual wc-* / visual classes below.
 * This file is intentionally the single page-specific layout stylesheet.
 * Keep spacing, content rails and visual hierarchy consistent with CRM.
 */

.page-id-184 main.wp-block-group,
.page-id-184 .wp-block-post-content,
.page-id-184 .wp-site-blocks > main {
  width:100% !important;
  max-width:none !important;
}

.page-id-184 .wc-page {
  --wc-ink:#1c1a2e;
  --wc-muted:#625e78;
  --wc-purple:#4b3b8f;
  --wc-deep:#292246;
  --wc-orange:#d96a2b;
  --wc-green:#31966b;
  --wc-line:#ddd5ec;
  --wc-soft:#faf8fd;
  --wc-rail:min(1160px, calc(100% - 96px));
  color:var(--wc-ink);
  background:#fff;
  overflow:hidden;
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
}

.page-id-184 .wc-page,
.page-id-184 .wc-page * {
  box-sizing:border-box;
}

/* ================================================================
   GLOBAL SECTION RHYTHM
   ================================================================ */
.page-id-184 .wc-page > .wc-sec {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(104px,8vw,132px) 0 !important;
}

.page-id-184 .wc-page > .wc-sec:nth-child(odd) {
  background:#fff;
}

.page-id-184 .wc-page > .wc-sec:nth-child(even) {
  background:var(--wc-soft);
}

/* The first three text blocks are intentionally separate Gutenberg blocks.
   Treat them as one controlled introduction rather than full-width elements. */
.page-id-184 .wc-page > .wc-sec > .wc-eyebrow,
.page-id-184 .wc-page > .wc-sec > .wp-block-paragraph.wc-eyebrow {
  display:block !important;
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
  margin:0 auto 24px !important;
  padding:0 !important;
  text-align:center !important;
}

.page-id-184 .wc-page > .wc-sec > .wc-h2,
.page-id-184 .wc-page > .wc-sec > .wp-block-heading.wc-h2 {
  display:block !important;
  width:min(820px, calc(100% - 96px)) !important;
  max-width:820px !important;
  margin:0 auto 24px !important;
  padding:0 !important;
  text-align:center !important;
}

.page-id-184 .wc-page > .wc-sec > .wc-lead,
.page-id-184 .wc-page > .wc-sec > .wp-block-paragraph.wc-lead {
  display:block !important;
  width:min(760px, calc(100% - 96px)) !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

.page-id-184 .wc-page .wc-eyebrow {
  color:#4b3b8f;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
}

.page-id-184 .wc-page .wc-eyebrow::before {
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:var(--wc-orange);
  vertical-align:middle;
}

.page-id-184 .wc-page .wc-h1 {
  color:var(--wc-ink) !important;
  font-size:clamp(48px,5vw,72px) !important;
  line-height:1.01 !important;
  letter-spacing:-.055em !important;
  font-weight:800 !important;
}

.page-id-184 .wc-page .wc-h2 {
  color:var(--wc-ink) !important;
  font-size:clamp(34px,4vw,50px) !important;
  line-height:1.07 !important;
  letter-spacing:-.05em !important;
  font-weight:800 !important;
}

.page-id-184 .wc-page .wc-lead {
  color:var(--wc-muted) !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.page-id-184 .wc-page .wc-em {
  background:linear-gradient(100deg,#5a3a9e 0%,#b5573e 48%,#ff6b2b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}

/* ================================================================
   HERO — deliberate left/right breathing room
   ================================================================ */
.page-id-184 .wc-page > .wc-hero {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(78px,7vw,104px) 0 clamp(104px,8vw,132px) !important;
  background:
    radial-gradient(620px 360px at 86% 10%,rgba(227,218,247,.72),transparent 72%),
    radial-gradient(520px 320px at 8% 92%,rgba(237,176,136,.14),transparent 70%),
    #fff !important;
}

.page-id-184 .wc-page .wc-hero-grid {
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,470px) minmax(0,1fr) !important;
  gap:clamp(58px,6vw,92px) !important;
  align-items:center !important;
}

.page-id-184 .wc-page .wc-hero-grid > .wp-block-column {
  min-width:0 !important;
  margin:0 !important;
}

.page-id-184 .wc-page .wc-hero-grid > .wp-block-column:first-child {
  padding:0 !important;
}

.page-id-184 .wc-page .wc-hero-grid > .wp-block-column:first-child .wc-eyebrow {
  margin:0 0 28px !important;
  text-align:left !important;
}

.page-id-184 .wc-page .wc-hero-grid > .wp-block-column:first-child .wc-h1 {
  margin:0 0 26px !important;
  text-align:left !important;
}

.page-id-184 .wc-page .wc-hero-grid > .wp-block-column:first-child .wc-lead {
  width:auto !important;
  max-width:590px !important;
  margin:0 0 32px !important;
  text-align:left !important;
}

.page-id-184 .wc-page .wc-buttons {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  gap:14px !important;
  margin:0 0 30px !important;
}

.page-id-184 .wc-page .wc-buttons .wp-block-button {
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

.page-id-184 .wc-page .wc-buttons .wp-block-button__link,
.page-id-184 .wc-page .wc-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:max-content !important;
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  font-size:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.page-id-184 .wc-page .wc-primary,
.page-id-184 .wc-page .wc-primary .wp-block-button__link {
  background:linear-gradient(105deg,#4b3b8f,#e4712b) !important;
  color:#fff !important;
  border:0 !important;
}

.page-id-184 .wc-page .wc-ghost,
.page-id-184 .wc-page .wc-ghost .wp-block-button__link {
  background:#fff !important;
  color:#4b3b8f !important;
  border:1px solid #d3cbe2 !important;
}

.page-id-184 .wc-page .wc-proof {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px 24px !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.page-id-184 .wc-page .wc-proof span {
  color:#625e78 !important;
  font-weight:700 !important;
}

.page-id-184 .wc-page .wc-proof span::before {
  content:"✓" !important;
  color:var(--wc-green) !important;
  margin-right:6px !important;
  font-weight:900 !important;
}

/* Hero dashboard is intentionally large but never touches the page edges. */
.page-id-184 .wc-page .wc-hero-grid > .wp-block-column:last-child {
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}

.page-id-184 .wc-page .studio {
  width:100% !important;
  max-width:650px !important;
  margin:0 !important;
  border:1px solid #d9d1e9 !important;
  border-radius:20px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 28px 70px rgba(55,42,110,.16) !important;
}

.page-id-184 .wc-page .studio-head {
  min-height:58px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:#fff !important;
  border-bottom:1px solid #ddd5ec !important;
  font-size:12px !important;
}

.page-id-184 .wc-page .studio-head > span:first-child {
  min-width:0 !important;
}

.page-id-184 .wc-page .studio-head img {
  width:58px !important;
  max-height:25px !important;
  object-fit:contain !important;
}

.page-id-184 .wc-page .published {
  flex:0 0 auto !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  background:#e4f6ed !important;
  color:#2c9568 !important;
  font-size:10px !important;
  font-weight:800 !important;
}

.page-id-184 .wc-page .studio-body {
  display:grid !important;
  grid-template-columns:122px minmax(0,1fr) 126px !important;
  min-height:382px !important;
  background:#f1edf8 !important;
}

.page-id-184 .wc-page .side {
  padding:17px 9px !important;
  background:#292246 !important;
  color:#bdb6ce !important;
  font-size:9px !important;
}

.page-id-184 .wc-page .side b {
  display:block !important;
  margin:2px 7px 9px !important;
  color:#8f87a8 !important;
  font-size:8px !important;
}

.page-id-184 .wc-page .side span {
  display:block !important;
  padding:7px 8px !important;
  border-radius:6px !important;
}

.page-id-184 .wc-page .side .on {
  background:#494064 !important;
  color:#fff !important;
}

.page-id-184 .wc-page .canvas {
  min-width:0 !important;
  padding:13px !important;
  background:#eee9f7 !important;
}

.page-id-184 .wc-page .modes {
  display:flex !important;
  gap:6px !important;
  margin:0 0 9px !important;
}

.page-id-184 .wc-page .modes span {
  padding:6px 8px !important;
  border-radius:999px !important;
  background:#fff !important;
  font-size:8px !important;
  font-weight:800 !important;
}

.page-id-184 .wc-page .modes .sel {
  background:#1d192b !important;
  color:#fff !important;
}

.page-id-184 .wc-page .browser {
  height:30px !important;
  padding:0 9px !important;
  display:flex !important;
  align-items:center !important;
  background:#fff !important;
  border:1px solid #d9d0e9 !important;
  border-radius:8px 8px 0 0 !important;
  font-size:8px !important;
  color:#625d70 !important;
}

.page-id-184 .wc-page .mini-site {
  background:#fff !important;
  border:1px solid #d9d0e9 !important;
  border-top:0 !important;
  border-radius:0 0 8px 8px !important;
  overflow:hidden !important;
}

.page-id-184 .wc-page .mini-nav {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:38px !important;
  padding:0 9px !important;
  font-size:7px !important;
}

.page-id-184 .wc-page .mini-nav b {
  margin-right:auto !important;
  font-size:9px !important;
}

.page-id-184 .wc-page .mini-nav strong,
.page-id-184 .wc-page .mini-cta {
  background:var(--wc-orange) !important;
  color:#fff !important;
  border-radius:9px !important;
  padding:5px 7px !important;
  font-size:7px !important;
}

.page-id-184 .wc-page .mini-hero {
  min-height:142px !important;
  padding:20px 14px !important;
  background:linear-gradient(115deg,#382c70,#4b3b8f) !important;
  color:#fff !important;
}

.page-id-184 .wc-page .mini-hero b {
  display:block !important;
  max-width:75% !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
}

.page-id-184 .wc-page .mini-hero p {
  margin:6px 0 10px !important;
  color:#d7d0e9 !important;
  font-size:8px !important;
}

.page-id-184 .wc-page .mini-cards {
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:5px !important;
  padding:7px !important;
}

.page-id-184 .wc-page .mini-cards span {
  padding:9px 2px !important;
  background:#f7f4fc !important;
  border:1px solid #ddd5ec !important;
  border-radius:5px !important;
  text-align:center !important;
  font-size:7px !important;
}

.page-id-184 .wc-page .inspector {
  padding:17px 10px !important;
  background:#fff !important;
  border-left:1px solid #ddd6e9 !important;
  font-size:8px !important;
}

.page-id-184 .wc-page .inspector b {
  font-size:10px !important;
}

.page-id-184 .wc-page .inspector label {
  display:block !important;
  margin-top:14px !important;
  color:#777184 !important;
}

.page-id-184 .wc-page .inspector strong {
  display:inline-block !important;
  margin-top:4px !important;
  padding:4px 5px !important;
  border-radius:4px !important;
  background:var(--wc-orange) !important;
  color:#fff !important;
}

.page-id-184 .wc-page .status-row {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  padding:9px 0 0 !important;
  background:#f1edf8 !important;
}

.page-id-184 .wc-page .status-row span {
  color:#2c9568 !important;
  background:#e4f6ed !important;
  border-radius:999px !important;
  padding:5px 7px !important;
  font-size:8px !important;
  font-weight:800 !important;
}

/* ================================================================
   VISUAL MODULES — all share the same 1160px rail
   ================================================================ */
.page-id-184 .wc-page .ba,
.page-id-184 .wc-page .journey,
.page-id-184 .wc-page .board,
.page-id-184 .wc-page .page-grid,
.page-id-184 .wc-page .split,
.page-id-184 .wc-page .perf-grid,
.page-id-184 .wc-page .launch,
.page-id-184 .wc-page .build-grid,
.page-id-184 .wc-page .outcomes,
.page-id-184 .wc-page .plans,
.page-id-184 .wc-page .testimonials {
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.page-id-184 .wc-page .ba,
.page-id-184 .wc-page .journey,
.page-id-184 .wc-page .board,
.page-id-184 .wc-page .page-grid,
.page-id-184 .wc-page .perf-grid,
.page-id-184 .wc-page .launch,
.page-id-184 .wc-page .build-grid,
.page-id-184 .wc-page .outcomes,
.page-id-184 .wc-page .plans,
.page-id-184 .wc-page .testimonials {
  margin-top:58px !important;
}

/* Problem: two large panels with a clear gap and edge breathing room. */
.page-id-184 .wc-page .ba {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:32px !important;
}

.page-id-184 .wc-page .ba > div {
  min-width:0 !important;
}

.page-id-184 .wc-page .ba-head {
  margin:0 0 11px !important;
  color:#555064 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
}

.page-id-184 .wc-page .ba-card {
  min-width:0 !important;
  border:1px solid #ddd4e9 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 18px 42px rgba(55,42,110,.09) !important;
}

.page-id-184 .wc-page .old-site,
.page-id-184 .wc-page .new-site {
  min-height:290px !important;
}

/* Journey: seven steps read as one horizontal system. */
.page-id-184 .wc-page .journey {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.page-id-184 .wc-page .journey-card {
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:128px !important;
  padding:18px 10px !important;
  background:#fff !important;
  border:1px solid var(--wc-line) !important;
  border-radius:15px !important;
  text-align:center !important;
  box-shadow:0 12px 28px rgba(55,42,110,.06) !important;
}

/* Design studio dashboard: substantially wider and cleaner than the hero. */
.page-id-184 .wc-page .board {
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) 165px !important;
  min-height:450px !important;
  padding:0 !important;
  border:1px solid #d8d0e8 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:#f1edf8 !important;
  box-shadow:0 24px 52px rgba(55,42,110,.11) !important;
}

.page-id-184 .wc-page .board-side {
  padding:22px 11px !important;
  background:#292246 !important;
  font-size:10px !important;
}

.page-id-184 .wc-page .board-side span {
  padding:9px 9px !important;
}

.page-id-184 .wc-page .board-main {
  min-width:0 !important;
  padding:18px !important;
  background:#eee9f7 !important;
}

.page-id-184 .wc-page .board-toolbar {
  min-height:43px !important;
  margin:0 0 13px !important;
  padding:9px 11px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  background:#fff !important;
  border:1px solid #ddd5e9 !important;
  border-radius:9px !important;
}

.page-id-184 .wc-page .board-preview {
  min-height:330px !important;
  margin:0 !important;
}

.page-id-184 .wc-page .bp-hero {
  min-height:185px !important;
  padding:29px 23px !important;
}

.page-id-184 .wc-page .board-controls {
  padding:22px 14px !important;
  background:#fff !important;
}

/* Page thumbnails: actual visual treatment, not empty cards. */
.page-id-184 .wc-page .page-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.page-id-184 .wc-page .page-card {
  min-width:0 !important;
  border:1px solid var(--wc-line) !important;
  border-radius:17px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(55,42,110,.06) !important;
}

.page-id-184 .wc-page .thumb {
  height:165px !important;
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#eee9f8,#d9d0ef) !important;
}

.page-id-184 .wc-page .thumb::before {
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  border-radius:9px !important;
  background:#fff !important;
  border:1px solid #d9d1e9 !important;
}

.page-id-184 .wc-page .thumb::after {
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  top:52px !important;
  height:65px !important;
  border-radius:6px !important;
  background:linear-gradient(115deg,#382c70,#4b3b8f) !important;
}

.page-id-184 .wc-page .thumb b,
.page-id-184 .wc-page .thumb small {
  position:relative !important;
  z-index:2 !important;
}

.page-id-184 .wc-page .thumb b {
  display:block !important;
  width:max-content !important;
  max-width:88% !important;
  margin:18px 17px 0 !important;
  padding:5px 7px !important;
  border-radius:5px !important;
  background:#fff !important;
  color:#292246 !important;
  font-size:10px !important;
}

.page-id-184 .wc-page .thumb small {
  display:block !important;
  margin:62px 17px 0 !important;
  color:#fff !important;
  font-size:8px !important;
}

.page-id-184 .wc-page .page-card h3 {
  margin:19px 18px 8px !important;
  font-size:17px !important;
}

.page-id-184 .wc-page .page-card > p {
  margin:0 18px 22px !important;
  color:#6b6676 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* Split sections: text and visual have equal, obvious breathing room. */
.page-id-184 .wc-page .split {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:clamp(64px,8vw,112px) !important;
  align-items:center !important;
}

.page-id-184 .wc-page .split > .wp-block-column {
  min-width:0 !important;
  margin:0 !important;
}

.page-id-184 .wc-page .split .wc-eyebrow,
.page-id-184 .wc-page .split .wc-h2,
.page-id-184 .wc-page .split .wc-lead {
  width:auto !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.page-id-184 .wc-page .split .wc-eyebrow { margin-bottom:24px !important; }
.page-id-184 .wc-page .split .wc-h2 { margin-bottom:24px !important; }
.page-id-184 .wc-page .split .wc-lead { margin-bottom:0 !important; }

/* Performance / build / outcomes / pricing / testimonials all use calm grids. */
.page-id-184 .wc-page .perf-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; }
.page-id-184 .wc-page .build-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; }
.page-id-184 .wc-page .outcomes { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:20px !important; }
.page-id-184 .wc-page .plans { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; }
.page-id-184 .wc-page .testimonials { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:20px !important; }

.page-id-184 .wc-page .perf,
.page-id-184 .wc-page .build-card,
.page-id-184 .wc-page .out-card,
.page-id-184 .wc-page .plan,
.page-id-184 .wc-page .quote {
  min-width:0 !important;
}

/* FAQ has a narrower reading width and more deliberate row spacing. */
.page-id-184 .wc-page .faq {
  width:min(900px,calc(100% - 96px)) !important;
  max-width:900px !important;
  margin:56px auto 0 !important;
}

.page-id-184 .wc-page .faq details {
  margin:0 0 10px !important;
  padding:0 20px !important;
  border:1px solid var(--wc-line) !important;
  border-radius:12px !important;
  background:#fff !important;
}

.page-id-184 .wc-page .faq summary {
  padding:19px 2px !important;
  font-size:14px !important;
  font-weight:800 !important;
}

/* ================================================================
   FINAL CTA
   ================================================================ */
.page-id-184 .wc-page > .wc-final {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(96px,8vw,120px) 0 !important;
  background:linear-gradient(135deg,#292246,#4b3b8f) !important;
}

.page-id-184 .wc-page .final-inner {
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,460px) !important;
  gap:clamp(60px,8vw,110px) !important;
  align-items:center !important;
}

.page-id-184 .wc-page .wc-final .wc-eyebrow,
.page-id-184 .wc-page .wc-final .wc-h2,
.page-id-184 .wc-page .wc-final .wc-lead {
  width:auto !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.page-id-184 .wc-page .wc-final .wc-eyebrow,
.page-id-184 .wc-page .wc-final .wc-lead {
  color:#e1daf2 !important;
}

.page-id-184 .wc-page .wc-final .wc-h2 { color:#fff !important; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width:1100px) {
  .page-id-184 .wc-page { --wc-rail:min(920px,calc(100% - 64px)); }
  .page-id-184 .wc-page .wc-hero-grid { grid-template-columns:1fr !important; gap:54px !important; }
  .page-id-184 .wc-page .wc-hero-grid > .wp-block-column:last-child { justify-content:center !important; }
  .page-id-184 .wc-page .studio { max-width:900px !important; }
  .page-id-184 .wc-page .page-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .page-id-184 .wc-page .build-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .page-id-184 .wc-page .plans { grid-template-columns:1fr !important; }
  .page-id-184 .wc-page .final-inner { grid-template-columns:1fr !important; }
  .page-id-184 .wc-page .final-preview { max-width:520px; margin:0 auto; }
}

@media (max-width:760px) {
  .page-id-184 .wc-page { --wc-rail:calc(100% - 40px); }
  .page-id-184 .wc-page > .wc-sec { padding:82px 0 !important; }
  .page-id-184 .wc-page > .wc-hero { padding:64px 0 84px !important; }
  .page-id-184 .wc-page .wc-h1 { font-size:42px !important; }
  .page-id-184 .wc-page .wc-h2 { font-size:34px !important; }
  .page-id-184 .wc-page .wc-lead { font-size:16px !important; }
  .page-id-184 .wc-page > .wc-sec > .wc-h2,
  .page-id-184 .wc-page > .wc-sec > .wp-block-heading.wc-h2,
  .page-id-184 .wc-page > .wc-sec > .wc-lead,
  .page-id-184 .wc-page > .wc-sec > .wp-block-paragraph.wc-lead { width:var(--wc-rail) !important; }
  .page-id-184 .wc-page .wc-buttons { flex-wrap:wrap !important; width:auto !important; }
  .page-id-184 .wc-page .wc-buttons .wp-block-button { max-width:100% !important; }
  .page-id-184 .wc-page .wc-buttons .wp-block-button__link { white-space:normal !important; }
  .page-id-184 .wc-page .studio-body { grid-template-columns:86px minmax(0,1fr) !important; }
  .page-id-184 .wc-page .inspector { display:none !important; }
  .page-id-184 .wc-page .ba,
  .page-id-184 .wc-page .split,
  .page-id-184 .wc-page .testimonials { grid-template-columns:1fr !important; }
  .page-id-184 .wc-page .journey { display:grid !important; grid-template-columns:1fr 1fr !important; }
  .page-id-184 .wc-page .journey .arrow { display:none !important; }
  .page-id-184 .wc-page .board { grid-template-columns:76px minmax(0,1fr) !important; }
  .page-id-184 .wc-page .board-controls { display:none !important; }
  .page-id-184 .wc-page .page-grid,
  .page-id-184 .wc-page .perf-grid,
  .page-id-184 .wc-page .build-grid,
  .page-id-184 .wc-page .outcomes { grid-template-columns:1fr !important; }
  .page-id-184 .wc-page .faq { width:var(--wc-rail) !important; }
}

@media (max-width:520px) {
  .page-id-184 .wc-page .studio-body,
  .page-id-184 .wc-page .board { grid-template-columns:1fr !important; }
  .page-id-184 .wc-page .side,
  .page-id-184 .wc-page .board-side { display:none !important; }
  .page-id-184 .wc-page .mini-cards,
  .page-id-184 .wc-page .bp-grid { grid-template-columns:repeat(2,1fr) !important; }
  .page-id-184 .wc-page .wc-proof { flex-direction:column !important; gap:8px !important; }
}


/* Draft #342 — match the CRM & Automation page's wider content rail.
 * CRM uses a full-bleed page with wide inner rails: 1500px hero and
 * 1280px product sections. Keep the Website Creation visual design intact;
 * this override changes width only on the unpublished review page.
 */
.page-id-342 .wc-page {
  --wc-rail:min(1280px, calc(100% - 80px));
}

.page-id-342 .wc-page .wc-hero-grid,
.page-id-342 .wc-page .board,
.page-id-342 .wc-page .page-grid,
.page-id-342 .wc-page .split,
.page-id-342 .wc-page .perf-grid,
.page-id-342 .wc-page .launch,
.page-id-342 .wc-page .build-grid,
.page-id-342 .wc-page .outcomes,
.page-id-342 .wc-page .plans,
.page-id-342 .wc-page .testimonials,
.page-id-342 .wc-page .final-inner {
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
}

.page-id-342 .wc-page .wc-hero-grid {
  width:min(1500px, calc(100% - 64px)) !important;
  max-width:min(1500px, calc(100% - 64px)) !important;
}

@media (max-width:760px) {
  .page-id-342 .wc-page { --wc-rail:calc(100% - 40px); }
  .page-id-342 .wc-page .wc-hero-grid {
    width:var(--wc-rail) !important;
    max-width:var(--wc-rail) !important;
  }
}


/* Draft #342 — high-contrast Before / After problem visual.
 * The two panels intentionally look like different outcomes, not two variants
 * of the same mockup. Keep this scoped to the unpublished review page.
 */
.page-id-342 .wc-page .ba-contrast {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  width:var(--wc-rail) !important;
  max-width:var(--wc-rail) !important;
  margin-top:58px !important;
}

.page-id-342 .wc-page .ba-contrast .ba-item {
  min-width:0 !important;
}

.page-id-342 .wc-page .ba-contrast .ba-head {
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 2px 12px !important;
}

.page-id-342 .wc-page .ba-contrast .ba-head span {
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.page-id-342 .wc-page .ba-contrast .ba-head small {
  color:#777184 !important;
  font-size:11px !important;
  letter-spacing:0 !important;
  font-weight:600 !important;
  text-align:right !important;
}

.page-id-342 .wc-page .ba-before .ba-head span { color:#777184 !important; }
.page-id-342 .wc-page .ba-after .ba-head span { color:#4b3b8f !important; }

.page-id-342 .wc-page .ba-contrast .ba-card {
  height:360px !important;
  border-radius:22px !important;
  box-shadow:0 24px 60px rgba(55,42,110,.13) !important;
}

.page-id-342 .wc-page .ba-before .ba-card {
  border-color:#d9d6dc !important;
  background:#f4f3f5 !important;
  filter:saturate(.62) !important;
}

.page-id-342 .wc-page .ba-after .ba-card {
  border:2px solid #d8c9ed !important;
  background:#fff !important;
  box-shadow:0 28px 72px rgba(75,59,143,.20) !important;
  transform:translateY(-8px) !important;
}

.page-id-342 .wc-page .mock-browser {
  height:100% !important;
  overflow:hidden !important;
  background:#fff !important;
}

.page-id-342 .wc-page .mock-browser-bar {
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 11px !important;
  border-bottom:1px solid #e3e0e6 !important;
  background:#fafafa !important;
  color:#888391 !important;
  font-size:9px !important;
}

.page-id-342 .wc-page .mock-browser-bar i {
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#c9c6cc !important;
}

.page-id-342 .wc-page .mock-browser-bar span {
  margin-left:7px !important;
  padding:5px 12px !important;
  border-radius:6px !important;
  background:#f0eef2 !important;
  flex:1 !important;
}

.page-id-342 .wc-page .mock-browser-bar strong {
  color:#31966b !important;
  font-size:8px !important;
  font-weight:900 !important;
}

.page-id-342 .wc-page .old-nav,
.page-id-342 .wc-page .new-nav {
  min-height:45px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 16px !important;
  font-size:9px !important;
}

.page-id-342 .wc-page .old-nav b { color:#59565d !important; font-size:10px !important; }
.page-id-342 .wc-page .old-nav span { color:#a19da5 !important; margin-left:auto !important; }

.page-id-342 .wc-page .old-hero {
  min-height:196px !important;
  display:grid !important;
  grid-template-columns:42% 58% !important;
  background:#e7e5e8 !important;
}

.page-id-342 .wc-page .old-photo {
  background:linear-gradient(145deg,#cbc8cc,#e1dfe2) !important;
  position:relative !important;
}

.page-id-342 .wc-page .old-photo::after {
  content:"HVAC" !important;
  position:absolute !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  color:#aaa6ad !important;
  font-size:22px !important;
  font-weight:900 !important;
}

.page-id-342 .wc-page .old-copy {
  padding:27px 22px !important;
}

.page-id-342 .wc-page .old-copy small {
  color:#9a969e !important;
  font-size:7px !important;
  letter-spacing:.1em !important;
}

.page-id-342 .wc-page .old-copy h3 {
  margin:12px 0 9px !important;
  color:#57535b !important;
  font-size:25px !important;
  line-height:1.08 !important;
}

.page-id-342 .wc-page .old-copy p {
  margin:0 0 15px !important;
  color:#8d8991 !important;
  font-size:9px !important;
  line-height:1.6 !important;
}

.page-id-342 .wc-page .old-copy span {
  display:inline-block !important;
  padding:8px 12px !important;
  border:1px solid #bbb7be !important;
  color:#817d85 !important;
  font-size:8px !important;
}

.page-id-342 .wc-page .old-links {
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:7px !important;
  padding:12px !important;
}

.page-id-342 .wc-page .old-links span {
  padding:14px 7px !important;
  border:1px solid #ddd9de !important;
  color:#88838b !important;
  text-align:center !important;
  font-size:8px !important;
}

.page-id-342 .wc-page .old-footer {
  display:flex !important;
  justify-content:space-between !important;
  padding:11px 14px !important;
  color:#aaa5ad !important;
  border-top:1px solid #e4e1e5 !important;
  font-size:7px !important;
}

.page-id-342 .wc-page .new-nav {
  min-height:48px !important;
  border-bottom:1px solid #ece7f3 !important;
}

.page-id-342 .wc-page .new-nav b {
  color:#292246 !important;
  font-size:10px !important;
  letter-spacing:.03em !important;
}

.page-id-342 .wc-page .new-nav span {
  margin-left:auto !important;
  color:#6e687b !important;
  font-size:8px !important;
}

.page-id-342 .wc-page .new-nav strong {
  padding:8px 11px !important;
  border-radius:999px !important;
  background:linear-gradient(105deg,#4b3b8f,#e4712b) !important;
  color:#fff !important;
  font-size:8px !important;
}

.page-id-342 .wc-page .new-hero {
  min-height:178px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 145px !important;
  gap:12px !important;
  padding:24px 20px !important;
  background:linear-gradient(120deg,#292246 0%,#4b3b8f 62%,#7051a0 100%) !important;
  color:#fff !important;
}

.page-id-342 .wc-page .new-copy small {
  color:#d9c9f1 !important;
  font-size:7px !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
}

.page-id-342 .wc-page .new-copy h3 {
  margin:9px 0 7px !important;
  color:#fff !important;
  font-size:27px !important;
  line-height:1.03 !important;
  letter-spacing:-.04em !important;
}

.page-id-342 .wc-page .new-copy p {
  max-width:290px !important;
  margin:0 0 13px !important;
  color:#ddd6eb !important;
  font-size:9px !important;
  line-height:1.5 !important;
}

.page-id-342 .wc-page .new-copy > div {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.page-id-342 .wc-page .new-copy > div span {
  padding:8px 11px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#33285f !important;
  font-size:8px !important;
  font-weight:900 !important;
}

.page-id-342 .wc-page .new-copy > div em {
  color:#fff !important;
  font-size:8px !important;
  font-style:normal !important;
  font-weight:700 !important;
}

.page-id-342 .wc-page .new-visual {
  position:relative !important;
  min-height:130px !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  overflow:hidden !important;
}

.page-id-342 .wc-page .hvac-unit {
  position:absolute !important;
  width:78px !important;
  height:62px !important;
  left:26px !important;
  top:27px !important;
  border-radius:8px !important;
  background:linear-gradient(145deg,#f7f7fa,#bbb7cc) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
}

.page-id-342 .wc-page .hvac-unit::after {
  content:"" !important;
  position:absolute !important;
  width:45px !important;
  height:8px !important;
  left:16px !important;
  top:15px !important;
  border-radius:99px !important;
  background:#817b98 !important;
  box-shadow:0 16px 0 #817b98 !important;
}

.page-id-342 .wc-page .new-visual b {
  position:absolute !important;
  right:12px !important;
  top:10px !important;
  color:#ffb37d !important;
  font-size:17px !important;
}

.page-id-342 .wc-page .new-visual small {
  position:absolute !important;
  right:12px !important;
  bottom:11px !important;
  color:#fff !important;
  font-size:7px !important;
  line-height:1.25 !important;
  text-align:right !important;
}

.page-id-342 .wc-page .new-proof {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  padding:11px 16px !important;
  border-bottom:1px solid #ece7f3 !important;
  color:#555064 !important;
  font-size:8px !important;
  font-weight:700 !important;
}

.page-id-342 .wc-page .new-proof b { color:#e47a2e !important; letter-spacing:1px !important; }
.page-id-342 .wc-page .new-services { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:6px !important; padding:9px !important; }
.page-id-342 .wc-page .new-services span { padding:10px 5px !important; border:1px solid #e4dcef !important; border-radius:7px !important; background:#faf8fd !important; color:#4b3b8f !important; text-align:center !important; font-size:7px !important; font-weight:800 !important; }

.page-id-342 .wc-page .ba-note {
  margin:10px 2px 0 !important;
  color:#817c87 !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.page-id-342 .wc-page .ba-note-good { color:#31966b !important; }

.page-id-342 .wc-page .ba-divider {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding-top:24px !important;
}

.page-id-342 .wc-page .ba-divider span {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#4b3b8f,#e4712b) !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:800 !important;
  box-shadow:0 12px 28px rgba(75,59,143,.22) !important;
}

.page-id-342 .wc-page .ba-divider b {
  color:#4b3b8f !important;
  font-size:8px !important;
  letter-spacing:.12em !important;
  writing-mode:vertical-rl !important;
}

@media (max-width:900px) {
  .page-id-342 .wc-page .ba-contrast { grid-template-columns:1fr !important; }
  .page-id-342 .wc-page .ba-divider { flex-direction:row !important; padding:4px 0 !important; }
  .page-id-342 .wc-page .ba-divider b { writing-mode:horizontal-tb !important; }
  .page-id-342 .wc-page .ba-divider span { width:46px !important; height:46px !important; }
}

@media (max-width:560px) {
  .page-id-342 .wc-page .ba-contrast .ba-card { height:330px !important; }
  .page-id-342 .wc-page .old-hero,
  .page-id-342 .wc-page .new-hero { grid-template-columns:1fr !important; }
  .page-id-342 .wc-page .old-photo { display:none !important; }
  .page-id-342 .wc-page .new-visual { display:none !important; }
  .page-id-342 .wc-page .new-services { grid-template-columns:repeat(2,1fr) !important; }
  .page-id-342 .wc-page .ba-contrast .ba-head { align-items:flex-start !important; flex-direction:column !important; gap:4px !important; }
  .page-id-342 .wc-page .ba-contrast .ba-head small { text-align:left !important; }
}


/* Draft #342 — HVAC Customer Journey visual upgrade */
.page-id-342 .wc-page .journey{position:relative!important;align-items:stretch!important;gap:10px!important;margin-top:62px!important}
.page-id-342 .wc-page .journey-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:166px!important;padding:20px 16px 17px!important;border:1px solid #ddd5ec!important;border-radius:20px!important;background:linear-gradient(155deg,#fff 0%,#fbf9fe 100%)!important;box-shadow:0 16px 34px rgba(55,42,110,.09)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.page-id-342 .wc-page .journey-card:before{content:""!important;position:absolute!important;width:92px!important;height:92px!important;right:-35px!important;top:-35px!important;border-radius:50%!important;background:radial-gradient(circle,#e9e1f8 0%,rgba(233,225,248,0) 70%)!important}
.page-id-342 .wc-page .journey-card:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:4px!important;background:linear-gradient(90deg,#4b3b8f,#d96a2b)!important}
.page-id-342 .wc-page .journey-card:nth-of-type(3n+1){background:linear-gradient(155deg,#fff 0%,#f7f2ff 100%)!important}
.page-id-342 .wc-page .journey-card:nth-of-type(3n+2){background:linear-gradient(155deg,#fff 0%,#fff8f2 100%)!important}
.page-id-342 .wc-page .journey-card:nth-of-type(3n+3){background:linear-gradient(155deg,#fff 0%,#f5fbf8 100%)!important}
.page-id-342 .wc-page .journey-card:hover{transform:translateY(-7px)!important;border-color:#c8bce0!important;box-shadow:0 24px 46px rgba(55,42,110,.14)!important}
.page-id-342 .wc-page .journey-card b{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0 0 25px!important;border-radius:13px!important;background:linear-gradient(135deg,#4b3b8f,#715bb0)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;box-shadow:0 8px 18px rgba(75,59,143,.24)!important}
.page-id-342 .wc-page .journey-card:nth-of-type(3n+2) b{background:linear-gradient(135deg,#d96a2b,#ef914e)!important;box-shadow:0 8px 18px rgba(217,106,43,.22)!important}
.page-id-342 .wc-page .journey-card:nth-of-type(3n+3) b{background:linear-gradient(135deg,#31966b,#59b78d)!important;box-shadow:0 8px 18px rgba(49,150,107,.2)!important}
.page-id-342 .wc-page .journey-card strong{position:relative!important;z-index:1!important;display:block!important;margin:0 0 7px!important;color:#292246!important;font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important;text-align:left!important}
.page-id-342 .wc-page .journey-card small{position:relative!important;z-index:1!important;display:block!important;color:#6b6676!important;font-size:11px!important;line-height:1.45!important;text-align:left!important}
.page-id-342 .wc-page .journey .arrow{position:relative!important;z-index:2!important;flex:0 0 24px!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:34px!important;margin:0!important;border-radius:999px!important;color:#d96a2b!important;background:#fff2e8!important;border:1px solid #f2c6a8!important;font-size:17px!important;font-style:normal!important;font-weight:900!important;box-shadow:0 7px 16px rgba(217,106,43,.13)!important}
.page-id-342 .wc-page .journey .arrow:nth-of-type(4n+2){color:#4b3b8f!important;background:#f0ebfa!important;border-color:#d2c7e7!important}
.page-id-342 .wc-page .journey .arrow:nth-of-type(4n+3){color:#31966b!important;background:#eaf7f1!important;border-color:#bfe5d2!important}
.page-id-342 .wc-page .journey .arrow:nth-of-type(4n+4){color:#d96a2b!important;background:#fff2e8!important;border-color:#f2c6a8!important}
@media (min-width:761px){.page-id-342 .wc-page .journey:before{content:""!important;position:absolute!important;left:5%!important;right:5%!important;top:84px!important;height:1px!important;background:linear-gradient(90deg,#cfc5e4 0%,#e8c2a9 50%,#b9dfcc 100%)!important;z-index:0!important}.page-id-342 .wc-page .journey-card,.page-id-342 .wc-page .journey .arrow{z-index:1!important}}
@media (max-width:1100px) and (min-width:761px){.page-id-342 .wc-page .journey{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.page-id-342 .wc-page .journey .arrow{display:none!important}.page-id-342 .wc-page .journey:before{display:none!important}}
@media (max-width:760px){.page-id-342 .wc-page .journey{gap:14px!important}.page-id-342 .wc-page .journey-card{min-height:145px!important;padding:17px 14px!important}.page-id-342 .wc-page .journey-card b{width:38px!important;height:38px!important;margin-bottom:19px!important}}

/* Draft #342 — Website Design Studio premium lead-generation treatment */
.page-id-342 .wc-page .board{position:relative!important;display:grid!important;grid-template-columns:190px minmax(0,1fr) 190px!important;min-height:620px!important;padding:14px!important;gap:14px!important;border:1px solid #d8cfea!important;border-radius:28px!important;background:linear-gradient(135deg,#22183f 0%,#33255c 48%,#1d1831 100%)!important;box-shadow:0 32px 70px rgba(47,32,91,.25),0 4px 0 rgba(255,255,255,.16) inset!important;overflow:hidden!important}
.page-id-342 .wc-page .board:before{content:""!important;position:absolute!important;width:520px!important;height:520px!important;right:-190px!important;top:-220px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(217,106,43,.27),rgba(217,106,43,0) 67%)!important}
.page-id-342 .wc-page .board:after{content:"LEAD-GENERATION WEBSITE"!important;position:absolute!important;right:24px!important;bottom:14px!important;color:rgba(255,255,255,.34)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important}
.page-id-342 .wc-page .board-side,.page-id-342 .wc-page .board-controls{position:relative!important;z-index:2!important;padding:18px 13px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.065)!important;backdrop-filter:blur(14px)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important}
.page-id-342 .wc-page .board-side b,.page-id-342 .wc-page .board-controls b{color:#d7ccef!important;font-size:9px!important;letter-spacing:.14em!important}
.page-id-342 .wc-page .board-side span{display:block!important;margin-top:7px!important;padding:9px!important;border-radius:10px!important;color:rgba(255,255,255,.68)!important;font-size:10px!important;font-weight:700!important;border:1px solid transparent!important}
.page-id-342 .wc-page .board-side span.active{color:#fff!important;background:linear-gradient(90deg,rgba(111,87,177,.85),rgba(217,106,43,.72))!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
.page-id-342 .wc-page .board-main{position:relative!important;z-index:2!important;min-width:0!important;padding:0!important;border-radius:22px!important;background:#f7f5fb!important;box-shadow:0 20px 45px rgba(0,0,0,.22)!important;overflow:hidden!important}
.page-id-342 .wc-page .board-toolbar{min-height:48px!important;padding:0 16px!important;background:#fff!important;border-bottom:1px solid #e5e0ed!important;color:#4a4260!important;font-size:10px!important;font-weight:800!important}
.page-id-342 .wc-page .board-toolbar span:first-child{color:#33265b!important;font-weight:900!important}
.page-id-342 .wc-page .board-toolbar b{padding:7px 11px!important;border-radius:9px!important;background:linear-gradient(135deg,#4b3b8f,#d96a2b)!important;color:#fff!important;box-shadow:0 7px 15px rgba(75,59,143,.2)!important}
.page-id-342 .wc-page .board-preview{min-height:550px!important;padding:0!important;background:linear-gradient(180deg,#f8f6fb,#eeeaf5)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.page-id-342 .wc-page .bp-nav{min-height:53px!important;padding:0 17px!important;background:#fff!important;border-bottom:1px solid #e8e3ee!important}
.page-id-342 .wc-page .bp-nav b{color:#302451!important;font-size:12px!important;letter-spacing:-.02em!important}
.page-id-342 .wc-page .bp-nav strong{padding:8px 12px!important;border-radius:9px!important;background:linear-gradient(135deg,#4b3b8f,#d96a2b)!important;color:#fff!important;font-size:9px!important;box-shadow:0 7px 15px rgba(75,59,143,.18)!important}
.page-id-342 .wc-page .bp-hero{position:relative!important;min-height:315px!important;margin:14px!important;padding:34px 35% 28px 30px!important;border-radius:19px!important;background:linear-gradient(125deg,#302258 0%,#503d8e 57%,#c85d2c 125%)!important;color:#fff!important;overflow:hidden!important;box-shadow:0 18px 38px rgba(55,42,110,.22)!important}
.page-id-342 .wc-page .bp-hero:before{content:""!important;position:absolute!important;right:5%!important;top:14%!important;width:190px!important;height:190px!important;border-radius:50%!important;border:24px solid rgba(255,255,255,.11)!important;box-shadow:0 0 0 18px rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.15)!important}
.page-id-342 .wc-page .bp-hero:after{content:"24/7\A COMFORT"!important;white-space:pre!important;position:absolute!important;right:10%!important;top:31%!important;width:105px!important;height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border-radius:18px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.08em!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.page-id-342 .wc-page .bp-hero small{color:#ffd6ba!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important}
.page-id-342 .wc-page .bp-hero h3{max-width:420px!important;margin:10px 0 11px!important;color:#fff!important;font-size:34px!important;line-height:1.03!important;letter-spacing:-.045em!important}
.page-id-342 .wc-page .bp-hero p{max-width:370px!important;color:rgba(255,255,255,.8)!important;font-size:12px!important;line-height:1.55!important}
.page-id-342 .wc-page .bp-hero span{display:inline-block!important;margin-top:14px!important;padding:11px 15px!important;border-radius:10px!important;background:#fff!important;color:#3d2d73!important;font-size:10px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important}
.page-id-342 .wc-page .bp-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;margin:0 14px!important}
.page-id-342 .wc-page .bp-grid span{min-height:62px!important;padding:14px!important;border:1px solid #e0d9eb!important;border-radius:13px!important;background:#fff!important;color:#39304d!important;font-size:10px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(55,42,110,.06)!important}
.page-id-342 .wc-page .bp-grid span:nth-child(1){border-top:3px solid #4b3b8f!important}.page-id-342 .wc-page .bp-grid span:nth-child(2){border-top:3px solid #d96a2b!important}.page-id-342 .wc-page .bp-grid span:nth-child(3){border-top:3px solid #31966b!important}.page-id-342 .wc-page .bp-grid span:nth-child(4){border-top:3px solid #6b58a4!important}
.page-id-342 .wc-page .board-controls label{display:block!important;margin-top:13px!important;padding-bottom:11px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.58)!important;font-size:9px!important}.page-id-342 .wc-page .board-controls em{display:block!important;margin-top:4px!important;color:#fff!important;font-size:10px!important;font-style:normal!important;font-weight:800!important}.page-id-342 .wc-page .board-controls em[style]{color:#63c39a!important}
@media(max-width:1100px){.page-id-342 .wc-page .board{grid-template-columns:160px minmax(0,1fr)!important}.page-id-342 .wc-page .board-controls{display:none!important}}
@media(max-width:760px){.page-id-342 .wc-page .board{display:block!important;min-height:0!important;padding:9px!important;border-radius:20px!important}.page-id-342 .wc-page .board-side{display:none!important}.page-id-342 .wc-page .board-main{border-radius:16px!important}.page-id-342 .wc-page .board-preview{min-height:440px!important}.page-id-342 .wc-page .bp-hero{min-height:270px!important;padding:25px 24px!important}.page-id-342 .wc-page .bp-hero h3{font-size:27px!important}.page-id-342 .wc-page .bp-hero:before{right:-30px!important;top:43%!important;width:130px!important;height:130px!important}.page-id-342 .wc-page .bp-hero:after{right:6%!important;top:53%!important;transform:scale(.78)!important;transform-origin:right top!important}.page-id-342 .wc-page .bp-grid{grid-template-columns:repeat(2,1fr)!important}.page-id-342 .wc-page .bp-nav span{display:none!important}}

/* Draft #342 — Every Page Has a Job: visual previews are page-specific.
 * Keep thumbnail footprint unchanged; add distinct HVAC purpose/visual cues.
 */
.page-id-342 .page-card .thumb { position:relative; overflow:hidden; min-height:220px; padding:22px; border-radius:22px; background:linear-gradient(145deg,#f8f5ff,#fff); box-shadow:0 18px 45px rgba(48,31,92,.10); }
.page-id-342 .page-card .thumb:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 18%,rgba(246,132,57,.20),transparent 34%),radial-gradient(circle at 12% 90%,rgba(116,72,191,.16),transparent 40%); pointer-events:none; }
.page-id-342 .page-card .thumb > b,.page-id-342 .page-card .thumb > small { position:relative; z-index:2; display:block; }
.page-id-342 .page-card .thumb > b { font-size:18px; color:#34205f; letter-spacing:-.02em; }
.page-id-342 .page-card .thumb > small { margin-top:5px; color:#756b88; font-size:12px; }
.page-id-342 .page-card .thumb .visual { position:absolute; left:18px; right:18px; bottom:16px; min-height:112px; padding:18px; border-radius:17px; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; overflow:hidden; box-shadow:0 12px 28px rgba(45,28,83,.14); }
.page-id-342 .page-card .thumb .visual:before { content:""; position:absolute; width:105px; height:105px; right:-20px; top:-24px; border-radius:50%; background:rgba(255,255,255,.20); }
.page-id-342 .page-card .thumb .visual span { position:relative; font-size:9px; font-weight:800; letter-spacing:.12em; opacity:.88; }
.page-id-342 .page-card .thumb .visual strong { position:relative; font-size:18px; line-height:1.08; max-width:88%; letter-spacing:-.03em; }
.page-id-342 .page-card .thumb .visual em { position:relative; align-self:flex-start; margin-top:3px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.94); font-style:normal; font-size:10px; font-weight:800; }
.page-id-342 .page-card .thumb-home .visual { background:linear-gradient(135deg,#4b267d,#8b55c8 58%,#f2873d); color:#fff; }
.page-id-342 .page-card .thumb-home .visual em { color:#4b267d; }
.page-id-342 .page-card .thumb-services .visual { background:linear-gradient(135deg,#321b5d,#7041a7); color:#fff; }
.page-id-342 .page-card .thumb-services .visual em { color:#321b5d; }
.page-id-342 .page-card .thumb-reviews .visual { background:linear-gradient(135deg,#f7f1ff,#fff); color:#34205f; border:1px solid rgba(104,65,167,.16); }
.page-id-342 .page-card .thumb-reviews .visual strong { font-size:25px; letter-spacing:.08em; }
.page-id-342 .page-card .thumb-reviews .visual em { color:#fff; background:#31966b; }
.page-id-342 .page-card .thumb-cooling .visual { background:linear-gradient(135deg,#4d3b91,#806bd0); color:#fff; }
.page-id-342 .page-card .thumb-cooling .visual em { color:#4d3b91; }
.page-id-342 .page-card .thumb-heating .visual { background:linear-gradient(135deg,#74336f,#d15b49 68%,#f2873d); color:#fff; }
.page-id-342 .page-card .thumb-heating .visual em { color:#74336f; }
.page-id-342 .page-card .thumb-maintenance .visual { background:linear-gradient(135deg,#e8f6f0,#fff); color:#315d50; border:1px solid rgba(49,150,107,.18); }
.page-id-342 .page-card .thumb-maintenance .visual em { color:#fff; background:#31966b; }
.page-id-342 .page-card:hover .thumb { transform:translateY(-4px); box-shadow:0 24px 55px rgba(48,31,92,.15); }
.page-id-342 .page-card .thumb { transition:transform .25s ease,box-shadow .25s ease; }
@media (max-width:760px){ .page-id-342 .page-card .thumb { min-height:200px; } .page-id-342 .page-card .thumb .visual strong { font-size:16px; } }

/* Draft #342 — real, subject-specific visuals for Every Page Has a Job. */
.page-id-342 .page-visual-card {
  position:relative;
  height:220px !important;
  min-height:220px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eef0f2 !important;
  border-radius:20px !important;
}
.page-id-342 .page-visual-img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:220px !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
}
.page-id-342 .page-visual-card:after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:90px;
  background:linear-gradient(to top,rgba(0,0,0,.58),transparent);
  pointer-events:none;
}
.page-id-342 .page-visual-label {
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.28);
}
.page-id-342 .page-visual-label b {
  font-size:18px;
  line-height:1.1;
  font-weight:800;
}
.page-id-342 .page-visual-label small {
  font-size:11px;
  line-height:1.2;
  text-align:right;
  max-width:52%;
  opacity:.95;
}
.page-id-342 .page-card > h3 { margin-top:20px !important; }
.page-id-342 .page-card > p { margin-top:8px !important; }
.page-id-342 .page-card .visual { display:none !important; }
@media (max-width:760px) {
  .page-id-342 .page-visual-card,
  .page-id-342 .page-visual-img { min-height:190px !important; height:190px !important; }
  .page-id-342 .page-visual-label { left:14px; right:14px; bottom:13px; }
  .page-id-342 .page-visual-label small { display:none; }
}


/* Draft #342 — final thumbnail correction: restore original card footprint and remove legacy mockup overlays. */
.page-id-342.page-id-184 .wc-page .page-visual-card {
  height:165px !important;
  min-height:165px !important;
  max-height:165px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:17px !important;
  background:#eef0f2 !important;
}
.page-id-342.page-id-184 .wc-page .page-visual-card::before,
.page-id-342.page-id-184 .wc-page .page-visual-card::after {
  content:none !important;
  display:none !important;
}
.page-id-342.page-id-184 .wc-page .page-visual-img {
  display:block !important;
  width:100% !important;
  height:165px !important;
  min-height:165px !important;
  max-height:165px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
.page-id-342.page-id-184 .wc-page .page-visual-label {
  left:17px !important;
  right:17px !important;
  bottom:14px !important;
}
.page-id-342.page-id-184 .wc-page .page-card > h3 {
  margin-top:19px !important;
}
@media (max-width:760px) {
  .page-id-342.page-id-184 .wc-page .page-visual-card,
  .page-id-342.page-id-184 .wc-page .page-visual-img {
    height:165px !important;
    min-height:165px !important;
    max-height:165px !important;
  }
}


/* Draft #342 — final Website Design Studio size correction.
 * Keep the CRM-width rail, but restore the Studio visual to a compact
 * screen-recording-style footprint. The premium styling stays; only scale
 * and internal vertical space are reduced so it does not dominate the page.
 */
.page-id-342.page-id-184 .wc-page .board {
  min-height:450px !important;
  height:450px !important;
  padding:10px !important;
  gap:10px !important;
  border-radius:22px !important;
}
.page-id-342.page-id-184 .wc-page .board-side,
.page-id-342.page-id-184 .wc-page .board-controls {
  padding:15px 11px !important;
  border-radius:16px !important;
}
.page-id-342.page-id-184 .wc-page .board-main {
  border-radius:17px !important;
}
.page-id-342.page-id-184 .wc-page .board-toolbar {
  min-height:40px !important;
  height:40px !important;
  padding:0 13px !important;
  margin:0 !important;
}
.page-id-342.page-id-184 .wc-page .board-preview {
  min-height:390px !important;
  height:390px !important;
}
.page-id-342.page-id-184 .wc-page .bp-nav {
  min-height:42px !important;
  height:42px !important;
  padding:0 14px !important;
}
.page-id-342.page-id-184 .wc-page .bp-nav b { font-size:10px !important; }
.page-id-342.page-id-184 .wc-page .bp-hero {
  min-height:205px !important;
  height:205px !important;
  margin:10px !important;
  padding:24px 32% 20px 24px !important;
  border-radius:15px !important;
}
.page-id-342.page-id-184 .wc-page .bp-hero h3 {
  margin:8px 0 8px !important;
  font-size:27px !important;
}
.page-id-342.page-id-184 .wc-page .bp-hero p { font-size:10px !important; }
.page-id-342.page-id-184 .wc-page .bp-hero span {
  margin-top:9px !important;
  padding:9px 12px !important;
}
.page-id-342.page-id-184 .wc-page .bp-hero:before {
  width:140px !important;
  height:140px !important;
  border-width:18px !important;
}
.page-id-342.page-id-184 .wc-page .bp-hero:after {
  width:88px !important;
  height:58px !important;
  font-size:10px !important;
}
.page-id-342.page-id-184 .wc-page .bp-grid {
  gap:7px !important;
  margin:0 10px !important;
}
.page-id-342.page-id-184 .wc-page .bp-grid span {
  min-height:50px !important;
  padding:11px !important;
  font-size:9px !important;
  border-radius:10px !important;
}
@media (max-width:1100px) {
  .page-id-342.page-id-184 .wc-page .board {
    height:450px !important;
    min-height:450px !important;
  }
}
@media (max-width:760px) {
  .page-id-342.page-id-184 .wc-page .board {
    height:auto !important;
    min-height:0 !important;
    padding:8px !important;
  }
  .page-id-342.page-id-184 .wc-page .board-preview {
    height:auto !important;
    min-height:390px !important;
  }
  .page-id-342.page-id-184 .wc-page .bp-hero {
    height:205px !important;
    min-height:205px !important;
  }
}


/* Draft #342 — Website Launch Process redesign. */
.page-id-342 #launch .launch{width:min(1120px,calc(100% - 80px));max-width:1120px;margin:54px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.page-id-342 #launch .launch-card{position:relative;min-height:170px!important;height:170px!important;padding:24px 22px 20px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;border:1px solid rgba(91,68,154,.18);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(46,34,88,.07);overflow:visible;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.page-id-342 #launch .launch-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(46,34,88,.11);border-color:rgba(91,68,154,.32)}
.page-id-342 #launch .launch-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#5b4399,#e8752b)}
.page-id-342 #launch .launch-card b{display:grid;place-items:center;width:34px;height:34px;margin:0 0 15px;border-radius:50%;background:linear-gradient(135deg,#60479e,#875fbb);color:#fff;font-size:12px;line-height:1;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 14px rgba(91,67,153,.2)}
.page-id-342 #launch .launch-card strong{color:#211d3a;font-size:18px;line-height:1.2;font-weight:800}
.page-id-342 #launch .launch-card small{display:block;margin-top:9px;color:#747087;font-size:12px;line-height:1.45}
.page-id-342 #launch .launch-card--final{background:linear-gradient(145deg,#3f2b78,#5d4198);border-color:#5d4198;box-shadow:0 16px 34px rgba(63,43,120,.22)}
.page-id-342 #launch .launch-card--final:before{background:#e8752b}.page-id-342 #launch .launch-card--final b{background:#e8752b}.page-id-342 #launch .launch-card--final strong{color:#fff}.page-id-342 #launch .launch-card--final small{color:rgba(255,255,255,.78)}
.page-id-342 #launch .arrow{display:none!important}
.page-id-342 #launch .launch-card:nth-child(-n+4):after{content:"";position:absolute;top:50%;right:-22px;width:22px;height:2px;background:linear-gradient(90deg,#8a70ba,#e8752b);z-index:3}.page-id-342 #launch .launch-card:nth-child(4):after{display:none}
@media (max-width:980px){.page-id-342 #launch .launch{grid-template-columns:repeat(2,minmax(0,1fr))}.page-id-342 #launch .launch-card{height:165px!important;min-height:165px!important}.page-id-342 #launch .launch-card:after{display:none!important}}
@media (max-width:760px){.page-id-342 #launch .launch{width:calc(100% - 40px);grid-template-columns:1fr;gap:14px;margin-top:38px}.page-id-342 #launch .launch-card{height:auto!important;min-height:142px!important;padding:21px 20px 19px!important}}

/* Connector correction for the two-row process grid. */
.page-id-342 #launch .launch-card:after{display:none!important}
.page-id-342 #launch .launch-card:nth-child(1):after,.page-id-342 #launch .launch-card:nth-child(2):after,.page-id-342 #launch .launch-card:nth-child(3):after,.page-id-342 #launch .launch-card:nth-child(5):after,.page-id-342 #launch .launch-card:nth-child(6):after,.page-id-342 #launch .launch-card:nth-child(7):after{content:"";display:block!important;position:absolute;top:50%;right:-22px;width:22px;height:2px;background:linear-gradient(90deg,#8a70ba,#e8752b);z-index:3}
@media (max-width:980px){.page-id-342 #launch .launch-card:after{display:none!important}}

/* Draft #342 — Website Creation pricing mirrors the Home pricing structure. */
.page-id-342 .wc-home-pricing .plan{display:flex;flex-direction:column;}
.page-id-342 .wc-home-pricing .wc-price-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px solid rgba(76,58,145,.12);}
.page-id-342 .wc-home-pricing .wc-price-label{font-size:12px;font-weight:700;letter-spacing:.02em;color:#77708f;}
.page-id-342 .wc-home-pricing .wc-price-line strong{font-size:29px;line-height:1;font-weight:800;color:#211d3a;}
.page-id-342 .wc-home-pricing .wc-price-line strong small{font-size:14px;font-weight:700;}
.page-id-342 .wc-home-pricing .wc-price-line del{font-size:13px;color:#8d879e;white-space:nowrap;}
.page-id-342 .wc-home-pricing .wc-waived{font-size:11px;font-weight:700;color:#31966b;white-space:nowrap;}
.page-id-342 .wc-home-pricing .meta{margin:15px 0 4px;}
.page-id-342 .wc-home-pricing .plan>a{margin-top:auto;}
@media (max-width:900px){.page-id-342 .wc-home-pricing .wc-price-line{grid-template-columns:65px minmax(0,1fr);}.page-id-342 .wc-home-pricing .wc-price-line del,.page-id-342 .wc-home-pricing .wc-waived{grid-column:2;}}


/* ================================================================
   LIVE #342 — FAQ + READY TO BUILD RESTORATION
   Scoped strictly to the two restored sections. Do not move this styling
   into shared components; it intentionally preserves the reference design
   without changing pricing or any other Website Creation section.
   ================================================================ */
.page-id-342 .wc-page .wc-faq-restore{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:74px 0 76px!important;
  background:linear-gradient(135deg,#21184a 0%,#30206d 52%,#432181 100%)!important;
  color:#fff!important;
  overflow:hidden!important;
}
.page-id-342 .wc-page .wc-faq-restore:before{
  content:""!important;
  position:absolute!important;
  width:620px!important;
  height:620px!important;
  right:-250px!important;
  top:-310px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(139,82,221,.35),rgba(139,82,221,0) 68%)!important;
  pointer-events:none!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-center{position:relative!important;z-index:1!important;width:min(860px,calc(100% - 48px))!important;max-width:860px!important;margin:0 auto!important;text-align:center!important}
.page-id-342 .wc-page .wc-faq-restore .wc-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 auto 16px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,#7147e8,#ff792d)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  box-shadow:0 10px 24px rgba(81,43,148,.25)!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-eyebrow:before{width:6px!important;height:6px!important;margin:0!important;background:#fff!important}
.page-id-342 .wc-page .wc-faq-restore .wc-h2{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  max-width:760px!important;
  margin:0 auto 10px!important;
  color:#fff!important;
  font-size:clamp(40px,5vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-h2 .wc-em{background:linear-gradient(100deg,#8555f0,#ff7a2d)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.page-id-342 .wc-page .wc-faq-restore .wc-lead{
  width:auto!important;
  max-width:680px!important;
  margin:0 auto!important;
  color:rgba(255,255,255,.86)!important;
  font-size:13px!important;
  line-height:1.6!important;
  text-align:center!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq{
  position:relative!important;
  z-index:1!important;
  width:min(900px,calc(100% - 48px))!important;
  max-width:900px!important;
  margin:28px auto 0!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details{
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#f7f7fb!important;
  box-shadow:0 5px 13px rgba(11,5,39,.12)!important;
  overflow:hidden!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details:last-child{margin-bottom:0!important}
.page-id-342 .wc-page .wc-faq-restore .faq summary{
  min-height:47px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 22px!important;
  align-items:center!important;
  column-gap:12px!important;
  padding:0 19px!important;
  color:#1e1749!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  list-style:none!important;
  cursor:pointer!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq summary::-webkit-details-marker{display:none!important}
.page-id-342 .wc-page .wc-faq-restore .faq summary:after{display:none!important}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-q{
  width:25px!important;
  height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#35228a!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 5px 12px rgba(53,34,138,.2)!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-chevron{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#211755!important;
  font-size:20px!important;
  font-weight:900!important;
  transform:translateY(-2px)!important;
  transition:transform .2s ease!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details[open] .faq-chevron{transform:rotate(180deg) translateY(2px)!important}
.page-id-342 .wc-page .wc-faq-restore .faq details>p{
  margin:0!important;
  padding:0 54px 17px 63px!important;
  color:#625e78!important;
  font-size:12px!important;
  line-height:1.6!important;
}

/* Ready to Build — reference composition: left copy + laptop/phone visual. */
.page-id-342 .wc-page .wc-ready-restore{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:70px 0 74px!important;
  background:linear-gradient(135deg,#21184a 0%,#2d2064 55%,#43217c 100%)!important;
  color:#fff!important;
  overflow:hidden!important;
}
.page-id-342 .wc-page .wc-ready-restore:before{
  content:""!important;
  position:absolute!important;
  width:580px!important;
  height:580px!important;
  right:-130px!important;
  top:-250px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(121,67,205,.34),rgba(121,67,205,0) 67%)!important;
  pointer-events:none!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-inner{
  position:relative!important;
  z-index:1!important;
  width:min(1280px,calc(100% - 80px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;
  gap:54px!important;
  align-items:center!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-inner>.wp-block-column{min-width:0!important;margin:0!important}
.page-id-342 .wc-page .wc-ready-restore .wc-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 0 17px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,#7147e8,#ff792d)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  box-shadow:0 10px 24px rgba(81,43,148,.25)!important;
}
.page-id-342 .wc-page .wc-ready-restore .wc-eyebrow:before{width:6px!important;height:6px!important;margin:0!important;background:#fff!important}
.page-id-342 .wc-page .wc-ready-restore .wc-h2{
  width:auto!important;
  max-width:610px!important;
  margin:0 0 15px!important;
  color:#fff!important;
  font-size:clamp(38px,4.5vw,55px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}
.page-id-342 .wc-page .wc-ready-restore .wc-h2 .wc-em{background:linear-gradient(100deg,#7b50ec,#a66bea)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.page-id-342 .wc-page .wc-ready-restore .wc-lead{
  width:auto!important;
  max-width:580px!important;
  margin:0 0 20px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:left!important;
}
.page-id-342 .wc-page .wc-ready-restore .wc-buttons{width:auto!important;max-width:100%!important;margin:0!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important}
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wp-block-button{margin:0!important}
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wp-block-button__link{min-height:43px!important;padding:0 20px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important}
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link{background:linear-gradient(105deg,#ff9a22,#ff6b20)!important;color:#fff!important;box-shadow:0 12px 24px rgba(255,116,32,.22)!important}
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.8)!important}

.page-id-342 .wc-page .wc-ready-restore .final-device-preview{
  position:relative!important;
  width:100%!important;
  height:340px!important;
  max-width:560px!important;
  margin:0 auto!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-orbit{
  position:absolute!important;
  width:370px!important;
  height:210px!important;
  right:18px!important;
  top:63px!important;
  border:1px solid rgba(255,156,52,.82)!important;
  border-left-color:transparent!important;
  border-radius:50%!important;
  transform:rotate(-12deg)!important;
  box-shadow:0 0 0 1px rgba(135,81,224,.35)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop{
  position:absolute!important;
  left:25px!important;
  top:37px!important;
  width:410px!important;
  height:250px!important;
  padding:9px 9px 17px!important;
  border-radius:10px 10px 5px 5px!important;
  background:linear-gradient(145deg,#d8d9e1,#7d7c8e)!important;
  box-shadow:0 22px 38px rgba(8,4,28,.35)!important;
  transform:perspective(900px) rotateY(-3deg)!important;
  z-index:2!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop:after{
  content:""!important;
  position:absolute!important;
  left:-34px!important;
  right:-34px!important;
  bottom:-11px!important;
  height:13px!important;
  border-radius:0 0 15px 15px!important;
  background:linear-gradient(#aaa9b6,#5e5c6d)!important;
  box-shadow:0 8px 13px rgba(0,0,0,.25)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop-screen{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:5px!important;
  background:#fff!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-nav{
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px!important;
  color:#27204e!important;
  font-size:6px!important;
  border-bottom:1px solid #e8e5ef!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-nav b{font-size:9px!important;margin-right:auto!important;color:#34256e!important}
.page-id-342 .wc-page .wc-ready-restore .device-nav strong{padding:4px 7px!important;border-radius:5px!important;background:#4b3b8f!important;color:#fff!important;font-size:5px!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero{
  height:146px!important;
  padding:25px 18px!important;
  background:linear-gradient(120deg,#2d205f,#5a3d91 63%,#8e4b8c)!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-hero:after{
  content:""!important;
  position:absolute!important;
  width:130px!important;
  height:130px!important;
  right:-16px!important;
  top:7px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 66%)!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-hero small{display:block!important;color:#f2c9df!important;font-size:5px!important;letter-spacing:.1em!important;font-weight:900!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero b{display:block!important;max-width:205px!important;margin:6px 0 9px!important;color:#fff!important;font-size:17px!important;line-height:1.02!important;letter-spacing:-.04em!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero span{display:inline-block!important;padding:6px 8px!important;border-radius:5px!important;background:#ff8125!important;color:#fff!important;font-size:5px!important;font-weight:900!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;padding:7px!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards i{padding:8px 4px!important;border:1px solid #e2ddec!important;border-radius:5px!important;background:#faf9fd!important;color:#42356c!important;text-align:center!important;font-style:normal!important;font-size:6px!important;font-weight:800!important}
.page-id-342 .wc-page .wc-ready-restore .final-phone{
  position:absolute!important;
  right:24px!important;
  bottom:29px!important;
  width:115px!important;
  height:205px!important;
  padding:6px!important;
  border:3px solid #b7b7c2!important;
  border-radius:17px!important;
  background:#26242d!important;
  box-shadow:0 20px 34px rgba(8,4,28,.38)!important;
  z-index:3!important;
  transform:rotate(1deg)!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-screen{height:100%!important;overflow:hidden!important;border-radius:11px!important;background:#fff!important}
.page-id-342 .wc-page .wc-ready-restore .phone-top{height:24px!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#34256e!important;font-size:7px!important;font-weight:900!important}
.page-id-342 .wc-page .wc-ready-restore .phone-top span{font-size:10px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero{height:119px!important;padding:18px 8px!important;background:linear-gradient(135deg,#34256e,#563d91)!important;color:#fff!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero b{display:block!important;font-size:9px!important;line-height:1.08!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero span{display:inline-block!important;margin-top:8px!important;padding:5px 6px!important;border-radius:4px!important;background:#ff8125!important;font-size:5px!important;font-weight:900!important}
.page-id-342 .wc-page .wc-ready-restore .phone-card{margin:7px!important;padding:9px 5px!important;border:1px solid #e4dfeb!important;border-radius:5px!important;color:#45386d!important;text-align:center!important;font-size:6px!important;font-weight:800!important}

@media(max-width:900px){
  .page-id-342 .wc-page .wc-ready-restore .final-inner{grid-template-columns:1fr!important;gap:34px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-inner>.wp-block-column:first-child{max-width:680px!important;margin:0 auto!important}
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{margin:0 auto!important}
}
@media(max-width:760px){
  .page-id-342 .wc-page .wc-faq-restore{padding:58px 0 60px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq{width:calc(100% - 40px)!important;margin-top:24px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq summary{min-height:55px!important;grid-template-columns:30px minmax(0,1fr) 18px!important;padding:0 14px!important;font-size:12px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq details>p{padding:0 45px 16px 58px!important}
  .page-id-342 .wc-page .wc-ready-restore{padding:58px 0 62px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-inner{width:calc(100% - 40px)!important}
  .page-id-342 .wc-page .wc-ready-restore .wc-h2{font-size:39px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:280px!important;max-width:440px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{left:3%;top:28px;width:75%;height:190px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{right:4%;bottom:16px;width:92px;height:170px}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:108px!important;padding:17px 13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-cards{display:none!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:94px!important;padding:14px 7px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:8px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-orbit{width:280px!important;height:160px!important;right:0!important;top:55px!important}
}
@media(max-width:520px){
  .page-id-342 .wc-page .wc-ready-restore .wc-buttons{flex-wrap:wrap!important}
  .page-id-342 .wc-page .wc-ready-restore .wc-buttons .wp-block-button{max-width:100%!important}
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:235px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{top:20px;width:78%;height:158px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{width:78px;height:145px;bottom:11px}
  .page-id-342 .wc-page .wc-ready-restore .device-nav span{display:none!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:91px!important;padding:12px 10px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:10px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:77px!important;padding:11px 5px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:6px!important}
}


/* LIVE #342 — FAQ visual refresh only.
 * Keep every other Website Creation section untouched.
 * Replaces the dark FAQ with a light lavender, high-contrast treatment.
 */
.page-id-342 .wc-page .wc-faq-restore{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:82px 0 86px!important;
  background:
    radial-gradient(520px 360px at -4% 48%,rgba(128,91,224,.16),transparent 70%),
    radial-gradient(520px 360px at 104% 62%,rgba(255,126,47,.12),transparent 70%),
    linear-gradient(180deg,#fbfaff 0%,#f4f0fc 100%)!important;
  color:#1e1749!important;
  overflow:hidden!important;
}
.page-id-342 .wc-page .wc-faq-restore:before{
  content:""!important;
  position:absolute!important;
  width:470px!important;
  height:470px!important;
  left:-250px!important;
  top:90px!important;
  border:1px solid rgba(112,77,201,.16)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 34px rgba(112,77,201,.035),0 0 0 68px rgba(112,77,201,.025)!important;
  pointer-events:none!important;
}
.page-id-342 .wc-page .wc-faq-restore:after{
  content:""!important;
  position:absolute!important;
  width:420px!important;
  height:420px!important;
  right:-285px!important;
  top:110px!important;
  border:1px solid rgba(255,119,47,.30)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 32px rgba(255,119,47,.035)!important;
  pointer-events:none!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-center{position:relative!important;z-index:1!important;width:min(900px,calc(100% - 48px))!important;max-width:900px!important;margin:0 auto!important;text-align:center!important}
.page-id-342 .wc-page .wc-faq-restore .wc-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:none!important;
  margin:0 auto 18px!important;
  padding:9px 17px!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,#7147e8,#ff792d)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  box-shadow:0 9px 22px rgba(91,63,174,.16)!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-eyebrow:before{width:6px!important;height:6px!important;margin:0!important;background:#fff!important}
.page-id-342 .wc-page .wc-faq-restore .wc-h2{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  max-width:850px!important;
  margin:0 auto 12px!important;
  color:#211a55!important;
  font-size:clamp(42px,5vw,62px)!important;
  line-height:.99!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-h2 .wc-em{background:linear-gradient(100deg,#7047e7,#c44bcb 55%,#ff7a2d)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.page-id-342 .wc-page .wc-faq-restore .wc-lead{
  width:auto!important;
  max-width:700px!important;
  margin:0 auto!important;
  color:#625e78!important;
  font-size:14px!important;
  line-height:1.65!important;
  text-align:center!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq{
  position:relative!important;
  z-index:1!important;
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin:38px auto 0!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details{
  margin:0 0 10px!important;
  padding:0!important;
  border:1px solid #e5def4!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 22px rgba(67,48,123,.07)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details:hover{transform:translateY(-2px)!important;border-color:#cfc0ec!important;box-shadow:0 13px 28px rgba(67,48,123,.11)!important}
.page-id-342 .wc-page .wc-faq-restore .faq details:last-child{margin-bottom:0!important}
.page-id-342 .wc-page .wc-faq-restore .faq summary{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:15px!important;
  padding:0 22px!important;
  color:#1f1850!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
  list-style:none!important;
  cursor:pointer!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq summary::-webkit-details-marker{display:none!important}
.page-id-342 .wc-page .wc-faq-restore .faq summary:after{display:none!important}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-q{
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#38218e,#5b3eb0)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 6px 13px rgba(56,33,142,.20)!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-chevron{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#241965!important;
  font-size:23px!important;
  font-weight:900!important;
  transform:translateY(-2px)!important;
  transition:transform .2s ease!important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details[open] .faq-chevron{transform:rotate(180deg) translateY(2px)!important}
.page-id-342 .wc-page .wc-faq-restore .faq details>p{
  margin:0!important;
  padding:0 62px 20px 75px!important;
  color:#625e78!important;
  font-size:14px!important;
  line-height:1.65!important;
}
@media(max-width:760px){
  .page-id-342 .wc-page .wc-faq-restore{padding:62px 0 66px!important}
  .page-id-342 .wc-page .wc-faq-restore .wc-center{width:calc(100% - 40px)!important}
  .page-id-342 .wc-page .wc-faq-restore .wc-h2{font-size:40px!important}
  .page-id-342 .wc-page .wc-faq-restore .wc-lead{font-size:13px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq{width:calc(100% - 40px)!important;margin-top:28px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq summary{min-height:60px!important;grid-template-columns:32px minmax(0,1fr) 20px!important;column-gap:11px!important;padding:0 14px!important;font-size:15px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq .faq-q{width:27px!important;height:27px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq details>p{padding:0 42px 17px 57px!important;font-size:13px!important}
}
@media(max-width:480px){
  .page-id-342 .wc-page .wc-faq-restore .wc-h2{font-size:35px!important}
  .page-id-342 .wc-page .wc-faq-restore .faq summary{font-size:14px!important}
}

/* Page 342 — approved Ready to Build purple: dark, but not near-black. FAQ and all other sections unchanged. */
.page-id-342 .wc-final {
  background: linear-gradient(135deg, #34256f 0%, #4b2f8f 52%, #3b286f 100%) !important;
}

/* FAQ full-bleed correction: keep the approved white/lavender treatment edge-to-edge. */
.page-id-342 .wc-page .wc-faq-restore {
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:#f8f7ff !important;
  box-sizing:border-box;
  overflow:hidden;
}

.page-id-342 .wc-page .wc-faq-restore::before,
.page-id-342 .wc-page .wc-faq-restore::after {
  background:transparent !important;
}


/* LIVE #342 — Ready to Build device mockup refinement only.
 * Keeps the approved section copy, background, buttons, FAQ and all other
 * page sections unchanged. Improves only the laptop + mobile visual.
 */
.page-id-342 .wc-page .wc-ready-restore .final-device-preview{
  height:350px!important;
  max-width:580px!important;
  perspective:1200px!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-orbit{
  width:410px!important;
  height:225px!important;
  right:18px!important;
  top:67px!important;
  border:1px solid rgba(255,156,52,.72)!important;
  border-left-color:transparent!important;
  box-shadow:0 0 0 1px rgba(135,81,224,.28)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop{
  left:18px!important;
  top:31px!important;
  width:440px!important;
  height:266px!important;
  padding:9px 9px 18px!important;
  border-radius:11px 11px 5px 5px!important;
  background:linear-gradient(145deg,#e0e1e7 0%,#aaaab8 45%,#747386 100%)!important;
  box-shadow:0 26px 44px rgba(8,4,28,.38),0 3px 0 rgba(255,255,255,.38) inset!important;
  transform:perspective(1000px) rotateY(-4deg) rotateX(1deg)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:3px!important;
  width:4px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:#777583!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop:after{
  left:-38px!important;
  right:-38px!important;
  bottom:-12px!important;
  height:14px!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(#b8b7c2,#676575)!important;
  box-shadow:0 9px 15px rgba(0,0,0,.27)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop-screen{
  border-radius:5px!important;
  box-shadow:0 0 0 1px rgba(35,27,66,.12)!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-nav{
  height:29px!important;
  padding:0 11px!important;
  font-size:6px!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-nav b{font-size:9px!important}
.page-id-342 .wc-page .wc-ready-restore .device-nav strong{padding:4px 8px!important;font-size:5px!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero{
  height:155px!important;
  padding:27px 20px!important;
  background:linear-gradient(120deg,#30215f 0%,#5a3e92 62%,#87508e 100%)!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-hero:before{
  content:""!important;
  position:absolute!important;
  right:38px!important;
  top:23px!important;
  width:105px!important;
  height:105px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 0 0 13px rgba(255,255,255,.045),0 0 0 26px rgba(255,255,255,.025)!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:18px!important;max-width:235px!important;line-height:1.04!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero span{padding:7px 9px!important;font-size:5px!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards{gap:6px!important;padding:8px!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards i{padding:9px 5px!important;font-size:6px!important}
.page-id-342 .wc-page .wc-ready-restore .final-phone{
  right:18px!important;
  bottom:19px!important;
  width:108px!important;
  height:198px!important;
  padding:6px!important;
  border:3px solid #bfc0c9!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#36343d,#1f1e26)!important;
  box-shadow:0 24px 38px rgba(8,4,28,.44),0 2px 0 rgba(255,255,255,.2) inset!important;
  transform:rotate(2deg)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-phone:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:4px!important;
  width:30px!important;
  height:4px!important;
  transform:translateX(-50%)!important;
  border-radius:99px!important;
  background:#17161c!important;
  z-index:4!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-screen{border-radius:12px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-top{height:25px!important;padding:0 8px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero{
  height:112px!important;
  padding:18px 8px!important;
  background:linear-gradient(145deg,#38266f,#60419b)!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-hero:after{
  content:""!important;
  position:absolute!important;
  right:-24px!important;
  top:19px!important;
  width:75px!important;
  height:75px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 70%)!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:9px!important;line-height:1.08!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero span{margin-top:9px!important;padding:5px 7px!important;font-size:5px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-card{margin:7px!important;padding:9px 5px!important;font-size:6px!important}

@media(max-width:900px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:350px!important;max-width:580px!important}
}
@media(max-width:760px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:285px!important;max-width:460px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{left:2%!important;top:24px!important;width:76%!important;height:195px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{right:3%!important;bottom:13px!important;width:92px!important;height:172px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:111px!important;padding:18px 13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-cards{display:none!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:95px!important;padding:14px 7px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:8px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-orbit{width:300px!important;height:170px!important;right:0!important;top:53px!important}
}
@media(max-width:520px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:240px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{top:19px!important;width:78%!important;height:160px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{width:78px!important;height:146px!important;bottom:9px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:92px!important;padding:12px 10px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:10px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:78px!important;padding:10px 5px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:6px!important}
}


/* LIVE #342 — final Ready to Build device composition correction.
 * Reference-matched device stage only. No copy, CTA, background, FAQ or other
 * Website Creation sections are changed here.
 */
.page-id-342 .wc-page .wc-ready-restore .final-device-preview{
  position:relative!important;
  width:100%!important;
  max-width:620px!important;
  height:360px!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:22px!important;
  background:rgba(25,19,54,.42)!important;
  box-shadow:0 24px 55px rgba(8,4,28,.24),inset 0 1px 0 rgba(255,255,255,.12)!important;
  overflow:visible!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-orbit{
  width:430px!important;
  height:235px!important;
  right:12px!important;
  top:64px!important;
  border:1px solid rgba(255,156,52,.78)!important;
  border-left-color:transparent!important;
  box-shadow:0 0 0 1px rgba(135,81,224,.30)!important;
  z-index:1!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop{
  left:30px!important;
  top:48px!important;
  width:455px!important;
  height:270px!important;
  padding:9px 9px 18px!important;
  border-radius:11px 11px 5px 5px!important;
  background:linear-gradient(145deg,#e4e4e9 0%,#b1b0bd 45%,#777687 100%)!important;
  box-shadow:0 25px 45px rgba(5,3,22,.42),0 2px 0 rgba(255,255,255,.38) inset!important;
  transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)!important;
  z-index:3!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop:after{
  left:-40px!important;
  right:-40px!important;
  bottom:-13px!important;
  height:15px!important;
  border-radius:0 0 17px 17px!important;
  background:linear-gradient(#bbbcc5,#696877)!important;
  box-shadow:0 10px 17px rgba(0,0,0,.30)!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop-screen{background:#fff!important}
.page-id-342 .wc-page .wc-ready-restore .device-nav{height:30px!important;padding:0 12px!important}
.page-id-342 .wc-page .wc-ready-restore .device-hero{
  height:158px!important;
  padding:28px 22px!important;
  background:linear-gradient(120deg,#30215f 0%,#5a3e92 62%,#89508e 100%)!important;
}
.page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:18px!important;max-width:245px!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards{padding:8px!important;gap:6px!important}
.page-id-342 .wc-page .wc-ready-restore .device-cards i{padding:9px 5px!important;font-size:6px!important}
.page-id-342 .wc-page .wc-ready-restore .final-phone{
  right:30px!important;
  bottom:20px!important;
  width:104px!important;
  height:208px!important;
  padding:6px!important;
  border:3px solid #c2c2ca!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#3a3942,#202027)!important;
  box-shadow:0 25px 40px rgba(4,2,18,.48),0 2px 0 rgba(255,255,255,.22) inset!important;
  transform:rotate(1deg)!important;
  z-index:5!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-phone:before{
  width:30px!important;height:4px!important;top:4px!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-screen{border-radius:11px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-top{height:25px!important}
.page-id-342 .wc-page .wc-ready-restore .phone-hero{
  height:116px!important;
  padding:18px 8px!important;
  background:linear-gradient(145deg,#38266f,#60429b)!important;
}
.page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:9px!important;line-height:1.08!important}
.page-id-342 .wc-page .wc-ready-restore .phone-card{margin:7px!important;padding:9px 5px!important}
@media(max-width:900px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{max-width:620px!important;height:350px!important}
}
@media(max-width:760px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:285px!important;max-width:460px!important;border-radius:18px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{left:3%!important;top:34px!important;width:76%!important;height:195px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{right:4%!important;bottom:13px!important;width:91px!important;height:174px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:111px!important;padding:18px 13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:13px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-cards{display:none!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:95px!important;padding:14px 7px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:8px!important}
}
@media(max-width:520px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:235px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-laptop{top:26px!important;width:78%!important;height:160px!important}
  .page-id-342 .wc-page .wc-ready-restore .final-phone{width:78px!important;height:147px!important;bottom:9px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero{height:92px!important;padding:12px 10px!important}
  .page-id-342 .wc-page .wc-ready-restore .device-hero b{font-size:10px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero{height:78px!important;padding:10px 5px!important}
  .page-id-342 .wc-page .wc-ready-restore .phone-hero b{font-size:6px!important}
}


/* LIVE #342 — approved Ready to Build final treatment.
 * Single purple field + laptop only. Mobile device removed from markup.
 * Scoped only to Ready to Build; no FAQ/pricing/other sections changed.
 */
.page-id-342 .wc-page .wc-ready-restore{
  background:#4f3b92!important;
}
.page-id-342 .wc-page .wc-ready-restore:before{
  background:transparent!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-device-preview{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  height:350px!important;
  max-width:620px!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-orbit{
  z-index:1!important;
  opacity:.82!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-laptop{
  z-index:3!important;
}
.page-id-342 .wc-page .wc-ready-restore .final-phone,
.page-id-342 .wc-page .wc-ready-restore .phone-screen{
  display:none!important;
}
@media(max-width:760px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{
    height:285px!important;
    max-width:460px!important;
  }
}
@media(max-width:520px){
  .page-id-342 .wc-page .wc-ready-restore .final-device-preview{height:235px!important}
}


/* LIVE #342 — approved single-tone Ready to Build field.
 * The entire CTA section uses one lighter purple edge-to-edge; no dark outer
 * frame/side strips/bottom band. Laptop-only composition remains unchanged.
 */
.page-id-342 .wc-page > .wc-final.wc-ready-restore,
.page-id-342 .wc-page .wc-ready-restore{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:#6250a5!important;
  box-shadow:none!important;
  border:0!important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore:before,
.page-id-342 .wc-page > .wc-final.wc-ready-restore:after,
.page-id-342 .wc-page .wc-ready-restore:before,
.page-id-342 .wc-page .wc-ready-restore:after{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .final-inner{
  position:relative!important;
  z-index:1!important;
}


/* LIVE #342 — final Ready to Build CTA visibility correction.
 * Keep the approved single light-purple field. Only CTA styling is changed.
 */
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link{
  background:linear-gradient(105deg,#ff5f9e 0%,#ff7a55 48%,#ff9b22 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(255,107,73,.24)!important;
}
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link{
  background:transparent!important;
  color:#fff!important;
  border:2px solid rgba(232,220,255,.92)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  opacity:1!important;
}
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link:focus-visible{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:#fff!important;
}
@media(max-width:520px){
  .page-id-342 .wc-page .wc-ready-restore .wc-buttons .wp-block-button__link{
    min-width:190px!important;
  }
}


/* LIVE #342 — definitive Ready to Build visual correction.
 * The dark strip seen beneath the CTA is the global footer beginning after
 * the final section. On Website Creation only, continue the approved light
 * purple field through that boundary so the CTA reads as one continuous area.
 * Also force both CTA buttons to remain visible and use the approved HVACB
 * gradient treatment. No other page sections are changed.
 */
.page-id-342 .wc-page > .wc-final.wc-ready-restore {
  background:#6250a5 !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border:0 !important;
  box-shadow:none !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore::before,
.page-id-342 .wc-page > .wc-final.wc-ready-restore::after {
  content:none !important;
  display:none !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .final-phone,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .phone-screen {
  display:none !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:14px !important;
  width:auto !important;
  max-width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wp-block-button,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wp-block-button__link {
  visibility:visible !important;
  opacity:1 !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 23px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(105deg,#7147e8 0%,#b454bd 48%,#ff792d 100%) !important;
  color:#fff !important;
  white-space:nowrap !important;
  box-shadow:0 12px 25px rgba(84,48,155,.24) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  min-width:150px !important;
  padding:0 23px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
/* Continue the same light-purple field through the footer only on this page. */
.page-id-342 .hvacb-footer {
  background:#6250a5 !important;
  color:#fff !important;
}
.page-id-342 .hvacb-footer .hvacb-footer-heading,
.page-id-342 .hvacb-footer a,
.page-id-342 .hvacb-footer p,
.page-id-342 .hvacb-footer .has-text-color {
  color:#fff !important;
}
.page-id-342 .hvacb-footer .wp-block-group[style*="border-top"] {
  border-top-color:rgba(255,255,255,.22) !important;
}
@media(max-width:760px){
  .page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons {
    flex-wrap:wrap !important;
  }
}


/* LIVE #342 — user-approved final Ready to Build + footer correction.
 * Only the requested visual treatment is overridden here.
 */
/* Ready to Build: one continuous lighter-purple field. */
.page-id-342 .wc-page > .wc-final.wc-ready-restore,
.page-id-342 .wc-page .wc-ready-restore{
  background:#6250a5 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Primary CTA: HVACB purple-to-orange gradient with white text. */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(105deg,#5b3aa6 0%,#9b4fc3 48%,#ff7a2d 100%) !important;
  color:#fff !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  opacity:1 !important;
}

/* Secondary CTA: visible purple outline + purple text for contrast on the light field. */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  min-width:150px !important;
  padding:0 24px !important;
  border:2px solid #4b3b8f !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#4b3b8f !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  visibility:visible !important;
  opacity:1 !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:14px !important;
}

/* Footer: pure white throughout, including the copyright area. */
.page-id-342 .hvacb-footer,
.page-id-342 .hvacb-footer > .wp-block-group,
.page-id-342 .hvacb-footer .wp-block-columns,
.page-id-342 .hvacb-footer .wp-block-column,
.page-id-342 .hvacb-footer .wp-block-group[style*="border-top"]{
  background:#fff !important;
}
.page-id-342 .hvacb-footer{
  color:#292246 !important;
  border:0 !important;
}
.page-id-342 .hvacb-footer .hvacb-footer-heading{
  color:#34256f !important;
}
.page-id-342 .hvacb-footer p,
.page-id-342 .hvacb-footer .has-text-color,
.page-id-342 .hvacb-footer .has-small-font-size{
  color:#4f4766 !important;
}
.page-id-342 .hvacb-footer a,
.page-id-342 .hvacb-footer .hvacb-footer-links a{
  color:#4b3b8f !important;
}
.page-id-342 .hvacb-footer .wp-block-group[style*="border-top"]{
  border-top-color:#ddd5ec !important;
}

@media(max-width:760px){
  .page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons{
    flex-wrap:wrap !important;
  }
}

/* ================================================================
   FAQ FIX (page 342) — match approved light accordion (all Qs visible)
   Neutralize global faq.css + restore conflicts that hid summary text.
   ================================================================ */
.page-id-342 .wc-page > .wc-faq-restore,
.page-id-342 .wc-page .wc-faq-restore {
  background: linear-gradient(180deg, #f7f4fc 0%, #faf8fd 40%, #ffffff 100%) !important;
  color: #1c1a2e !important;
  padding: clamp(72px, 7vw, 110px) 0 !important;
  overflow: visible !important;
}
.page-id-342 .wc-page .wc-faq-restore:before,
.page-id-342 .wc-page .wc-faq-restore:after {
  display: none !important;
  content: none !important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-center {
  width: min(860px, calc(100% - 48px)) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 auto 18px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(100deg, #7147e8, #ff792d) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-h2 {
  color: #1c1a2e !important;
  max-width: 760px !important;
  margin: 0 auto 12px !important;
  text-align: center !important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-h2 .wc-em {
  background: linear-gradient(100deg, #5a3a9e 0%, #b5573e 48%, #ff6b2b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.page-id-342 .wc-page .wc-faq-restore .wc-lead {
  color: #625e78 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq,
.page-id-342 .wc-page .faq {
  position: relative !important;
  z-index: 1 !important;
  width: min(900px, calc(100% - 48px)) !important;
  max-width: 900px !important;
  margin: 36px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  color: #1c1a2e !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq:before,
.page-id-342 .wc-page .wc-faq-restore .faq:after,
.page-id-342 .wc-page .faq:before,
.page-id-342 .wc-page .faq:after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details,
.page-id-342 .wc-page .faq details {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 1px solid #e5def4 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(67, 48, 123, .07) !important;
  overflow: hidden !important;
  color: #1c1a2e !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details:last-child,
.page-id-342 .wc-page .faq details:last-child {
  margin-bottom: 0 !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq summary,
.page-id-342 .wc-page .faq summary {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  column-gap: 14px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 14px 20px !important;
  list-style: none !important;
  cursor: pointer !important;
  color: #1f1850 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -.015em !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq summary::-webkit-details-marker,
.page-id-342 .wc-page .faq summary::-webkit-details-marker { display: none !important; }
.page-id-342 .wc-page .wc-faq-restore .faq summary::marker,
.page-id-342 .wc-page .faq summary::marker { content: "" !important; display: none !important; }
.page-id-342 .wc-page .wc-faq-restore .faq summary:after,
.page-id-342 .wc-page .faq summary:after { display: none !important; content: none !important; }
.page-id-342 .wc-page .wc-faq-restore .faq summary > span,
.page-id-342 .wc-page .faq summary > span {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #1f1850 !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq summary > span:nth-child(2),
.page-id-342 .wc-page .faq summary > span:nth-child(2) {
  min-width: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-align: left !important;
  color: #1f1850 !important;
  font-weight: 800 !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-q,
.page-id-342 .wc-page .faq .faq-q {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #38218e, #5b3eb0) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  flex: none !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq .faq-chevron,
.page-id-342 .wc-page .faq .faq-chevron {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #241965 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  flex: none !important;
  transition: transform .2s ease !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details[open] .faq-chevron,
.page-id-342 .wc-page .faq details[open] .faq-chevron {
  transform: rotate(180deg) !important;
}
.page-id-342 .wc-page .wc-faq-restore .faq details > p,
.page-id-342 .wc-page .faq details > p {
  margin: 0 !important;
  padding: 0 22px 18px 64px !important;
  color: #625e78 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}
/* ================================================================
   CTA UNIFY (page 342) — match homepage hero .hvb-btn--p / .hvb-btn--g
   Same gradient, radius, padding, weight site-wide on this page.
   ================================================================ */
.page-id-342 .wc-page .wc-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button {
  margin: 0 !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wc-btn .wp-block-button__link,
.page-id-342 .wc-page a.wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 14px 26px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}

/* Primary = homepage .hvb-btn--p */
.page-id-342 .wc-page .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-primary .wp-block-button__link {
  background: var(--hvb-grad-cta, linear-gradient(105deg, #4B3B8F 0%, #E4712B 100%)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 34px -10px rgba(75, 59, 143, .5) !important;
}
.page-id-342 .wc-page .wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 44px -10px rgba(75, 59, 143, .6) !important;
  color: #fff !important;
}

/* Ghost / secondary = homepage .hvb-btn--g (light surfaces) */
.page-id-342 .wc-page .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link {
  background: rgba(255, 255, 255, .92) !important;
  color: #3A2A6A !important;
  border: 1.5px solid rgba(90, 60, 150, .28) !important;
  box-shadow: none !important;
}
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link:hover {
  background: #fff !important;
  color: #3A2A6A !important;
  transform: translateY(-2px) !important;
}

/* Ready section sits on deep purple — secondary stays solid white outline */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wp-block-button__link {
  padding: 14px 26px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link {
  background: var(--hvb-grad-cta, linear-gradient(105deg, #4B3B8F 0%, #E4712B 100%)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 34px -10px rgba(75, 59, 143, .55) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .is-style-outline .wp-block-button__link {
  background: #fff !important;
  color: #3A2A6A !important;
  border: 1.5px solid rgba(255, 255, 255, .85) !important;
  box-shadow: 0 8px 22px rgba(20, 10, 50, .18) !important;
}
/* ================================================================
   CTA PILL v2 (page 342) — match site "Chat with Us" pill exactly
   Full-round gradient primary; same height/radius for secondary.
   Overrides prior CTA unify (13px radius) rules.
   ================================================================ */
.page-id-342 .wc-page .wc-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button {
  margin: 0 !important;
}

/* Shared pill geometry for every CTA on this page */
.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wc-btn .wp-block-button__link,
.page-id-342 .wc-page a.wp-block-button__link,
.page-id-342 .wc-page .wp-block-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* PRIMARY — exact Chat-with-Us gradient pill */
.page-id-342 .wc-page .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button:not(.wc-ghost):not(.is-style-outline) .wp-block-button__link {
  background: linear-gradient(105deg, #4B3B8F 0%, #6B4AA8 28%, #C45A3A 72%, #E4712B 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(75, 59, 143, .35) !important;
}
.page-id-342 .wc-page .wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button:not(.wc-ghost):not(.is-style-outline) .wp-block-button__link:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(75, 59, 143, .42) !important;
  color: #fff !important;
}

/* SECONDARY — same pill shape; white fill + purple border (pairs with gradient) */
.page-id-342 .wc-page .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link {
  background: #fff !important;
  color: #3A2A6A !important;
  border: 2px solid rgba(75, 59, 143, .35) !important;
  box-shadow: 0 6px 18px rgba(40, 25, 85, .1) !important;
}
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link:hover {
  background: #fff !important;
  color: #3A2A6A !important;
  border-color: #4B3B8F !important;
  transform: translateY(-1px) !important;
}

/* Ready section (deep purple) — same pills */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link {
  background: linear-gradient(105deg, #4B3B8F 0%, #6B4AA8 28%, #C45A3A 72%, #E4712B 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 32px rgba(20, 10, 50, .35) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .is-style-outline .wp-block-button__link {
  background: #fff !important;
  color: #3A2A6A !important;
  border: 2px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(20, 10, 50, .2) !important;
}
/* ================================================================
   CTA v3 BG-AWARE (page 342)
   Primary = image-1 gradient pill (purple → warm orange)
   Secondary adapts to light vs dark section backgrounds
   ================================================================ */

/* Shared geometry */
.page-id-342 .wc-page .wc-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button { margin: 0 !important; }

.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button .wp-block-button__link,
.page-id-342 .wc-page a.wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease, border-color .2s ease !important;
}

/* -------- PRIMARY (all backgrounds) — match image 1 --------
   Deep purple → mid mauve → warm terracotta → signal orange */
.page-id-342 .wc-page .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-primary .wp-block-button__link {
  background: linear-gradient(100deg, #4B3B8F 0%, #6A4588 22%, #A85A4E 58%, #D96A2B 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(75, 59, 143, .28) !important;
}
.page-id-342 .wc-page .wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link:hover {
  filter: brightness(1.04) !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(75, 59, 143, .36) !important;
}

/* -------- SECONDARY on LIGHT backgrounds (hero + light sections)
   Outline ghost like image 1 — transparent fill, soft border, dark text */
.page-id-342 .wc-page .wc-hero .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-hero .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wc-sec .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-sec .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #3A2A6A !important;
  border: 2px solid rgba(75, 59, 143, .28) !important;
  box-shadow: none !important;
}
.page-id-342 .wc-page .wc-hero .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link:hover {
  background: rgba(255, 255, 255, .7) !important;
  color: #3A2A6A !important;
  border-color: #4B3B8F !important;
  transform: translateY(-1px) !important;
}

/* -------- SECONDARY on DARK purple (Ready to Build)
   Solid white pill + dark text for contrast on #4B3B8F surface */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page > .wc-final .wc-ghost .wp-block-button__link {
  background: #ffffff !important;
  color: #3A2A6A !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 8px 22px rgba(20, 10, 50, .18) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link:hover {
  background: #ffffff !important;
  color: #2A1A5A !important;
  transform: translateY(-1px) !important;
}

/* Ready primary — same image-1 gradient, slightly deeper shadow on purple */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link {
  background: linear-gradient(100deg, #4B3B8F 0%, #6A4588 22%, #A85A4E 58%, #D96A2B 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(20, 10, 50, .35) !important;
}

/* LIVE #342 — definitive HVACB CTA standard.
 * Matches the approved Local SEO CTA treatment: primary gradient pill;
 * secondary solid purple pill with white text on light backgrounds.
 * Scoped to Website Creation page only.
 */
.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wc-btn .wp-block-button__link,
.page-id-342 .wc-page a.wp-block-button__link {
  min-height:52px !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

/* Primary: canonical HVACB purple → warm orange gradient. */
.page-id-342 .wc-page .wc-buttons .wc-primary .wp-block-button__link {
  background:linear-gradient(105deg,#4B3B8F 0%,#6B4AA8 28%,#C45A3A 72%,#E4712B 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 28px rgba(75,59,143,.30) !important;
}
.page-id-342 .wc-page .wc-buttons .wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-buttons .wc-primary .wp-block-button__link:focus-visible {
  background:linear-gradient(105deg,#372A6E 0%,#5A3B8C 28%,#A84F3D 72%,#B4541F 100%) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 34px rgba(75,59,143,.38) !important;
}

/* Secondary: same visual weight, solid deep purple + white text. */
.page-id-342 .wc-page .wc-buttons .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-buttons .is-style-outline .wp-block-button__link {
  background:#4B3B8F !important;
  color:#fff !important;
  border:2px solid #4B3B8F !important;
  box-shadow:0 8px 20px rgba(75,59,143,.18) !important;
}
.page-id-342 .wc-page .wc-buttons .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-buttons .wc-ghost .wp-block-button__link:focus-visible,
.page-id-342 .wc-page .wc-buttons .is-style-outline .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-buttons .is-style-outline .wp-block-button__link:focus-visible {
  background:#372A6E !important;
  color:#fff !important;
  border-color:#372A6E !important;
  transform:translateY(-1px) !important;
  box-shadow:0 12px 26px rgba(55,42,110,.24) !important;
}

/* Ready to Build: retain the same approved CTA hierarchy, with the secondary
 * allowed to use white only where the purple field needs maximum contrast. */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-primary .wp-block-button__link {
  background:linear-gradient(105deg,#4B3B8F 0%,#6B4AA8 28%,#C45A3A 72%,#E4712B 100%) !important;
  color:#fff !important;
  border:0 !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link {
  background:#fff !important;
  color:#4B3B8F !important;
  border:2px solid #fff !important;
  box-shadow:0 8px 22px rgba(20,10,50,.18) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-ready-restore .wc-buttons .wc-ghost .wp-block-button__link:hover {
  background:#F7F4FC !important;
  color:#372A6E !important;
  border-color:#F7F4FC !important;
}

/* ================================================================
   CTA v4 HERO ROW (page 342)
   - Both hero CTAs on ONE line
   - Primary: gradient pill (image match)
   - Secondary: solid deep purple + white text (image match)
   - Ready (dark bg): primary gradient + secondary solid white
   ================================================================ */

/* Force single-row button group */
.page-id-342 .wc-page .wc-buttons,
.page-id-342 .wc-page .wc-hero .wc-buttons,
.page-id-342 .wc-page .wp-block-buttons.wc-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: max-content !important;
  max-width: 100% !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button,
.page-id-342 .wc-page .wc-hero .wc-buttons .wp-block-button {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* Shared pill geometry */
.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  width: auto !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* PRIMARY — gradient pill */
.page-id-342 .wc-page .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link {
  background: linear-gradient(100deg, #4B3B8F 0%, #6A4588 22%, #A85A4E 58%, #D96A2B 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(75, 59, 143, .28) !important;
}
.page-id-342 .wc-page .wc-primary .wp-block-button__link:hover {
  filter: brightness(1.04) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* SECONDARY on LIGHT — solid deep purple + white text (match screenshot) */
.page-id-342 .wc-page .wc-hero .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-hero .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wc-sec .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link {
  background: #4B3B8F !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(75, 59, 143, .22) !important;
}
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link:hover {
  background: #3A2E78 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* SECONDARY on DARK Ready — white solid for contrast */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .is-style-outline .wp-block-button__link {
  background: #fff !important;
  color: #3A2A6A !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(20, 10, 50, .18) !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link:hover {
  background: #fff !important;
  color: #2A1A5A !important;
}

/* Ready primary — same gradient */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link {
  background: linear-gradient(100deg, #4B3B8F 0%, #6A4588 22%, #A85A4E 58%, #D96A2B 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(20, 10, 50, .35) !important;
}

/* Mobile: allow wrap only on very small screens */
@media (max-width: 480px) {
  .page-id-342 .wc-page .wc-buttons,
  .page-id-342 .wc-page .wc-hero .wc-buttons {
    flex-wrap: wrap !important;
  }
}
/* ================================================================
   CTA FLAT v5 SPEC (page 342) — exact GROK PROMPT — CTA DESIGN
   Flat UI only. Zero shadow. Zero border. Zero outline. Zero layer.
   ================================================================ */

/* Hero surface — soft lavender */
.page-id-342 .wc-page > .wc-hero {
  background: #F3F0FA !important;
}

/* Button group: one horizontal row */
.page-id-342 .wc-page .wc-buttons,
.page-id-342 .wc-page .wc-hero .wc-buttons,
.page-id-342 .wc-page .wp-block-buttons.wc-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 30px !important;
}
.page-id-342 .wc-page .wc-buttons .wp-block-button,
.page-id-342 .wc-page .wc-hero .wc-buttons .wp-block-button {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Shared pill geometry — compact, single layer */
.page-id-342 .wc-page .wc-buttons .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button .wp-block-button__link,
.page-id-342 .wc-page a.wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  transition: none !important;
}

/* Kill WP outline style chrome */
.page-id-342 .wc-page .wp-block-button.is-style-outline,
.page-id-342 .wc-page .wp-block-button.is-style-outline .wp-block-button__link {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* PRIMARY — purple → orange gradient, flat */
.page-id-342 .wc-page .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-primary .wp-block-button__link {
  background: linear-gradient(90deg, #4B3C8F 0%, #E8752B 100%) !important;
  background-image: linear-gradient(90deg, #4B3C8F 0%, #E8752B 100%) !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.page-id-342 .wc-page .wc-primary .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-primary .wp-block-button__link:focus {
  background: linear-gradient(90deg, #4B3C8F 0%, #E8752B 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}

/* SECONDARY — solid purple ONLY. No border. No outline. No outer ring. Flat. */
.page-id-342 .wc-page .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-btn.wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link,
.page-id-342 .wc-page .wp-block-button.is-style-outline .wp-block-button__link {
  background: #4B3C8F !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:hover,
.page-id-342 .wc-page .is-style-outline .wp-block-button__link:hover,
.page-id-342 .wc-page .wc-ghost .wp-block-button__link:focus {
  background: #4B3C8F !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}

/* Ready section (dark purple bg) — primary same gradient; secondary white for contrast */
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-primary .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-primary .wp-block-button__link {
  background: linear-gradient(90deg, #4B3C8F 0%, #E8752B 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.page-id-342 .wc-page > .wc-final.wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page .wc-ready-restore .wc-ghost .wp-block-button__link,
.page-id-342 .wc-page > .wc-final.wc-ready-restore .is-style-outline .wp-block-button__link {
  background: #ffffff !important;
  color: #4B3C8F !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Mobile: keep row until very narrow */
@media (max-width: 420px) {
  .page-id-342 .wc-page .wc-buttons,
  .page-id-342 .wc-page .wc-hero .wc-buttons {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
}