/* ═══════════════════════════════════════════════════════════════════
   CASE STUDY 40 URODZINY — EXTERNAL CSS
   Villa Mamma Nadarzyn | 2026-02-16
   Design System 1:1 z best-wedding-venues-poland-style.css
   ═══════════════════════════════════════════════════════════════════ */

/* ─── DESIGN TOKENS ─── */
:root{--vm-bg-primary:#020617;--vm-bg-surface:rgba(15,23,42,.95);--vm-bg-soft:rgba(15,23,42,.8);--vm-text-primary:#f9fafb;--vm-text-secondary:rgba(249,250,251,.72);--vm-text-muted:rgba(148,163,184,.95);--vm-gradient-main:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);--vm-glow-main:radial-gradient(circle at 20% -20%,rgba(59,130,246,.35) 0%,rgba(139,92,246,.2) 35%,transparent 70%);--vm-shadow-card:0 18px 45px rgba(15,23,42,.9),inset 0 0 0 1px rgba(148,163,184,.2);--vm-shadow-card-hover:0 24px 60px rgba(15,23,42,.95),inset 0 0 0 1px rgba(248,250,252,.18);--vm-radius-md:1.25rem;--vm-radius-lg:1.75rem;--vm-radius-pill:999px;--vm-space-sm:1rem;--vm-space-md:1.5rem;--vm-space-lg:2.25rem;--vm-space-xl:3rem;--vm-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--vm-text-h1:clamp(2.4rem,4.6vw,3.5rem);--vm-text-h2:clamp(1.9rem,3.6vw,2.6rem);--vm-text-h3:clamp(1.4rem,2.4vw,1.9rem);--vm-ease-standard:cubic-bezier(0.4,0,0.2,1);--vm-duration-fast:160ms;--vm-duration-normal:240ms}

/* ─── RESET ─── */
*,:after,:before{box-sizing:border-box}
body{background:#080b14;color:var(--vm-text-primary);font-family:var(--vm-font-sans);margin:0;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;height:auto;max-width:100%}

/* ─── SKIP LINK ─── */
.vm-skip-link{background:var(--vm-gradient-main);border-radius:0 0 .5rem 0;color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:100}
.vm-skip-link:focus{top:0}

/* ─── LAYOUT ─── */
.vm-shell{margin:0 auto;max-width:1400px;padding:var(--vm-space-lg) var(--vm-space-md) var(--vm-space-xl)}
.vm-container{margin:0 auto;max-width:1200px;padding:0 var(--vm-space-md)}
.sr-only,.vm-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}

/* ─── TYPOGRAPHY ─── */
h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;margin:0 0 var(--vm-space-sm)}
h1{font-size:var(--vm-text-h1);line-height:1.02}
h2{font-size:var(--vm-text-h2);line-height:1.08}
h3{font-size:var(--vm-text-h3);line-height:1.1}
p{color:var(--vm-text-secondary);line-height:1.6;margin:0 0 var(--vm-space-sm)}
strong{color:var(--vm-text-primary);font-weight:600}
.vm-section p a,.vm-section li a:not(.vm-button){color:#60a5fa;text-decoration:none;transition:color var(--vm-duration-fast) var(--vm-ease-standard)}
.vm-section p a:hover,.vm-section li a:not(.vm-button):hover{color:#ec4899;text-decoration:underline}

/* ─── GRADIENT TEXT ─── */
.vm-gradient-text{background-clip:text;-webkit-background-clip:text;background-image:var(--vm-gradient-main);color:transparent}
.vm-text-white{color:var(--vm-text-primary)}

/* ─── HIGHLIGHT COLORS ─── */
.vm-free{color:#10b981;font-weight:700;text-shadow:0 0 15px rgba(16,185,129,.3)}
.vm-hl-green{color:#10b981;font-weight:700}
.vm-hl-gold{color:#fbbf24;font-weight:700}
.vm-hl-blue{color:#60a5fa;font-weight:700}
.vm-hl-purple{color:#a78bfa;font-weight:700}
.vm-hl-blue strong,.vm-hl-gold strong,.vm-hl-green strong,.vm-hl-purple strong{color:inherit;font-weight:inherit}
mark{background:transparent;border-radius:0;color:#10b981;font-weight:700;padding:0;text-shadow:0 0 12px rgba(16,185,129,.3)}

/* ─── BREADCRUMB ─── */
.breadcrumb{font-size:clamp(.75rem,1.1vw,.85rem);padding:clamp(.5rem,1vw,.75rem) 0}
.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;font-size:.85rem;gap:.5rem;list-style:none;margin:0 auto;max-width:1400px;padding:0 clamp(1rem,3vw,2rem)}
.breadcrumb__item{display:flex;align-items:center}
.breadcrumb__item:not(:last-child):after{color:rgba(139,92,246,.5);content:"›";margin-left:.5rem}
.breadcrumb__link{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s ease}
.breadcrumb__link:hover{color:#a78bfa}
.breadcrumb__link--active{color:#a78bfa;font-weight:500}

/* ─── GLASSMORPHISM SECTIONS ─── */
.vm-glass-box{border:1px solid rgba(139,92,246,.25)}
.vm-glass-box,.vm-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.15) 0,transparent 50%),rgba(15,15,25,.85);border-radius:var(--vm-radius-lg);box-shadow:0 0 30px rgba(139,92,246,.2),0 4px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);margin-bottom:var(--vm-space-xl);padding:var(--vm-space-lg)}
.vm-section{border:1px solid rgba(139,92,246,.25);contain-intrinsic-size:0 500px;content-visibility:auto;position:relative}

/* ─── HERO ─── */
.vm-hero{contain-intrinsic-size:none;content-visibility:visible;padding:var(--vm-space-xl);text-align:center}
.vm-hero-inner{position:relative;z-index:1}
.vm-kicker-inline{color:#a78bfa;display:block;font-size:1rem;font-weight:600;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}
.vm-h1-secondary{display:block;font-size:1rem;margin-top:.75rem}
.vm-h1-secondary,.vm-hero-badge{color:var(--vm-text-secondary);font-weight:500}

/* ─── HERO BADGE ─── */
.vm-hero-badge{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 50% 0,rgba(251,191,36,.15) 0,transparent 60%),rgba(15,15,25,.92);border:none;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.35);display:inline-block;font-size:.95rem;margin:1.5rem auto;padding:1.25rem 1.5rem 1rem;position:relative;text-align:center}
.vm-hero-badge:before{background:linear-gradient(90deg,transparent,#f59e0b 20%,#fbbf24 50%,#fcd34d 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}

/* ─── HERO INTRO CARDS ─── */
.vm-hero-intro-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:1000px}
.vm-hero-intro-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 50% 0,rgba(139,92,246,.15) 0,transparent 60%),rgba(15,15,25,.92);border:none;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--vm-text-secondary);font-size:.95rem;line-height:1.7;padding:1.5rem 1rem 1.25rem;position:relative;text-align:center}
.vm-hero-intro-card:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-hero-intro-card--gold{background:radial-gradient(ellipse at 50% 0,rgba(251,191,36,.15) 0,transparent 60%),rgba(15,15,25,.92)}
.vm-hero-intro-card--gold:before{background:linear-gradient(90deg,transparent,#f59e0b 20%,#fbbf24 50%,#fcd34d 80%,transparent)}
.vm-hero-intro-card--green{background:radial-gradient(ellipse at 50% 0,rgba(16,185,129,.15) 0,transparent 60%),rgba(15,15,25,.92)}
.vm-hero-intro-card--green:before{background:linear-gradient(90deg,transparent,#059669 20%,#10b981 50%,#34d399 80%,transparent)}
.vm-hero-intro-card__title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.75rem}
.vm-hero-intro-card__title .vm-card-emoji{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-style:normal;-webkit-text-fill-color:unset!important;color:inherit!important}
.vm-hero-intro-card__title .vm-card-label{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-hero-intro-card--gold .vm-hero-intro-card__title .vm-card-label{background:linear-gradient(90deg,#f59e0b,#fbbf24 50%,#fcd34d);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-hero-intro-card--green .vm-hero-intro-card__title .vm-card-label{background:linear-gradient(90deg,#059669,#10b981 50%,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-hero-intro-card p{margin:0}

/* ─── PREMIUM PARAGRAPH ─── */
.vm-premium-paragraph{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 50% 0,rgba(139,92,246,.15) 0,transparent 60%),rgba(15,15,25,.92);border:none;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--vm-text-secondary);font-size:1.05rem;line-height:1.8;margin:2rem auto;max-width:900px;padding:1.75rem 2rem 1.5rem;position:relative;text-align:center}
.vm-premium-paragraph:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-premium-paragraph strong{color:var(--vm-text-primary)}
.vm-premium-paragraph data{color:#10b981;font-weight:700}

/* ─── HERO INTRO / LEAD ─── */
.vm-hero-intro{font-size:1.1rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;line-height:1.7;max-width:900px}
.vm-lead{color:var(--vm-text-secondary);font-size:1.05rem;line-height:1.7;max-width:900px;margin:1.5rem auto}

/* ─── SUMMARY WITH CONIC BORDER ─── */
.vm-summary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.15) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);font-size:1.05rem;line-height:1.8;margin:2rem auto;max-width:800px;padding:1.75rem 2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}
.vm-summary:before{background:conic-gradient(from 180deg,#3b82f6 0deg,#8b5cf6 120deg,#a855f7 240deg,#3b82f6 360deg);border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:-1;opacity:.6}
.vm-summary:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.2) 0,transparent 50%),rgba(15,15,25,.95);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}
.vm-summary:after{content:none}
.vm-summary p{color:var(--vm-text-secondary);margin:0}
.vm-summary strong{color:var(--vm-text-primary);font-weight:600}
.vm-summary mark{background:transparent;border-radius:0;color:#10b981;font-weight:700;padding:0;text-shadow:0 0 12px rgba(16,185,129,.3)}
.vm-summary .vm-free{text-shadow:0 0 15px rgba(16,185,129,.4)}
.vm-summary .vm-free,.vm-summary data{color:#10b981;font-weight:700}

/* ─── KEY INSIGHT ─── */
.key-insight{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.12) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);display:flex;gap:1rem;margin:2rem 0;padding:1.75rem 1.5rem 1.5rem;position:relative;transition:all .3s ease}
.key-insight:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.key-insight:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.18) 0,transparent 50%),rgba(15,15,25,.95);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}
.key-insight--success{background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.15) 0,transparent 50%),rgba(15,15,25,.9);border:none;padding-top:1.75rem;position:relative}
.key-insight--success:before{background:linear-gradient(90deg,transparent,#059669 20%,#10b981 50%,#34d399 80%,transparent)}
.key-insight--success:hover{background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.22) 0,transparent 50%),rgba(15,15,25,.95)}
.key-insight__icon{flex-shrink:0;font-size:2rem;line-height:1}
.key-insight__content{flex:1;min-width:0}
.key-insight__title{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:1.1rem;font-weight:700;margin:0 0 .75rem;-webkit-text-fill-color:transparent}
.key-insight--success .key-insight__title{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.key-insight__text{color:#cbd5e1;font-size:.95rem;line-height:1.8;margin:0}
.key-insight__text strong{color:#f1f5f9}
.key-insight__text mark{background:transparent;border-radius:0;color:#10b981;font-weight:700;padding:0;text-shadow:0 0 12px rgba(16,185,129,.3)}

/* ─── CTA BUTTONS ─── */
.vm-cta-group{display:flex;flex-wrap:wrap;gap:var(--vm-space-sm);justify-content:center;margin-top:var(--vm-space-md)}
.vm-cta-group--center{justify-content:center}
.vm-button{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.2) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(16,185,129,.4);border-radius:var(--vm-radius-pill);box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);color:#10b981;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:.8rem 1.6rem;text-decoration:none;transform:translateZ(0);transition:all var(--vm-duration-fast) var(--vm-ease-standard);will-change:transform}
.vm-button:hover{background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.3) 0,transparent 50%),rgba(15,15,25,.9);border-color:rgba(16,185,129,.6);box-shadow:0 6px 20px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.08);color:#34d399;transform:translateY(-2px) translateZ(0)}
.vm-button-secondary{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.15) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(139,92,246,.3);color:rgba(249,250,251,.9)}
.vm-button-secondary:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.25) 0,transparent 50%),rgba(15,15,25,.9);border-color:rgba(139,92,246,.5);color:#fff}
.vm-button--large{font-size:1.05rem;padding:1rem 2rem}

