:root{
  color-scheme:dark;
  --bg:#05070b;
  --ink:#fff8ea;
  --muted:rgba(255,248,234,.74);
  --muted2:rgba(255,248,234,.54);
  --gold:#d39a28;
  --gold2:#ffe28a;
  --gold3:#80500d;
  --line:rgba(233,188,86,.28);
  --panel:rgba(9,16,28,.82);
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#05070b;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body{overflow-x:hidden;background:#05070b}
body::before{content:"";position:fixed;inset:0;z-index:-5;background:linear-gradient(180deg,rgba(5,7,11,.50),rgba(5,7,11,.88) 58%,rgba(5,7,11,.98)),url('/assets/img/hero-atmosphere.webp') center/cover no-repeat;transform:scale(1.04);filter:saturate(1.14) contrast(1.05)}
body::after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(ellipse at 16% 18%,rgba(255,226,138,.14),transparent 34%),radial-gradient(ellipse at 80% 18%,rgba(211,154,40,.13),transparent 31%),linear-gradient(112deg,transparent 0 58%,rgba(255,226,138,.10) 59%,transparent 62% 100%);opacity:.95}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.vs-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:30;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;padding:12px 28px;background:linear-gradient(180deg,rgba(5,7,11,.94),rgba(5,7,11,.74));border-bottom:1px solid rgba(233,188,86,.24);box-shadow:0 18px 55px rgba(0,0,0,.34);backdrop-filter:blur(20px) saturate(140%)}
.vs-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold2),var(--gold),transparent);opacity:.9}
.vs-brand{display:flex;align-items:center;min-width:0}.vs-logo{height:57px;width:auto;max-width:385px;object-fit:contain;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.32))}
.vs-nav{display:flex;align-items:center;justify-content:center;gap:8px}.vs-nav a{position:relative;overflow:hidden;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,248,234,.75);padding:10px 15px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease}.vs-nav a:hover,.vs-nav a.active{color:var(--ink);border-color:rgba(233,188,86,.34);background:rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.vs-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px}.btn{position:relative;overflow:hidden;cursor:pointer;min-height:44px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:0}.btn.gold{color:#170d03;background:linear-gradient(135deg,#8b560c,#d39a28 38%,#ffe28a 62%,#c4871e);border:1px solid rgba(255,226,138,.36);box-shadow:0 13px 32px rgba(211,154,40,.26)}.btn.dark,.btn.ghost{color:var(--ink);background:rgba(255,255,255,.055);border:1px solid rgba(233,188,86,.25)}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.ad-page{min-height:100vh;padding:112px 28px 42px;display:flex;align-items:center;justify-content:center}.ad-shell{width:min(1120px,100%);margin:0 auto}.ad-hero{display:grid;grid-template-columns:1.06fr .94fr;gap:20px;align-items:stretch}.ad-panel{position:relative;overflow:hidden;border:1px solid rgba(233,188,86,.28);border-radius:30px;background:linear-gradient(145deg,rgba(12,20,34,.88),rgba(6,11,20,.84));box-shadow:0 24px 80px rgba(0,0,0,.42);padding:28px;backdrop-filter:blur(18px) saturate(130%)}.ad-panel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold2),var(--gold),transparent);opacity:.80}.ad-panel>*{position:relative}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold2);font-size:11px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}.eyebrow::after{content:"";height:1px;flex:1;max-width:150px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.7}h1,h2,h3{margin:0;color:var(--ink)}h1{font-family:var(--font-display);font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-.052em;font-weight:700;max-width:720px}h2{font-family:var(--font-display);font-size:clamp(25px,2.3vw,34px);letter-spacing:-.035em}h3{font-size:18px;letter-spacing:-.02em}.lead{margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.55;max-width:680px}.ad-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ad-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.ad-point{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.038);padding:14px}.ad-point b{display:block;color:var(--ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ad-point span{display:block;margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.35}.action-card{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.action-card p{color:var(--muted);line-height:1.55;margin:10px 0 0}.quick-list{display:grid;gap:10px;margin:14px 0 0}.quick-row{display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.035);padding:12px}.quick-row i{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;color:#170d03;background:linear-gradient(135deg,var(--gold),var(--gold2));font-style:normal;font-weight:950;font-size:12px}.quick-row b{display:block;font-size:14px}.quick-row span{display:block;margin-top:3px;color:var(--muted2);font-size:12.5px;line-height:1.35}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{border:1px solid rgba(233,188,86,.24);border-radius:999px;background:rgba(255,255,255,.045);padding:7px 10px;color:var(--muted);font-size:11px;font-weight:800}.ad-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.mini{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.035);padding:14px;color:var(--muted);line-height:1.38;font-size:13px}.mini b{display:block;color:var(--ink);margin-bottom:4px}.note{border:1px solid rgba(255,226,138,.40);border-radius:22px;background:linear-gradient(135deg,rgba(211,154,40,.12),rgba(255,255,255,.045));padding:16px;color:rgba(255,248,234,.80);line-height:1.5;font-size:14px}.vs-footer{padding:12px 28px 22px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:rgba(255,248,234,.56);font-size:12px}.vs-footer a{color:rgba(255,248,234,.82);font-weight:850}
@media (max-width:1100px){.vs-header{height:auto;grid-template-columns:1fr auto;padding:12px 18px}.vs-nav{grid-column:1/-1;order:3;flex-wrap:wrap}.vs-head-actions{grid-column:2}.ad-page{padding-top:150px}.ad-hero,.ad-bottom{grid-template-columns:1fr}.ad-points{grid-template-columns:1fr 1fr}.vs-logo{height:48px}}
@media (max-width:700px){.ad-page{padding:154px 16px 32px}.ad-panel{padding:21px;border-radius:24px}.ad-points,.mini-list{grid-template-columns:1fr}h1{font-size:38px}.vs-nav a{font-size:11px;padding:9px 10px}.btn{width:100%}.vs-head-actions{display:none}.vs-logo{height:43px;max-width:235px}}


/* v18: closer Vidal-Solutions gold shimmer for isolated ads pages only */
@keyframes vsGoldSweep {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  18% { opacity: .75; }
  48% { opacity: .35; }
  100% { transform: translateX(160%) skewX(-18deg); opacity: 0; }
}
@keyframes vsSoftPulse {
  0%,100% { opacity:.42; filter:blur(0); }
  50% { opacity:.88; filter:blur(.2px); }
}
.vs-header{
  background:
    radial-gradient(circle at 16% 0%,rgba(255,226,138,.10),transparent 34%),
    linear-gradient(180deg,rgba(5,7,11,.96),rgba(5,7,11,.80));
}
.vs-nav a,
.btn{
  isolation:isolate;
}
.vs-nav a::before,
.btn::before{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  width:44%;
  left:-58%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,244,190,.68),transparent);
  transform:skewX(-18deg);
  opacity:0;
  z-index:0;
}
.vs-nav a > *, .btn > *{position:relative;z-index:1}
.vs-nav a:hover::before,
.vs-nav a.active::before,
.btn.gold::before{
  animation:vsGoldSweep 3.8s ease-in-out infinite;
}
.btn.gold{
  background:
    radial-gradient(circle at 30% 15%,rgba(255,255,255,.50),transparent 18%),
    linear-gradient(135deg,#8b560c,#d39a28 34%,#ffe28a 55%,#cf8e22 76%,#7b4b0a);
  box-shadow:0 14px 34px rgba(211,154,40,.26), inset 0 1px 0 rgba(255,255,255,.36);
}
.btn.gold:hover{box-shadow:0 18px 42px rgba(211,154,40,.36), inset 0 1px 0 rgba(255,255,255,.45)}
.ad-panel{
  border-color:rgba(233,188,86,.32);
  background:
    radial-gradient(circle at 18% 0%,rgba(255,226,138,.09),transparent 30%),
    radial-gradient(circle at 90% 14%,rgba(211,154,40,.08),transparent 28%),
    linear-gradient(145deg,rgba(13,22,37,.90),rgba(6,11,20,.86));
}
.ad-panel::before{
  content:"";
  position:absolute;
  left:-16%;
  right:-16%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(211,154,40,.22),rgba(255,226,138,.95),rgba(211,154,40,.22),transparent);
  opacity:.72;
  animation:vsSoftPulse 4.8s ease-in-out infinite;
}
.ad-panel::after{
  height:1px;
  opacity:.92;
  box-shadow:0 0 28px rgba(211,154,40,.22);
}
.ad-panel:hover{
  border-color:rgba(255,226,138,.42);
  box-shadow:0 26px 86px rgba(0,0,0,.44),0 0 0 1px rgba(255,226,138,.045);
}
.eyebrow::before{
  content:"";
  height:1px;
  flex:1;
  max-width:76px;
  background:linear-gradient(90deg,transparent,var(--gold));
  opacity:.72;
}
.eyebrow{justify-content:center;text-align:center}
.eyebrow::after{max-width:76px;background:linear-gradient(90deg,var(--gold),transparent)}
.ad-shell{width:min(1080px,100%)}
.ad-hero,.ad-bottom{gap:22px}
.ad-bottom{margin-top:22px}
.ad-panel{padding:30px}
.ad-point,.quick-row,.mini{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.030));}
.chip{background:rgba(255,255,255,.055)}
@media (prefers-reduced-motion: reduce){
  .btn.gold::before,.vs-nav a:hover::before,.vs-nav a.active::before,.ad-panel::before{animation:none!important}
}

