
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
:root{
  --vx-bg:#fff;--vx-fg:hsl(0,0%,10%);--vx-card:hsl(0,0%,99%);
  --vx-primary:hsl(357,73%,50%);--vx-primary-fg:#fff;
  --vx-teal:hsl(163,38%,42%);--vx-teal-fg:#fff;
  --vx-muted:hsl(0,5%,94%);--vx-muted-fg:hsl(0,0%,40%);
  --vx-border:hsl(0,5%,90%);--vx-radius:.75rem;
  --vx-nav-h:64px;--vx-max:1140px;
  --vx-font-h:'Space Grotesk',sans-serif;--vx-font-b:'Inter',sans-serif;
  --vx-shadow-sm:0 1px 3px rgba(0,0,0,.06);--vx-shadow-md:0 4px 16px rgba(0,0,0,.08);--vx-shadow-lg:0 8px 40px rgba(0,0,0,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--vx-font-b);background:var(--vx-bg);color:var(--vx-fg);line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,textarea,select{font-family:inherit}

/* KEYFRAMES */
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,50px) scale(1.05)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px -5px hsla(357,73%,50%,.3)}50%{box-shadow:0 0 40px -5px hsla(357,73%,50%,.55)}}
@keyframes pulseRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.2);opacity:0}}
@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* UTILITY */
.container{width:100%;max-width:var(--vx-max);margin:0 auto;padding:0 1.5rem}
.vx-text-primary{color:var(--vx-primary)}
.vx-text-teal{color:var(--vx-teal)}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:none}
.vx-grid{display:grid;gap:1.25rem}
.vx-grid--2{grid-template-columns:repeat(2,1fr)}
.vx-grid--3{grid-template-columns:repeat(3,1fr)}
.vx-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1023px){.vx-grid--4,.vx-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.vx-grid--4,.vx-grid--3,.vx-grid--2{grid-template-columns:1fr}}
.vx-section{padding:5rem 0}
.vx-section-header,.vx-section__header{text-align:center;margin-bottom:3rem}
.vx-section-title,.vx-section-header h2,.vx-section__header h2{font-family:var(--vx-font-h);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:.65rem}
.vx-section-header p,.vx-section__header p{color:var(--vx-muted-fg);max-width:560px;margin:0 auto}
.vx-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--vx-primary);margin-bottom:.6rem}
.vx-badge--teal{color:var(--vx-teal)}
.vx-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:9999px;font-weight:600;font-size:.875rem;transition:opacity .2s,transform .15s;cursor:pointer;white-space:nowrap;border:none}
.vx-btn:hover{opacity:.88;transform:translateY(-1px)}
.vx-btn--dark{background:var(--vx-fg);color:var(--vx-bg)}
.vx-btn--primary{background:var(--vx-primary);color:var(--vx-primary-fg);animation:glowPulse 2.5s ease-in-out infinite}
.vx-btn--outline{background:transparent;border:1.5px solid var(--vx-border);color:var(--vx-fg)}
.vx-link{color:var(--vx-primary);text-decoration:underline}

