/* One embedded DIN heading font across Windows, Android and iOS. */
@font-face {
    font-family: 'JTX DIN';
    src: url('assets/fonts/DINish-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.site-redesign .restored-hero h1 {
    font-family: 'JTX DIN', 'Bahnschrift', 'Segoe UI', sans-serif;
    font-weight: 600;
    font-synthesis: none;
    letter-spacing: -.055em;
    line-height: 1.02 !important;
    color: #f4f7ff;
}
.site-redesign .restored-hero h1 em {
    font: inherit;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #ff9a47, #ffd18c 75%);
    -webkit-background-clip: text;
    background-clip: text;
}
@media (max-width: 760px) {
    .site-redesign .restored-hero { padding-top: 22px !important; }
    .site-redesign .restored-hero .hero-content {
        padding: 26px 20px 22px !important;
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 26px !important;
        background: rgba(9, 12, 19, .38) !important;
        -webkit-backdrop-filter: blur(14px) saturate(115%) !important;
        backdrop-filter: blur(14px) saturate(115%) !important;
        box-shadow: 0 18px 48px #0005, inset 0 1px 0 #ffffff0d;
    }
    .site-redesign .restored-hero .hero-content::before {
        background: radial-gradient(ellipse at top left, #ffb05812, transparent 55%), linear-gradient(135deg, #05070c20, #05070c65) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    .site-redesign .restored-hero h1 {
        font-size: clamp(34px, 9.7vw, 50px) !important;
        margin-bottom: 24px;
    }
    /* Let the scenery remain visible around the frosted introduction. */
    .site-redesign:not(.section-view) .page-bg::after {
        background: radial-gradient(circle at 18% 14%, #ffd49718, transparent 32%), linear-gradient(180deg, #04060a59, #04060a99 48%, #04060ae0);
    }
}
.site-redesign :is(.hero .hero-prices-button, .product-prices-button) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(102, 224, 151, .46);
  color: #dcffea;
  background:
    linear-gradient(135deg, rgba(25, 116, 67, .42), rgba(53, 178, 105, .20) 58%, rgba(111, 235, 161, .12)),
    rgba(9, 27, 18, .62);
  box-shadow: inset 0 1px 0 rgba(211, 255, 229, .13), 0 10px 28px rgba(20, 132, 72, .13);
  backdrop-filter: blur(10px);
}
.site-redesign :is(.hero .hero-prices-button, .product-prices-button)::before {
  content: "€";
  color: #aef5c8;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}
.site-redesign .hero .hero-prime-button::before {
  content: "✦";
  color: #fff0c9;
  font-size: 14px;
  line-height: 1;
  text-shadow: 0 0 12px rgba(255, 213, 139, .72);
}
.site-redesign .hero .hero-prime-button {
  gap: 6px;
}
.site-redesign .hero .hero-discord-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(195, 160, 255, .78);
  color: #fff;
  background: linear-gradient(115deg, rgba(98, 51, 206, .88), rgba(140, 67, 220, .90) 55%, rgba(100, 56, 201, .88));
  box-shadow: 0 10px 28px rgba(112, 62, 210, .24), 0 0 20px rgba(156, 91, 255, .17), inset 0 1px 0 rgba(255, 255, 255, .24);
  gap: 8px;
}
.site-redesign .hero .hero-discord-button svg { width: 18px; height: 18px; flex: 0 0 18px; }
.site-redesign .hero .hero-discord-button::before {
  position: absolute;
  z-index: -1;
  inset: -80% -50%;
  content: "";
  background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, .20) 49%, transparent 57%);
  transform: translateX(-75%);
  animation: discord-shimmer 5s ease-in-out infinite;
  pointer-events: none;
}
.site-redesign .hero .hero-discord-button:hover {
  border-color: #d3b8ff;
  color: #fff;
  background: linear-gradient(115deg, #6d3bd7, #974de8 55%, #7041d6);
  box-shadow: 0 14px 34px rgba(125, 73, 222, .34), 0 0 26px rgba(163, 106, 255, .30), inset 0 1px 0 rgba(255, 255, 255, .34);
}
.site-redesign .hero .hero-discord-button:focus-visible {
  outline-color: #c3a0ff;
}
@media (prefers-reduced-motion: reduce) {
  .site-redesign .hero .hero-discord-button::before { animation: none; }
}
.site-redesign :is(.hero .hero-prices-button, .product-prices-button):hover {
  border-color: rgba(126, 242, 174, .78);
  color: #f1fff6;
  background:
    linear-gradient(135deg, rgba(30, 139, 78, .54), rgba(61, 202, 118, .28) 58%, rgba(126, 245, 176, .18)),
    rgba(9, 32, 19, .70);
  box-shadow: inset 0 1px 0 rgba(221, 255, 234, .18), 0 14px 34px rgba(35, 178, 93, .23), 0 0 0 1px rgba(105, 231, 155, .10);
}
.site-redesign :is(.hero .hero-prices-button, .product-prices-button):focus-visible {
  outline-color: #8df0b3;
}
.site-redesign .hero .hero-worldwide-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(105, 178, 255, .48);
  color: #e4f2ff;
  background:
    linear-gradient(135deg, rgba(31, 89, 166, .46), rgba(55, 132, 221, .24) 58%, rgba(103, 181, 255, .14)),
    rgba(9, 21, 38, .66);
  box-shadow: inset 0 1px 0 rgba(220, 240, 255, .14), 0 10px 28px rgba(34, 105, 190, .15);
  backdrop-filter: blur(10px);
}
.site-redesign .hero .hero-worldwide-button::before {
  content: "●";
  color: #86c8ff;
  font-size: 10px;
  line-height: 1;
  text-shadow: 0 0 10px rgba(86, 174, 255, .85);
}
.site-redesign .hero .hero-worldwide-button:hover {
  border-color: rgba(127, 199, 255, .82);
  color: #fff;
  background:
    linear-gradient(135deg, rgba(36, 105, 193, .58), rgba(64, 151, 240, .32) 58%, rgba(116, 195, 255, .20)),
    rgba(9, 24, 43, .74);
  box-shadow: inset 0 1px 0 rgba(229, 245, 255, .20), 0 14px 34px rgba(47, 134, 229, .25), 0 0 0 1px rgba(105, 183, 255, .10);
}
.site-redesign .hero .hero-worldwide-button:focus-visible {
  outline-color: #83c8ff;
}
@media (min-width: 701px) {
  .site-redesign .hero .hero-actions {
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .site-redesign .hero .hero-actions .button {
    flex: 0 1 auto;
    min-width: 0;
    padding-inline: 13px;
    white-space: nowrap;
  }
}
.site-redesign .hero .hero-story-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px 25px}
.site-redesign .hero .hero-story-links .hero-story-link{margin-top:4px;white-space:nowrap}
.site-redesign .hero .hero-story-links .hero-ranking-link{color:#d9b995}
.site-redesign .hero .hero-story-links .hero-ranking-link:hover{color:#ffdfbc}
.site-redesign .prime-feedback-preview{padding:clamp(22px,3vw,44px) 0 14px;color:#edf1f5}
.site-redesign .prime-feedback-shell{box-sizing:border-box;width:min(calc(100% - 64px),1240px);margin-inline:auto;padding:30px;border:1px solid rgba(225,170,112,.24);border-radius:22px;background:linear-gradient(130deg,rgba(24,21,23,.93),rgba(11,17,27,.95) 68%);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.site-redesign .prime-feedback-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.site-redesign .prime-feedback-heading .eyebrow{margin:0 0 5px;color:#e8b27e;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.site-redesign .prime-feedback-heading h2{margin:0;font-family:'JTX DIN','Bahnschrift','Segoe UI',sans-serif;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
.site-redesign .prime-feedback-heading>a{flex-shrink:0;color:#efbd8d;font-size:13px;font-weight:750;text-decoration:none}
.site-redesign .prime-feedback-heading>a:hover{color:#ffe0bd}
.site-redesign .prime-feedback-heading>a span{margin-left:5px}
.site-redesign .prime-feedback-spotlight{margin:0 0 17px;padding:22px 25px;border:1px solid rgba(231,176,117,.4);border-radius:15px;background:linear-gradient(118deg,rgba(84,55,38,.34),rgba(22,28,38,.85) 55%,rgba(16,24,33,.9))}
.site-redesign .prime-feedback-spotlight-label{display:inline-block;margin-bottom:11px;color:#f2bc85;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.site-redesign .prime-feedback-spotlight blockquote{margin:0;color:#e9eef3;font-size:15px;line-height:1.62}
.site-redesign .prime-feedback-spotlight blockquote p{margin:0 0 11px}
.site-redesign .prime-feedback-spotlight blockquote p:last-child{margin-bottom:0}
.site-redesign .prime-feedback-spotlight figcaption{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);color:#aeb8c5;font-size:11px}
.site-redesign .prime-feedback-spotlight figcaption strong{color:#f3bf8d;font-size:14px}
.site-redesign .prime-feedback-carousel{min-width:0}
.site-redesign .prime-feedback-grid{display:flex;align-items:stretch;gap:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab}
.site-redesign .prime-feedback-grid::-webkit-scrollbar{display:none}
.site-redesign .prime-feedback-grid.is-dragging{cursor:grabbing;user-select:none}
.site-redesign .prime-feedback-card{box-sizing:border-box;display:flex;flex:0 0 clamp(340px,35vw,440px);flex-direction:column;justify-content:space-between;gap:24px;min-width:0;min-height:350px;margin:0;padding:25px 26px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(130deg,rgba(29,35,43,.66),rgba(13,19,27,.8))}
.site-redesign .prime-feedback-featured{flex-basis:clamp(440px,43vw,550px);border-color:rgba(229,169,104,.38);background:linear-gradient(125deg,rgba(75,49,34,.38),rgba(15,22,30,.82))}
.site-redesign .prime-feedback-card blockquote{margin:0;color:#e1e8ee;font-size:15px;line-height:1.58;overflow-wrap:break-word}
.site-redesign .prime-feedback-featured blockquote{color:#f2ece5;font-size:16px;line-height:1.57}
.site-redesign .prime-feedback-card figcaption{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;color:#aeb8c5;font-size:11px}
.site-redesign .prime-feedback-card figcaption strong{color:#f2bd88;font-size:13px}
.site-redesign .prime-feedback-fps{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;margin:15px 0 10px;color:#f6bd82;font:800 22px/1.2 'JTX DIN','Bahnschrift','Segoe UI',sans-serif}
.site-redesign .prime-feedback-fps span{color:#aeb8c5;font:500 11px/1.4 'Segoe UI',sans-serif}
.site-redesign .prime-feedback-shot{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:9px}
.site-redesign .prime-feedback-shot img{display:block;width:100%;height:172px;object-fit:cover;object-position:right 18%}
.site-redesign .prime-feedback-shot:hover,.site-redesign .prime-feedback-shot:focus-visible{border-color:#e8b27e;outline:2px solid #e8b27e;outline-offset:2px}
.site-redesign .hero .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:650px;margin-top:22px}
.site-redesign .hero .hero-actions .button{box-sizing:border-box;display:inline-flex;min-width:0;min-height:48px;justify-content:center;padding:9px 9px;gap:7px;text-align:center;white-space:normal;font-size:14px;line-height:1.2}
.site-redesign .hero .hero-ranking-button{border-color:rgba(233,177,112,.43);color:#f8dbba;background:linear-gradient(125deg,rgba(106,66,31,.35),rgba(31,26,25,.7))}
.site-redesign .hero .hero-ranking-button::before{content:'★';color:#edb275;font-size:13px}
.site-redesign .hero .hero-clients-button{border-color:rgba(118,201,184,.39);color:#d4eee8;background:linear-gradient(125deg,rgba(27,85,77,.36),rgba(16,32,36,.7))}
.site-redesign .hero .hero-clients-button::before{content:'♧';color:#90d2bf;font-size:15px}
.site-redesign .hero :is(.hero-ranking-button,.hero-clients-button):hover{border-color:currentColor;background-color:rgba(255,255,255,.08)}
@media(max-width:700px){.site-redesign .hero .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.site-redesign .hero .hero-actions .button{font-size:13.5px}}
.site-redesign .prime-feedback-controls{display:flex;align-items:center;gap:18px;margin-top:17px}
.site-redesign .prime-feedback-hint{white-space:nowrap;color:#d9ba9b;font-size:12px;font-weight:700}
.site-redesign .prime-feedback-hint span{margin-right:7px;font-size:18px;vertical-align:-1px}
.site-redesign .prime-feedback-progress{height:3px;flex:1;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.13)}
.site-redesign .prime-feedback-progress span{display:block;width:25%;height:100%;border-radius:4px;background:#e6ae77;transform:translateX(0)}
.site-redesign .prime-feedback-buttons{display:flex;gap:7px}
.site-redesign .prime-feedback-buttons button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(231,176,117,.43);border-radius:50%;background:rgba(231,176,117,.07);color:#f3c999;font:700 17px/1 inherit;cursor:pointer}
.site-redesign .prime-feedback-buttons button:hover,.site-redesign .prime-feedback-buttons button:focus-visible{background:rgba(231,176,117,.2);outline:2px solid #e8b27e;outline-offset:2px}
.site-redesign .prime-feedback-pause{font-size:13px!important}
@media(max-width:640px){.site-redesign .prime-feedback-shell{width:calc(100% - 24px);padding:20px 15px}.site-redesign .prime-feedback-heading{align-items:start;flex-direction:column}.site-redesign .prime-feedback-card,.site-redesign .prime-feedback-featured{flex-basis:calc(100% - 36px);min-height:0;padding:20px;gap:28px}.site-redesign .prime-feedback-card blockquote,.site-redesign .prime-feedback-featured blockquote{font-size:14px;line-height:1.55}.site-redesign .prime-feedback-controls{gap:10px}.site-redesign .prime-feedback-hint{font-size:10px}.site-redesign .prime-feedback-buttons button{width:31px;height:31px}}
@media(max-width:640px){.site-redesign .prime-feedback-spotlight{padding:18px}.site-redesign .prime-feedback-spotlight blockquote{font-size:14px;line-height:1.57}}