/* VS_ADS_NAV_LINK_SHIMMER_v16_3_START
   Gleicher sichtbarer Sweep fuer statische SEO-Seiten, deren Navigation echte Links bleiben muss. */
.vs-nav a{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:1px solid rgba(233,188,86,.34) !important;
  box-shadow:inset 0 0 0 1px rgba(255,233,170,.06),0 12px 28px rgba(0,0,0,.18) !important;
}
.vs-nav a::before{
  content:"" !important;
  position:absolute !important;
  top:-70% !important;
  bottom:-70% !important;
  left:-82% !important;
  width:46% !important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,244,190,.10) 18%,rgba(255,228,132,.92) 48%,rgba(255,255,255,.70) 58%,rgba(255,216,104,.16) 78%,transparent 100%) !important;
  transform:skewX(-23deg) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:vsAdsNavBackupSweep 9.2s linear infinite !important;
}
.vs-nav a:nth-child(1)::before{animation-delay:0s !important;}
.vs-nav a:nth-child(2)::before{animation-delay:.45s !important;}
.vs-nav a:nth-child(3)::before{animation-delay:.9s !important;}
.vs-nav a:nth-child(4)::before{animation-delay:1.35s !important;}
.vs-nav a:nth-child(5)::before{animation-delay:1.8s !important;}
.vs-nav a:nth-child(6)::before{animation-delay:2.25s !important;}
@keyframes vsAdsNavBackupSweep{
  0%,7%,100%{left:-82%;opacity:0;}
  11%{opacity:0;}
  16%{opacity:.95;}
  29%{left:138%;opacity:0;}
  100%{left:138%;opacity:0;}
}
@media (prefers-reduced-motion: reduce){.vs-nav a::before{animation:none !important;}}
/* VS_ADS_NAV_LINK_SHIMMER_v16_3_END */
/* VS_ADS_NAV_SURFACE_SHIMMER_v16_4_START */
.vs-header .vs-nav a,
.vs-header .vs-nav .vs-nav-link{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:1px solid rgba(233,188,86,.38) !important;
  border-radius:999px !important;
  background-color:rgba(255,255,255,.045) !important;
  background-image:linear-gradient(112deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,214,95,.22) 43%,rgba(255,226,138,.58) 49%,rgba(255,255,255,.68) 52%,rgba(255,214,95,.24) 58%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%) !important;
  background-repeat:no-repeat !important;
  background-size:280% 100% !important;
  background-position:-180% 0 !important;
  animation:vsNavSurfaceGoldSweep 6.8s linear infinite !important;
  text-decoration:none !important;
}
.vs-header .vs-nav a::before,
.vs-header .vs-nav .vs-nav-link::before,
.vs-header .vs-nav a:hover::before,
.vs-header .vs-nav a.active::before{
  content:"" !important;
  position:absolute !important;
  top:-70% !important;
  bottom:-70% !important;
  left:-72% !important;
  width:38% !important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,229,137,.12) 18%,rgba(255,226,138,.95) 48%,rgba(255,255,255,.82) 58%,rgba(255,213,96,.14) 78%,transparent 100%) !important;
  transform:skewX(-23deg) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:6 !important;
  mix-blend-mode:screen !important;
  animation:vsNavOverlayGoldSweep 6.8s linear infinite !important;
}
.vs-header .vs-nav a:nth-child(1),.vs-header .vs-nav a:nth-child(1)::before{animation-delay:0s !important;}
.vs-header .vs-nav a:nth-child(2),.vs-header .vs-nav a:nth-child(2)::before{animation-delay:.45s !important;}
.vs-header .vs-nav a:nth-child(3),.vs-header .vs-nav a:nth-child(3)::before{animation-delay:.9s !important;}
.vs-header .vs-nav a:nth-child(4),.vs-header .vs-nav a:nth-child(4)::before{animation-delay:1.35s !important;}
.vs-header .vs-nav a:nth-child(5),.vs-header .vs-nav a:nth-child(5)::before{animation-delay:1.8s !important;}
@keyframes vsNavSurfaceGoldSweep{0%,8%{background-position:-180% 0;}18%,28%{background-position:180% 0;}100%{background-position:180% 0;}}
@keyframes vsNavOverlayGoldSweep{0%,8%{left:-72%;opacity:0;}12%{opacity:.08;}18%{opacity:.95;}28%{left:142%;opacity:0;}100%{left:142%;opacity:0;}}
/* VS_ADS_NAV_SURFACE_SHIMMER_v16_4_END */

