.x4xVpG_hero{align-items:center;gap:var(--holo-s4);max-width:calc(var(--holo-max-wide) + 2 * var(--holo-gutter));width:100%;padding:40px var(--holo-gutter) 64px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-inline:auto;display:grid}.x4xVpG_heroCopy{z-index:2;min-width:0;position:relative}.x4xVpG_heroHead h1{overflow-wrap:anywhere}.x4xVpG_heroHeadLong h1{font-size:clamp(1.9rem,3.4vw,3.4rem);line-height:1.04}.x4xVpG_stats{gap:var(--holo-s2) 0;margin:var(--holo-s4) 0 0;flex-wrap:wrap;padding:0;display:flex}.x4xVpG_stats>div{padding-inline:var(--holo-s3);border-left:1px solid var(--holo-line-2);flex-direction:column-reverse;gap:6px;display:flex}.x4xVpG_stats>div:first-child{border-left:0;padding-left:0}.x4xVpG_stats dt{font-family:var(--holo-mono);font-size:var(--holo-text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--holo-mute)}.x4xVpG_stats dd{font-family:var(--holo-display);letter-spacing:-.03em;background:var(--holo-foil-text);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);font-weight:700;line-height:1}.x4xVpG_stats dd.x4xVpG_statWords{letter-spacing:-.01em;font-size:clamp(1rem,.9rem + .5vw,1.25rem);line-height:1.6}.x4xVpG_ctas{margin-top:var(--holo-s4);flex-wrap:wrap;gap:12px;display:flex}.x4xVpG_fan{perspective:1400px;place-items:center;height:500px;display:grid;position:relative}.x4xVpG_fan .x4xVpG_fanCard{z-index:1;width:min(270px,40%);transform:translateX(calc(var(--k,0) * 62%)) translateY(calc(var(--k,0) * var(--k,0) * 34px)) rotate(calc(var(--k,0) * 11deg));filter:brightness(calc(1 - var(--k,0) * var(--k,0) * .22)) saturate(.95);position:absolute}.x4xVpG_fan .x4xVpG_fanCard:nth-child(2){z-index:3}.x4xVpG_floor{z-index:0;filter:blur(12px);pointer-events:none;background:radial-gradient(50% 50%,#4fb3ff59,#8cd43f24 50%,#0000 75%);height:70px;position:absolute;bottom:2%;left:8%;right:8%}@media (prefers-reduced-motion:no-preference){.x4xVpG_fan .x4xVpG_fanCard:nth-child(2){animation:6s ease-in-out infinite x4xVpG_float}.x4xVpG_fan .x4xVpG_fanCard:first-child,.x4xVpG_fan .x4xVpG_fanCard:nth-child(3){animation:.9s cubic-bezier(.2,1.2,.3,1) both x4xVpG_deal}}@keyframes x4xVpG_float{50%{translate:0 -12px}}@keyframes x4xVpG_deal{0%{opacity:0;translate:calc(var(--k,0) * -40%) 30px}}@media (max-width:900px){.x4xVpG_hero{gap:var(--holo-s3);padding-top:28px;padding-bottom:var(--holo-s3);grid-template-columns:minmax(0,1fr)}.x4xVpG_fan{height:clamp(300px,86vw,440px)}.x4xVpG_fan .x4xVpG_fanCard{width:min(250px,46vw)}}@media (max-width:560px){.x4xVpG_stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.x4xVpG_stats>div:nth-child(3){padding:var(--holo-s2) 0 0;border-left:0;border-top:1px solid var(--holo-line-2);grid-column:1/-1}}@media (max-width:480px){.x4xVpG_ctas>*{flex:auto}}.x4xVpG_catalogue{padding-block:calc(var(--holo-section) / 2) calc(var(--holo-section) * .75)}.x4xVpG_console{scroll-margin-top:calc(var(--holo-nav-h) + var(--holo-s2));align-items:flex-start;gap:var(--holo-s3) var(--holo-s4);padding:var(--holo-s3);border-radius:var(--holo-radius-lg);background:linear-gradient(160deg, #8cd43f1a, transparent 40%, #1e88e524), repeating-linear-gradient(115deg, #ffffff05 0 2px, transparent 2px 9px), var(--holo-surface);box-shadow:0 0 0 1px var(--holo-line-2) inset, var(--holo-shadow-card);flex-wrap:wrap;display:flex;position:relative}.x4xVpG_group{min-width:0;max-width:100%}.x4xVpG_groupLabel{font-family:var(--holo-mono);font-size:var(--holo-text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--holo-ink-2);margin:0 0 12px}.x4xVpG_groupLabel span{color:var(--holo-lime);margin-right:4px}.x4xVpG_chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.x4xVpG_chips li{max-width:100%}.x4xVpG_chip{border-radius:var(--holo-pill);max-width:100%;min-height:44px;color:var(--holo-ink-2);box-shadow:0 0 0 1px var(--holo-line-2) inset;transition:box-shadow .16s ease, background-color .16s ease, color .16s ease, transform .16s var(--holo-ease);background:#ffffff08;align-items:center;gap:10px;padding:0 8px 0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.x4xVpG_chipText{overflow-wrap:anywhere}.x4xVpG_chipCount{border-radius:var(--holo-pill);min-width:28px;height:28px;font-family:var(--holo-mono);color:var(--holo-ink-2);background:#ffffff0f;place-items:center;padding:0 8px;font-size:12px;display:inline-grid}.x4xVpG_chip[data-empty]{color:var(--holo-mute)}.x4xVpG_chip[data-empty] .x4xVpG_chipCount{box-shadow:0 0 0 1px var(--holo-line) inset;background:0 0}.x4xVpG_chip[aria-current=true]{--f1:var(--holo-lime-hi);--f3:var(--holo-cyan);color:var(--holo-ink);background:linear-gradient(110deg,#8cd43f33,#46e6d81a 60%,#4fb3ff24);padding-left:14px;box-shadow:inset 0 0 0 1px #8cd43fb3,0 0 24px -4px #8cd43f8c}.x4xVpG_chip[aria-current=true] .x4xVpG_chipCount{color:var(--holo-on-foil);background:var(--holo-foil);font-weight:700}@media (hover:hover) and (pointer:fine){.x4xVpG_chip:not([aria-current=true]):hover{color:var(--holo-ink);box-shadow:0 0 0 1px #4fb3ff99 inset, var(--holo-glow-blue)}}@media (prefers-reduced-motion:no-preference){.x4xVpG_chip:active{transform:scale(.97)}}.x4xVpG_reset{min-height:44px;color:var(--holo-glass);text-underline-offset:.2em;align-self:flex-end;align-items:center;margin-left:auto;font-size:14px;font-weight:600;display:inline-flex}.x4xVpG_reset:hover{text-decoration:underline}.x4xVpG_resultsHead{justify-content:space-between;align-items:flex-end;gap:var(--holo-s2) var(--holo-s4);margin:var(--holo-s5) 0 var(--holo-s4);flex-wrap:wrap;display:flex}.x4xVpG_resultsHeading h2{overflow-wrap:anywhere}.x4xVpG_countNo{color:var(--holo-lime-hi);font-variant-numeric:tabular-nums}.x4xVpG_legend.x4xVpG_legend{margin:0}.x4xVpG_note{margin:var(--holo-s4) 0 0;font-size:var(--holo-text-small);color:var(--holo-mute)}.x4xVpG_noscript{margin:0 0 var(--holo-s3);padding:12px var(--holo-s2);border-radius:var(--holo-radius);font-size:var(--holo-text-small);color:var(--holo-ink-2);border:1px dashed #4fb3ff66}@media (max-width:760px){.x4xVpG_console{padding:var(--holo-s2) var(--holo-s2) var(--holo-s3);border-radius:var(--holo-radius);flex-direction:column}.x4xVpG_reset{align-self:flex-start;margin-left:0}.x4xVpG_resultsHead{margin:var(--holo-s4) 0 var(--holo-s3)}}.x4xVpG_empty{align-items:center;gap:var(--holo-s4);padding:var(--holo-s4);border-radius:var(--holo-radius-lg);background:radial-gradient(60% 90% at 0% 50%, #4fb3ff1f, transparent 70%), var(--holo-surface);box-shadow:0 0 0 1px var(--holo-line) inset;grid-template-columns:auto minmax(0,1fr);display:grid}.x4xVpG_slot{aspect-ratio:63/88;border-radius:var(--holo-radius);background:repeating-linear-gradient(115deg,#ffffff08 0 2px,#0000 2px 10px),#05070a99;place-items:center;width:200px;display:grid;position:relative;rotate:-4deg;box-shadow:inset 0 0 0 1px #4fb3ff40,0 30px 60px -30px #000000e6}.x4xVpG_slot:before{content:"";border-radius:calc(var(--holo-radius) - 6px);border:2px dashed #8cd43f73;position:absolute;inset:10px}.x4xVpG_slotMark{font-family:var(--holo-display);background:var(--holo-foil-text);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:700;line-height:1}.x4xVpG_slotTag{white-space:nowrap;font-family:var(--holo-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--holo-lime);font-size:11px;position:absolute;bottom:22px;left:50%;translate:-50%}.x4xVpG_empty[data-kind=framework] .x4xVpG_slot:before{border-color:#4fb3ff8c}.x4xVpG_empty[data-kind=framework] .x4xVpG_slotTag{color:var(--holo-glass)}.x4xVpG_emptyLine{font-family:var(--holo-display);font-weight:700;font-size:var(--holo-text-h3);letter-spacing:-.02em;overflow-wrap:anywhere;max-width:32ch;margin:0;line-height:1.2}.x4xVpG_emptyHelp{color:var(--holo-ink-2);max-width:48ch;margin:12px 0 0}.x4xVpG_empty .x4xVpG_ctas{margin-top:var(--holo-s3)}@media (prefers-reduced-motion:no-preference){.x4xVpG_slotMark{animation:8s ease-in-out infinite alternate x4xVpG_shift}}@keyframes x4xVpG_shift{to{background-position:100% 0}}@media (max-width:640px){.x4xVpG_empty{text-align:center;padding:var(--holo-s4) var(--holo-s2);justify-items:center;gap:var(--holo-s3);grid-template-columns:minmax(0,1fr)}.x4xVpG_slot{width:150px}.x4xVpG_slotMark{font-size:72px}.x4xVpG_emptyLine,.x4xVpG_emptyHelp{margin-inline:auto}.x4xVpG_empty .x4xVpG_ctas{justify-content:center}}
