.ppc-landing-page,
.startup-packages-page {
  background:
    radial-gradient(circle at 12% 4%, rgba(25, 185, 173, 0.08), transparent 25rem),
    radial-gradient(circle at 88% 8%, rgba(242, 138, 22, 0.08), transparent 24rem),
    var(--page-bg);
}

.ppc-main { padding-top: 0; }
.ppc-hero { padding: clamp(6.8rem, 8vw, 7.8rem) 0 clamp(2.25rem, 4vw, 3.5rem); }
.ppc-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.ppc-hero-copy { max-width: 42rem; }
.ppc-hero-copy h1 { margin: 0; max-width: 15ch; font-family: "Manrope", "Plus Jakarta Sans", sans-serif; font-size: clamp(2.55rem, 3.75vw, 3.75rem); font-weight: 500; line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
.ppc-hero-copy > p:not(.eyebrow) { max-width: 39rem; color: var(--muted); font-size: 1.02rem; line-height: 1.7; }
.ppc-hero-copy .ppc-lead { margin: 1.5rem 0 .65rem; color: var(--ink); font-size: clamp(1.08rem, 1.8vw, 1.25rem); }
.ppc-hero-visual { margin: 0; overflow: hidden; border: 1px solid var(--card-border); border-radius: 28px; background: rgba(255,255,255,.7); box-shadow: var(--shadow-float); }
.ppc-hero-visual img { display: block; width: 100%; height: clamp(350px, 34vw, 455px); object-fit: cover; object-position: center; }
.ppc-hero-visual--phone img { object-fit: contain; padding: 1rem; background: radial-gradient(circle at 50% 35%, #fff 0, #e7f6f3 58%, #f9eee0 100%); }
.ppc-proof-list { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; margin: 1.35rem 0 0; padding: 0; list-style: none; color: var(--muted); font-size: .88rem; font-weight: 700; }
.ppc-proof-list li::before { content: "✓"; margin-right: .4rem; color: var(--teal); }

.ppc-main .section-block { padding-top: clamp(2.5rem, 4vw, 3.75rem); }
.ppc-main .section-block::before { content: ""; display: block; width: min(100%, 1136px); height: 1px; margin: 0 auto clamp(2.5rem, 4vw, 3.75rem); background: linear-gradient(90deg, transparent, rgba(7,29,58,.12), transparent); }
.ppc-main .section-block:first-of-type { padding-top: clamp(1.5rem, 2.5vw, 2.25rem); }
.ppc-main .section-block:first-of-type::before { display: none; }
.ppc-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(300px, 1fr); gap: clamp(2rem, 6vw, 6rem); }
.ppc-split .section-copy:first-child { margin-top: 0; }
.ppc-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; margin-top: 1.8rem; }
.ppc-benefit-grid article { padding: clamp(1.25rem, 2.2vw, 1.75rem); border: 1px solid var(--card-border); border-radius: 22px; background: rgba(255,255,255,.72); box-shadow: var(--shadow-subtle); }
.ppc-benefit-grid article > span { color: var(--orange); font-size: .8rem; font-weight: 800; letter-spacing: .14em; }
.ppc-benefit-grid h3 { margin: 1.2rem 0 .6rem; font-size: 1.18rem; line-height: 1.2; letter-spacing: -.035em; }
.ppc-benefit-grid p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.65; }
.ppc-inline-cta { display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; margin-top: 1.25rem; padding: 1.25rem 1.4rem; border-radius: 20px; background: rgba(25,185,173,.08); }
.ppc-inline-cta p { margin: 0; color: var(--ink); font-weight: 650; }

