.hero,.hero-card{--hero-ink: #1d1f23;--hero-muted: #5d6068;--hero-bg: #e9e8e4;--hero-accent: #1f6feb;--hero-card: #ffffff;--hero-chip: rgba(29, 31, 35, .92)}.hero,.hero *,.hero-card,.hero-card *{box-sizing:border-box}.hero{position:relative;display:block;width:100%;margin:0;padding:0;line-height:1.3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;border-radius:14px;overflow:hidden;background:var(--hero-bg);isolation:isolate;touch-action:pan-y;container:hero / inline-size}.hero picture{position:absolute;inset:0}.hero-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.hero-layer{position:absolute;inset:0;pointer-events:none}.hero-layer i{position:absolute;display:block;background-image:var(--atlas);background-repeat:no-repeat}.hero-pr{transform-origin:50% 90%}.hero-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .35s ease;outline:none}.hero.is-3d .hero-canvas{opacity:1;touch-action:none}.hero.is-3d picture,.hero.is-3d .hero-layer{visibility:hidden;transition:visibility 0s .4s}.hero.is-3d .hero-hotspots,.hero.is-3d .hero-tips{display:none}.hero-hotspots{position:absolute;inset:0}.hero-hs{position:absolute;display:block;text-decoration:none;border-radius:12px;outline:none;transition:box-shadow .15s}.hero-hs:hover,.hero-hs:focus-visible{box-shadow:0 0 0 2px #fffffff2,0 0 0 4px var(--hero-accent),0 0 18px 4px #1f6feb59}.hero-badges{position:absolute;inset:0;pointer-events:none}.hero-badge{position:absolute;transform:translate(-50%,-50%);min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--hero-chip);color:#fff;font:700 13px/26px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center;box-shadow:0 1px 4px #00000040}.hero-card{position:absolute;z-index:4;right:10px;top:10px;width:max-content;max-width:min(330px,62%);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;background:var(--hero-card);color:var(--hero-ink);border-radius:10px;padding:7px 8px 7px 11px;box-shadow:0 6px 22px #0003;font:13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto}.hero-card[hidden]{display:none}.hero-card b,.hero-card .bf,.hero-card .ks{grid-column:1}.hero-card b{display:block;font-size:14px}.hero-card .bf{color:var(--hero-muted);display:block}.hero-card .ks{display:none;margin-top:2px}.hero-card a,.hero-card .cta{grid-column:2;grid-row:1 / span 3;display:inline-block;padding:6px 10px;border-radius:7px;background:#ffd814;color:#111;font-weight:700;white-space:nowrap;text-decoration:none}.hero-card a:focus-visible{outline:3px solid var(--hero-accent);outline-offset:2px}@container hero (min-width: 700px){.hero-card .ks{display:block}}.hero-tips{position:absolute;inset:0;z-index:4;pointer-events:none}.hero-tip{pointer-events:auto;color:inherit;text-decoration:none;visibility:hidden;opacity:0;transition:opacity .2s 1.2s,visibility 0s 1.4s}.hero:has(.hero-hs:hover) .hero-tip{transition-delay:0s,0s}.hero-tip:hover{visibility:visible;opacity:1;transition-delay:0s}@media(hover:none){.hero-tips{display:none}}.hero-card.is-docked{position:static;width:auto;max-width:none;margin:10px 0 18px;column-gap:12px;padding:9px 10px 9px 12px;box-shadow:0 2px 12px #00000024}.hero-card.is-docked .ks{display:none}.hero-3d-btn{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;gap:6px;align-items:center;border:0;border-radius:999px;padding:8px 14px;background:#fffffff0;color:#1d1f23;font:600 14px/1 system-ui,sans-serif;box-shadow:0 2px 10px #0000002e;cursor:pointer}.hero-3d-btn:hover{background:#fff}.hero-3d-btn:focus-visible{outline:3px solid var(--hero-accent);outline-offset:2px}.hero-3d-btn[disabled]{cursor:progress;opacity:.85}@media(max-width:640px){.hero-3d-btn{right:8px;bottom:8px;padding:6px 10px;font-size:13px}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hero:not(.no-auto) .hero-3d-btn:not(.is-reset){visibility:hidden}}.hero-3d-btn.is-reset{right:10px;bottom:10px;width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;background:#ffffff9e;color:#44474e;box-shadow:0 1px 4px #0000001f;opacity:.8;transition:opacity .15s,background-color .15s}.hero-3d-btn.is-reset:hover,.hero-3d-btn.is-reset:focus-visible{opacity:1;background:#fffffff2;color:#1d1f23}.hero-3d-btn.is-reset>:not(.hero-reset-ico){display:none}.hero-keys{position:absolute;left:10px;top:10px;z-index:5;display:flex;gap:6px;flex-wrap:wrap}.hero-keys a{position:absolute;left:-9999px;background:var(--hero-chip);color:#fff;border-radius:999px;padding:6px 12px;font:600 13px/1 system-ui,sans-serif;text-decoration:none}.hero-keys a:focus{position:static;outline:3px solid var(--hero-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.hero--pre:not(.hero--play) .hero-layer i,.hero--pre:not(.hero--play) .hero-badge{opacity:0}.hero--play .hero-pr{animation:hero-drop .9s both;animation-delay:calc(var(--d) * .17s + 80ms)}.hero--play .hero-sh{animation:hero-shade .9s both;animation-delay:calc(var(--d) * .17s + 80ms)}.hero--play .hero-badge{animation:hero-pop .42s both;animation-delay:calc(var(--d) * .17s + .68s)}}.hero-bk{opacity:0}@media(prefers-reduced-motion:no-preference){.hero--play .hero-bk{animation:hero-blink 1.2s step-end var(--blink-at, 1.8s) infinite}}@keyframes hero-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes hero-drop{0%{opacity:0;transform:translate3d(0,-24cqw,0) rotate(var(--tilt, 0deg)) scale(1.06);animation-timing-function:cubic-bezier(.55,0,.9,.5)}10%{opacity:1}52%{opacity:1;transform:translateZ(0) rotate(0) scale(1);animation-timing-function:cubic-bezier(.2,.7,.4,1)}60%{transform:translateZ(0) scale(1.045,.9);animation-timing-function:cubic-bezier(.3,.6,.5,1)}75%{transform:translate3d(0,-1.5cqw,0) scale(.985,1.03);animation-timing-function:cubic-bezier(.5,0,.8,.6)}86%{transform:translateZ(0) scale(1.015,.975);animation-timing-function:ease-out}to{opacity:1;transform:none}}@keyframes hero-shade{0%,22%{opacity:0;transform:scale(1.3);filter:blur(12px);animation-timing-function:cubic-bezier(.55,0,.9,.5)}52%{opacity:1;transform:scale(1);filter:blur(0)}75%{opacity:.85;transform:scale(1.025);filter:blur(1px)}86%,to{opacity:1;transform:none;filter:none}}@keyframes hero-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.hero-canvas,.hero-hs,.hero-tip,.hero-3d-btn{transition:none}}.hero{aspect-ratio:2400 / 1500}.hero{--blink-at: 1.78s}.hero:has(.hero-hs[data-id=sg3]:hover) .hero-tip[data-id=sg3],.hero:has(.hero-hs[data-id=sg3]:focus-visible) .hero-tip[data-id=sg3]{visibility:visible;opacity:1;transition-delay:0s}.hero:has(.hero-hs[data-id=sg2]:hover) .hero-tip[data-id=sg2],.hero:has(.hero-hs[data-id=sg2]:focus-visible) .hero-tip[data-id=sg2]{visibility:visible;opacity:1;transition-delay:0s}.hero:has(.hero-hs[data-id=lufixf]:hover) .hero-tip[data-id=lufixf],.hero:has(.hero-hs[data-id=lufixf]:focus-visible) .hero-tip[data-id=lufixf]{visibility:visible;opacity:1;transition-delay:0s}.hero:has(.hero-hs[data-id=aem]:hover) .hero-tip[data-id=aem],.hero:has(.hero-hs[data-id=aem]:focus-visible) .hero-tip[data-id=aem]{visibility:visible;opacity:1;transition-delay:0s}.hero:has(.hero-hs[data-id=lufix1]:hover) .hero-tip[data-id=lufix1],.hero:has(.hero-hs[data-id=lufix1]:focus-visible) .hero-tip[data-id=lufix1]{visibility:visible;opacity:1;transition-delay:0s}.hero-layer[data-variant=phone],.hero-hotspots[data-variant=phone],.hero-badges[data-variant=phone]{display:none}@media(max-width:640px){.hero{aspect-ratio:1440 / 1800}.hero-layer[data-variant=phone],.hero-hotspots[data-variant=phone],.hero-badges[data-variant=phone]{display:block}.hero-layer[data-variant=wide],.hero-hotspots[data-variant=wide],.hero-badges[data-variant=wide]{display:none}}
