/* Approved self-hosted fonts: foundation-fonts.css */
/* Approved Conversion Funnels typography, served locally to remove a cross-origin render-blocking stylesheet. */
@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/instrument-serif-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/instrument-serif-italic-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/manrope-latin.woff2") format("woff2");
}

/* Protected planner presentation: foundation-planner.css */
/* Unpublished planner block styling, copied from the approved foundation template. */
.cf-visual-planner {
  --ink:#17211d;--paper:#f3efe5;--white:#fffdf7;--blue:#3156ff;
  --mint:#bdebd4;--line:rgba(23,33,29,.18);--muted:#5d6863;
  --serif:"Instrument Serif",Georgia,serif;--sans:Manrope,Arial,sans-serif;
  box-sizing:border-box;max-width:none;font-family:var(--sans);
}
.cf-visual-planner *, .cf-visual-planner *::before, .cf-visual-planner *::after {box-sizing:border-box}
.cf-visual-planner .wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.cf-visual-planner .eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.cf-visual-planner .section-title{font:500 clamp(43px,4.7vw,67px)/.98 var(--serif);letter-spacing:-.04em;margin:14px 0;color:#0c1c2c}
.cf-visual-planner .section-intro{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.cf-visual-planner button,.cf-visual-planner input{font:inherit}
.cf-visual-planner.planner{padding:104px 0;background:#e8ecff;position:relative;overflow:hidden}
.cf-visual-planner.planner:before{content:"WEBSITE PROJECT PLANNER";position:absolute;right:-20px;top:44px;color:rgba(49,86,255,.055);font:700 92px/1 var(--sans);letter-spacing:-.06em;white-space:nowrap}
.cf-visual-planner .planner-head{display:grid;grid-template-columns:1fr .7fr;gap:75px;align-items:end;position:relative}
.cf-visual-planner .planner-head .section-intro strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}
.cf-visual-planner .planner-shell{position:relative;margin-top:48px;display:grid;grid-template-columns:.72fr 1.28fr;background:var(--white);border:1px solid rgba(49,86,255,.22);border-radius:28px;overflow:hidden;box-shadow:0 38px 90px rgba(47,60,118,.17)}
.cf-visual-planner .planner-side{padding:34px;background:var(--ink);color:#fff}
.cf-visual-planner .planner-ready-status{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cf-visual-planner .planner-ready-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(189,235,212,.1)}
.cf-visual-planner .planner-side h3{font:500 33px/1.03 var(--serif);margin:54px 0 12px}
.cf-visual-planner .planner-side p{color:#aebbb4;font-size:13px;line-height:1.65}
.cf-visual-planner .planner-progress{display:grid;gap:17px;margin-top:50px}
.cf-visual-planner .progress-item{display:grid;grid-template-columns:30px 1fr;gap:11px;color:#7f8e86;font-size:11px}
.cf-visual-planner .progress-item span{width:25px;height:25px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-size:9px}
.cf-visual-planner .progress-item.active{color:#fff}
.cf-visual-planner .progress-item.active span{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.cf-visual-planner .planner-main{padding:38px 42px;min-height:560px}
.cf-visual-planner .plan-step{display:none}
.cf-visual-planner .plan-step.active{display:block}
.cf-visual-planner .step-count{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.cf-visual-planner .plan-step h3{font:500 35px/1.05 var(--serif);margin:14px 0 8px}
.cf-visual-planner .plan-step>p{color:var(--muted);font-size:13px;line-height:1.6}
.cf-visual-planner .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.cf-visual-planner .choice{position:relative}
.cf-visual-planner .choice input{position:absolute;opacity:0;pointer-events:none}
.cf-visual-planner .choice label{display:block;border:1px solid var(--line);border-radius:13px;padding:18px;cursor:pointer;font-size:13px;font-weight:700;min-height:72px;transition:.2s;background:#fff}
.cf-visual-planner .choice label small{display:block;color:#7b8680;font-weight:500;margin-top:5px;line-height:1.45}
.cf-visual-planner .choice input:checked+label{border-color:var(--blue);box-shadow:0 0 0 2px rgba(49,86,255,.11);background:#f3f5ff}
.cf-visual-planner .planner-button{border:0;background:var(--blue);color:#fff;padding:14px 19px;border-radius:999px;font-weight:700;cursor:pointer}
.cf-visual-planner .planner-button[disabled]{opacity:.38;cursor:not-allowed}
.cf-visual-planner .planner-back{border:0;background:transparent;color:#647069;font-weight:700;margin-right:13px;cursor:pointer}
.cf-visual-planner .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}
.cf-visual-planner .contact-fields label{font-size:10px;font-weight:700;color:#6c7771;text-transform:uppercase;letter-spacing:.09em}
.cf-visual-planner .contact-fields input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.cf-visual-planner .plan-result{border:1px solid rgba(49,86,255,.22);border-radius:17px;padding:22px;background:#f4f6ff;margin:22px 0}
.cf-visual-planner .result-label{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cf-visual-planner .plan-result h4{font:500 25px/1.1 var(--serif);margin:10px 0}
.cf-visual-planner .plan-result p{font-size:12px;line-height:1.6;color:#59655f}
.cf-visual-planner .result-tags{display:flex;gap:6px;flex-wrap:wrap}
.cf-visual-planner .result-tags span{padding:6px 8px;background:#fff;border:1px solid rgba(49,86,255,.15);border-radius:999px;font-size:9px;font-weight:700}
.cf-visual-planner .planner-disclaimer,.cf-visual-planner .planner-status{font-size:10px;color:#818b85;margin-top:13px}
.cf-visual-planner .planner-status.error{color:#a52a2a}
.cf-visual-planner .planner-status.success{color:#16704b}
.cf-visual-planner .cf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Approved later CI and responsive refinements, scoped to this planner. */
.cf-visual-planner.planner{background:radial-gradient(circle at 88% 16%,rgba(40,120,240,.11),transparent 28%),radial-gradient(circle at 7% 88%,rgba(108,77,255,.09),transparent 25%),#eaf5f5}
.cf-visual-planner .planner-side{background:#0b1722}
.cf-visual-planner .planner-ready-status{color:#8ceaf1}
.cf-visual-planner .planner-ready-status:before{background:#8ceaf1}
.cf-visual-planner .progress-item.active span{background:linear-gradient(135deg,#6c4dff,#2878f0);color:#fff}
.cf-visual-planner .planner-shell{border-color:rgba(68,89,240,.22);box-shadow:0 34px 80px rgba(28,46,66,.15)}
.cf-visual-planner .planner-button{background:linear-gradient(135deg,#6c4dff,#2878f0);font-size:14px;min-height:46px}
.cf-visual-planner .choice input:checked+label{border-color:#5f58f5;background:#f3f3ff}
.cf-visual-planner .plan-result{background:#f1f3ff;border-color:rgba(93,83,250,.24)}
.cf-visual-planner .choice label,.cf-visual-planner .contact-fields label{font-size:15px}
.cf-visual-planner .choice label small{font-size:13px}
.cf-visual-planner .contact-fields input{font-size:16px}
.cf-visual-planner .planner-side p,.cf-visual-planner .plan-step>p,.cf-visual-planner .plan-result p{font-size:15px}
.cf-visual-planner .progress-item,.cf-visual-planner .planner-status{font-size:12px}
@media(max-width:900px){.cf-visual-planner .planner-head,.cf-visual-planner .planner-shell{grid-template-columns:minmax(0,1fr)}.cf-visual-planner .planner-side{display:none}}
@media(max-width:620px){.cf-visual-planner .wrap{width:min(1180px,calc(100% - 28px))}.cf-visual-planner .planner-main{padding:27px 20px}.cf-visual-planner .choice-grid,.cf-visual-planner .contact-fields{grid-template-columns:1fr}}

/* Foundation visual system: foundation-visual.css */
/* Scoped public-preview styles for unpublished native-block foundation sections. */
.cf-visual-preview .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cf-visual-preview .wp-block-button { display: inline-block; }
.cf-visual-preview .wp-block-button__link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.cf-visual-preview .wp-block-image { margin: 0; }
.cf-visual-foundation-hero {
  --cf-ink: #101a24;
  --cf-paper: #f3efe5;
  --cf-blue: #4168f5;
  box-sizing: border-box;
  max-width: none;
  background: var(--cf-paper);
  color: var(--cf-ink);
  padding: 58px max(24px, calc((100% - 1180px) / 2));
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-hero .cf-visual-foundation-hero__columns {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 50px;
  align-items: center;
  min-height: 650px;
}
.cf-visual-foundation-hero .wp-block-column { min-width: 0; }
.cf-visual-foundation-hero__eyebrow {
  color: var(--cf-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.cf-visual-foundation-hero h1 {
  margin: 22px 0 26px;
  font-family: "Instrument Serif", Georgia, serif;
  font-size: clamp(38px, 3.5vw, 54px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.04em;
}
.cf-visual-foundation-hero h1 em { color: var(--cf-blue); font-style: normal; }
.cf-visual-foundation-hero__copy {
  max-width: 565px;
  color: #4e5b65;
  font-size: 18px;
  line-height: 1.65;
}
.cf-visual-foundation-hero__actions { margin-top: 30px; gap: 18px; }
.cf-visual-foundation-hero__primary .wp-block-button__link {
  background: var(--cf-blue);
  color: #fff;
  border-radius: 999px;
  padding: 14px 20px;
  font-weight: 700;
}
.cf-visual-foundation-hero__secondary .wp-block-button__link {
  background: transparent;
  color: var(--cf-ink);
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
}
.cf-visual-foundation-hero__note { color: #65717a; font-size: 12px; }
.cf-visual-foundation-hero__image { margin: 0; }
.cf-visual-foundation-hero__image img { display: block; width: 100%; height: auto; }
.cf-visual-foundation-hero__caption {
  margin: -6px 0 0;
  background: #fff;
  padding: 12px 16px;
  color: #43516a;
  font-size: 11px;
  line-height: 1.6;
}
.cf-visual-foundation-hero__caption strong { color: var(--cf-ink); }
@media (max-width: 900px) {
  .cf-visual-foundation-hero .cf-visual-foundation-hero__columns { grid-template-columns: 1fr; min-height: 0; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-hero { padding: 42px 14px; }
  .cf-visual-foundation-hero h1 { font-size: clamp(36px, 10.7vw, 49px); }
}

.cf-visual-foundation-benefits {
  box-sizing: border-box;
  max-width: none;
  padding: 100px max(24px, calc((100% - 1180px) / 2));
  background: #fff;
  color: #101a24;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-benefits__head {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 50px;
  align-items: end;
  margin-bottom: 42px;
}
.cf-visual-eyebrow {
  color: #4168f5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.cf-visual-foundation-benefits h2 {
  margin: 10px 0 0;
  font-family: "Instrument Serif", Georgia, serif;
  font-size: clamp(38px, 4vw, 60px);
  font-weight: 500;
  line-height: 1.08;
}
.cf-visual-foundation-benefits__head > .wp-block-column:last-child p {
  color: #55636e;
  font-size: 18px;
  line-height: 1.7;
}
.cf-visual-foundation-benefits__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.cf-visual-foundation-benefits__card {
  box-sizing: border-box;
  padding: 28px;
  border: 1px solid #dce3e8;
  border-radius: 16px;
  background: #f9fafb;
}
.cf-visual-foundation-benefits__number {
  color: #4168f5;
  font-size: 13px;
  font-weight: 800;
}
.cf-visual-foundation-benefits__card h3 {
  margin: 18px 0 8px;
  font-size: 20px;
  line-height: 1.35;
}
.cf-visual-foundation-benefits__card p:last-child {
  color: #5a6670;
  font-size: 15px;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .cf-visual-foundation-benefits__head,
  .cf-visual-foundation-benefits__cards { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-benefits { padding: 64px 14px; }
}

.cf-visual-card-section {
  box-sizing: border-box;
  max-width: none;
  padding: 100px max(24px, calc((100% - 1180px) / 2));
  background: #f7f4ed;
  color: #0b1722;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-card-section--revision-stages { background: #f4f1e9; }
.cf-visual-card-section__head {
  display: grid;
  grid-template-columns: 1fr .75fr;
  gap: 75px;
  align-items: end;
}
.cf-visual-card-section h2 {
  font: 500 clamp(42px, 5vw, 68px)/1.04 "Instrument Serif", Georgia, serif;
  letter-spacing: -.035em;
  margin: 12px 0 0;
}
.cf-visual-card-section__intro {
  color: #536170;
  font-size: 16px;
  line-height: 1.7;
}
.cf-visual-card-section__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 45px;
  border: 1px solid #d9dce0;
  background: #d9dce0;
}
.cf-visual-card-section--website-fit .cf-visual-card-section__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cf-visual-card-section__card {
  box-sizing: border-box;
  min-width: 0;
  min-height: 255px;
  padding: 30px;
  background: #fff;
}
.cf-visual-card-section__label {
  color: #205bb5;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
}
.cf-visual-card-section__card h3 {
  margin: 28px 0 12px;
  font: 500 27px/1.12 "Instrument Serif", Georgia, serif;
}
.cf-visual-card-section__card p:last-child {
  color: #536170;
  font-size: 15px;
  line-height: 1.7;
}
.cf-visual-card-section__note {
  margin-top: 20px;
  color: #536170;
  font-size: 12px;
}
@media (max-width: 900px) {
  .cf-visual-card-section__head { grid-template-columns: 1fr; gap: 15px; }
  .cf-visual-card-section__cards,
  .cf-visual-card-section--website-fit .cf-visual-card-section__cards { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .cf-visual-card-section { padding: 64px 14px; }
}

.cf-visual-foundation-faq {
  box-sizing: border-box;
  max-width: none;
  padding: 100px max(24px, calc((100% - 1180px) / 2));
  background: #fff;
  color: #0b1722;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-faq__layout {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 80px;
}
.cf-visual-foundation-faq h2 {
  font: 500 clamp(42px, 5vw, 64px)/1.05 "Instrument Serif", Georgia, serif;
  letter-spacing: -.035em;
}
.cf-visual-foundation-faq__questions .wp-block-details {
  margin: 0;
  padding: 22px 0;
  border-bottom: 1px solid #d6dde3;
}
.cf-visual-foundation-faq__questions summary {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.cf-visual-foundation-faq__questions .wp-block-details p {
  margin: 14px 0 0;
  color: #536170;
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 900px) {
  .cf-visual-foundation-faq__layout { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-faq { padding: 64px 14px; }
}

.cf-visual-foundation-journey,
.cf-visual-foundation-final {
  box-sizing: border-box;
  max-width: none;
  padding: 100px max(24px, calc((100% - 1180px) / 2));
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-journey { background: #eaf5f5; color: #0b1722; }
.cf-visual-foundation-journey h2,
.cf-visual-foundation-final h2 {
  margin: 12px 0 40px;
  font: 500 clamp(42px, 5vw, 68px)/1.03 "Instrument Serif", Georgia, serif;
  letter-spacing: -.035em;
}
.cf-visual-foundation-journey__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.cf-visual-foundation-journey__step {
  box-sizing: border-box;
  min-width: 0;
  min-height: 250px;
  padding: 28px;
  border: 1px solid #cbd9de;
  border-radius: 16px;
  background: #fff;
}
.cf-visual-foundation-journey__step.is-current {
  color: #fff;
  background: #0b1722;
}
.cf-visual-foundation-journey__label {
  color: #205bb5;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}
.cf-visual-foundation-journey__step.is-current .cf-visual-foundation-journey__label { color: #a89bff; }
.cf-visual-foundation-journey__step h3 {
  margin: 24px 0 12px;
  font: 500 30px/1.1 "Instrument Serif", Georgia, serif;
}
.cf-visual-foundation-journey__step > p:not(.cf-visual-foundation-journey__label) {
  color: #536170;
  font-size: 15px;
  line-height: 1.7;
}
.cf-visual-foundation-journey__step.is-current > p:not(.cf-visual-foundation-journey__label) { color: #bfccd5; }
.cf-visual-foundation-journey__link .wp-block-button__link {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: #205bb5;
  font-size: 14px;
  font-weight: 700;
}
.cf-visual-foundation-final {
  color: #fff;
  background: radial-gradient(circle at 80% 20%, rgba(108,77,255,.3), transparent 34%), linear-gradient(120deg,#07111c,#102b52);
}
.cf-visual-foundation-final .cf-visual-eyebrow { color: #cbd5ff; }
.cf-visual-foundation-final > p { max-width: 720px; color: #d7e1ea; font-size: 17px; line-height: 1.7; }
.cf-visual-foundation-final__button .wp-block-button__link {
  min-height: 46px;
  padding: 14px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg,#6c4dff,#2878f0);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 900px) {
  .cf-visual-foundation-journey__steps { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-journey,
  .cf-visual-foundation-final { padding: 64px 14px; }
}

.cf-visual-foundation-portfolio {
  box-sizing: border-box;
  max-width: none;
  padding: 100px max(24px, calc((100% - 1180px) / 2));
  background: #fff;
  color: #0b1722;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-portfolio h2 {
  margin: 10px 0 22px;
  font: 500 clamp(42px, 5vw, 68px)/1.04 "Instrument Serif", Georgia, serif;
  letter-spacing: -.035em;
}
.cf-visual-foundation-portfolio__intro {
  max-width: 790px;
  margin: 0 0 36px;
  color: #536170;
  font-size: 16px;
  line-height: 1.7;
}
.cf-visual-foundation-portfolio__row {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(270px, 1fr);
  gap: 0;
  margin-bottom: 32px;
  overflow: hidden;
  border: 1px solid #d4dee8;
  border-radius: 18px;
  background: #fff;
}
.cf-visual-foundation-portfolio__media {
  display: flex;
  min-width: 0;
  align-items: center;
  background: #fff;
  padding: 16px;
}
.cf-visual-foundation-portfolio__image { width: 100%; margin: 0; }
.cf-visual-foundation-portfolio__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: contain;
}
.cf-visual-foundation-portfolio__copy { position: relative; min-width: 0; padding: 38px 30px; }
.cf-visual-foundation-portfolio__number {
  position: absolute;
  top: 18px;
  right: 20px;
  color: #d8dfe4;
  font: 500 55px/1 "Instrument Serif", Georgia, serif;
}
.cf-visual-foundation-portfolio__copy h3 {
  position: relative;
  margin: 20px 50px 10px 0;
  font: 500 30px/1.05 "Instrument Serif", Georgia, serif;
}
.cf-visual-foundation-portfolio__type { color: #485771; font-size: 12px; }
.cf-visual-foundation-portfolio__question,
.cf-visual-foundation-portfolio__point {
  color: #536170;
  font-size: 14px;
  line-height: 1.55;
}
.cf-visual-foundation-portfolio__point { margin: 8px 0; font-weight: 500; }
.cf-visual-foundation-portfolio__link a {
  display: inline-block;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid currentColor;
  color: #205bb5;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 850px) {
  .cf-visual-foundation-portfolio__row { grid-template-columns: 1fr; }
  .cf-visual-foundation-portfolio__copy { padding: 30px 24px; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-portfolio { padding: 64px 14px; }
  .cf-visual-foundation-portfolio__media { padding: 12px; }
}

.cf-visual-foundation-compare {
  box-sizing: border-box;
  max-width: none;
  padding: 102px max(24px, calc((100% - 1180px) / 2));
  background: #f7f4ed;
  color: #0b1722;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-compare__head {
  display: grid;
  grid-template-columns: 1fr .75fr;
  gap: 75px;
  align-items: end;
}
.cf-visual-foundation-compare h2 {
  margin: 10px 0;
  font: 500 clamp(42px, 5vw, 68px)/1.04 "Instrument Serif", Georgia, serif;
  letter-spacing: -.035em;
}
.cf-visual-foundation-compare__intro { color: #536170; font-size: 16px; line-height: 1.7; }
.cf-visual-foundation-compare__table {
  display: flex;
  flex-direction: column;
  margin: 45px 0 0;
  overflow-x: auto;
}
.cf-visual-foundation-compare__table figcaption {
  order: -1;
  margin-bottom: 18px;
  color: #526474;
  font-size: 14px;
  text-align: left;
}
.cf-visual-foundation-compare__table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
  font-size: 14px;
}
.cf-visual-foundation-compare__table th,
.cf-visual-foundation-compare__table td {
  box-sizing: border-box;
  padding: 20px 16px;
  border-bottom: 1px solid #c8d4df;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.cf-visual-foundation-compare__table thead th { background: #0b1722; color: #fff; }
.cf-visual-foundation-compare__table tbody td:first-child { color: #10263a; }
.cf-visual-foundation-compare__table tbody td:last-child { background: #edf1ff; }
@media (max-width: 900px) {
  .cf-visual-foundation-compare__head { grid-template-columns: 1fr; gap: 15px; }
}
@media (max-width: 700px) {
  .cf-visual-foundation-compare__table table,
  .cf-visual-foundation-compare__table tbody { display: block; }
  .cf-visual-foundation-compare__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .cf-visual-foundation-compare__table tr { display: block; margin-bottom: 20px; border: 1px solid #c8d4df; }
  .cf-visual-foundation-compare__table tbody td:first-child {
    display: block;
    width: 100%;
    padding: 14px;
    background: #0b1722;
    color: #fff;
    font-size: 15px;
  }
  .cf-visual-foundation-compare__table tbody td:not(:first-child) {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    font-size: 14px;
  }
  .cf-visual-foundation-compare__table tbody td:nth-child(2)::before { content: "Social media"; font-weight: 700; }
  .cf-visual-foundation-compare__table tbody td:nth-child(3)::before { content: "Google Business Profile"; font-weight: 700; }
  .cf-visual-foundation-compare__table tbody td:nth-child(4)::before { content: "Your website"; font-weight: 700; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-compare { padding: 64px 14px; }
}

.cf-visual-foundation-offer {
  box-sizing: border-box;
  max-width: none;
  padding: 104px max(24px, calc((100% - 1180px) / 2));
  color: #fff;
  background: #0b1722;
  font-family: Manrope, Arial, sans-serif;
}
.cf-visual-foundation-offer__columns {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  gap: 78px;
  align-items: start;
}
.cf-visual-foundation-offer .cf-visual-eyebrow { color: #bdebd4; }
.cf-visual-foundation-offer h2 {
  margin: 15px 0 22px;
  font: 500 clamp(45px, 5vw, 68px)/.96 "Instrument Serif", Georgia, serif;
  letter-spacing: -.045em;
}
.cf-visual-foundation-offer__copy {
  color: #aebbb4;
  font-size: 15px;
  line-height: 1.7;
}
.cf-visual-foundation-offer__clarity {
  margin-top: 18px;
  color: #aebbb4;
  font-size: 15px;
  line-height: 1.6;
}
.cf-visual-foundation-offer .price-card {
  position: relative;
  box-sizing: border-box;
  padding: 36px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 8px;
  background: #fffdf7;
  color: #17211d;
  box-shadow: 0 30px 70px rgba(0,0,0,.28);
}
.cf-visual-foundation-offer .offer-badge {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #bdebd4;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cf-visual-foundation-offer .standard { color: #78837d; font-size: 12px; }
.cf-visual-foundation-offer .standard strong { margin-left: 7px; font-size: 17px; text-decoration: line-through; }
.cf-visual-foundation-offer .approved-offer { margin: 24px 0; }
.cf-visual-foundation-offer .approved-offer span,
.cf-visual-foundation-offer .approved-offer small { display: block; }
.cf-visual-foundation-offer .approved-offer strong {
  display: block;
  margin: 8px 0;
  color: #3156ff;
  font: 500 74px/.9 "Instrument Serif", Georgia, serif;
  letter-spacing: -.05em;
}
.cf-visual-foundation-offer .approved-offer small { color: #69756f; font-size: 12px; }
.cf-visual-foundation-offer .payment-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 20px 0;
}
.cf-visual-foundation-offer .payment-stage {
  padding: 16px;
  border: 1px solid #d9ded9;
  border-radius: 12px;
}
.cf-visual-foundation-offer .payment-stage.active { border-color: #3156ff; background: #f1f3ff; }
.cf-visual-foundation-offer .payment-stage small { display: block; color: #77827c; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.cf-visual-foundation-offer .payment-stage b { display: block; margin-top: 8px; font: 500 24px "Instrument Serif", Georgia, serif; }
.cf-visual-foundation-offer .included {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 20px;
  margin: 25px 0;
  padding: 25px 0;
  border-top: 1px solid #d9ded9;
  border-bottom: 1px solid #d9ded9;
  font-size: 12px;
}
.cf-visual-foundation-offer .included span::before { content: "✓"; margin-right: 8px; color: #3156ff; font-weight: 900; }
.cf-visual-foundation-offer .pay-button {
  display: flex;
  min-height: 46px;
  padding: 17px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg,#6c4dff,#2878f0);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}
.cf-visual-foundation-offer .secure-note { margin: 12px 0 0; color: #7c8781; font-size: 12px; text-align: center; }
.cf-visual-foundation-offer .terms { margin: 13px 0 0; color: #69756f; font-size: 12px; line-height: 1.6; }
.cf-visual-foundation-offer .terms strong { color: #17211d; }
@media (max-width: 900px) {
  .cf-visual-foundation-offer__columns { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 620px) {
  .cf-visual-foundation-offer { padding: 64px 14px; }
  .cf-visual-foundation-offer .price-card { padding: 28px 20px; }
  .cf-visual-foundation-offer .payment-split,
  .cf-visual-foundation-offer .included { grid-template-columns: 1fr; }
}

/* Native-block parity overrides: foundation-parity.css */
/* Match the approved foundation hero and portfolio in both the visual editor and draft preview. */
.cf-visual-foundation-hero {
  position: relative;
  overflow: hidden;
  padding: 42px max(24px, calc((100% - 1360px)/2)) 36px;
  background:
    radial-gradient(circle at 78% 48%,rgba(40,120,240,.20) 0,rgba(40,120,240,.08) 22%,transparent 43%),
    radial-gradient(circle at 28% 9%,rgba(108,77,255,.13) 0,transparent 34%),
    linear-gradient(135deg,#f9fcff 0%,#edf5ff 42%,#dcecff 100%);
}
.cf-visual-foundation-hero::before {
  content: ""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(40,120,240,.055) 1px,transparent 1px),
    linear-gradient(rgba(40,120,240,.05) 1px,transparent 1px),
    linear-gradient(122deg,transparent 0 44%,rgba(108,77,255,.10) 44.15%,transparent 44.4% 100%);
  background-size:88px 88px,88px 88px,100% 100%;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.48) 0,#000 48%,rgba(0,0,0,.58) 100%);
}
.cf-visual-foundation-hero::after {
  content:"";position:absolute;z-index:0;right:-120px;top:50%;width:760px;height:760px;transform:translateY(-50%);border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle,rgba(40,120,240,.14) 0 1px,transparent 1px 74px);
  mask-image:radial-gradient(circle,#000 0 54%,transparent 78%);
  opacity:.62;
}
.cf-visual-foundation-hero > * { position:relative; z-index:1; }
.cf-visual-foundation-hero .cf-visual-foundation-hero__columns {
  position:relative;display:grid;grid-template-columns:minmax(390px,420px) minmax(0,1fr);
  gap:8px;align-items:center;min-height:660px;padding-bottom:0;
}
.cf-visual-foundation-hero .wp-block-column:first-child {position:relative;z-index:2;align-self:center;width:auto!important;flex-basis:auto!important;padding:46px 34px 44px;border:0;border-radius:0;background:transparent;box-shadow:none;}
.cf-visual-foundation-hero .wp-block-column:first-child::before {
  content:"";position:absolute;left:34px;top:24px;width:58px;height:3px;background:linear-gradient(90deg,#6c4dff,#2878f0);
}
.cf-visual-foundation-hero .wp-block-column:last-child {position:relative;z-index:1;inset:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-self:center!important;width:auto!important;height:auto!important;max-width:none;min-width:0;flex-basis:auto!important;margin:0;overflow:visible;background:transparent;}
.cf-visual-foundation-hero .wp-block-column:last-child::before {display:none;}
.cf-visual-foundation-hero__eyebrow {font-size:12px;line-height:1.4;color:#5160cd;}
.cf-visual-foundation-hero h1 {font-size:clamp(38px,3.5vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.055em;color:#101a24;margin:20px 0 26px;}
.cf-visual-foundation-hero h1 em {color:#4168f5;}
.cf-visual-foundation-hero__copy {font-size:17px;line-height:1.72;color:#425363;max-width:470px;}
.cf-visual-foundation-hero__actions {margin-top:30px;gap:18px;}
.cf-visual-foundation-hero__primary .wp-block-button__link {background:linear-gradient(135deg,#6c4dff,#2878f0);box-shadow:0 14px 36px rgba(64,88,240,.24);min-height:46px;}
.cf-visual-foundation-hero__note {display:flex;align-items:center;gap:10px;margin-top:25px;color:#667685;font-size:12px;font-weight:700;}
.cf-visual-foundation-hero__note::before {content:"";flex:none;width:34px;height:2px;background:linear-gradient(90deg,#6c4dff,#2878f0);}
.cf-visual-foundation-hero__image {position:relative;inset:auto;width:100%;min-height:0;margin:0;overflow:visible;}
.cf-visual-foundation-hero__picture {display:block;width:100%;height:auto;}
.cf-visual-foundation-hero__image img {display:block;width:100%;height:auto!important;min-height:0;object-fit:contain;object-position:center;border:0;box-shadow:none;filter:none;}
.cf-visual-foundation-hero__caption {box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:4px 0 0;padding:10px 4px 0;background:transparent;box-shadow:none;color:#5f6e7c;font-size:11px;font-weight:700;line-height:1.45;letter-spacing:.085em;text-transform:uppercase;font-style:normal;}
.cf-visual-foundation-hero__caption strong {color:#2878f0;}
.cf-visual-foundation-hero__caption br {display:none;}
@media(max-width:1100px){
  .cf-visual-foundation-hero{padding:38px max(18px,calc((100% - 820px)/2)) 26px;}
  .cf-visual-foundation-hero .cf-visual-foundation-hero__columns{grid-template-columns:1fr;gap:0;min-height:0;padding-bottom:0;}
  .cf-visual-foundation-hero .wp-block-column:first-child{padding:46px 34px 38px;margin-bottom:12px;}
  .cf-visual-foundation-hero .wp-block-column:last-child{position:relative;z-index:1;inset:auto;display:block;width:100%!important;max-width:none;margin:0;overflow:visible;}
  .cf-visual-foundation-hero .wp-block-column:last-child::before{display:none;content:none;}
  .cf-visual-foundation-hero__image{position:relative;inset:auto;}
  .cf-visual-foundation-hero__picture{height:auto;}
  .cf-visual-foundation-hero__image,.cf-visual-foundation-hero__image img{width:100%;max-width:none;}
  .cf-visual-foundation-hero__image img{content:normal;height:auto!important;min-height:0;object-fit:contain;}
  .cf-visual-foundation-hero h1{font-size:clamp(36px,10.7vw,49px);}
  .cf-visual-foundation-hero__copy{font-size:16px;}
  .cf-visual-foundation-hero__caption{display:flex;}
}
@media(max-width:600px){
  .cf-visual-foundation-hero{padding:38px 14px 0;}
  .cf-visual-foundation-hero::after{right:-210px;width:520px;height:520px;opacity:.34;}
  .cf-visual-foundation-hero .wp-block-column:first-child{padding:25px 0 20px;margin-bottom:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  .cf-visual-foundation-hero .wp-block-column:first-child::before{left:0;top:0;}
  .cf-visual-foundation-hero .wp-block-column:last-child{width:calc(100% + 28px)!important;margin:0 -14px;overflow:hidden;}
  .cf-visual-foundation-hero__caption{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:-1px 0 0;padding:12px 14px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:11px;line-height:1.5;font-style:normal;}
  .cf-visual-foundation-hero__caption strong{display:block;}
  .cf-visual-foundation-hero__caption br{display:none;}
}

/* Keep the Gutenberg canvas faithful to the same integrated hero composition. */
.editor-styles-wrapper .cf-visual-foundation-hero {
  position:relative;overflow:hidden;max-width:none;padding:42px max(24px,calc((100% - 1360px)/2)) 36px;
  background:radial-gradient(circle at 78% 48%,rgba(40,120,240,.20) 0,rgba(40,120,240,.08) 22%,transparent 43%),radial-gradient(circle at 28% 9%,rgba(108,77,255,.13) 0,transparent 34%),linear-gradient(135deg,#f9fcff 0%,#edf5ff 42%,#dcecff 100%);
}
.editor-styles-wrapper .cf-visual-foundation-hero .cf-visual-foundation-hero__columns {
  position:relative;grid-template-columns:minmax(390px,420px) minmax(0,1fr);gap:8px;align-items:center;min-height:660px;padding-bottom:0;
}
.editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:first-child {z-index:2;align-self:center;width:auto!important;flex-basis:auto!important;padding:46px 34px 44px;border:0;border-radius:0;background:transparent;box-shadow:none;}
.editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:last-child {
  position:relative;z-index:1;inset:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-self:center!important;width:auto!important;height:auto!important;max-width:none;min-width:0;flex-basis:auto!important;margin:0;overflow:visible;background:transparent;
}
.editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:last-child::before {display:none;}
.editor-styles-wrapper .cf-visual-foundation-hero__image {position:relative;inset:auto;width:100%;min-height:0;margin:0;overflow:visible;}
.editor-styles-wrapper .cf-visual-foundation-hero__image img {display:block;width:100%;height:auto!important;min-height:0;object-fit:contain;object-position:center;border:0;box-shadow:none;filter:none;content:url('foundation-hero-city-blended-1240.webp');}
.editor-styles-wrapper .cf-visual-foundation-hero__caption {display:flex;align-items:center;justify-content:space-between;gap:22px;margin:4px 0 0;padding:10px 4px 0;background:transparent;box-shadow:none;color:#5f6e7c;font-size:11px;font-weight:700;line-height:1.45;letter-spacing:.085em;text-transform:uppercase;font-style:normal;}
@media(max-width:1100px){
  .editor-styles-wrapper .cf-visual-foundation-hero{padding:38px max(18px,calc((100% - 820px)/2)) 26px;}
  .editor-styles-wrapper .cf-visual-foundation-hero .cf-visual-foundation-hero__columns{grid-template-columns:1fr;gap:0;min-height:0;padding-bottom:0;}
  .editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:first-child{padding:46px 34px 38px;margin-bottom:12px;}
  .editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:last-child{position:relative;z-index:1;inset:auto;display:block;width:100%!important;max-width:none;margin:0;overflow:visible;}
  .editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:last-child::before{display:none;content:none;}
  .editor-styles-wrapper .cf-visual-foundation-hero__image{position:relative;inset:auto;}
  .editor-styles-wrapper .cf-visual-foundation-hero__image img{height:auto!important;min-height:0;object-fit:contain;}
}
@media(max-width:600px){
  .editor-styles-wrapper .cf-visual-foundation-hero{padding:38px 14px 0;}
  .editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:first-child{padding:25px 0 20px;margin-bottom:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  .editor-styles-wrapper .cf-visual-foundation-hero .wp-block-column:last-child{width:calc(100% + 28px)!important;margin:0 -14px;overflow:hidden;}
  .editor-styles-wrapper .cf-visual-foundation-hero__image img{content:normal;}
  .editor-styles-wrapper .cf-visual-foundation-hero__caption{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:-1px 0 0;padding:12px 14px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;line-height:1.5;font-style:normal;}
}

.cf-visual-foundation-portfolio {padding:104px max(24px,calc((100% - 1180px)/2));}
.cf-visual-foundation-portfolio h2 {font-size:clamp(44px,4.8vw,68px);line-height:.98;margin:14px 0 22px;}
.cf-visual-foundation-portfolio__intro {max-width:none;width:100%;margin-bottom:36px;font-size:16px;line-height:1.7;}
.cf-visual-foundation-portfolio__row {display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)!important;gap:0!important;margin-bottom:32px;border:1px solid #d4dee8;border-radius:18px;overflow:hidden;}
.cf-visual-foundation-portfolio__row:nth-of-type(3) {margin-bottom:28px;}
.cf-visual-foundation-portfolio__row > .wp-block-column {min-width:0;width:auto!important;flex-basis:auto!important;flex-grow:0!important;margin:0!important;}
.cf-visual-foundation-portfolio__media {display:flex;align-items:center;padding:16px;background:#fff;}
.cf-visual-foundation-portfolio__image {width:100%;margin:0;}
.cf-visual-foundation-portfolio__media figure.wp-block-image a {display:block;width:100%;}
.cf-visual-foundation-portfolio__image img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;}
.cf-visual-foundation-portfolio__copy {padding:38px 30px;}
.cf-visual-foundation-portfolio__row {box-shadow:0 20px 48px rgba(18,40,64,.055);}
.cf-visual-foundation-portfolio__row:nth-of-type(1) {--cf-project-surface:#f4f8fd;}
.cf-visual-foundation-portfolio__row:nth-of-type(2) {--cf-project-surface:#faf7f1;}
.cf-visual-foundation-portfolio__row:nth-of-type(3) {--cf-project-surface:#f5f5fa;}
.cf-visual-foundation-portfolio__row .cf-visual-foundation-portfolio__media {background:var(--cf-project-surface,#fff);}
.cf-visual-foundation-portfolio__row .cf-visual-foundation-portfolio__image img {mix-blend-mode:multiply;}
.cf-visual-foundation-portfolio__row:nth-of-type(1) .cf-visual-foundation-portfolio__copy {background:linear-gradient(145deg,#f5f9fd,#fff);}
.cf-visual-foundation-portfolio__row:nth-of-type(2) .cf-visual-foundation-portfolio__copy {background:linear-gradient(145deg,#fbf8f3,#fff);}
.cf-visual-foundation-portfolio__row:nth-of-type(3) .cf-visual-foundation-portfolio__copy {background:linear-gradient(145deg,#f6f5fb,#fff);}
.cf-visual-foundation-portfolio__copy::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#6c4dff,#2878f0);}
.cf-visual-foundation-portfolio__row:nth-of-type(2) .cf-visual-foundation-portfolio__copy::before {background:linear-gradient(#b88862,#6c4dff);}
.cf-visual-foundation-portfolio__row:nth-of-type(3) .cf-visual-foundation-portfolio__copy::before {background:linear-gradient(#2878f0,#55a6ae);}
.cf-visual-foundation-portfolio__number {top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6c4dff,#2878f0);color:#fff;font:800 12px/1 Manrope,Arial,sans-serif;box-shadow:0 8px 24px rgba(64,88,240,.2);}
.cf-visual-foundation-portfolio__copy h3 {max-width:270px;margin:0 55px 12px 0;font-size:30px;line-height:1.05;}
.cf-visual-foundation-portfolio__type {margin:0 0 18px;font-size:12px;}
.cf-visual-foundation-portfolio__question {margin:0 0 16px;font-size:15px;}
.cf-visual-foundation-portfolio__point {margin:8px 0;font-size:15px;line-height:1.65;}
.cf-visual-foundation-portfolio__question + .cf-visual-foundation-portfolio__point {margin-top:22px;padding-top:18px;border-top:1px solid rgba(31,55,68,.12);}
.cf-visual-foundation-portfolio__link a {color:#101a24;}
.cf-visual-foundation-portfolio__copy .cf-visual-foundation-portfolio__link a {display:inline-block;padding:10px 0;}
.cf-visual-foundation-portfolio__link {font-size:15px;line-height:1.7;}
.cf-visual-foundation-portfolio__link a {display:inline;}
@media(max-width:850px){.cf-visual-foundation-portfolio__row{grid-template-columns:1fr!important;}.cf-visual-foundation-portfolio__copy{padding:30px 24px;}}
@media(max-width:620px){.cf-visual-foundation-portfolio{padding:64px 14px;}.cf-visual-foundation-portfolio__media{padding:12px;}}

/* The remaining editorial sections use the same proportions and controls as the approved PHP page. */
.cf-visual-foundation-benefits {background:#f7f4ed;}
.cf-visual-foundation-benefits__head {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:75px;align-items:end;margin-bottom:45px;}
.cf-visual-foundation-benefits h2 {font-size:clamp(44px,4.8vw,62px);font-weight:400;line-height:.98;letter-spacing:-.035em;}
.cf-visual-foundation-benefits h2 {margin:14px 0 14px!important;}
.cf-visual-foundation-benefits__head > .wp-block-column:last-child p {font-size:16px;line-height:1.7;}
.cf-visual-foundation-benefits__cards {gap:13px;}
.cf-visual-foundation-benefits__card {min-height:146px;padding:22px 23px;border:1px solid rgba(23,33,29,.18);border-radius:16px;background:#fff;box-shadow:0 16px 35px rgba(30,49,65,.05);}
.cf-visual-foundation-benefits__number {float:left;display:grid;place-items:center;width:31px;height:31px;margin:0 14px 65px 0;border-radius:50%;background:linear-gradient(135deg,#8ceaf1,#9d91ff);color:#101a24;font-size:13px;}
.cf-visual-foundation-benefits__card h3 {margin:1px 0 6px;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.4;}
.cf-visual-foundation-benefits__card p:last-child {margin:0;font-size:15px;line-height:1.55;}
.cf-visual-foundation-compare__head {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:75px;align-items:end;}
.cf-visual-foundation-compare {background:radial-gradient(circle at 92% 8%,rgba(75,104,245,.08),transparent 30%),linear-gradient(150deg,#f3f7fb,#eaf2f6);}
.cf-visual-foundation-compare h2 {font-size:clamp(44px,4.8vw,62px);font-weight:400;line-height:.98;letter-spacing:-.035em;}
.cf-visual-foundation-compare__intro {font-size:15px;line-height:1.7;}
.cf-visual-foundation-compare__table {margin-top:18px;}
.cf-visual-foundation-compare__table th,.cf-visual-foundation-compare__table td {padding:20px 16px;}
.cf-visual-foundation-compare__table thead th {height:62px;}
/* WordPress's core Table block has more specific cell padding than the pilot's base rule. */
@media(min-width:701px){
.cf-visual-foundation-compare figure.cf-visual-foundation-compare__table table th,
.cf-visual-foundation-compare figure.cf-visual-foundation-compare__table table td {padding:20px 16px;}
}
@media(min-width:701px) and (max-width:900px){.cf-visual-foundation-compare h2{max-width:580px;}}
@media(max-width:700px){
  .cf-visual-foundation-compare figure.cf-visual-foundation-compare__table table tbody td {font-weight:400;letter-spacing:normal;line-height:1.5;}
  .cf-visual-foundation-compare figure.cf-visual-foundation-compare__table table tbody td:first-child {font-weight:700;}
}
.cf-visual-card-section--project-details .cf-visual-card-section__cards,
.cf-visual-card-section--revision-stages .cf-visual-card-section__cards {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.cf-visual-card-section--project-details .cf-visual-card-section__cards > .wp-block-column,
.cf-visual-card-section--revision-stages .cf-visual-card-section__cards > .wp-block-column {min-width:0;width:auto!important;flex-basis:auto!important;flex-grow:0!important;margin:0!important;}
.cf-visual-card-section--project-details .cf-visual-card-section__card p:last-child,
.cf-visual-card-section--revision-stages .cf-visual-card-section__card p:last-child {font-weight:400;letter-spacing:normal;}
@media(max-width:900px){
.cf-visual-card-section--project-details .cf-visual-card-section__cards,
.cf-visual-card-section--revision-stages .cf-visual-card-section__cards {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
.cf-visual-card-section--project-details .cf-visual-card-section__cards,
.cf-visual-card-section--revision-stages .cf-visual-card-section__cards {grid-template-columns:1fr!important;}
}

/* Accessibility refinement: retain the approved cool-blue hierarchy while
   giving small labels and supporting copy WCAG AA contrast on light panels. */
.cf-visual-foundation-hero__note {color:#526273;}
.cf-visual-foundation-hero__caption {color:#465867;}
.cf-visual-foundation-hero__caption strong {color:#155fc5;}
.cf-visual-foundation-benefits .cf-visual-eyebrow,
.cf-visual-foundation-compare .cf-visual-eyebrow,
.cf-visual-foundation-portfolio .cf-visual-eyebrow,
.cf-visual-card-section .cf-visual-eyebrow,
.cf-visual-foundation-faq .cf-visual-eyebrow,
.cf-visual-foundation-journey .cf-visual-eyebrow {color:#2f4ec4;}
.cf-visual-foundation-offer .standard,
.cf-visual-foundation-offer .payment-stage small,
.cf-visual-foundation-offer .secure-note,
.cf-visual-planner .choice label small {color:#59655f;}
.cf-visual-foundation-offer {background:radial-gradient(circle at 92% 12%,rgba(40,120,240,.16),transparent 28%),#07111c;}
.cf-visual-foundation-offer .cf-visual-foundation-offer__columns {display:grid!important;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;gap:78px;}
.cf-visual-foundation-offer__columns > .wp-block-column {min-width:0;width:auto!important;flex-basis:auto!important;flex-grow:0!important;margin:0!important;}
.cf-visual-foundation-offer h2 {font-size:clamp(45px,5vw,68px);font-weight:400;line-height:.96;}
.cf-visual-foundation-offer .price-card {border-color:rgba(108,77,255,.25);border-radius:28px;}
.cf-visual-foundation-offer .offer-badge {position:static;float:right;display:inline-flex;align-items:center;margin:0 0 18px 20px;background:linear-gradient(135deg,#8ceaf1,#9d91ff);font-size:11px;}
.cf-visual-foundation-offer .standard {min-height:34px;padding-top:6px;}
.cf-visual-foundation-offer .approved-offer {clear:both;margin:20px 0 22px;padding:22px 24px;border:1px solid rgba(93,83,250,.24);border-radius:3px 18px 3px 18px;background:linear-gradient(135deg,#f0efff 0,#eef8ff 100%);}
.cf-visual-foundation-offer .approved-offer span {color:#5d53fa;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.cf-visual-foundation-offer .approved-offer strong {margin:7px 0 5px;color:#15233a;font-size:58px;font-weight:400;line-height:.95;}
.cf-visual-foundation-offer .approved-offer small {font-size:13px;}
.cf-visual-foundation-offer .payment-split {margin-top:0;}
.cf-visual-foundation-offer .payment-stage.active {border-color:#5d53fa;background:#f2f1ff;}
.cf-visual-foundation-offer .included span::before {color:#5d53fa;}
@media(max-width:900px){.cf-visual-foundation-benefits__head,.cf-visual-foundation-compare__head,.cf-visual-foundation-offer__columns{grid-template-columns:1fr;gap:15px;}.cf-visual-foundation-offer__columns{gap:32px;}}
@media(max-width:700px){.cf-visual-foundation-benefits__cards{grid-template-columns:1fr;}.cf-visual-foundation-offer .offer-badge{float:none;margin:0 0 20px;}.cf-visual-foundation-offer .standard{display:block;min-height:0;margin:0 0 18px;padding:0;}.cf-visual-foundation-offer .approved-offer{margin-top:0;padding:20px;}.cf-visual-foundation-offer .approved-offer strong{font-size:49px;}}

/* Editorial details and native FAQ blocks retain the live presentation. */
.cf-visual-card-section--project-details .cf-visual-card-section__head h2 {max-width:480px;}
.cf-visual-card-section__head h2 {margin:14px 0 14px!important;line-height:.98;}
.cf-visual-card-section--website-fit .cf-visual-card-section__card p:last-child {margin-bottom:14.4px;}
.cf-visual-card-section--project-details .cf-visual-card-section__card p:last-child {margin-bottom:12.4px;}
.cf-visual-card-section--revision-stages .cf-visual-card-section__card p:last-child {margin-bottom:14.4px;}
.cf-visual-card-section__note {margin-bottom:14.4px!important;font-size:11px;line-height:1.7;}
.cf-visual-foundation-faq__layout {display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:80px;}
.cf-visual-foundation-faq__layout > .wp-block-column {width:auto!important;min-width:0;flex-basis:auto!important;flex-grow:0!important;}
.cf-visual-foundation-faq h2 {max-width:470px;margin:12px 0 0;font-size:clamp(44px,4.8vw,62px);line-height:.97;}
.cf-visual-foundation-faq__questions {border-top:1px solid #d6dde3;}
.cf-visual-foundation-faq__questions .wp-block-details {padding:21px 0;border-bottom:1px solid #d6dde3;}
.cf-visual-foundation-faq__questions summary {position:relative;display:block;padding:0 25px 0 0;list-style:none;font-size:15px;line-height:1.65;}
.cf-visual-foundation-faq__questions summary::-webkit-details-marker {display:none;}
.cf-visual-foundation-faq__questions summary::after {content:'+';position:absolute;right:0;top:0;color:#2867cf;}
.cf-visual-foundation-faq__questions details[open] summary::after {content:'−';}
.cf-visual-foundation-faq__questions .wp-block-details p {margin:0 0 14.4px;font-size:15px;}
.cf-visual-foundation-journey {background:linear-gradient(120deg,#eefaff,#f1f3ff);}
.cf-visual-foundation-journey__steps {gap:18px;}
.cf-visual-foundation-journey__step {min-height:270px;padding:33px 30px;border-radius:0 22px 0 22px;box-shadow:0 16px 38px rgba(30,49,65,.06);}
.cf-visual-foundation-journey__step::before {content:'';display:block;width:21px;height:21px;margin-bottom:43px;border:6px solid #2878f0;border-radius:50%;background:#fff;box-sizing:border-box;}
.cf-visual-foundation-journey__step.is-current::before {border-color:#9d91ff;background:#0b1722;}
.cf-visual-foundation-journey__step h3 {margin:10px 0 12px;}
.cf-visual-foundation-final {position:relative;overflow:hidden;background:radial-gradient(circle at 83% 30%,rgba(108,77,255,.22),transparent 35%),linear-gradient(110deg,#0b1722,#152648);}
.cf-visual-foundation-final::before {content:'OWN THE NEXT STEP';position:absolute;top:32px;left:17%;color:rgba(255,255,255,.055);font:800 clamp(56px,8vw,100px)/1 Manrope,Arial,sans-serif;letter-spacing:-.08em;white-space:nowrap;pointer-events:none;}
.cf-visual-foundation-final > * {position:relative;}
.cf-visual-foundation-final {padding-top:92px;padding-bottom:92px;}
.cf-visual-foundation-final p.cf-visual-eyebrow {margin:0;font-size:12px;line-height:1.4;}
.cf-visual-foundation-final h2 {margin:12px 0 20px;line-height:.98;}
.cf-visual-foundation-final p.wp-block-paragraph:not(.cf-visual-eyebrow) {max-width:620px;margin:0 0 28px;font-size:15px;line-height:1.7;}
.cf-visual-foundation-final .wp-block-buttons {margin:0;}
@media(max-width:900px){.cf-visual-foundation-offer .cf-visual-foundation-offer__columns{grid-template-columns:1fr!important;gap:32px;}.cf-visual-foundation-faq__layout{grid-template-columns:1fr!important;gap:80px;}.cf-visual-foundation-faq h2{max-width:600px;}.cf-visual-foundation-journey__step{min-height:0;padding:34px 30px 30px;}.cf-visual-foundation-journey__step::before{margin-bottom:28px;}}
@media(min-width:621px) and (max-width:900px){
  .cf-visual-foundation-benefits__card{min-height:124px;}
  .cf-visual-foundation-benefits__number{margin-bottom:0;}
  .cf-visual-card-section--website-fit .cf-visual-card-section__head h2,
  .cf-visual-card-section--project-details .cf-visual-card-section__head h2{max-width:420px;}
  .cf-visual-foundation-offer .cf-visual-foundation-offer__columns{gap:92px;}
}

/* The live foundation page keeps its editorial headline scale and generous
   section spacing on narrow screens. Core blocks otherwise compress both. */
@media(max-width:760px){
  .cf-visual-foundation-benefits h2,
  .cf-visual-foundation-compare h2,
  .cf-visual-foundation-portfolio h2,
  .cf-visual-card-section h2,
  .cf-visual-foundation-offer h2,
  .cf-visual-planner h2,
  .cf-visual-foundation-faq h2,
  .cf-visual-foundation-journey h2,
  .cf-visual-foundation-final h2 {font-size:clamp(40px,10.5vw,52px);}
}
@media(max-width:620px){
  .cf-visual-foundation-benefits,
  .cf-visual-card-section--website-fit,
  .cf-visual-card-section--project-details,
  .cf-visual-card-section--revision-stages,
  .cf-visual-foundation-faq,
  .cf-visual-foundation-journey {padding-top:100px;padding-bottom:100px;}
  .cf-visual-foundation-compare {padding-top:102px;padding-bottom:102px;}
  .cf-visual-foundation-portfolio {padding-top:78px;padding-bottom:78px;}
  .cf-visual-foundation-offer {padding-top:104px;padding-bottom:104px;}
  .cf-visual-foundation-offer .cf-visual-foundation-offer__columns {gap:78px;}
  .cf-visual-foundation-offer h2 {line-height:.98;}
  .cf-visual-foundation-offer__copy {margin-bottom:14px;}
  .cf-visual-foundation-offer .price-card {padding:36px;font-size:16px;line-height:1.65;}
  .cf-visual-foundation-offer .offer-badge {font-size:12px;}
  .cf-visual-foundation-offer .standard,
  .cf-visual-foundation-offer .included,
  .cf-visual-foundation-offer .pay-button {line-height:1.65;}
  .cf-visual-foundation-offer .secure-note {font-size:13px;line-height:1.7;}
  .cf-visual-foundation-offer .terms {font-size:13px;line-height:1.6;}
  .cf-visual-foundation-faq h2 {margin:14px 0 14px!important;}
  .cf-visual-foundation-journey h2 {line-height:.98;}
  .cf-visual-foundation-journey__steps {display:grid!important;grid-template-columns:1fr!important;}
  .cf-visual-foundation-journey__step {min-height:0;padding:34px 30px 30px;}
  .cf-visual-foundation-journey__step::before {margin-bottom:28px;}
  .cf-visual-foundation-final {padding-top:92px;padding-bottom:92px;}
}