/* Match the main studio's three-column pricing rhythm, scoped to this section. */
#pricing .growth-audit{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin:0 0 36px;background:var(--bg-card);border:1px solid var(--line);border-radius:16px}
#pricing .growth-audit h3{font:400 24px var(--display);margin-bottom:8px}#pricing .growth-audit p{color:var(--text-dim);font-size:14px}
#pricing .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:20px}
#pricing .pricing-card{border-radius:16px;min-height:420px;padding:32px 28px}
#pricing .pricing-card h3{font:400 28px var(--display);letter-spacing:-.02em;margin:0 0 18px}#pricing .pricing-card h3 em{color:var(--accent);font-style:italic}
#pricing .pricing-amount{font:500 32px var(--mono);letter-spacing:-.02em;margin:0 0 8px}#pricing .pricing-amount span{font:400 14px var(--body);color:var(--text-dim)}
#pricing .setup-line{font:400 13px var(--mono);color:var(--text-dim);min-height:38px;margin-bottom:20px}
#pricing .pricing-desc{font-size:14px;line-height:1.6;flex:1;margin-bottom:24px}
#pricing .pricing-card .btn-primary{margin-top:auto;background:var(--accent);color:#0a0a0a}
#pricing .pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px #e8ff5f26}
#pricing .pricing-card .growth-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:100px;background:var(--accent);color:#0a0a0a;font:600 10px var(--mono);letter-spacing:.08em;white-space:nowrap}
#pricing .growth-extras{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}#pricing .growth-extra{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:var(--bg-card)}#pricing .growth-extra h3{font:400 22px var(--display);margin-bottom:6px}#pricing .growth-extra p{color:var(--text-dim);font-size:14px}#pricing .growth-extra a{font-size:13px;color:var(--accent)}
#pricing .pricing-savings{max-width:none;background:transparent;border:0;padding:0;text-align:left;margin-top:28px}#pricing .pricing-savings p{font-size:12px;max-width:900px}
@media(max-width:900px){#pricing .pricing-grid{grid-template-columns:1fr}#pricing .pricing-card{min-height:340px}#pricing .growth-audit{align-items:flex-start;flex-direction:column}#pricing .growth-extras{grid-template-columns:1fr}}


.harbor-example{margin:48px 0 0;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--bg-card)}.harbor-example h3{font:400 clamp(26px,3vw,40px) var(--display);margin:12px 0 24px}.harbor-example .harbor-animation{display:block;width:100%;height:auto;border-radius:12px;background:#101010}.harbor-example figcaption{font-size:12px;line-height:1.6;color:var(--text-dim);margin-top:16px;max-width:950px}@media(max-width:700px){.harbor-example{padding:16px;border-radius:16px}}

/* Makeover messaging additions preserve the original design system. */
.makeover-demo{padding-top:0}.makeover-demo .harbor-example{margin-top:0}.harbor-example picture{display:block}.growth-connection{font-size:15px;line-height:1.7;color:var(--text-dim);margin-top:24px}.makeover-offer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 28px;margin:0 0 32px;border:1px solid var(--accent);border-radius:16px;background:var(--bg-card)}.makeover-offer h3{font:400 clamp(24px,3vw,32px) var(--display);margin:8px 0 16px}.offer-total{font:500 32px var(--mono);margin-bottom:12px}.offer-total span{font:400 16px var(--body);color:var(--text-dim)}.offer-breakdown{font-size:13px;line-height:1.6;color:var(--text-dim);max-width:680px}.makeover-offer .btn-primary{white-space:nowrap;flex-shrink:0}#pricing .growth-audit{margin-bottom:28px}@media(max-width:900px){.makeover-offer{align-items:flex-start;flex-direction:column}.makeover-offer .btn-primary{width:100%;justify-content:center}.hero h1{overflow-wrap:normal}.offer-total span{display:block;margin-top:6px}}@media(prefers-reduced-motion:reduce){.hero .word,.hero-eyebrow,.hero-sub,.hero-ctas{animation:none!important;opacity:1!important;transform:none!important}}
/* Contain decorative glows and allow the original footer to fit narrow screens. */
.hero{overflow:hidden}
@media(max-width:700px){.footer-grid{grid-template-columns:minmax(0,1fr);gap:28px}.footer-col{min-width:0}.footer-col a{overflow-wrap:anywhere}.maps-canvas{overflow:hidden}.hero h1 .word{max-width:100%}}

/* Replace duplicated footer disclaimers with a compact label above the demo. */
.harbor-demo-label{font:400 12px var(--mono);color:var(--text-dim);margin:-10px 0 18px}.harbor-art{aspect-ratio:3/2;overflow:hidden;border-radius:12px}.harbor-art .harbor-animation{border-radius:0;width:100%;height:auto}