/* NAV */
.vx-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--vx-nav-h);transition:background .3s,box-shadow .3s}
.vx-nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:var(--vx-shadow-sm)}
.vx-nav__inner{max-width:var(--vx-max);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.vx-nav__logo{display:flex;align-items:center;gap:.4rem;font-family:var(--vx-font-h);font-size:1.2rem;font-weight:700}
.vx-nav__links{display:flex;align-items:center;gap:.25rem;background:hsla(0,5%,94%,.75);backdrop-filter:blur(8px);border-radius:9999px;padding:.2rem .5rem}
.vx-nav__menu{display:flex;align-items:center;gap:.25rem;list-style:none}
.vx-nav__menu li a,.vx-nav__menu li button{padding:.38rem .85rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--vx-fg);transition:background .2s;background:none;border:none;cursor:pointer}
.vx-nav__menu li a:hover,.vx-nav__menu li button:hover{background:#fff}
.vx-hamburger{display:none;flex-direction:column;gap:5px;padding:.5rem}
.vx-hamburger span{display:block;width:22px;height:2px;background:var(--vx-fg);border-radius:2px;transition:transform .3s,opacity .3s}
.vx-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vx-hamburger.open span:nth-child(2){opacity:0}
.vx-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:767px){
  .vx-nav__links{display:none;position:fixed;top:var(--vx-nav-h);left:0;right:0;flex-direction:column;background:#fff;padding:1rem;border-bottom:1px solid var(--vx-border);border-radius:0}
  .vx-nav__links.open{display:flex}
  .vx-nav__menu{flex-direction:column;width:100%}
  .vx-nav__menu li a,.vx-nav__menu li button{width:100%;text-align:left;border-radius:var(--vx-radius);padding:.75rem 1rem}
  .vx-hamburger{display:flex}
}

/* BLOB BACKGROUNDS */
.vx-blob{position:absolute;border-radius:50%;filter:blur(60px);animation:blob 10s ease-in-out infinite;pointer-events:none}
.vx-blob--1{width:24rem;height:24rem;top:-8rem;left:-8rem;background:hsla(357,73%,50%,.1)}
.vx-blob--2{width:20rem;height:20rem;bottom:-4rem;right:-6rem;background:hsla(163,38%,42%,.08);animation-delay:-4s}
.vx-blob--3{width:16rem;height:16rem;top:40%;left:50%;background:hsla(357,73%,50%,.05);animation-delay:-7s}

/* HERO (HOME) */
.vx-hero{position:relative;min-height:90vh;display:flex;flex-direction:column;padding-top:calc(var(--vx-nav-h) + 4rem);padding-bottom:2rem;overflow:hidden;background:linear-gradient(145deg,#fff 0%,hsl(0,40%,98%) 100%)}
.vx-hero__blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.vx-hero__content{position:relative;z-index:1;text-align:center}
.vx-hero__heading{font-family:var(--vx-font-h);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.25rem}
.vx-typed-word{font-style:italic;color:var(--vx-primary)}
.vx-cursor{display:inline-block;animation:blink .75s step-end infinite;font-weight:300}
.vx-demo-strip{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}
.vx-demo-strip .sep{color:var(--vx-muted-fg)}
.vx-demo-strip .cta{color:var(--vx-teal)}
.vx-phone-form{display:flex;align-items:center;max-width:480px;margin:0 auto 2rem;background:#fff;border:1px solid var(--vx-border);border-radius:9999px;padding:.3rem .3rem .3rem 1rem;box-shadow:var(--vx-shadow-md)}
.vx-phone-flag{display:flex;align-items:center;gap:.25rem;padding-right:.7rem;border-right:1px solid var(--vx-border);margin-right:.7rem;font-size:.9rem;white-space:nowrap}
.vx-phone-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;min-width:0}
.vx-phone-input::placeholder{color:var(--vx-muted-fg)}
.vx-hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.vx-stat{display:flex;align-items:center;gap:.4rem;font-size:.875rem}
.vx-stat strong{font-weight:700}
.vx-stat span{color:var(--vx-muted-fg)}
.vx-marquee-wrap{position:relative;z-index:1;margin-top:3rem}
.vx-marquee-label{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vx-muted-fg);margin-bottom:.65rem}
.vx-marquee-outer{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.vx-marquee-track{display:flex;gap:1rem;width:max-content;animation:marquee 28s linear infinite}
.vx-marquee-item{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.82rem;font-weight:500;color:var(--vx-muted-fg);padding:.35rem .9rem;border:1px solid var(--vx-border);border-radius:9999px;background:var(--vx-card)}

/* PAGE HERO (inner pages) */
.vx-page-main{padding-top:var(--vx-nav-h)}
.vx-page-hero{position:relative;padding:6rem 0 4rem;overflow:hidden;background:linear-gradient(145deg,#fff 0%,hsl(0,40%,98%) 100%)}
.vx-page-hero__title{font-family:var(--vx-font-h);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1rem}
.vx-page-hero__sub{font-size:1.05rem;color:var(--vx-muted-fg);margin-top:.5rem}

/* USE CASES CARDS */
.vx-uc-card{display:block;background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1.5rem;transition:box-shadow .25s,transform .25s,border-color .25s;color:var(--vx-fg)}
.vx-uc-card:hover{box-shadow:var(--vx-shadow-md);transform:translateY(-4px);border-color:hsla(357,73%,50%,.2)}
.vx-uc-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--vx-muted);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:background .25s}
.vx-uc-card:hover .vx-uc-icon{background:hsla(357,73%,50%,.1)}
.vx-uc-card h3{font-family:var(--vx-font-h);font-size:1.05rem;font-weight:600;margin-bottom:.5rem}
.vx-uc-card p{font-size:.875rem;color:var(--vx-muted-fg);line-height:1.5}

/* REALITY */
.vx-pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}
@media(max-width:599px){.vx-pain-grid{grid-template-columns:1fr}}
.vx-pain-item{display:flex;align-items:center;gap:1rem;background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1rem 1.25rem;font-size:.875rem}
.vx-pain-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--vx-muted);display:flex;align-items:center;justify-content:center;color:var(--vx-muted-fg)}
.vx-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
@media(max-width:1023px){.vx-stat-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.vx-stat-cards{grid-template-columns:1fr}}
.vx-stat-card{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.vx-stat-card.visible{opacity:1;transform:none}
.vx-stat-card h3{font-family:var(--vx-font-h);font-size:1.75rem;font-weight:700;margin-bottom:.35rem}
.vx-stat-card p{font-size:.82rem;color:var(--vx-muted-fg)}

/* COMPARISON */
.vx-cmp-wrap{display:flex;align-items:stretch;max-width:860px;margin:0 auto;position:relative}
.vx-cmp-col{flex:1;background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:2rem}
.vx-cmp-col--ai{position:relative;border-color:var(--vx-teal);box-shadow:0 0 0 1px var(--vx-teal),var(--vx-shadow-lg);margin-left:-1px}
.vx-cmp-badge{position:absolute;top:0;right:1.5rem;transform:translateY(-50%);background:var(--vx-teal);color:#fff;font-size:.68rem;font-weight:700;padding:.2rem .7rem;border-radius:9999px}
.vx-cmp-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.vx-cmp-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vx-avatar-human{background:var(--vx-muted);color:var(--vx-muted-fg)}
.vx-avatar-ai{background:var(--vx-teal);color:#fff;font-weight:700;font-size:1.1rem}
.vx-online-dot{width:.6rem;height:.6rem;border-radius:50%;background:#22c55e;margin-left:auto;animation:pulseRing 2s ease-out infinite}
.vx-cmp-head h3{font-family:var(--vx-font-h);font-size:1rem;font-weight:600}
.vx-cmp-list li{display:flex;align-items:center;gap:.6rem;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid var(--vx-border)}
.vx-cmp-list li:last-child{border-bottom:none}
.vx-cmp-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vx-icon-x{background:hsla(357,73%,50%,.12);color:var(--vx-primary)}
.vx-icon-check{background:hsla(163,38%,42%,.12);color:var(--vx-teal)}
.vx-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:3rem;height:3rem;border-radius:50%;background:#fff;border:1px solid var(--vx-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:var(--vx-shadow-sm)}
.vx-cmp-cta{display:block;text-align:center;margin-top:1.25rem;font-size:.85rem;font-weight:500;color:var(--vx-teal);padding-top:1rem;border-top:1px solid var(--vx-border)}
.vx-cmp-cta:hover{opacity:.7}
@media(max-width:599px){.vx-cmp-wrap{flex-direction:column}.vx-cmp-col--ai{margin-left:0;margin-top:-1px}.vx-vs{position:static;transform:none;margin:.5rem auto}}

/* AUTOMATION */
.vx-auto-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:767px){.vx-auto-cols{grid-template-columns:1fr}}
.vx-auto-col-title{font-family:var(--vx-font-h);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.65rem;border-bottom:2px solid var(--vx-primary);display:inline-block}
.vx-auto-item{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1.1rem;background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);margin-bottom:.7rem;transition:box-shadow .2s,border-color .2s}
.vx-auto-item:hover{box-shadow:var(--vx-shadow-sm);border-color:hsla(357,73%,50%,.15)}
.vx-auto-item strong{font-size:.875rem;font-weight:600}
.vx-auto-item span{font-size:.78rem;color:var(--vx-muted-fg)}

/* HOW IT WORKS */
.vx-stage-card{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1.75rem;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s}
.vx-stage-card:hover{box-shadow:var(--vx-shadow-md);transform:translateY(-3px)}
.vx-stage-num{position:absolute;top:.875rem;right:1.25rem;font-size:3rem;font-weight:700;font-family:var(--vx-font-h);color:var(--vx-muted);line-height:1;pointer-events:none;user-select:none}
.vx-stage-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--vx-muted);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--vx-muted-fg)}
.vx-stage-card h4{font-family:var(--vx-font-h);font-size:1rem;font-weight:600;margin-bottom:.875rem}
.vx-stage-card ul{display:flex;flex-direction:column;gap:.4rem}
.vx-stage-card li{font-size:.82rem;color:var(--vx-muted-fg);padding-left:.875rem;position:relative}
.vx-stage-card li::before{content:'';position:absolute;left:0;top:.55em;width:.35rem;height:.35rem;border-radius:50%;background:var(--vx-primary)}

