@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap'); .vvw-section{ position:relative; display:grid; grid-template-columns:1.05fr 0.95fr; min-height:660px; background:#223027; overflow:hidden; margin-top:0 !important; padding-left:0 !important; padding-right:0 !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } /* ---------- Left: hero ---------- */ .vvw-hero{ position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; padding:64px 56px; color:#fff!important; } .vvw-eyebrow{ display:flex; align-items:center; gap:16px; margin-bottom:34px; font-size:12px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; color:#cdd7d0!important; } .vvw-eyebrow-line{ width:48px;height:1px; background:#7d9587; display:inline-block; } .vvw-title{ margin:0 0 26px; font-family:"Playfair Display",Georgia,serif; font-weight:600; font-size:clamp(40px,4.6vw,68px); line-height:1.03; color:#fff !important; } .vvw-title em{ display:inline-block; font-style:italic; font-weight:500; color:#a9d6ba !important; } .vvw-lede{ max-width:31ch; margin:0 0 40px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(17px,1.35vw,20px); line-height:1.6; color:#c1cbc3!important; } .vvw-divider{ max-width:560px; height:1px; margin:0 0 24px; background:rgba(255,255,255,0.14); } .vvw-trust{ display:flex; align-items:flex-start; gap:14px; } .vvw-trust-icon{ flex:0 0 auto; color:#a9d6ba; margin-top:1px; } .vvw-trust-title{ display:block; margin-bottom:2px; font-size:14px; font-weight:700; color:#eef2ef; } .vvw-trust-sub{ display:block; font-size:13px; line-height:1.45; color:#93a29a; } .vvw-watermark{ position:absolute; left:-16px;bottom:-70px; z-index:1; font-family:"Playfair Display",Georgia,serif; font-size:360px; line-height:1; color:rgba(255,255,255,0.035); pointer-events:none; user-select:none; } /* ---------- Right: form card (iframe) ---------- */ .vvw-formcard{ position:relative; z-index:2; display:flex; background:#f6f4ee; padding:36px 40px 44px; } .vvw-iframe{ width:100%; min-height:760px; border:0; display:block; background:transparent; } .vvw-badge{ position:absolute; right:26px;bottom:20px; z-index:3; width:86px;height:86px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at 50% 38%,#e6f6ec 0%,#c6e8d3 100%); box-shadow:inset 0 0 0 2px #7cc39b, inset 0 0 0 6px #f6f4ee, inset 0 0 0 8px #a9d6ba; font-size:10px; font-weight:700; letter-spacing:0.08em; line-height:1.25; text-transform:uppercase; color:#2f6b48; } /* ---------- Responsive ---------- */ @media (max-width:860px){ .vvw-section{ grid-template-columns:1fr; min-height:0; } .vvw-hero{ padding:48px 0 40px; } .vvw-title{ font-size:clamp(34px,8vw,48px); } .vvw-lede{ max-width:none; } .vvw-divider{ max-width:none; } .vvw-formcard{ padding:26px 20px 40px; } .vvw-iframe{ min-height:720px; } .vvw-watermark{ font-size:240px; left:-10px; bottom:-40px; } .vvw-badge{ right:16px; bottom:14px; width:72px; height:72px; } } Be among the first Ready for your legs to look and feel better. Join our priority list for early scheduling access and a complimentary vein consultation at the location nearest you. Your information is private. We’ll only use it to contact you about Vista Veins. V /* Optional: auto-resize the iframe if the form posts its height. Guarded to only accept messages from vistaveins.com. Harmless if the form doesn't post — the CSS min-height governs instead. */ (function(){ window.addEventListener('message', function(e){ if (!/(^|\.)vistaveins\.com$/.test((function(){ try { return new URL(e.origin).hostname; } catch(_) { return ''; } })())) return; var h = (e.data && (e.data.height || e.data.frameHeight)) || (typeof e.data === 'number' ? e.data : 0); if (h && h > 200){ var f = document.getElementById('vvw-form-iframe'); if (f) f.style.minHeight = h + 'px'; } }, false); })();