/* ─── TABLES ─── */
.vm-table-wrapper{border-radius:var(--vm-radius-lg);margin:2rem 0;overflow-x:auto}
.vm-comparison-table{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(15,23,42,.88));border-collapse:separate;border-radius:var(--vm-radius-lg);border-spacing:0;box-shadow:var(--vm-shadow-card);overflow:hidden;position:relative;width:100%}
.vm-comparison-table:before{background:conic-gradient(from 180deg,#3b82f6 0deg,#8b5cf6 120deg,#ec4899 240deg,#3b82f6 1turn);border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:1}
.vm-comparison-table thead{background:rgba(15,23,42,.6)}
.vm-comparison-table th{border-bottom:2px solid rgba(139,92,246,.3);color:#a78bfa;font-size:.85rem;font-weight:600;letter-spacing:.1em;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}
.vm-comparison-table tbody tr{border-bottom:1px solid rgba(148,163,184,.1);transition:background-color var(--vm-duration-normal) var(--vm-ease-standard)}
.vm-comparison-table tbody tr:hover{background-color:rgba(59,130,246,.06)}
.vm-comparison-table tbody tr:last-child{border-bottom:none}
.vm-comparison-table td{color:var(--vm-text-secondary);font-size:.95rem;line-height:1.6;padding:1.25rem 1rem;vertical-align:top}
.vm-row-highlight{background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(139,92,246,.08))}
.vm-row-highlight td{color:var(--vm-text-primary)}
.vm-section .vm-comparison-table,.vm-section .vm-table-wrapper{background:transparent}
.vm-section .vm-comparison-table:before{display:none}
.vm-section .vm-comparison-table thead{background:rgba(15,23,42,.3)}
.vm-section .vm-comparison-table th{background:transparent;border-bottom:1px solid rgba(139,92,246,.3)}
.vm-section .vm-comparison-table td{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.06)}
.vm-section .vm-comparison-table tbody tr:last-child td{border-bottom:none}
.vm-section .vm-comparison-table tbody tr:hover{background:rgba(139,92,246,.08)}
.vm-section .vm-row-highlight{background:rgba(139,92,246,.1)}

/* ─── FEATURE LIST ─── */
.vm-feature-list{list-style:none;margin:1.5rem auto;max-width:800px;padding:0}
.vm-feature-list li{border-bottom:1px solid rgba(139,92,246,.1);color:var(--vm-text-secondary);display:flex;font-size:.95rem;gap:.75rem;line-height:1.6;padding:.75rem 0}
.vm-feature-list li:last-child{border-bottom:none}
.vm-feature-list li:before{color:#10b981;content:"✓";flex-shrink:0;font-weight:700}
.vm-feature-list li strong{color:var(--vm-text-primary)}

/* ─── GALLERY GRID ─── */
.vm-gallery-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}
.vm-gallery-item{border-radius:var(--vm-radius-md);overflow:hidden;position:relative}
.vm-gallery-item picture{display:block}
.vm-gallery-item img{border-radius:var(--vm-radius-md);transition:transform .4s ease;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.vm-gallery-item:hover img{transform:scale(1.03)}
.vm-gallery-item figcaption{color:var(--vm-text-muted);font-size:.8rem;margin-top:.5rem;text-align:center}
.vm-gallery-credit{color:var(--vm-text-muted);font-size:.85rem;margin-top:1rem;text-align:center}
.vm-gallery-credit a{color:#60a5fa;text-decoration:none}
.vm-gallery-credit a:hover{text-decoration:underline}

/* ─── FAQ ACCORDION ─── */
.vm-faq-section{padding:var(--vm-space-lg)}
.vm-faq-list{margin:2rem auto;max-width:900px}
.vm-faq-item{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.12) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);margin-bottom:1rem;overflow:hidden;position:relative;transition:all .3s ease}
.vm-faq-item:before{background:linear-gradient(90deg,transparent,#f59e0b 20%,#fbbf24 50%,#fcd34d 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-faq-item:hover{background:radial-gradient(ellipse at 30% 0,rgba(236,72,153,.15) 0,transparent 50%),rgba(15,15,25,.95);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}
.vm-faq-item summary{color:var(--vm-text-primary);cursor:pointer;font-size:1.05rem;font-weight:600;list-style:none;padding:1.5rem 3rem 1.25rem 1.5rem;position:relative;transition:all .3s ease}
.vm-faq-item summary::-webkit-details-marker{display:none}
.vm-faq-item summary:after{color:#fbbf24;content:"+";font-size:1.5rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:transform .3s ease,color .3s ease}
.vm-faq-item[open] summary:after{color:#ec4899;transform:translateY(-50%) rotate(45deg)}
.vm-faq-item:hover summary{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-faq-item:hover summary:after{color:#ec4899}
.vm-faq-answer{padding:0 1.5rem 1.25rem}
.vm-faq-answer p{color:var(--vm-text-secondary);line-height:1.7;margin:0 0 .75rem}
.vm-faq-answer p:last-child{margin-bottom:0}
.vm-faq-answer ul{color:var(--vm-text-secondary);line-height:1.7;margin:0 0 .75rem;padding-left:1.5rem}
.vm-faq-answer li{margin-bottom:.25rem}
.vm-faq-answer strong{color:var(--vm-text-primary)}
.vm-faq-answer a{color:#60a5fa;text-decoration:none}
.vm-faq-answer a:hover{text-decoration:underline}

/* ─── SEE ALSO / INTERNAL LINKS ─── */
.vm-see-also{padding:var(--vm-space-lg);text-align:center}
.vm-see-also-grid{display:flex;flex-wrap:wrap;gap:var(--vm-space-md);justify-content:center;margin-top:var(--vm-space-md)}
.vm-see-also-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.12) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);display:flex;flex:0 1 240px;flex-direction:column;gap:.5rem;max-width:280px;padding:1.75rem 1.5rem 1.5rem;position:relative;text-decoration:none;transform:translateZ(0);transition:all .3s ease;will-change:transform}
.vm-see-also-card:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:15%;position:absolute;right:15%;top:0}
.vm-see-also-card:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.18) 0,transparent 50%),rgba(15,15,25,.95);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateY(-4px) translateZ(0)}
.vm-see-also-icon{font-size:2rem}
.vm-see-also-title{color:var(--vm-text-primary);font-size:1rem;font-weight:600}
.vm-see-also-desc{color:var(--vm-text-muted);font-size:.85rem}

/* ─── FINAL CTA ─── */
.vm-final-cta{padding:var(--vm-space-xl);text-align:center}
.vm-final-cta-heading{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:var(--vm-space-md)}
.vm-cta-contact{margin:2rem 0}
.vm-cta-contact p{font-size:1.05rem;margin:.5rem 0}
.vm-cta-contact a{color:#60a5fa;text-decoration:none}
.vm-cta-contact a:hover{text-decoration:underline}

/* ─── UTILITY ─── */
.vm-heading-center{margin-bottom:var(--vm-space-md);text-align:center}
.vm-paragraph-center{margin-left:auto;margin-right:auto;max-width:800px;text-align:center}
.vm-paragraph-center--lg{font-size:1.1rem;line-height:1.7}
.vm-intro-box{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.12) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);color:var(--vm-text-secondary);font-size:1.05rem;line-height:1.8;margin:2rem auto;max-width:900px;padding:1.75rem 2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}
.vm-intro-box:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-intro-box:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.18) 0,transparent 50%),rgba(15,15,25,.95);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}
.vm-intro-box strong{color:var(--vm-text-primary)}

