@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//empirevein.com/wp-content/themes/evvs2026/assets/fonts/inter-var-latin.woff2) format("woff2");
}
:root {
--ev-purple-25:  #faf8fe;  
--ev-purple-50:  #f5f1fa;  
--ev-purple-100: #ece3f4;
--ev-purple-200: #d8c4e7;
--ev-purple-300: #b98fd0;
--ev-purple-400: #8c4cb0;
--ev-purple-500: #6a2497;
--ev-purple-600: #59197f;
--ev-purple-700: #49136f;  
--ev-purple-800: #380f57;
--ev-purple-900: #2a0e3d;  
--ev-amber-400: #f59440;
--ev-amber-500: #e8771f;   
--ev-amber-600: #b8500f;   
--ev-magenta-500: #c0397a; 
--ev-orange-light: #ff8b00; 
--ev-orange-dark:  #e45402; 
--ev-amber-50:   #fbeede; 
--ev-danger:     #c0392b; 
--ev-white:     #ffffff;
--ev-slate-50:  #f8fafc;
--ev-slate-100: #f1f5f9;
--ev-slate-200: #e2e8f0;
--ev-slate-300: #cbd5e1;
--ev-slate-400: #94a3b8;
--ev-slate-500: #64748b;
--ev-slate-700: #334155;
--ev-slate-900: #0f172a;
--ev-success: #15803d;   
--ev-success-soft: #f0fdf4;
--ev-destructive: #ef4444;
--ev-warning: #b45309;
--background: var(--ev-white);
--foreground: var(--ev-slate-900);
--surface-page: #f7f3fb;   
--surface-card: var(--ev-white);
--surface-muted: var(--ev-slate-100);   
--surface-dark: var(--ev-purple-900);   
--surface-photo: #fcf7ff;  
--card: var(--ev-white);
--card-foreground: var(--ev-slate-900);
--primary: var(--ev-purple-700);
--primary-hover: var(--ev-purple-800);
--primary-foreground: #faf7fd;
--secondary: var(--ev-slate-100);
--secondary-foreground: var(--ev-slate-900);
--accent: #c05413;
--accent-foreground: var(--ev-white);
--muted: var(--ev-slate-100);
--muted-foreground: #5e6e85; 
--text-body: var(--ev-slate-700);
--text-heading: var(--ev-slate-900);
--text-subtle: #5e6e85;
--text-on-dark: #f3ecf8;
--text-on-dark-subtle: #c7b3d6;
--border: var(--ev-purple-100);       
--border-strong: var(--ev-purple-200);
--input: var(--ev-slate-200);
--ring: var(--ev-purple-700);
--destructive: var(--ev-destructive);
--destructive-foreground: #fef2f2;
--gradient-brand: linear-gradient(95deg, var(--ev-purple-500) 0%, var(--ev-magenta-500) 52%, #d96a10 100%); 
--gradient-brand-light: linear-gradient(95deg, #8a48c4 0%, var(--ev-magenta-500) 52%, var(--ev-amber-500) 100%);  
--gradient-soft: linear-gradient(180deg, var(--ev-purple-50) 0%, var(--ev-white) 100%);
--gradient-hero: linear-gradient(168deg, #f7f2fb 0%, #f3ecf8 46%, var(--ev-white) 100%); 
--gradient-nav: linear-gradient(90deg, #2a0e3d 0%, #3c1160 54%, #4a1570 100%); 
}
:root {
--font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
--font-display: 'Inter', ui-sans-serif, system-ui, sans-serif;
--font-mono: var(--font-sans);   
--text-xs:   0.75rem;   
--text-sm:   0.875rem;  
--text-base: 1rem;      
--text-lg:   1.125rem;  
--text-xl:   1.25rem;   
--text-2xl:  1.5rem;    
--text-3xl:  1.875rem;  
--text-4xl:  2.25rem;   
--text-5xl:  3rem;      
--text-6xl:  3.75rem;   
--weight-regular: 400;
--weight-medium: 500;
--weight-semibold: 600;
--weight-bold: 700;
--weight-extrabold: 800;
--leading-none: 1;
--leading-tight: 1.1;
--leading-snug: 1.25;
--leading-normal: 1.5;
--leading-relaxed: 1.65;
--tracking-tighter: -0.03em;  
--tracking-tight: -0.015em;   
--tracking-normal: 0;
--tracking-wide: 0.05em;
--tracking-widest: 0.18em;    
--display-size: clamp(2.5rem, 5vw, 3.75rem);
--display-weight: var(--weight-extrabold);
--display-tracking: var(--tracking-tighter);
--display-leading: var(--leading-tight);
--eyebrow-size: var(--text-sm);
--eyebrow-tracking: var(--tracking-widest);
}
@media (max-width: 640px) {
:root { --text-lg: 1.0625rem; }  
}
:root {
--space-0: 0;
--space-1: 0.25rem;  
--space-2: 0.5rem;   
--space-3: 0.75rem;  
--space-4: 1rem;     
--space-5: 1.25rem;  
--space-6: 1.5rem;   
--space-8: 2rem;     
--space-10: 2.5rem;  
--space-12: 3rem;    
--space-16: 4rem;    
--space-20: 5rem;    
--space-24: 6rem;    
--radius-sm: 0.25rem;  
--radius-md: 0.375rem; 
--radius: 0.5rem;      
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;  
--radius-2xl: 1rem;
--radius-full: 9999px; 
--container-max: 1660px;
--container-pad: 24px;
--section-y: clamp(3.5rem, 6vw, 5rem); 
--section-pad: clamp(56px, 7vw, 104px);  
--gutter: clamp(16px, 4vw, 40px);        
--section-pad-x: clamp(20px, 4vw, 40px);  
}
:root {
--shadow-xs: 0 1px 2px 0 rgb(15 23 42 / 0.05);
--shadow-sm: 0 1px 3px 0 rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.06);
--shadow:    0 2px 6px -1px rgb(15 23 42 / 0.09), 0 1px 3px -1px rgb(15 23 42 / 0.06);
--shadow-md: 0 6px 16px -4px rgb(42 14 61 / 0.13), 0 2px 6px -2px rgb(15 23 42 / 0.07);
--shadow-lg: 0 12px 28px -8px rgb(42 14 61 / 0.18), 0 4px 10px -4px rgb(15 23 42 / 0.08);
--shadow-plum: 0 18px 40px -12px rgb(42 14 61 / 0.45);
--elevate-hover: rgb(15 23 42 / 0.04);   
--elevate-press: rgb(15 23 42 / 0.08);   
--focus-outline: 3px solid var(--ev-amber-500);
--focus-outline-offset: 2px;
--ease-standard: cubic-bezier(0.4, 0, 0.2, 1); 
--ease-out: cubic-bezier(0.16, 1, 0.3, 1); 
--duration-fast: 120ms; 
--duration: 180ms; 
--duration-slow: 280ms; 
--transition-colors: color var(--duration) var(--ease-standard), background-color var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard);
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
.ev-stage-card { display: contents; }
.ev-stage-card > * { grid-column: var(--col); }
.ev-stage-photo { grid-row: 1; }
.ev-stage-text  { grid-row: 2; position: relative; z-index: 1; }
.ev-stage-flow {
display: block;
grid-column: 1 / -1; grid-row: 2;
align-self: start; margin-top: -19px; z-index: 0;
}
@media (max-width: 640px) {
.ev-stage-pairs { grid-template-columns: repeat(2, 1fr) !important; row-gap: 30px; }
.ev-stage-card { display: flex; flex-direction: column; gap: 14px; }
.ev-stage-flow { display: none; }
}
@media (max-width: 640px) {
.ev-btn {
white-space: normal !important;
height: auto !important;
min-height: 48px;
padding-block: 12px !important;
text-align: center;
line-height: 1.25 !important;
}
}
@media (max-width: 719px) {
.ev-insbar-stat {
flex: 1 1 100% !important;
min-width: 0;
padding-right: 0 !important;
border-right: 0 !important;
}
}
body {
margin: 0;
font-family: var(--font-sans);
color: var(--text-body);
background: var(--background);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
line-height: var(--leading-relaxed);
}
button, input, select, textarea { font-family: inherit; }
h1, h2, h3, h4, h5, h6 {
color: var(--text-heading);
font-weight: var(--weight-bold);
letter-spacing: var(--tracking-tight);
line-height: var(--leading-snug);
margin: 0;
text-wrap: balance;
}
p { margin: 0; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-outline-offset);
border-radius: 3px;
}
:focus:not(:focus-visible) { outline: none; }
.ev-skip-link {
position: fixed;
top: 8px;
left: 8px;
z-index: 1000;
transform: translateY(-160%);
background: var(--ev-purple-700, #5a2a86);
color: #fff;
padding: 12px 20px;
border-radius: var(--radius-md, 8px);
font-family: var(--font-sans);
font-size: 15px;
font-weight: 700;
text-decoration: none;
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
transition: transform 0.18s ease;
}
.ev-skip-link:focus {
transform: translateY(0);
text-decoration: none;
outline: 3px solid var(--ev-amber-500, #f59440);
outline-offset: 2px;
}
.ev-sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@keyframes evFade {
from { opacity: 0; transform: translateY(-6px); }
to { opacity: 1; transform: translateY(0); }
}
.ev-noscroll::-webkit-scrollbar { display: none; }
.ev-noscroll { -ms-overflow-style: none; scrollbar-width: none; }
@keyframes evDrawerIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
.ev-play-btn { transition: transform 0.25s cubic-bezier(.22,.61,.36,1), background 0.25s ease; }
button:hover .ev-play-btn, button:focus-visible .ev-play-btn { transform: translate(-50%, -50%) scale(1.12); background: rgba(255,255,255,0.4); }
@keyframes evPulseDot { 0% { box-shadow: 0 0 0 0 rgba(255,90,90,0.6); } 70% { box-shadow: 0 0 0 7px rgba(255,90,90,0); } 100% { box-shadow: 0 0 0 0 rgba(255,90,90,0); } }
@keyframes evCaptionIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.ev-testi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 900px) { .ev-testi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
.ev-testi-grid { display: flex; grid-template-columns: none; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; padding: 4px 0 12px; margin: 0 -24px; padding-left: 24px; padding-right: 24px; scrollbar-width: none; }
.ev-testi-grid::-webkit-scrollbar { display: none; }
.ev-testi-grid > * { flex: 0 0 76%; scroll-snap-align: center; }
}
@media (max-width: 760px) {
.ev-divider-grid { grid-template-columns: 1fr !important; }
.ev-divider-grid > * { border-left: none !important; padding-left: 0 !important; padding-right: 0 !important; border-top: 1px solid var(--border) !important; padding-top: 26px !important; margin-top: 4px; }
.ev-divider-grid > *:first-child { border-top: none !important; padding-top: 0 !important; margin-top: 0; }
}
.ev-section {
max-width: var(--container-max);
margin-inline: auto;
padding: clamp(64px, 8.5vw, 124px) var(--section-pad-x);
}
.ev-tap { min-height: 44px; display: inline-flex; align-items: center; }
.ev-tap--icon { min-height: 44px; min-width: 44px; justify-content: center; }
@media (max-width: 560px) {
.ev-herostats { grid-template-columns: 1fr !important; }
.ev-herostats > * { border-left: none !important; padding-left: 0 !important; border-top: 1px solid var(--border); padding-top: 16px; }
.ev-herostats > *:first-child { border-top: none; padding-top: 0; }
}
@media (max-width: 640px) {
.ev-hero-advanced { font-size: 17.5vw !important; }
.ev-hero-sub { margin-top: 10px !important; font-size: 7.5vw !important; line-height: 1.18 !important; }
}
@media (max-width: 760px) { .ev-faq-tabs { justify-content: flex-start !important; } }
@media (max-width: 560px) { .ev-home-offices { grid-template-columns: 1fr !important; } }
@media (max-width: 560px) {
.ev-statrow > * { border-left: none !important; padding-left: 0 !important; }
}
.ev-steps {
display: grid;
gap: clamp(28px, 3vw, 40px);
grid-template-columns: repeat(var(--steps-cols, 4), minmax(0, 1fr));
}
@media (max-width: 900px) { .ev-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ev-steps { grid-template-columns: 1fr; } }
.ev-booking-layout { display: grid; grid-template-columns: 1fr; gap: 28px; }
.ev-booking-layout > * { min-width: 0; }
@media (min-width: 940px) {
.ev-booking-layout {
grid-template-columns: 0.7fr 1fr;
gap: 56px;
align-items: start;
grid-template-areas: "head form" "trust form";
grid-template-rows: auto 1fr;
}
.ev-booking-head  { grid-area: head; }
.ev-booking-trust { grid-area: trust; }
.ev-booking-form  { grid-area: form; }
}
.ev-scroll-x {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
background:
linear-gradient(to right, var(--background) 40%, rgba(255, 255, 255, 0)) left center,
linear-gradient(to left, var(--background) 40%, rgba(255, 255, 255, 0)) right center,
radial-gradient(farthest-side at 0 50%, rgba(42, 14, 61, 0.17), rgba(42, 14, 61, 0)) left center,
radial-gradient(farthest-side at 100% 50%, rgba(42, 14, 61, 0.17), rgba(42, 14, 61, 0)) right center;
background-repeat: no-repeat;
background-size: 44px 100%, 44px 100%, 16px 100%, 16px 100%;
background-attachment: local, local, scroll, scroll;
}
.ev-hscroll { display: flex; gap: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; -ms-overflow-style: none; scrollbar-width: none; margin-inline: -20px; padding: 2px 20px 6px; }
.ev-hscroll::-webkit-scrollbar { display: none; }
.ev-hscroll > * { flex: 0 0 auto; scroll-snap-align: start; }
[data-ev-rail-dir][disabled] { opacity: 0.4; cursor: default; }
.ev-booking-inslogos { display: none; }
@media (max-width: 939px) {
.ev-booking-inslogos { display: block; }
.ev-booking-lead { display: none; }
.ev-booking-insfoot { display: none; }
.ev-booking-rail { flex-direction: row !important; gap: 0 !important; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; margin-inline: -20px; padding-inline: 20px; }
.ev-booking-rail::-webkit-scrollbar { display: none; }
.ev-booking-rail > * { flex: 0 0 auto; min-width: 44%; padding-right: 24px; }
}
.ev-field-inline { display: grid; grid-template-columns: 1fr; gap: 6px; }
@media (min-width: 640px) {
.ev-field-inline { grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: start; }
.ev-field-inline > label { padding-top: 13px; }
}
.ev-loc-cards { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1024px) {
.ev-loc-cards { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 620px) {
.ev-loc-cards { grid-template-columns: 1fr !important; }
}
.ev-loc-cardhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
@media (max-width: 767px) {
.ev-loc-cardhead { flex-direction: column; align-items: flex-start; gap: 6px; }
}
.ev-gradient-text,
.ev-gradient-text-light {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-block: 0.14em;
margin-block: -0.14em;
}
.ev-gradient-text { --gx-ramp: var(--gradient-brand); background-image: var(--gx-ramp); }
.ev-gradient-text-light { --gx-ramp: var(--gradient-brand-light); background-image: var(--gx-ramp); }
.ev-morph {
position: absolute;
inset: -20%;
overflow: hidden;
pointer-events: none;
z-index: 0;
}
.ev-blob {
position: absolute;
border-radius: 50%;
filter: blur(70px);
opacity: 0;
transition: opacity 1.2s ease;
will-change: transform;
}
.ev-morph.is-active .ev-blob { opacity: var(--blob-opacity, 0.5); }
.ev-blob-a {
width: 46%; height: 60%; top: -6%; left: -4%;
background: radial-gradient(circle at 50% 50%, #b07fd0, transparent 70%);
--blob-opacity: 0.5; 
}
.ev-blob-b {
width: 42%; height: 56%; top: 18%; right: -6%;
background: radial-gradient(circle at 50% 50%, #c0397a, transparent 70%);
--blob-opacity: 0.42; 
}
.ev-blob-c {
width: 40%; height: 52%; bottom: -10%; left: 30%;
background: radial-gradient(circle at 50% 50%, #f59440, transparent 70%);
--blob-opacity: 0.34; 
}
.ev-morph.is-active .ev-blob-a { animation: ev-blob-a 22s ease-in-out infinite; }
.ev-morph.is-active .ev-blob-b { animation: ev-blob-b 26s ease-in-out infinite; }
.ev-morph.is-active .ev-blob-c { animation: ev-blob-c 30s ease-in-out infinite; }
@keyframes ev-blob-a {
0%, 100% { transform: translate(-8%, -6%) scale(1); }
50%      { transform: translate(14%, 12%) scale(1.18); }
}
@keyframes ev-blob-b {
0%, 100% { transform: translate(8%, 6%) scale(1.08); }
50%      { transform: translate(-14%, -10%) scale(0.9); }
}
@keyframes ev-blob-c {
0%, 100% { transform: translate(0%, 8%) scale(1); }
50%      { transform: translate(-10%, -8%) scale(1.2); }
}
.ev-glass-card {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(16px) saturate(1.2);
-webkit-backdrop-filter: blur(16px) saturate(1.2);
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: 0 24px 60px -28px rgba(73, 19, 111, 0.28);
}
@media (prefers-reduced-motion: reduce) {
.ev-morph.is-active .ev-blob { animation: none; }
}
.ev-mosaic {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
height: 100%;
max-height: 620px;
overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
}
.ev-mosaic-col { display: flex; flex-direction: column; gap: 18px; will-change: transform; }
.ev-mosaic-col.up   { animation: ev-mosaic-up   42s linear infinite; }
.ev-mosaic-col.down { animation: ev-mosaic-down 50s linear infinite; }
.ev-mosaic:hover .ev-mosaic-col { animation-play-state: paused; }
.ev-mosaic-tile {
border-radius: var(--radius-xl);
overflow: hidden;
flex-shrink: 0;
box-shadow: 0 14px 36px -16px rgba(31,18,46,0.42);
background: var(--ev-purple-100);
}
.ev-mosaic-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
@keyframes ev-mosaic-up   { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes ev-mosaic-down { from { transform: translateY(-50%); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
.ev-mosaic-col.up, .ev-mosaic-col.down { animation: none; }
}
.ev-grid-cards { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .ev-grid-cards-2, .ev-grid-cards-4, .ev-grid-cards-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .ev-grid-cards-3, .ev-grid-cards-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1240px) { .ev-grid-cards-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ev-quiz-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 719px) {
.ev-quiz-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
.ev-symptom-grid { grid-template-columns: 1fr !important; }
.ev-mosaic { max-height: 420px; }
}
.ev-blog-hero { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(26px, 3vw, 48px); align-items: start; }
.ev-blog-cats { display: flex; justify-content: center; flex-wrap: wrap; gap: clamp(16px, 2.6vw, 34px); border-bottom: 1px solid var(--border); }
.ev-blog-cats::-webkit-scrollbar { display: none; }
@media (max-width: 860px) {
.ev-blog-hero { grid-template-columns: 1fr; gap: 30px; }
}
.ev-waves { position: absolute; top: 48px; right: 0; width: clamp(520px, 64vw, 1040px); height: 240px; z-index: 0; pointer-events: none; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 34%); mask-image: linear-gradient(to right, transparent 0, #000 34%); }
.ev-wave { fill: none; stroke: url(#evWaveGrad); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 11 15; animation-name: ev-wave-flow; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes ev-wave-flow { to { stroke-dashoffset: -520; } }
@media (prefers-reduced-motion: reduce) { .ev-wave { animation: none; } }
@media (max-width: 1024px) { .ev-waves { display: none; } }
@keyframes ev-quiz-in {
from { opacity: 0; transform: translateX(28px); }
to   { opacity: 1; transform: translateX(0); }
}
.ev-quiz-step { animation: ev-quiz-in 420ms cubic-bezier(0.32, 0.72, 0, 1); }
@media (prefers-reduced-motion: reduce) {
.ev-quiz-step { animation: none; }
}
.ev-gae-step { opacity: 1; transform: translateY(0); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.32, 0.72, 0, 1); }
.ev-gae:not(.is-in) .ev-gae-step { opacity: 0; transform: translateY(18px); }
.ev-gae-letter { transition: filter 0.7s ease, opacity 0.7s ease; opacity: 1; }
.ev-gae.is-in .ev-gae-step:nth-of-type(1) { transition-delay: 0.05s; }
.ev-gae.is-in .ev-gae-step:nth-of-type(2) { transition-delay: 0.45s; }
.ev-gae.is-in .ev-gae-step:nth-of-type(3) { transition-delay: 0.85s; }
.ev-gae:not(.is-in) .ev-gae-step:nth-of-type(1) .ev-gae-letter,
.ev-gae:not(.is-in) .ev-gae-step:nth-of-type(2) .ev-gae-letter { opacity: 0.55; }
.ev-gae.is-in .ev-gae-step:nth-of-type(1) .ev-gae-letter,
.ev-gae.is-in .ev-gae-step:nth-of-type(2) .ev-gae-letter { opacity: 0.78; }
.ev-gae.is-in .ev-gae-step:nth-of-type(3) .ev-gae-letter { opacity: 1; }
.ev-gae-connector { stroke-dasharray: 6 8; opacity: 1; transition: opacity 0.6s ease; }
.ev-gae:not(.is-in) .ev-gae-connector { opacity: 0; }
.ev-gae.is-in .ev-gae-connector { animation: ev-wave-flow 14s linear infinite; transition-delay: 0.4s; }
@media (prefers-reduced-motion: reduce) {
.ev-gae:not(.is-in) .ev-gae-step { opacity: 1; transform: none; }
.ev-gae-step { transition: none; }
.ev-gae:not(.is-in) .ev-gae-connector { opacity: 1; }
.ev-gae.is-in .ev-gae-connector { animation: none; }
}
.ev-eyebrow {
font-family: var(--font-mono);
font-size: var(--eyebrow-size);
letter-spacing: var(--eyebrow-tracking);
text-transform: uppercase;
color: var(--muted-foreground);
}
.ev-point { position: absolute; z-index: 2; pointer-events: none; will-change: transform; }
.ev-point svg { display: block; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.35)); }
.ev-point-line { stroke-dasharray: 5 6; animation: ev-point-dash 1.4s linear infinite; }
.ev-flowline { fill: none; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 11 15; animation-name: ev-wave-flow; animation-timing-function: linear; animation-iteration-count: infinite; }
@media (prefers-reduced-motion: reduce) { .ev-flowline { animation: none; } }
.ev-stage-pulse { position: absolute; top: 50%; left: 50%; width: 74px; height: 74px; margin: -37px 0 0 -37px; border-radius: 50%; pointer-events: none; z-index: 0; animation: ev-stage-pulse 2.9s ease-in-out infinite; }
@keyframes ev-stage-pulse { 0%, 100% { transform: scale(0.62); opacity: 0.25; } 50% { transform: scale(1.18); opacity: 0.8; } }
@media (prefers-reduced-motion: reduce) { .ev-stage-pulse { animation: none; } }
.ev-point-bob { animation: ev-point-bob 2.6s ease-in-out infinite; }
@keyframes ev-point-dash { to { stroke-dashoffset: -22; } }
@keyframes ev-point-bob {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(-5px, -3px); }
}
@media (prefers-reduced-motion: reduce) {
.ev-point-line { animation: none; }
.ev-point-bob { animation: none; }
}
.ev-philo-grid { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
.ev-philo-head { position: sticky; top: calc(var(--header-h, 72px) + 40px); }
@media (max-width: 900px) {
.ev-philo-grid { grid-template-columns: 1fr; gap: 8px; }
.ev-philo-head { position: static; }
}
.ev-philo-item { border-top: 1px solid var(--border); }
.ev-philo-item:first-child { border-top: none; }
.ev-philo-btn { display: flex; gap: clamp(18px, 2.4vw, 28px); align-items: flex-start; width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: clamp(22px, 2.6vw, 30px) 0; font: inherit; color: inherit; }
.ev-philo-thumb { flex: 0 0 auto; overflow: hidden; border-radius: var(--radius-lg); transition: width 0.42s cubic-bezier(0.32, 0.72, 0, 1), height 0.42s cubic-bezier(0.32, 0.72, 0, 1); }
.ev-philo-panel { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.42s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.32s ease, margin-top 0.42s ease; margin-top: 0; }
.ev-philo-panel > div { overflow: hidden; }
.ev-philo-item.is-open .ev-philo-panel { grid-template-rows: 1fr; opacity: 1; margin-top: 12px; }
@media (prefers-reduced-motion: reduce) {
.ev-philo-thumb, .ev-philo-panel { transition: none; }
}
.flp-hero-bg {
background-color: #eef1f5;
background-image:
linear-gradient(180deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.1) 22%, rgba(255,255,255,0) 44%),
url(https://healthyveins.empirevein.com/wp-content/uploads/fullerton_bg_img.jpg);
background-size: cover, cover;
background-position: center, left bottom;
background-repeat: no-repeat, no-repeat;
}
@media (max-width: 700px) {
.flp-hero-bg {
background-image:
linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.15) 32%, rgba(255,255,255,0) 58%),
url(https://healthyveins.empirevein.com/wp-content/uploads/fullerton_bg_img.jpg);
background-position: center, 22% bottom;
}
}
@media (max-width: 880px) {
.flp-hero-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 820px) {
.flp-doc-grid, .flp-vs-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
.flp-hide-sm { display: none !important; }
}
@media (max-width: 380px) {
.flp-hide-xs { display: none !important; }
}
@media (max-width: 560px) {
.flp-field-row { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
.ev-goodnews { grid-template-columns: 1fr !important; }
}
@keyframes ev-rv-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes ev-rv-rise-sm { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ev-rv-greet { from { opacity: 0; transform: scale(0.965); } to { opacity: 1; transform: none; } }
@keyframes ev-rv-fade { from { opacity: 0; } to { opacity: 1; } }
.ev-rv.rv-armed { opacity: 0; transform: translateY(16px); }
.ev-rv-group.rv-armed > * { opacity: 0; transform: translateY(12px); }
.ev-rv-greet.rv-armed,
.ev-rv-group.rv-armed > .ev-rv-greet { opacity: 0; transform: scale(0.965); }
.ev-rv.rv-play { animation: ev-rv-rise 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) backwards; }
.ev-rv-greet.rv-play { animation: ev-rv-greet 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) backwards; transform-origin: 50% 60%; }
.ev-rv-group.rv-play > * { animation: ev-rv-rise-sm 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) backwards; }
.ev-rv-group.rv-play > .ev-rv-greet { animation-name: ev-rv-greet; animation-duration: 0.8s; transform-origin: 50% 60%; }
.ev-rv-group.rv-play > :nth-child(2) { animation-delay: 0.09s; --rv-kw: 0.21s; }
.ev-rv-group.rv-play > :nth-child(3) { animation-delay: 0.18s; --rv-kw: 0.3s; }
.ev-rv-group.rv-play > :nth-child(4) { animation-delay: 0.27s; --rv-kw: 0.39s; }
.ev-rv-group.rv-play > :nth-child(5) { animation-delay: 0.36s; --rv-kw: 0.48s; }
.ev-rv-group.rv-play > :nth-child(n+6) { animation-delay: 0.42s; --rv-kw: 0.54s; }
:is(.ev-rv, .ev-rv-greet).rv-play.rv-c2 { animation-delay: 0.09s; --rv-kw: 0.21s; }
:is(.ev-rv, .ev-rv-greet).rv-play.rv-c3 { animation-delay: 0.18s; --rv-kw: 0.3s; }
:is(.ev-rv, .ev-rv-greet).rv-play.rv-c4 { animation-delay: 0.27s; --rv-kw: 0.39s; }
:is(.ev-rv, .ev-rv-greet).rv-play.rv-c5 { animation-delay: 0.36s; --rv-kw: 0.48s; }
:is(.ev-rv, .ev-rv-greet).rv-play.rv-c6 { animation-delay: 0.42s; --rv-kw: 0.54s; }
.ev-rv-group[data-ev-rail].rv-armed > * { transform: none; }
.ev-rv-group[data-ev-rail].rv-play > * { animation-name: ev-rv-fade; }
@media (max-width: 760px) {
.ev-rv-group.ev-swipe-row.rv-armed > * { transform: none; }
.ev-rv-group.ev-swipe-row.rv-play > * { animation-name: ev-rv-fade; }
}
@keyframes ev-gx-wipe {
from { background-position: 100% 0, 0 0; }
to { background-position: 0% 0, 0 0; }
}
.ev-gx-hero,
.ev-motion :is(.ev-vh-title, .ev-arrive-kw) :is(.ev-gradient-text, .ev-gradient-text-light),
.rv-anim :is(h1, h2, h3, h4) :is(.ev-gradient-text, .ev-gradient-text-light),
.rv-anim :is(h1, h2, h3, h4):is(.ev-gradient-text, .ev-gradient-text-light),
:is(h1, h2, h3, h4).rv-anim :is(.ev-gradient-text, .ev-gradient-text-light),
.ev-rv.rv-anim :is(.ev-h2, .ev-display) :is(.ev-gradient-text, .ev-gradient-text-light),
.ev-rv.rv-anim :is(.ev-h2, .ev-display):is(.ev-gradient-text, .ev-gradient-text-light) {
background-image:
linear-gradient(90deg, transparent 0%, transparent 42%, currentColor 58%, currentColor 100%),
var(--gx-ramp, var(--gradient-brand));
background-size: 240% 100%, 100% 100%;
background-position: 0% 0, 0 0;
background-repeat: no-repeat;
}
.ev-gx-hero { animation: ev-gx-wipe 1.35s cubic-bezier(0.65, 0, 0.25, 1) 0s both; }
@keyframes ev-hero-pt-in {
from { opacity: 0; transform: translateX(18px); }
to { opacity: 1; transform: none; }
}
.ev-hero-pt { animation: ev-hero-pt-in 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) calc(var(--i, 0) * 160ms) both; }
.ev-hero-stats { flex: 0 1 auto; max-width: 33%; min-width: 280px; }
@media (max-width: 840px) {
.ev-hero-stats { flex-basis: 100%; max-width: 100%; min-width: 0; }
}
.rv-anim :is(h1, h2, h3, h4) :is(.ev-gradient-text, .ev-gradient-text-light),
.rv-anim :is(h1, h2, h3, h4):is(.ev-gradient-text, .ev-gradient-text-light),
:is(h1, h2, h3, h4).rv-anim :is(.ev-gradient-text, .ev-gradient-text-light),
.ev-rv.rv-anim :is(.ev-h2, .ev-display) :is(.ev-gradient-text, .ev-gradient-text-light),
.ev-rv.rv-anim :is(.ev-h2, .ev-display):is(.ev-gradient-text, .ev-gradient-text-light) { animation: ev-gx-wipe 1s cubic-bezier(0.65, 0, 0.25, 1) var(--rv-kw, 0.12s) backwards; }
.ev-motion :is(.ev-vh-title, .ev-arrive-kw) :is(.ev-gradient-text, .ev-gradient-text-light) { animation: ev-gx-wipe 1.35s cubic-bezier(0.65, 0, 0.25, 1) 0s both; }
@keyframes ev-arrive-settle { from { transform: translateY(14px); } to { transform: none; } }
@keyframes ev-arrive-ease-in { from { transform: scale(1.025); } to { transform: none; } }
@keyframes ev-arrive-frame { from { transform: scale(0.985); } to { transform: none; } }
@keyframes ev-arrive-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ev-tile-in { from { opacity: 0; transform: translateY(22px) scale(0.985); } to { opacity: 1; transform: none; } }
.ev-motion .ev-hero-bigtiles > a { animation: ev-tile-in 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.08s backwards; }
.ev-motion .ev-hero-bigtiles > a + a { animation-delay: 0.17s; }
.ev-motion .ev-hero-bottomrow > a { animation: ev-tile-in 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.26s backwards; }
.ev-motion .ev-hero-bottomrow > .ev-book-tile { animation: ev-tile-in 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.35s backwards, ev-bookshift 9s ease-in-out infinite alternate; }
.ev-home-hero .ev-pain { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.75; transition: opacity 0.5s var(--ease-out); animation: ev-pain-in 0.8s ease 1.05s backwards; }
@keyframes ev-pain-in { from { opacity: 0; } }
.ev-home-hero .ev-pain > img { animation: ev-redpulse 1.6s ease-in-out infinite; }
.ev-hero-bigtiles > a, .ev-hero-bottomrow > a { transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), background var(--duration) !important; }
.ev-hero-bigtiles > a img { transform-origin: 50% 100% !important; }
.ev-vasc-bg { transform-origin: 70% 50%; transition: filter 0.4s var(--ease-out), transform 0.6s var(--ease-out) !important; }
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:focus-visible { transform: translateY(-6px) !important; box-shadow: 0 30px 56px -20px rgba(16, 4, 28, 0.8), 0 12px 24px -12px rgba(16, 4, 28, 0.5) !important; }
.ev-hero-bigtiles > a:focus-visible img { transform: scale(1.045) !important; }
.ev-hero-bigtiles > a:focus-visible .ev-pain { opacity: 1; }
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:focus-visible .ev-tile-arrow { transform: translateX(4px) !important; }
.ev-hero-bottomrow > a:focus-visible .ev-vasc-bg { filter: brightness(0.78) saturate(1) !important; transform: scale(1.05); }
@media (hover: hover) {
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:hover { transform: translateY(-6px) !important; box-shadow: 0 30px 56px -20px rgba(16, 4, 28, 0.8), 0 12px 24px -12px rgba(16, 4, 28, 0.5) !important; }
.ev-hero-bigtiles > a:hover img { transform: scale(1.045) !important; }
.ev-hero-bigtiles > a:hover .ev-pain { opacity: 1; }
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:hover .ev-tile-arrow { transform: translateX(4px) !important; }
.ev-hero-bottomrow > a:hover .ev-vasc-bg { filter: brightness(0.78) saturate(1) !important; transform: scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:is(:hover, :focus-visible),
:is(.ev-hero-bigtiles, .ev-hero-bottomrow) > a:is(:hover, :focus-visible) :is(img, .ev-tile-arrow, .ev-vasc-bg) { transform: none !important; }
.ev-home-hero .ev-pain, .ev-home-hero .ev-pain > img { animation: none !important; }
.ev-home-hero .ev-pain { opacity: 0; }
}
.ev-motion .ev-ph-banner { animation: ev-arrive-ease-in 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s backwards; }
.ev-motion .ev-ph-press { animation: ev-arrive-fade 0.6s ease 0.5s backwards; }
.ev-motion .ev-vh-frame { animation: ev-arrive-frame 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s backwards; }
.ev-rv.rv-play .ev-cct-band { animation: ev-rv-fade 0.5s ease 0.35s backwards; }
.ev-motion .ev-arrive-ease { animation: ev-arrive-ease-in 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) var(--arrive-delay, 0.1s) backwards; }
.ev-motion .ev-arrive-lift { animation: ev-arrive-settle 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) var(--arrive-delay, 0.15s) backwards; }
.ev-motion .ev-arrive-rise { animation: ev-rv-rise 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) var(--arrive-delay, 0.2s) backwards; }
.ev-motion .ev-arrive-fade { animation: ev-arrive-fade 0.6s ease var(--arrive-delay, 0.45s) backwards; }
.ev-arrive-d1 { --arrive-delay: 0.25s; }
.ev-arrive-d2 { --arrive-delay: 0.4s; }
.ev-arrive-d3 { --arrive-delay: 0.55s; }
.ev-motion :is(.ev-arrive-fade, .ev-arrive-rise, .ev-ph-press):focus-within { animation: none; }
@media (prefers-reduced-motion: reduce) {
.ev-gx-hero, .ev-hero-pt,
.ev-motion :is(.ev-vh-title, .ev-arrive-kw) :is(.ev-gradient-text, .ev-gradient-text-light),
.rv-anim :is(.ev-gradient-text, .ev-gradient-text-light),
.rv-anim:is(.ev-gradient-text, .ev-gradient-text-light),
.ev-motion .ev-hero-bigtiles > a, .ev-motion .ev-hero-bottomrow > a,
.ev-motion .ev-ph-banner, .ev-motion .ev-ph-press, .ev-motion .ev-vh-frame,
.ev-motion :is(.ev-arrive-ease, .ev-arrive-lift, .ev-arrive-rise, .ev-arrive-fade) { animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
.ev-rv.rv-armed, .ev-rv-greet.rv-armed, .ev-rv-group.rv-armed > * { opacity: 1 !important; transform: none !important; }
.rv-play, .rv-play > *, .rv-play .ev-cct-band { animation: none !important; }
}
@media print {
.ev-rv.rv-armed, .ev-rv-greet.rv-armed, .ev-rv-group.rv-armed > * { opacity: 1 !important; transform: none !important; }
.rv-play, .rv-play > *, .rv-play .ev-cct-band, .rv-anim :is(.ev-gradient-text, .ev-gradient-text-light) { animation: none !important; }
.ev-motion :is(.ev-arrive-ease, .ev-arrive-lift, .ev-arrive-rise, .ev-arrive-fade, .ev-ph-banner, .ev-ph-press, .ev-vh-frame) { animation: none !important; }
.ev-gae:not(.is-in) .ev-gae-step, .ev-gae:not(.is-in) .ev-gae-connector { opacity: 1 !important; transform: none !important; }
.ev-gae-step, .ev-gae-letter, .ev-gae-connector { transition: none !important; }
}
:root {
--h1-min:     2.4rem;
--h1-size:    clamp(var(--h1-min), 5vw, 4rem); 
--h1-sm-size: clamp(2.3rem, 4.5vw, 3.4rem);  
--h2-size:    clamp(2.1rem, 4vw, 3rem);      
--h2-sm-size: clamp(1.9rem, 3.4vw, 2.6rem);  
--h3-size:    clamp(1.7rem, 3vw, 2.3rem);    
}
@media (max-width: 640px) {
:root { --h1-min: 2.7rem; }  
h1.ev-h1-sm { font-size: 2.55rem; }
}
.ev-h1, .ev-h1-sm, .ev-h2, .ev-h2-sm, .ev-h3 {
font-weight: var(--weight-extrabold);
color: var(--text-heading);
margin: 0;
text-wrap: balance;
}
.ev-h1    { font-size: var(--h1-size);    letter-spacing: var(--tracking-tighter); line-height: 1.03; }
.ev-h1-sm { font-size: var(--h1-sm-size); letter-spacing: -0.035em;                line-height: 1.05; }
.ev-h2    { font-size: var(--h2-size);    letter-spacing: var(--tracking-tighter); line-height: 1.06; }
.ev-h2-sm { font-size: var(--h2-sm-size); letter-spacing: var(--tracking-tighter); line-height: 1.08; }
.ev-h3    { font-size: var(--h3-size);    letter-spacing: -0.025em;                line-height: 1.1;  }
.ev-gradient-text, .ev-gradient-text-light { color: inherit; }
.ev-lead { font-size: var(--text-lg);   line-height: 1.6;  color: var(--text-body); margin: 0; text-wrap: pretty; }
.ev-body { font-size: var(--text-base); line-height: 1.6;  color: var(--text-body); margin: 0; }
.ev-meta { font-size: var(--text-sm);   line-height: 1.5;  color: var(--muted-foreground); margin: 0; }
.ev-fine { font-size: var(--text-xs);   line-height: 1.55; color: var(--muted-foreground); margin: 0; }
html { overflow-x: clip; }
body { margin: 0; background: var(--background); color: var(--text-body); font-family: var(--font-sans); overflow-x: clip; }
#app { min-height: 100vh; display: flex; flex-direction: column; background: var(--background); overflow-x: clip; }
#app > main { flex: 1; }
#app-inner { position: relative;
--nav-fg: var(--text-heading);      
--nav-fg-soft: var(--text-body);    
--nav-open: var(--ev-purple-700);   
--nav-divider: rgba(40,20,60,0.14);
}
#app-inner[data-hero-dark="1"] {
--nav-fg: #fff;
--nav-fg-soft: rgba(255,255,255,0.82);
--nav-open: var(--ev-amber-400);
--nav-divider: rgba(255,255,255,0.20);
}
@media (min-width: 1025px) {
#main-content > div > section:first-child,
#main-content > main > section:first-child,
#main-content > section:first-child,
#main-content > section.ev-booking-page-section { padding-top: 116px !important; }
}
@media (max-width: 920px) {
.ev-hero-bigtiles, .ev-hero-bottomrow { grid-template-columns: 1fr !important; }
}
.ev-focal { position: absolute; z-index: 1; width: 150px; height: 150px; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; background: radial-gradient(circle, rgba(255,45,45,0.55) 0%, rgba(255,45,45,0.32) 38%, rgba(255,45,45,0) 72%); filter: blur(6px); animation: ev-focal-glow 2.4s ease-in-out infinite; }
@keyframes ev-focal-glow { 0%, 100% { transform: translate(-50%, -50%) scale(0.82); opacity: 0.55; } 50% { transform: translate(-50%, -50%) scale(1.12); opacity: 0.9; } }
@media (prefers-reduced-motion: reduce) { .ev-focal { animation: none; } }
@keyframes ev-redpulse { 0%, 100% { opacity: 0.15; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ev-hero-bigtiles img { animation: none !important; } }
.ev-book-tile { background: linear-gradient(120deg, #7a1fa6 0%, #a63fae 40%, var(--ev-orange-dark) 100%); background-size: 220% 220%; animation: ev-bookshift 9s ease-in-out infinite alternate; }
@keyframes ev-bookshift { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
@media (prefers-reduced-motion: reduce) { .ev-book-tile { animation: none; } }
.ev-review-rail { -ms-overflow-style: none; }
.ev-review-rail::-webkit-scrollbar { display: none; }
@media (max-width: 980px) {
.ev-team-grid, .ev-testi-grid { grid-template-columns: 1fr !important; margin-top: 0 !important; }
.ev-priority-grid, .ev-loc-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 680px) {
.ev-priority-grid, .ev-loc-grid { grid-template-columns: 1fr !important; }
}
.ev-reviews-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
@media (max-width: 1040px) and (min-width: 621px) { .ev-reviews-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .ev-reviews-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .ev-foot-legs { display: none !important; } }
@media (max-width: 760px) {
.vv-hero-grid { grid-template-columns: 1fr !important; }
.vv-hero-grid > .vv-hero-media { min-height: 300px !important; order: -1; }
.vv-info-grid { grid-template-columns: 1fr !important; }
.aaa-whatis-grid { grid-template-columns: 1fr !important; }
.aaa-whatis-grid > * { grid-column: auto !important; grid-row: auto !important; }
.ev-monostep-big { align-items: start !important; }
.koa-tier { grid-template-columns: 1fr !important; gap: 14px !important; }
.gvk-quick { grid-template-columns: 1fr 1fr !important; }
.gvk-quick > * { border-left: none !important; }
.gvk-steps-head { grid-template-columns: 1fr !important; align-items: start !important; }
.gvk-step-row { display: flex !important; flex-direction: column; align-items: flex-start; gap: 14px !important; padding: 30px 0 !important; }
.gvk-step-num { font-size: 2.8rem !important; }
.gvk-testi { grid-template-columns: 1fr !important; }
.gvk-hero-scrim { background: linear-gradient(90deg, rgba(28,10,42,0.94) 0%, rgba(28,10,42,0.82) 60%, rgba(28,10,42,0.55) 100%) !important; }
.gvk-hero { grid-template-columns: 1fr !important; }
.gvk-hero-media { order: -1; }
.gvk-row { grid-template-columns: 1fr !important; }
.gvk-row > * { order: 0 !important; }
.vv-info-divider { display: none !important; }
.vr-flow-grid, .vr-risk-grid, .vr-dx-grid, .vv-reflux-grid { grid-template-columns: 1fr !important; }
.lu-progression { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.ev-ba-grid { grid-template-columns: 1fr !important; }
.sc-iac-band { grid-template-columns: 1fr !important; text-align: center; }
.ev-story-toggle { grid-template-columns: 1fr !important; }
.vv-spider-callout { flex-direction: column !important; align-items: flex-start !important; }
.gvk-fda-badge { position: static !important; right: auto !important; bottom: auto !important; margin-top: 28px !important; }
.ev-foot-mast { grid-template-columns: 1fr !important; gap: 28px !important; }
.ev-foot-cols { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
.ev-swipe-row {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
margin-inline: calc(-1 * var(--ev-swipe-bleed, var(--section-pad-x))) !important;
padding-inline: var(--ev-swipe-bleed, var(--section-pad-x));
scroll-padding-inline-start: var(--ev-swipe-bleed, var(--section-pad-x));
padding-block: 4px 12px;
scrollbar-width: none;
}
.ev-swipe-row::-webkit-scrollbar { display: none; }
.ev-swipe-row > * {
flex: 0 0 var(--ev-swipe-card, 78%) !important;
min-width: 0;
scroll-snap-align: start;
}
.ev-swipe-row.ev-divider-grid > * {
border-top: none !important;
padding-top: 0 !important;
margin-top: 0;
}
.ev-rail--treatment-compare-grid { --ev-swipe-card: 84%; }
.ev-rail--vein-progression { --ev-swipe-card: 62%; }
.ev-rail--stage-progression { --ev-swipe-card: 62%; }
.ev-swipe-row:focus-visible {
outline: var(--focus-outline);
outline-offset: -2px;
border-radius: var(--radius-lg);
}
}
@media (max-width: 560px) {
.gvk-cmp th { font-size: 11.5px !important; padding: 11px 11px !important; }
.gvk-cmp td { padding: 12px 11px !important; }
.gvk-cmp td span { font-size: 13.5px !important; }
.gvk-cmp-cc { gap: 8px !important; }
.gvk-cmp-ic { width: 19px !important; height: 19px !important; }
.gvk-cmp-ic svg { width: 12px !important; height: 12px !important; }
}
.gvk-fda-badge { position: absolute; right: clamp(20px, 4vw, 40px); bottom: clamp(30px, 4vw, 44px); }
@keyframes ev-arrow-dash { to { stroke-dashoffset: 0; } }
@keyframes ev-arrow-fade { to { opacity: 1; } }
.ev-arrow-doodle .ev-arrow-stem { stroke-dasharray: 100; stroke-dashoffset: 100; animation: ev-arrow-dash 1.05s cubic-bezier(.6,.05,.25,1) .45s forwards; }
.ev-arrow-doodle .ev-arrow-head { opacity: 0; animation: ev-arrow-fade .35s ease 1.45s forwards; }
.ev-arrow-note { opacity: 0; animation: ev-arrow-fade .4s ease .25s forwards; }
@media (prefers-reduced-motion: reduce) {
.ev-arrow-doodle .ev-arrow-stem { animation: none; stroke-dashoffset: 0; }
.ev-arrow-doodle .ev-arrow-head { animation: none; opacity: 1; }
.ev-arrow-note { animation: none; opacity: 1; }
}
@media (max-width: 900px) { .ev-arrow-doodle, .ev-arrow-note { display: none !important; } }
@media (max-width: 900px) {
.gvk-faq { grid-template-columns: 1fr !important; }
.gvk-doc-card {
position: static !important;
max-width: 360px;
margin: 0 auto;
}
}
.ev-press {
display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
gap: 16px clamp(20px, 3vw, 40px);
}
.ev-press-label {
font-family: var(--font-mono);
font-size: var(--text-xs); font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
}
.ev-press-logos {
display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
gap: 16px clamp(20px, 3vw, 40px);
}
.ev-press-pill {
display: inline-flex; align-items: center; justify-content: center;
height: 52px; padding: 0 16px;
background: var(--ev-white); border-radius: var(--radius-lg);
box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.5);
}
.ev-press--rail { display: block; text-align: center; }
.ev-press--rail .ev-press-label { display: block; margin-bottom: 18px; letter-spacing: 0.12em; color: var(--muted-foreground); }
.ev-press--rail .ev-press-pill {
height: 64px; padding: 0 22px;
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
}
.ev-press--rail .ev-press-pill img { height: 40px; max-width: 120px; }
.ev-press--rail .ev-press-logos {
flex-wrap: nowrap;
justify-content: safe center;
}
.ev-press-pill img {
height: 34px; width: auto; max-width: 104px;
object-fit: contain; display: block;
}
@media (max-width: 760px) {
.ev-press { display: block; width: 100%; text-align: center; }
.ev-press-label { display: block; margin-bottom: 14px; }
.ev-rail--press { --ev-swipe-card: 29%; gap: 10px; }
.ev-press-pill { height: 46px; padding: 0 10px; }
.ev-press-pill img { height: 28px; max-width: 100%; }
}