/* FEATURES */
.vx-feat-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem}
.vx-feat-tab{padding:.38rem 1.1rem;border-radius:9999px;border:1px solid var(--vx-border);font-size:.85rem;font-weight:500;color:var(--vx-fg);transition:background .2s,color .2s,border-color .2s}
.vx-feat-tab:hover{background:var(--vx-muted)}
.vx-feat-tab.active{background:var(--vx-primary);color:#fff;border-color:var(--vx-primary)}
.vx-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:1023px){.vx-feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.vx-feat-grid{grid-template-columns:1fr}}
.vx-feat-card{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1.5rem;transition:box-shadow .25s,transform .25s,border-color .25s}
.vx-feat-card:hover{box-shadow:var(--vx-shadow-md);transform:translateY(-3px);border-color:hsla(357,73%,50%,.2)}
.vx-feat-card.hidden{display:none}
.vx-feat-cat{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-primary);margin-bottom:.65rem;display:block}
.vx-feat-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--vx-muted);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;color:var(--vx-muted-fg)}
.vx-feat-card h4{font-family:var(--vx-font-h);font-size:.95rem;font-weight:600;margin-bottom:.4rem}
.vx-feat-card p{font-size:.82rem;color:var(--vx-muted-fg);line-height:1.5}

/* FAQ */
.vx-faq-container{max-width:740px}
.vx-faq-item{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);margin-bottom:.75rem;overflow:hidden}
.vx-faq-item__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--vx-fg);text-align:left;background:none;transition:background .2s}
.vx-faq-item__q:hover{background:var(--vx-muted)}
.vx-faq-chevron{flex-shrink:0;transition:transform .3s;color:var(--vx-muted-fg)}
.vx-faq-item__q[aria-expanded="true"] .vx-faq-chevron{transform:rotate(180deg)}
.vx-faq-item__a{padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease}
.vx-faq-item__a:not([hidden]){padding:.25rem 1.25rem 1.25rem;max-height:800px}
.vx-faq-item__a p{font-size:.9rem;color:var(--vx-muted-fg);line-height:1.65}