.ppc-portfolio-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.25rem; margin-top: 1.8rem; }
.ppc-portfolio-card { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(0,1fr); overflow: hidden; border: 1px solid var(--card-border); border-radius: 24px; background: rgba(255,255,255,.75); box-shadow: var(--shadow-subtle); }
.ppc-portfolio-card > img { width: 100%; height: 100%; min-height: 270px; object-fit: cover; }
.ppc-portfolio-card > div { padding: clamp(1.25rem, 2.5vw, 1.8rem); }
.ppc-portfolio-card h3 { margin: 0; font-size: 1.55rem; letter-spacing: -.04em; }
.ppc-portfolio-card p:not(.eyebrow) { color: var(--muted); font-size: .94rem; line-height: 1.65; }
.ppc-portfolio-card a, .ppc-direct-contact a { color: #087f77; font-weight: 800; text-decoration: underline; text-underline-offset: .22em; }

.ppc-process { display: grid; grid-template-columns: minmax(0,.75fr) minmax(360px,1fr); gap: clamp(2rem, 6vw, 6rem); }
.ppc-process ol { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; counter-reset: process; }
.ppc-process li { display: grid; grid-template-columns: minmax(120px,.42fr) 1fr; gap: 1rem; padding: 1.15rem 0; border-top: 1px solid var(--line); }
.ppc-process li strong { color: var(--ink); }
.ppc-process li span { color: var(--muted); line-height: 1.6; }

.ppc-package-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; padding-block: clamp(.75rem,2vw,1.5rem); }
.ppc-package-feature ul { display: grid; gap: .85rem; margin: 0; padding: 1.6rem; list-style: none; border: 1px solid rgba(25,185,173,.18); border-radius: 22px; background: rgba(255,255,255,.7); box-shadow: var(--shadow-subtle); }
.ppc-package-feature li::before { content: "✓"; margin-right: .7rem; color: var(--teal); font-weight: 800; }
.ppc-price { margin: 1.15rem 0 .5rem; color: var(--ink); font-size: clamp(2rem,4vw,3rem); font-weight: 700; letter-spacing: -.05em; }

