/* Verdexo homepage copy update (Oct 2026): styles for verdexo-content.js */

/* Hero subhead (replaces Framer's letter-by-letter version) */
/* Swap only once ours is in place, in the same frame, so the hero doesn't jump. */
header .framer-w31hpe:has(+ .vx-hero-sub){display:none!important}
.vx-hero-sub{max-width:640px;margin:0 auto;text-align:center;font:400 18px/1.55 Inter,sans-serif;color:rgba(255,255,255,.9);text-wrap:pretty}
@media(max-width:809px){.vx-hero-sub{font-size:16px;padding:0 4px}}

/* Proof bar */
.vx-proof{width:100%;box-sizing:border-box;padding:40px max(24px,calc((100% - 1200px)/2)) 8px;font-family:Inter,sans-serif;color:#171717}
.vx-proof ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
.vx-proof li{background:#fff;border-radius:24px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:8px}
.vx-proof strong{font:600 44px/1 "Host Grotesk",sans-serif;letter-spacing:-.05em;color:#171717}
.vx-proof li span{font:400 15px/1.45 Inter,sans-serif;color:#555}
.vx-proof p{margin:16px 0 0;text-align:center;font:400 13px Inter,sans-serif;color:#686868}
@media(max-width:1100px){.vx-proof ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:809px){
  .vx-proof{padding:32px 16px 0}
  .vx-proof ul{gap:12px}
  .vx-proof li{padding:18px 16px;border-radius:20px}
  .vx-proof strong{font-size:34px}
  .vx-proof li span{font-size:13px}
}

/* One-line story on each result card */
.vx-story{margin:0 0 16px;font:400 14px/1.5 Inter,sans-serif;color:#555}
@media(max-width:809px){.vx-story{font-size:12px;margin-bottom:12px}}

/* AI search (GEO) section */
.vx-geo .verdexo-intro{max-width:680px}
.vx-geo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;text-align:left}
.vx-geo-steps li{background:#fff;border-radius:24px;padding:28px 26px}
.vx-geo-steps li>span{display:inline-block;padding:7px 12px;border-radius:999px;background:#f3eefa;color:#5c3d8a;font:500 12px/1 Inter,sans-serif}
.vx-geo-steps h3{margin:20px 0 8px}
.vx-geo-steps p{margin:0;font:400 15px/1.55 Inter,sans-serif;color:#555}
@media(max-width:900px){.vx-geo-steps{grid-template-columns:1fr;max-width:480px;margin:0 auto}}

/* Contact block in the purple footer card */
.vx-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:Inter,sans-serif;color:#fff}
.vx-fc-label{font:500 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.vx-fc-mail{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #ffffff40;font:500 15px/1 Inter,sans-serif;color:#fff;text-decoration:none;max-width:100%;overflow-wrap:anywhere;transition:background .2s}
.vx-fc-mail:hover{background:#ffffff38}
.vx-fc-mail svg{flex:none;width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vx-fc-note{margin:0;font:400 14px/1.4 Inter,sans-serif;color:rgba(255,255,255,.85)}
.vx-fc-places{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.vx-fc-places .vx-fc-label{width:100%;margin-bottom:2px}
.vx-fc-chip{padding:7px 12px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e;font:500 13px/1 Inter,sans-serif;color:#fff}

/* Hide the "Made in Framer" badge (it shows on the contact page) */
.__framer-badge,a.__framer-badge{display:none!important}

/* Contact form: thank-you panel shown in place of the form after a successful send */
form.vx-form-done{display:none!important}
.vx-thanks{box-sizing:border-box;width:100%;margin:0 auto;background:#fff;border-radius:18px;padding:56px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;font-family:Inter,sans-serif;color:#171717;outline:none}
.vx-thanks-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(219deg,#c4ace6,#9774c6);box-shadow:0 10px 30px rgba(151,116,198,.35);margin-bottom:6px}
.vx-thanks-icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vx-thanks h3{margin:0;font:600 clamp(24px,3vw,32px)/1.15 "Host Grotesk",sans-serif;letter-spacing:-.03em}
.vx-thanks p{margin:0;max-width:440px;font:400 16px/1.6 Inter,sans-serif;color:#555;overflow-wrap:anywhere}
.vx-thanks strong{color:#171717;font-weight:500}
.vx-thanks-small{font-size:14px!important}
.vx-thanks-small a{color:#7852a7}
.vx-thanks-home{margin-top:10px;display:inline-block;padding:14px 22px;border-radius:40px;background:#7852a7;color:#fff;text-decoration:none;font:500 15px/1 Inter,sans-serif}
.vx-thanks-home:hover{background:#6a4796}
@media(max-width:809px){.vx-thanks{padding:40px 20px}}

/* Framer elements replaced by our own copy */
.vx-hide{display:none!important}

/* Hero headline: on phones up to ~415px the new headline wraps to 3 lines, while the text
   Framer shows first is 2. Reserve the 3rd line from the start so the hero doesn't jump. */
@media(max-width:419px){header .framer-sxfeha{min-height:118px}}