/* TECH ARCH */
.vx-tech-layers__grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.vx-layer-card{display:flex;align-items:center;gap:1.25rem;background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:1.25rem 1.5rem;transition:box-shadow .2s}
.vx-layer-card:hover{box-shadow:var(--vx-shadow-md)}
.vx-layer-card__num{font-size:1.5rem;font-weight:700;font-family:var(--vx-font-h);color:var(--vx-primary);min-width:2.5rem}
.vx-layer-card h3{font-family:var(--vx-font-h);font-size:.95rem;font-weight:600;margin-bottom:.2rem}
.vx-layer-card p{font-size:.82rem;color:var(--vx-muted-fg)}
.vx-provider-table{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);overflow:hidden}
.vx-provider-row{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--vx-border)}
.vx-provider-row:last-child{border-bottom:none}
.vx-provider-cat{font-weight:600;font-size:.85rem;min-width:200px;color:var(--vx-fg)}
.vx-provider-items{font-size:.82rem;color:var(--vx-muted-fg)}
@media(max-width:599px){.vx-provider-row{flex-direction:column;align-items:flex-start;gap:.25rem}.vx-provider-cat{min-width:0}}

/* BOOK DEMO */
.vx-demo-page{position:relative;padding-top:5rem;padding-bottom:5rem;overflow:hidden}
.vx-demo-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
@media(max-width:767px){.vx-demo-page__grid{grid-template-columns:1fr}}
.vx-demo-page__left h1{font-family:var(--vx-font-h);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;margin:.75rem 0 1rem}
.vx-demo-page__left p{color:var(--vx-muted-fg);margin-bottom:1.5rem}
.vx-demo-page__points{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.vx-demo-page__points li{display:flex;align-items:center;gap:.7rem;font-size:.9rem}
.vx-demo-page__points li svg{flex-shrink:0;color:var(--vx-teal)}
.vx-demo-page__contact{background:var(--vx-muted);border-radius:var(--vx-radius);padding:1.25rem}
.vx-demo-page__contact h3{font-family:var(--vx-font-h);font-size:.95rem;font-weight:600;margin-bottom:.75rem}
.vx-demo-page__contact a{display:block;font-size:.9rem;color:var(--vx-fg);margin-bottom:.4rem}
.vx-demo-form-card{background:var(--vx-card);border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:2rem;box-shadow:var(--vx-shadow-md)}
.vx-demo-form-card h2{font-family:var(--vx-font-h);font-size:1.3rem;font-weight:700;margin-bottom:.4rem}
.vx-demo-form-card>p{font-size:.875rem;color:var(--vx-muted-fg);margin-bottom:1.5rem}
.vx-form-group{margin-bottom:1rem}
.vx-form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem}
.vx-form-group input,.vx-form-group textarea,.vx-form-group select{width:100%;border:1px solid var(--vx-border);border-radius:var(--vx-radius);padding:.65rem .875rem;font-size:.9rem;background:var(--vx-bg);color:var(--vx-fg);transition:border-color .2s}
.vx-form-group input:focus,.vx-form-group textarea:focus{border-color:var(--vx-primary);outline:none}
.vx-form-group textarea{resize:vertical;min-height:100px}
.vx-demo-form .vx-btn{margin-top:.5rem}

