.wpn{--wpn-accent:#f2c14e;position:relative;display:flex;text-decoration:none!important;color:#e8f2ea!important;isolation:isolate;-webkit-tap-highlight-color:transparent;font-family:var(--fx-body,inherit)}.wpn *{box-sizing:border-box}.wpn:focus-visible{outline:3px solid var(--wpn-accent);outline-offset:4px}.wpn .wpn-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--fx-mono,monospace);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wpn-accent)}.wpn .wpn-dot{width:8px;height:8px;border-radius:50%;background:var(--wpn-accent);box-shadow:0 0 color-mix(in srgb,var(--wpn-accent) 70%,transparent);animation:wpnPing 2.4s infinite;animation-play-state:paused}.wpn.is-live .wpn-dot{animation-play-state:running}@keyframes wpnPing{70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.wpn .wpn-btn{display:inline-flex;align-items:center;gap:8px;flex:none;padding:14px 22px;border-radius:999px;background:var(--wpn-accent);color:#16130a!important;font-weight:700;font-size:1rem;line-height:1;box-shadow:0 12px 30px -12px color-mix(in srgb,var(--wpn-accent) 80%,transparent);transition:transform .3s var(--fx-ease,ease),box-shadow .3s}.wpn .wpn-btn.sm{padding:9px 14px;font-size:.84rem}.wpn:hover .wpn-btn{transform:translateY(-2px);box-shadow:0 18px 36px -12px color-mix(in srgb,var(--wpn-accent) 90%,transparent)}.wpn .wpn-ext{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}.wpn-orb{position:relative;display:block;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,#f3f5f1 62%,#e4e8e2);box-shadow:0 0 0 1px color-mix(in srgb,var(--wpn-accent) 30%,transparent),0 18px 40px -18px #000c,0 0 60px -10px color-mix(in srgb,var(--wpn-accent) 30%,transparent)}.wpn-orb canvas,.wpn-orb .wpn-orb-flat{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%}.wpn-orb .wpn-orb-flat{object-fit:contain;padding:17%;transition:opacity .5s}.wpn-orb canvas{opacity:0;transition:opacity .5s}.wpn-orb.is-ready canvas{opacity:1}.wpn-orb.is-ready .wpn-orb-flat{opacity:0}.wpn-scene{position:relative;display:block;aspect-ratio:1;width:100%}.wpn-scene:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--wpn-accent) 26%,transparent),transparent)}.wpn-scene .wpn-orb{position:absolute;top:19%;right:19%;bottom:19%;left:19%}.wpn-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wpn-ring path{fill:none;stroke:var(--wpn-accent);stroke-width:1.3;stroke-linecap:round}.wpn-ring.back path{opacity:.35;stroke-dasharray:2 5}.wpn-ring.front path{opacity:.9}.wpn-ring .wpn-pin{fill:var(--wpn-accent);stroke:#07110b;stroke-width:1.2}.wpn-ring .wpn-tag{font:700 9px/1 var(--fx-mono,monospace);letter-spacing:.14em;fill:#e8f2ea}.wpn-ring .wpn-fly .pot{fill:#c98a4b}.wpn-ring .wpn-fly .lf{fill:#9ef58a}.wpn.is-live .wpn-scene .wpn-orb{animation:wpnBob 6s ease-in-out infinite}@keyframes wpnBob{50%{transform:translateY(-3%)}}.wpn--feature{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(26px,4.5vw,56px);border-radius:34px;overflow:hidden;background:radial-gradient(700px 420px at 85% 30%,color-mix(in srgb,var(--wpn-accent) 22%,transparent),transparent 60%),linear-gradient(140deg,#123021,#0b1d13 55%,#06100a);border:1px solid color-mix(in srgb,var(--wpn-accent) 40%,transparent);box-shadow:0 30px 70px -30px #000000d9}.wpn--feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(158,245,138,.1) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000);mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}.wpn--feature .wpn-h{font-family:var(--fx-head,inherit);font-weight:700;font-size:clamp(1.9rem,4.2vw,3.3rem);line-height:1.05;margin:14px 0 12px;color:#fff;text-wrap:balance}.wpn--feature .wpn-text{color:#c9d8cc;font-size:clamp(1rem,1.3vw,1.12rem);max-width:52ch;margin:0 0 18px}.wpn--feature .wpn-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}.wpn--feature .wpn-chips li{padding:7px 12px;border-radius:999px;font-size:.84rem;font-weight:600;color:#e8f2ea;border:1px solid rgba(232,242,234,.22);background:#e8f2ea0d}.wpn--feature .wpn-art{position:relative;max-width:440px;width:100%;justify-self:center}.wpn--feature .wpn-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px}.wpn--feature .wpn-globe-badge{position:absolute;right:-6%;bottom:-6%;width:38%}.wpn--feature .wpn-art .wpn-scene{max-width:420px;margin-inline:auto}@media(max-width:760px){.wpn--feature{grid-template-columns:1fr;border-radius:26px;text-align:left}.wpn--feature .wpn-art{order:-1;max-width:220px}.wpn--feature .wpn-btn{width:100%;justify-content:center}}.wpn--banner{align-items:center;gap:clamp(14px,2.4vw,28px);padding:16px clamp(16px,2.6vw,28px);border-radius:24px;background:linear-gradient(100deg,#12301f,#0b1d13 60%,color-mix(in srgb,var(--wpn-accent) 18%,#0b1d13));border:1px solid color-mix(in srgb,var(--wpn-accent) 40%,transparent);box-shadow:0 20px 50px -26px #000c}.wpn--banner .wpn-ico{width:76px;flex:none}.wpn--banner .wpn-mid{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.wpn--banner .wpn-h{font-family:var(--fx-head,inherit);font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.15;color:#fff}@media(max-width:640px){.wpn--banner{flex-wrap:wrap;padding:16px}.wpn--banner .wpn-ico{width:64px}.wpn--banner .wpn-mid{flex:1 1 calc(100% - 84px)}.wpn--banner .wpn-btn{width:100%;justify-content:center}}.wpn--ribbon{align-items:center;justify-content:center;gap:14px;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--wpn-accent) 22%,#0b1d13),#0f2518 50%,color-mix(in srgb,var(--wpn-accent) 22%,#0b1d13));border:1px solid color-mix(in srgb,var(--wpn-accent) 45%,transparent)}.wpn--ribbon .wpn-ico{width:40px;flex:none}.wpn--ribbon .wpn-orb,.wpn--mini .wpn-orb{box-shadow:0 0 0 1px color-mix(in srgb,var(--wpn-accent) 40%,transparent)}.wpn--ribbon .wpn-msg{font-weight:600;font-size:1rem;color:#fff}@media(max-width:640px){.wpn--ribbon{flex-wrap:wrap;border-radius:22px;text-align:center;padding:14px}.wpn--ribbon .wpn-msg{flex:1 1 calc(100% - 60px);text-align:left;font-size:.92rem}.wpn--ribbon .wpn-btn{width:100%;justify-content:center}}.wpn--mini{align-self:stretch;width:100%;text-align:left;align-items:center;gap:12px;margin:12px 0 4px;padding:10px 14px;border-radius:16px;background:linear-gradient(100deg,#12301f,color-mix(in srgb,var(--wpn-accent) 16%,#0b1d13));border:1px solid color-mix(in srgb,var(--wpn-accent) 40%,transparent)}.wpn--mini .wpn-ico{width:40px;flex:none}.wpn--mini .wpn-mini-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:.86rem;line-height:1.3;color:#c9d8cc}.wpn--mini .wpn-mini-t b{color:var(--wpn-accent);font-size:.92rem}.wpn--mini .wpn-ext{color:var(--wpn-accent);width:18px;height:18px}.wpn--globe{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 40%,color-mix(in srgb,var(--wpn-accent) 22%,transparent),transparent 60%),linear-gradient(140deg,#123021,#06100a)}.wpn--globe .wpn-scene{width:min(86%,300px)}.fx-wpn-sec{padding:var(--wpn-pt,24px) 0 var(--wpn-pb,24px)}.fx-wpn-sec .fx-wrap{width:min(1280px,100% - 32px);margin-inline:auto}@media(prefers-reduced-motion:reduce){.wpn *,.wpn{animation:none!important;transition:none!important}.wpn-ring .wpn-fly{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/qgc-fx-wpn.css.map */