/* Paid-ads new deck landing page */
.deck-landing { color: var(--ocf-body); background: var(--ocf-bg); }
.deck-landing h1,.deck-landing h2,.deck-landing h3 { color: var(--ocf-heading); }
.deck-landing__hero { position:relative; isolation:isolate; min-height:760px; display:flex; align-items:center; color:#fff; background:#15212a center/cover no-repeat var(--deck-hero-image); }
.deck-landing__hero-shade { position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,18,25,.94) 0%,rgba(8,18,25,.78) 40%,rgba(8,18,25,.24) 75%,rgba(8,18,25,.2) 100%); }
.deck-landing__hero-grid { width:100%; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr); gap:clamp(2rem,6vw,7rem); align-items:center; padding-top:4rem;padding-bottom:4rem; }
.deck-landing__hero-copy h1 { color:#fff; max-width:780px; font-size:clamp(2.8rem,5.6vw,5.5rem); line-height:.98; letter-spacing:-.055em; margin:.65rem 0 1.4rem; }
.deck-landing__eyebrow { margin:0; text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; font-weight:800; color:#fff; }.deck-landing__eyebrow--blue{color:var(--ocf-primary)}
.deck-landing__lead { max-width:630px;font-size:1.18rem;line-height:1.65;color:rgba(255,255,255,.9);margin:0 0 1.8rem; }
.deck-landing__actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.deck-landing__phone{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}.deck-landing__proof{display:flex;flex-wrap:wrap;gap:.6rem 1.35rem;margin:2rem 0 0;padding:0;list-style:none;font-size:.88rem;font-weight:700}.deck-landing__proof li:before{content:'✓';color:var(--ocf-primary);font-weight:900;margin-right:.45rem}
.deck-landing__form { background:#fff;padding:2rem;box-shadow:0 18px 50px rgba(0,0,0,.25); }.deck-landing__form h2 {font-size:1.65rem;margin:.25rem 0 .55rem}.deck-landing__form p{color:var(--ocf-body);font-size:.94rem;line-height:1.5}.deck-landing__form-kicker{color:var(--ocf-primary)!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.7rem!important;margin:0}.deck-landing__form .hero-form-card{background:transparent;box-shadow:none;padding:0;margin-top:1.25rem}.deck-landing__form .hero-form-title,.deck-landing__form .hero-form-card>p{display:none}
.deck-landing__intro-grid{display:grid;grid-template-columns:.8fr 1.1fr;gap:clamp(2rem,10vw,10rem);align-items:start}.deck-landing h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.07;letter-spacing:-.04em;margin:.55rem 0}.deck-landing__intro-grid>div:last-child{font-size:1.05rem;line-height:1.75}.deck-landing__intro-grid p:first-child{margin-top:0}
.deck-landing__features{background:var(--ocf-bg-alt);padding:clamp(4rem,8vw,7rem) 0}.deck-landing__section-head{max-width:650px;margin-bottom:2.5rem}.deck-landing__feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ocf-border);border-left:1px solid var(--ocf-border)}.deck-landing__feature-grid article{padding:2rem 1.5rem;border-right:1px solid var(--ocf-border);border-bottom:1px solid var(--ocf-border)}.deck-landing__feature-grid span{font-size:.75rem;color:var(--ocf-primary);font-weight:800}.deck-landing__feature-grid h3,.deck-landing__steps h3{font-size:1.15rem;margin:1.6rem 0 .5rem}.deck-landing__feature-grid p,.deck-landing__steps p{font-size:.94rem;line-height:1.65;margin:0}
.deck-landing__process{background:#fff}.deck-landing__process>div>h2{max-width:680px}.deck-landing__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.deck-landing__steps b{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--ocf-primary);color:#fff;font-size:.9rem}
.deck-landing__quote{background:var(--ocf-bg-dark);color:var(--ocf-body-alt);padding:clamp(4rem,8vw,7rem) 0}.deck-landing__quote h2{color:#fff}.deck-landing__quote-grid{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:start}.deck-landing__quote-grid>div>p:not(.deck-landing__eyebrow){font-size:1.05rem;line-height:1.7}.deck-landing__quote-phone a{color:#fff;font-weight:800}.deck-landing__quote-form{background:#fff;padding:2rem}.deck-landing__quote-form .ocf-form-shell{background:transparent;padding:0;box-shadow:none}
@media(max-width:900px){.deck-landing__hero{min-height:auto}.deck-landing__hero-grid,.deck-landing__quote-grid,.deck-landing__intro-grid{grid-template-columns:1fr}.deck-landing__hero-grid{padding-top:5rem}.deck-landing__form{max-width:600px}.deck-landing__feature-grid{grid-template-columns:repeat(2,1fr)}.deck-landing__steps{gap:2rem}}
@media(max-width:560px){.deck-landing__hero{background-position:62% center}.deck-landing__hero-shade{background:rgba(8,18,25,.82)}.deck-landing__hero-copy h1{font-size:2.8rem}.deck-landing__form,.deck-landing__quote-form{padding:1.35rem}.deck-landing__feature-grid,.deck-landing__steps{grid-template-columns:1fr}.deck-landing__feature-grid article{padding:1.5rem}.deck-landing__actions .btn-primary{width:100%;justify-content:center}}

/* OCF_AGENT_BLOCK:new-decks-quote-form-polish START */
/* Mirror the hero form's polished card and field treatment in the closing CTA. */
.deck-landing__quote-form {
  position: relative;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--ocf-bg);
  border: var(--card-border-width) solid var(--card-border-color-subtle);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
}

.deck-landing__quote-form::before {
  content: "Request your free consultation";
  display: block;
  margin-bottom: .875rem;
  color: var(--ocf-heading);
  font-family: var(--ocf-font-heading), Georgia, serif;
  font-size: var(--font-h3-size);
  font-weight: var(--font-weight-bold);
  line-height: 1.15;
  letter-spacing: -.01em;
}

.deck-landing__quote-form::after {
  content: "Tell us a little about your project. We’ll be in touch to schedule a visit.";
  display: block;
  margin: .6rem 0 1.25rem;
  color: var(--ocf-body);
  font-size: var(--font-label-size);
  line-height: 1.5;
}

.deck-landing__quote-form .hero-form-fields {
  display: flex;
  flex-direction: column;
  gap: .875rem;
}

.deck-landing__quote-form input,
.deck-landing__quote-form textarea,
.deck-landing__quote-form select {
  display: block;
  width: 100%;
  padding: .75rem 1rem;
  font-family: var(--ocf-font-body), system-ui, sans-serif;
  font-size: var(--font-body-size);
  color: var(--ocf-heading);
  background: var(--ocf-bg);
  border: 2px solid var(--ocf-border-light);
  border-radius: var(--radius);
  outline: none;
  transition: border-color var(--duration) ease, box-shadow var(--duration) ease;
}

.deck-landing__quote-form input:focus,
.deck-landing__quote-form textarea:focus,
.deck-landing__quote-form select:focus {
  border-color: var(--ocf-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ocf-primary) 10%, transparent);
}