/* USE CASE PAGE */
.vx-usecase-hero{text-align:center}
.vx-usecase-hero .vx-btn{margin-top:1.5rem}
.vx-results-list{display:flex;flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto}
.vx-results-list li{display:flex;align-items:center;gap:.75rem;font-size:.95rem}
.vx-results-list li svg{flex-shrink:0;color:var(--vx-teal)}

/* FOOTER */
.vx-footer{background:var(--vx-bg);border-top:1px solid var(--vx-border);padding:2.5rem 0}
.vx-footer__inner{max-width:var(--vx-max);margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}
.vx-footer__brand{display:flex;align-items:center;gap:.4rem;font-family:var(--vx-font-h);font-size:1.15rem;font-weight:700}
.vx-footer__nav{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none}
.vx-footer__nav li a{font-size:.875rem;color:var(--vx-muted-fg);transition:color .2s}
.vx-footer__nav li a:hover{color:var(--vx-fg)}
.vx-footer__copy{font-size:.78rem;color:var(--vx-muted-fg)}
@media(max-width:767px){.vx-footer__inner{flex-direction:column;text-align:center}.vx-footer__nav{justify-content:center}}

/* RESPONSIVE */
@media(max-width:767px){
  .vx-hero{padding-top:calc(var(--vx-nav-h) + 2rem)}
  .vx-hero__heading{font-size:2.1rem}
  .vx-phone-form{flex-direction:column;border-radius:var(--vx-radius);padding:1rem}
  .vx-phone-flag{border-right:none;border-bottom:1px solid var(--vx-border);padding-right:0;margin-right:0;padding-bottom:.5rem;margin-bottom:.5rem;width:100%}
  .vx-btn.phone-btn{width:100%;justify-content:center}
  .vx-hero-stats{flex-direction:column;gap:.75rem}
  .vx-section{padding:3rem 0}
  .vx-page-hero{padding:4rem 0 2.5rem}
}