.ppc-form-section { margin-top: clamp(3.5rem, 7vw, 6rem); padding: clamp(3.5rem, 7vw, 6rem) 0; background: linear-gradient(135deg, rgba(7,29,58,.98), rgba(18,62,90,.98)); }
.ppc-form-grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(380px,.85fr); gap: clamp(2.5rem,7vw,7rem); align-items: start; }
.ppc-form-grid h2 { margin: 0; color: #fff; font-family: "Manrope", sans-serif; font-size: clamp(2.2rem,4vw,3.5rem); font-weight: 500; letter-spacing: -.05em; }
.ppc-form-grid > div > p:not(.eyebrow) { color: rgba(255,255,255,.76); line-height: 1.7; }
.ppc-form-grid .eyebrow { color: #62ddd4; }
.ppc-direct-contact { display: grid; gap: .35rem; margin-top: 1.2rem; }
.ppc-direct-contact p { margin: 0; }
.ppc-direct-contact a { color: #fff; }
.ppc-contact-form { margin: 0; }
.ppc-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.ppc-contact-form textarea { min-height: 8rem; }

@media (max-width: 980px) {
  .ppc-hero-grid, .ppc-split, .ppc-process, .ppc-package-feature, .ppc-form-grid { grid-template-columns: 1fr; }
  .ppc-hero-visual { width: 100%; max-width: 46rem; }
  .ppc-hero-visual img { height: clamp(300px, 62vw, 430px); }
  .ppc-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ppc-portfolio-card { grid-template-columns: 1fr; }
  .ppc-portfolio-card > img { height: 230px; min-height: 0; }
}

@media (max-width: 640px) {
  .ppc-hero { padding-top: 6.6rem; }
  .ppc-hero-copy h1 { font-size: clamp(2.25rem, 10.5vw, 2.9rem); }
  .ppc-hero-visual img { height: min(72vw, 330px); }
  .ppc-benefit-grid, .ppc-portfolio-grid, .ppc-form-fields { grid-template-columns: 1fr; }
  .ppc-inline-cta { align-items: stretch; flex-direction: column; }
  .ppc-inline-cta .button-primary, .ppc-inline-cta .button-secondary, .ppc-hero-copy .button-primary, .ppc-hero-copy .button-secondary, .ppc-contact-form .button-primary { width: 100%; }
  .ppc-process li { grid-template-columns: 1fr; gap: .35rem; }
  .ppc-form-grid { grid-template-columns: minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ppc-main * { transition: none !important; }
}

/* Services hub */
.services-main { padding-top: 0; }
.services-hero { padding: clamp(7rem, 9vw, 8.25rem) 0 clamp(2.75rem, 5vw, 4.5rem); }
.services-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .82fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.services-hero h1 { max-width: 13ch; margin: 0; font-family: "Manrope", "Plus Jakarta Sans", sans-serif; font-size: clamp(2.55rem, 4.2vw, 4.1rem); font-weight: 500; line-height: 1.03; letter-spacing: -.052em; text-wrap: balance; }
.services-lead { max-width: 42rem; margin: 1.35rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.14rem); line-height: 1.7; }
.services-hero-image { margin: 0; overflow: hidden; border: 1px solid var(--card-border); border-radius: 26px; box-shadow: var(--shadow-float); }
.services-hero-image img { display: block; width: 100%; height: clamp(310px, 29vw, 400px); object-fit: cover; }
.services-section { padding: clamp(3.5rem, 6vw, 5.5rem) 0; border-top: 1px solid rgba(7,29,58,.08); }
.services-heading { display: grid; grid-template-columns: minmax(0, .85fr) minmax(300px, .7fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
.services-heading h2, .services-startup-grid h2, .services-closing h2 { margin: 0; font-family: "Manrope", "Plus Jakarta Sans", sans-serif; font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 500; line-height: 1.08; letter-spacing: -.047em; text-wrap: balance; }
.services-heading > p, .services-startup-grid p, .services-closing p { margin: 0; color: var(--muted); line-height: 1.7; }
.services-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; margin-top: 2rem; }
.services-choice-card { display: flex; min-height: 280px; flex-direction: column; padding: clamp(1.4rem, 2.5vw, 1.9rem); border: 1px solid var(--card-border); border-radius: 22px; background: rgba(255,255,255,.76); box-shadow: var(--shadow-subtle); }
.services-number { color: var(--orange); font-size: .78rem; font-weight: 800; letter-spacing: .15em; }
.services-choice-card h3 { margin: 1.5rem 0 .65rem; font-size: 1.35rem; letter-spacing: -.04em; }
.services-choice-card p { margin: 0 0 1.5rem; color: var(--muted); font-size: .95rem; line-height: 1.65; }
.services-choice-card a { margin-top: auto; color: #087f77; font-weight: 800; text-decoration: underline; text-underline-offset: .23em; }
.services-startup-section { background: rgba(255,255,255,.35); }
.services-startup-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
.services-startup-grid > div:first-child > p:not(.eyebrow) { margin-top: 1.15rem; }
.services-startup-list { display: grid; gap: 0; border: 1px solid var(--card-border); border-radius: 22px; background: rgba(255,255,255,.78); box-shadow: var(--shadow-subtle); }
.services-startup-list div { display: grid; gap: .35rem; padding: 1.15rem 1.4rem; }
.services-startup-list div + div { border-top: 1px solid var(--line); }
.services-startup-list strong { color: var(--ink); }
.services-startup-list span { color: var(--muted); font-size: .92rem; line-height: 1.55; }
.services-closing { padding: clamp(3.5rem, 6vw, 5.5rem) 0; }
.services-closing-inner { display: flex; justify-content: space-between; gap: 2rem; align-items: center; padding-block: clamp(1.5rem, 3vw, 2.25rem); }
.services-closing-inner > div { max-width: 46rem; }
.services-closing p { margin-top: .85rem; }
.services-closing .button-primary { flex: 0 0 auto; }

@media (max-width: 980px) {
  .services-hero-grid, .services-heading, .services-startup-grid { grid-template-columns: 1fr; }
  .services-choice-grid { grid-template-columns: 1fr; }
  .services-choice-card { min-height: 0; }
  .services-hero-image { max-width: 46rem; }
}

@media (max-width: 640px) {
  .services-hero { padding-top: 6.6rem; }
  .services-hero-image img { height: min(70vw, 320px); }
  .services-closing-inner { align-items: stretch; flex-direction: column; }
  .services-closing .button-primary { width: 100%; }
}