/* ─── HEADER ─── */
.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.15) 0,transparent 50%),rgba(15,15,25,.85);border-bottom:1px solid rgba(139,92,246,.25);box-shadow:0 4px 30px rgba(139,92,246,.15),inset 0 1px 0 hsla(0,0%,100%,.05);position:sticky;top:0;z-index:1000}
.header__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 1.5rem}
.header__logo img{height:45px;transition:transform .3s ease,filter .3s ease;width:auto}
.header__logo:hover img{filter:brightness(1.1);transform:scale(1.05)}
.main-nav,.nav-list{align-items:center;display:flex;min-height:44px}
.nav-list{gap:.25rem;list-style:none;margin:0;padding:0}
.nav-item{position:relative}
.nav-link{align-items:center;background:transparent;border:none;border-radius:.5rem;color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:500;gap:.35rem;padding:.6rem 1rem;text-decoration:none;transform:translateZ(0);transition:color .25s ease,background-color .25s ease,opacity .25s ease}
.nav-link:focus,.nav-link:hover{background:rgba(139,92,246,.15);color:#fff}
.nav-link--award{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(251,191,36,.15) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);color:#fbbf24!important;font-weight:600}
.nav-link--award:hover{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.6);color:#fcd34d!important}
.award-badge{font-size:1rem}
.dropdown-arrow{font-size:.7rem;opacity:.7;transition:transform .25s ease}
.dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}
.dropdown-menu{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,rgba(20,15,45,.98),rgba(35,25,70,.98));border:1px solid rgba(139,92,246,.25);border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 30px rgba(139,92,246,.15),inset 0 1px 0 hsla(0,0%,100%,.05);left:50%;list-style:none;margin:0;min-width:220px;opacity:0;padding:.5rem;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%) translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;visibility:hidden;will-change:opacity,transform;z-index:1001}
.nav-item.has-dropdown:focus-within .dropdown-menu,.nav-item.has-dropdown:hover .dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}
.dropdown-menu li{margin:0}
.dropdown-menu a{border-radius:.5rem;color:hsla(0,0%,100%,.85);display:block;font-size:.875rem;font-weight:400;padding:.65rem 1rem;text-decoration:none;transition:all .2s ease}
.dropdown-menu a:focus,.dropdown-menu a:hover{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(59,130,246,.25));color:#fff;padding-left:1.25rem}
.dropdown-menu a[aria-current=page]{background:rgba(139,92,246,.1);color:#a78bfa;font-weight:600}
.nav-cta{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.15) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(16,185,129,.4);border-radius:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);color:#fff!important;font-weight:600;min-height:44px;transform:translateZ(0);transition:all .25s ease;will-change:transform}
.nav-cta:hover{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.6);transform:translateY(-2px) translateZ(0)}