.deck-landing__quote-form textarea {
  min-height: 80px;
  resize: vertical;
}

.deck-landing__quote-form .form-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  min-height: 2.75rem;
  padding: .75rem 1rem;
  margin-top: 0;
  background: var(--ocf-primary);
  color: var(--ocf-heading-alt);
  font-family: var(--ocf-font-body), system-ui, sans-serif;
  font-size: var(--font-body-size);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: var(--button-text-transform);
  letter-spacing: var(--button-letter-spacing);
  border: var(--button-border-width) solid transparent;
  border-radius: var(--button-radius);
  box-shadow: var(--button-shadow);
  cursor: pointer;
  transition: background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease);
}

.deck-landing__quote-form .form-submit-btn:hover {
  background: var(--ocf-primary-hover);
  box-shadow: var(--button-shadow-hover);
  transform: var(--button-transform-hover);
}

.deck-landing__quote-form .ocf-form-secure-note {
  color: color-mix(in srgb, var(--ocf-body) 72%, var(--ocf-bg));
  white-space: normal;
}

@media (max-width: 560px) {
  .deck-landing__quote-form { padding: 1.35rem; }
}
/* OCF_AGENT_BLOCK:new-decks-quote-form-polish END */

/* OCF_AGENT_BLOCK:new-decks-hero-inset START */
/* Keep the paid-ads hero content intentionally inset rather than spanning the standard site container. */
.deck-landing__hero .deck-landing__hero-grid {
  width: min(100% - clamp(3rem, 10vw, 12rem), 72rem);
  margin-inline: auto;
  padding-inline: 0;
}

@media (max-width: 900px) {
  .deck-landing__hero .deck-landing__hero-grid {
    width: min(100% - 3rem, 38rem);
  }
}

@media (max-width: 560px) {
  .deck-landing__hero .deck-landing__hero-grid {
    width: calc(100% - 2.5rem);
  }
}
/* OCF_AGENT_BLOCK:new-decks-hero-inset END */