/* VS_SEO_CONTENT_EXPANSION_v17_0_START */
.vs-expanded-page .ad-shell{padding-bottom:34px;}
.vs-expanded-page .ad-bottom{align-items:stretch;}
.vs-expanded-page .package-card{min-height:100%;}
.vs-expanded-page .wide-panel{grid-column:1 / -1;}
.vs-expanded-page .compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;}
.vs-expanded-page .compare-grid > div{border:1px solid rgba(233,188,86,.18);border-radius:20px;background:rgba(255,255,255,.04);padding:15px 16px;min-height:112px;}
.vs-expanded-page .compare-grid b{display:block;color:var(--ink);font-size:12px;letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px;}
.vs-expanded-page .compare-grid span{display:block;color:var(--muted);font-size:14px;line-height:1.5;}
.vs-expanded-page .ad-panel .eyebrow + h2{margin-top:0;}
.vs-expanded-page details.mini summary{cursor:pointer;}
.vs-expanded-page .ad-panel .note + .chip-row{margin-top:16px;}
.ad-page .ad-actions .btn,.ad-page .action-card .btn{position:relative!important;overflow:hidden!important;isolation:isolate;background-size:100% 100%,260% 100%!important;background-position:0 0,170% 0!important;animation:vsSeoButtonSurfaceSweep170 5.2s ease-in-out infinite!important;}
.ad-page .ad-actions .btn.gold,.ad-page .action-card .btn.gold{background-image:linear-gradient(135deg,#8b560c,#d39a28 38%,#ffe28a 62%,#c4871e),linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.72) 48%,rgba(255,226,138,.92) 53%,transparent 64%,transparent 100%)!important;}
.ad-page .ad-actions .btn.dark,.ad-page .action-card .btn.dark{background-image:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.035)),linear-gradient(105deg,transparent 0%,transparent 39%,rgba(255,226,138,.42) 49%,rgba(255,255,255,.34) 53%,transparent 65%,transparent 100%)!important;}
@keyframes vsSeoButtonSurfaceSweep170{0%,42%{background-position:0 0,170% 0;}58%,100%{background-position:0 0,-170% 0;}}
@media (max-width:860px){.vs-expanded-page .compare-grid{grid-template-columns:1fr;}.vs-expanded-page .wide-panel{grid-column:auto;}}
/* VS_SEO_CONTENT_EXPANSION_v17_0_END */