/* ─── MOBILE TOGGLE ─── */
.mobile-toggle{background:transparent;border:none;border-radius:.5rem;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;transition:all .25s ease;width:40px}
.mobile-toggle span{background:hsla(0,0%,100%,.9);border-radius:2px;display:block;height:2px;transition:all .25s ease;width:100%}
.mobile-toggle:hover{background:rgba(139,92,246,.15)}
.mobile-toggle.is-active span:first-child,.mobile-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg) translate(5px,5px)}
.mobile-toggle.is-active span:nth-child(2),.mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.mobile-toggle.is-active span:nth-child(3),.mobile-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ─── FOOTER ─── */
.vm-footer{background:#080b14;border-top:1px solid rgba(139,92,246,.2);margin-top:var(--vm-space-xl);padding:var(--vm-space-xl) 0 var(--vm-space-lg);position:relative}
.vm-footer-shell{margin:0 auto;max-width:1400px;padding:0 var(--vm-space-sm);text-align:center}
.vm-footer-brand{border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:var(--vm-space-lg);padding-bottom:var(--vm-space-lg)}
.vm-footer-brand h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.75rem}
.vm-footer-tagline{color:rgba(249,250,251,.85);font-size:1rem;line-height:1.6;margin:0 auto;max-width:700px}
.vm-footer-nav{border-bottom:1px solid rgba(148,163,184,.15);display:flex;flex-wrap:wrap;gap:1rem 1.75rem;justify-content:center;margin-bottom:var(--vm-space-lg);padding-bottom:var(--vm-space-lg)}
.vm-footer-nav a{color:#94a3b8;font-size:.95rem;font-weight:500;text-decoration:none;transition:color var(--vm-duration-fast) var(--vm-ease-standard)}
.vm-footer-nav a:hover{color:#f9fafb}
.vm-footer-nav a[aria-current=page]{color:#a78bfa;font-weight:600}
.vm-footer-nav a.vm-footer-link--award{color:#fbbf24;font-weight:600;text-shadow:0 0 12px rgba(251,191,36,.3)}
.vm-footer-nav a.vm-footer-link--award:hover{color:#fcd34d;text-shadow:0 0 16px rgba(251,191,36,.5)}
.vm-footer-contact-grid{border-bottom:1px solid rgba(148,163,184,.15);display:grid;gap:var(--vm-space-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--vm-space-lg);padding-bottom:var(--vm-space-lg);text-align:left}
.vm-footer-contact-info h3,.vm-footer-social h3{font-size:1.4rem;margin-bottom:1.25rem}
.vm-footer-social{text-align:center}
.vm-footer h2.vm-gradient-text,.vm-footer h3.vm-gradient-text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);color:transparent;display:inline-block;-webkit-text-fill-color:transparent}
.vm-footer-contact-info p{color:rgba(249,250,251,.8);font-size:.95rem;line-height:1.7;margin:.65rem 0}
.vm-footer-contact-info strong{color:#94a3b8;font-weight:600}
.vm-footer-contact-info a{color:#60a5fa;text-decoration:none}
.vm-footer-contact-info a:hover{color:#93c5fd;text-decoration:underline}
.vm-footer-social-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}
.vm-footer-social-link{align-items:center;border-radius:var(--vm-radius-md);display:flex;flex-direction:column;gap:.5rem;min-height:90px;padding:1rem .75rem;text-decoration:none;transform:translateZ(0);transition:background-color var(--vm-duration-normal) var(--vm-ease-standard)}
.vm-footer-social-link:hover{background-color:rgba(59,130,246,.12)}
.vm-footer-social-icon{font-size:2rem}
.vm-footer-social-label{color:#94a3b8;font-size:.75rem;text-align:center}
.vm-footer-maps{border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:var(--vm-space-lg);padding-bottom:var(--vm-space-lg)}
.vm-footer-maps h3{font-size:1.4rem;margin-bottom:1.25rem}
.vm-footer-maps-links{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}
.vm-footer-map-link{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(59,130,246,.15) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(59,130,246,.3);border-radius:var(--vm-radius-pill);box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);color:rgba(249,250,251,.9);display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--vm-duration-fast) var(--vm-ease-standard)}
.vm-footer-map-link:hover{background:radial-gradient(ellipse at 30% 0,rgba(59,130,246,.25) 0,transparent 50%),rgba(15,15,25,.9);border-color:rgba(59,130,246,.5);color:#fff}

/* ─── FOUNDER / MANAGER CARD ─── */
.vm-footer-manager{border-top:1px solid rgba(139,92,246,.2);margin-top:var(--vm-space-xl);padding-top:var(--vm-space-lg)}
.vm-manager-card__photo{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.4);box-shadow:0 0 20px rgba(139,92,246,.2);margin:0 auto 1rem}
.vm-manager-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(251,191,36,.12) 0,transparent 50%),rgba(15,15,25,.9);border:1px solid rgba(251,191,36,.25);border-radius:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);margin:0 auto;max-width:800px;padding:clamp(1.5rem,4vw,2.5rem);position:relative;text-align:center}
.vm-manager-card:before{background:linear-gradient(90deg,transparent,#f59e0b 20%,#fbbf24 50%,#fcd34d 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0}
.vm-manager-card__title{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3vw,2.2rem);font-style:italic;font-weight:700;-webkit-text-fill-color:transparent;margin:0 0 .5rem}
.vm-manager-card__role{background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;-webkit-text-fill-color:transparent;border-bottom:1px solid rgba(139,92,246,.2);margin:0 0 1.5rem;padding-bottom:1rem}
.vm-manager-card__desc{color:var(--vm-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1rem;text-align:left}
.vm-manager-card__desc cite{color:var(--vm-text-primary);font-style:italic}
.vm-manager-card__desc a,.vm-manager-card__doi{color:#60a5fa;text-decoration:none}
.vm-manager-card__desc a:hover{text-decoration:underline}
.vm-manager-card__links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}
.vm-manager-card__links a{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.15) 0,transparent 50%),rgba(15,15,25,.85);border:1px solid rgba(139,92,246,.3);border-radius:2rem;box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);color:rgba(249,250,251,.9);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}
.vm-manager-card__links a:hover{background:radial-gradient(ellipse at 30% 0,rgba(139,92,246,.25) 0,transparent 50%),rgba(15,15,25,.9);border-color:rgba(139,92,246,.5);color:#fff}
.vm-manager-card__linkedin,.vm-manager-card__orcid,.vm-manager-card__wikidata{align-items:center;display:inline-flex;gap:.5rem}

/* ─── LEGAL ─── */
.vm-footer-legal{padding-top:var(--vm-space-sm);text-align:center}
.vm-footer-copyright{color:#94a3b8;font-size:.9rem;margin-bottom:.75rem}
.vm-footer-copyright a{color:#94a3b8;text-decoration:none}
.vm-footer-copyright a:hover{color:#f9fafb;text-decoration:underline}
.vm-footer-keywords{color:var(--vm-text-muted);font-size:.8rem;line-height:1.8;margin:0 auto;max-width:900px}
.vm-footer-legal a,.vm-manager-card a,.vm-manager-card__doi{text-decoration:underline;text-decoration-color:rgba(139,92,246,.5);text-underline-offset:2px}
.vm-manager-card a:hover,.vm-manager-card__doi:hover{text-decoration-color:#8b5cf6}

/* ─── PREMIUM FEATURE GRID ─── */
.vm-premium-feature-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);list-style:none;margin:2rem auto;max-width:1000px;padding:0}
.vm-premium-feature-grid--4col{grid-template-columns:repeat(4,1fr);max-width:1200px}
.vm-premium-feature-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 50% 0,rgba(139,92,246,.12) 0,transparent 60%),rgba(15,15,25,.92);border:none;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--vm-text-secondary);font-size:.95rem;line-height:1.7;padding:1.5rem 1rem 1.25rem;position:relative;text-align:center}
.vm-premium-feature-card:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-premium-feature-card__title{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}
.vm-premium-feature-card__title .vm-card-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-style:normal}
.vm-premium-feature-card__title .vm-card-label{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-premium-feature-card p{margin:0}
.vm-premium-feature-card strong{color:var(--vm-text-primary)}
.vm-premium-feature-card--green{background:radial-gradient(ellipse at 50% 0,rgba(16,185,129,.12) 0,transparent 60%),rgba(15,15,25,.92)}
.vm-premium-feature-card--green:before{background:linear-gradient(90deg,transparent,#059669 20%,#10b981 50%,#34d399 80%,transparent)}
.vm-premium-feature-card--green .vm-premium-feature-card__title .vm-card-label{background:linear-gradient(90deg,#059669,#10b981 50%,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.vm-premium-feature-card--gold{background:radial-gradient(ellipse at 50% 0,rgba(251,191,36,.12) 0,transparent 60%),rgba(15,15,25,.92)}
.vm-premium-feature-card--gold:before{background:linear-gradient(90deg,transparent,#f59e0b 20%,#fbbf24 50%,#fcd34d 80%,transparent)}
.vm-premium-feature-card--gold .vm-premium-feature-card__title .vm-card-label{background:linear-gradient(90deg,#f59e0b,#fbbf24 50%,#fcd34d);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ─── ANSWER CAPSULE ─── */
.vm-answer-capsule{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.15) 0,transparent 50%),rgba(15,15,25,.9);border:none;border-radius:var(--vm-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);color:var(--vm-text-secondary);font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:500;margin:1.5rem 0;padding:1.75rem 1.5rem 1.5rem;position:relative;transition:all .3s ease}
.vm-answer-capsule:before{background:linear-gradient(90deg,transparent,#059669 20%,#10b981 50%,#34d399 80%,transparent);border-radius:2px;content:"";height:2px;left:10%;position:absolute;right:10%;top:0;z-index:1}
.vm-answer-capsule:hover{background:radial-gradient(ellipse at 30% 0,rgba(16,185,129,.22) 0,transparent 50%),rgba(15,15,25,.95)}
.vm-answer-capsule strong{background:linear-gradient(90deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Desktop sticky table header ─── */
@media (min-width:1024px){
  .vm-comparison-table thead{background:rgba(15,23,42,.98);position:sticky;top:0;z-index:10}
}

/* ─── Tablet ─── */
@media (min-width:641px) and (max-width:1023px){
  .vm-comparison-table td,.vm-comparison-table th{font-size:.9rem;padding:1rem}
  .vm-footer-social-grid{grid-template-columns:repeat(3,1fr)}
  .vm-gallery-grid{grid-template-columns:repeat(2,1fr)}
}

/* ─── Mobile menu breakpoint ─── */
@media (max-width:900px){
  .mobile-toggle{display:flex!important;position:fixed;right:1.5rem;top:.5rem;z-index:1001}
  .main-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,15,26,.98);bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}
  .main-nav.is-open{opacity:1;visibility:visible}
  .nav-list{gap:.5rem;max-width:320px}
  .nav-item,.nav-list{align-items:center;flex-direction:column;width:100%}
  .nav-item{display:flex}
  .nav-link{border-radius:.75rem;font-size:1.1rem;justify-content:center;padding:1rem 1.5rem;text-align:center;width:100%}
  .dropdown-menu{backdrop-filter:none;background:rgba(139,92,246,.08);border:none;border-radius:.75rem;box-shadow:none;left:auto;margin:.5rem auto 0;max-height:0;max-width:320px;opacity:1;overflow:hidden;padding:0;position:static;transform:none;transition:max-height .3s ease,padding .3s ease;visibility:visible;width:100%}
  .has-dropdown.is-open .dropdown-menu{max-height:500px;padding:.5rem}
  .dropdown-menu a{border-radius:.5rem;display:block;padding:.75rem 1rem;text-align:center}
  .nav-item--cta{margin-top:1rem}
  .nav-cta{font-size:1.1rem;justify-content:center;padding:1rem}
  .nav-item .dropdown-menu,.nav-item.has-dropdown .dropdown-menu{left:auto!important;margin-left:auto!important;margin-right:auto!important;position:static!important;transform:none!important}
}

/* ─── Mobile ≤640px ─── */
@media (max-width:640px){
  body,html{overflow-x:hidden}
  body{max-width:100vw}
  *{max-width:100%}
  .breadcrumb{display:none}

  /* Sections lose glassmorphism on mobile */
  .vm-section,.vm-section.vm-faq-section,.vm-section.vm-see-also,aside.vm-section{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:var(--vm-space-lg)!important;padding:var(--vm-space-md) 0!important}
  .vm-section .vm-container,.vm-section>.vm-container{max-width:100%!important;padding:0 var(--vm-space-sm)!important}

  /* Hero */
  .vm-hero{contain:layout style;min-height:auto;padding:var(--vm-space-md)}
  .vm-hero-badge{border-radius:.75rem!important;display:block!important;font-size:.9rem!important;line-height:1.6!important;margin:1.5rem 0!important;padding:1.25rem .75rem 1rem!important}
  .vm-hero-intro-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;margin:1.5rem 0!important;max-width:100%!important}
  .vm-hero-intro-card{border-radius:.75rem!important;padding:1.5rem 1rem 1.25rem!important;width:100%!important}
  .vm-hero-intro-card__title{font-size:1rem!important}

  /* Premium */
  .vm-premium-paragraph{border-radius:.75rem!important;font-size:.95rem!important;padding:1.5rem 1rem 1.25rem!important;margin:1.5rem calc(var(--vm-space-md)*-1)!important;max-width:none!important;width:calc(100% + var(--vm-space-md)*2)!important}
  .vm-premium-feature-grid{display:grid!important;gap:.75rem!important;padding:0 .25rem!important;margin:1.5rem calc(var(--vm-space-md)*-1)!important;max-width:none!important;width:calc(100% + var(--vm-space-md)*2)!important}
  .vm-premium-feature-grid,.vm-premium-feature-grid--4col{grid-template-columns:1fr 1fr!important}
  .vm-premium-feature-card{border-radius:.75rem!important;font-size:.85rem!important;padding:1.25rem .75rem 1rem!important}

  /* CTA */
  .vm-cta-group{flex-direction:column}
  .vm-button{width:100%}

  /* Key Insight */
  .key-insight{align-items:center;flex-direction:column;gap:.75rem;padding:1.25rem;text-align:center}
  .key-insight__icon{font-size:2rem;text-align:center}
  .key-insight__content{text-align:center;width:100%}

  /* Tables mobile card layout */
  .vm-comparison-table thead{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}
  .vm-section .vm-table-wrapper,.vm-table-wrapper{margin-left:calc(var(--vm-space-md)*-1)!important;margin-right:calc(var(--vm-space-md)*-1)!important;max-width:none!important;overflow-x:visible!important;padding:0 .5rem!important;width:calc(100% + var(--vm-space-md)*2)!important}
  .vm-comparison-table,.vm-section .vm-comparison-table{margin:0!important;width:100%!important}
  .vm-comparison-table tbody tr,.vm-section .vm-comparison-table tbody tr{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:radial-gradient(ellipse at 50% 0,rgba(139,92,246,.18) 0,transparent 60%),rgba(15,15,25,.92)!important;border:none!important;border-radius:1rem!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important;display:block!important;margin-bottom:1.5rem!important;padding:1.75rem 1rem 1.5rem!important;position:relative!important;text-align:center!important}
  .vm-comparison-table tbody tr:before,.vm-section .vm-comparison-table tbody tr:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#8b5cf6 50%,#ec4899 80%,transparent)!important;border-radius:2px!important;content:""!important;height:2px!important;left:10%!important;position:absolute!important;right:10%!important;top:0!important;z-index:1!important}
  .vm-comparison-table td{align-items:center;border-bottom:none;display:flex;flex-direction:column;gap:.35rem;justify-content:center;padding:.75rem 0;text-align:center}
  .vm-comparison-table td:before{color:#a78bfa;content:attr(data-label);display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

  /* Gallery single column */
  .vm-gallery-grid{grid-template-columns:1fr!important;gap:1rem}

  /* Summary full-width */
  .vm-summary,.vm-section .vm-summary{border-radius:.75rem!important;margin:1.5rem calc(var(--vm-space-md)*-1)!important;max-width:none!important;padding:1.75rem 1rem 1.5rem!important;width:calc(100% + var(--vm-space-md)*2)!important;font-size:.95rem!important}

  /* Intro box */
  .vm-intro-box,.vm-section .vm-intro-box{margin:1.5rem 0!important;padding:1.75rem 1rem 1.5rem!important;border-radius:.75rem!important}

  /* Container */
  .vm-container{max-width:100%;overflow-x:hidden;padding:0 1rem}
  .vm-heading-center{padding:0 .5rem;text-align:center;word-wrap:break-word;max-width:100%;overflow-wrap:break-word}
  .vm-paragraph-center,.vm-paragraph-center--lg{padding:0 .5rem;text-align:center;max-width:100%;overflow-wrap:break-word}

  /* Feature list */
  .vm-feature-list{margin:1.5rem 0;max-width:100%;padding:0 .25rem}
  .vm-feature-list li{align-items:center;flex-direction:column;gap:.5rem;padding:1rem .5rem;text-align:center}

  /* Footer responsive */
  .vm-footer-contact-grid{gap:var(--vm-space-lg);grid-template-columns:1fr;text-align:center}
  .vm-footer-contact-info{text-align:center}
  .vm-footer-social-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}
  .vm-footer-social-link{min-height:80px;padding:.75rem .5rem}
  .vm-footer-social-icon{font-size:1.6rem}
  .vm-manager-card{padding:1.5rem 1rem}
  .vm-manager-card,.vm-manager-card__desc{text-align:center}
  .vm-manager-card__links{align-items:center;flex-direction:column}
  .vm-manager-card__links a{justify-content:center;max-width:280px;width:100%}

  /* See also */
  .vm-section .vm-see-also-grid,.vm-see-also-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}
  .vm-section .vm-see-also-card,.vm-see-also-card{border-radius:.75rem!important;flex:none!important;max-width:none!important;padding:1.5rem 1rem 1.25rem!important;width:100%!important}

  /* Disable transitions on mobile */
  .vm-button,.vm-capacity-card,.vm-footer-social-link,.vm-see-also-card{transition:none!important;transform:none!important;will-change:auto!important}
}

/* ─── Print ─── */
@media print{
  body{background:#fff;color:#000}
  .vm-cta-group,.vm-footer-maps,.vm-footer-social,.vm-skip-link{display:none}
  .vm-section{background:#fff;border:1px solid #ccc;box-shadow:none}
  .vm-gradient-text{background:none;color:#000;-webkit-text-fill-color:#000}
  a{color:#000;text-decoration:underline}
}

/* ─── Consistent box-shadows ─── */
.key-insight,.key-insight--success,.vm-glass-box,.vm-section,.vm-summary{box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05)!important}
