/* Rabbit Player Web — generated from tokens.json */
:root, [data-theme="studio"] {
  --surface-page: #0d0d0d;
  --surface-raised: #191816;
  --surface-sunken: #0a0a0a;
  --ink: #efe9e1;
  --ink-muted: #a49b90;
  --ink-faint: #8d857b;
  --line: #2a2724;
  --line-strong: #6b655e;
  --accent-text: #b2f707;
  --signal-text: #f35919;
  --gold-text: #f5a523;
  --focus: #b2f707;
  --brand-lime: #b2f707;
  --brand-tongue: #52e047;
  --brand-gold: #f5a523;
  --brand-mustard: #e6c31a;
  --brand-orange: #f35919;
  --brand-cream: #efe9e1;
  --on-brand: #0d0d0d;
  --shadow-lift: 0 18px 40px #00000099;
  --shadow-glow: 0 30px 80px -10px #f5a52366;
}
[data-theme="papier"] {
  --surface-page: #f7f3ec;
  --surface-raised: #fffdf8;
  --surface-sunken: #ede7dc;
  --ink: #0d0d0d;
  --ink-muted: #5d564e;
  --ink-faint: #6b6359;
  --line: #d9d2c6;
  --line-strong: #8c857a;
  --accent-text: #3f5a00;
  --signal-text: #b23a08;
  --gold-text: #8a5200;
  --focus: #0d0d0d;
  --shadow-lift: 0 18px 40px #0d0d0d29;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 120px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --gradient-brand: linear-gradient(180deg, #f5a523 0%, #e6c31a 45%, #b2f707 100%);
  --gradient-glow: radial-gradient(60% 75% at 50% 52%, #f5a523 0%, #d2771a 32%, #3a1d06 62%, #0b0b0b 85%);
  --width-page: 1180px;
  --width-text: 640px;
  --font-sans: "Mona Sans", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 104px; line-height: 0.94; font-weight: 800; letter-spacing: -0.035em; }
.display-sm { font-family: var(--font-sans); font-size: 52px; line-height: 0.98; font-weight: 800; letter-spacing: -0.03em; }
.heading { font-family: var(--font-sans); font-size: 60px; line-height: 1.0; font-weight: 800; letter-spacing: -0.03em; }
.heading-sm { font-family: var(--font-sans); font-size: 36px; line-height: 1.05; font-weight: 800; letter-spacing: -0.025em; }
.title { font-family: var(--font-sans); font-size: 24px; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; }
.wordmark { font-family: var(--font-sans); font-size: 20px; line-height: 1; font-weight: 800; letter-spacing: -0.035em; }
.lead { font-family: var(--font-sans); font-size: 21px; line-height: 1.45; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 0.16em; }
.key { font-family: var(--font-sans); font-size: 16px; line-height: 1; font-weight: 700; }
@font-face { font-family: "Mona Sans"; src: url("a/MonaSans-VF.ttf") format("truetype"); font-weight: 200 900; font-style: normal; font-display: swap; }
/* Rabbit Player Web · components. Colors, space and radii come from tokens.css. */
*{box-sizing:border-box}
.rp-stage{background:var(--surface-page);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;padding:var(--space-5)}
.rp-wrap{max-width:var(--width-page);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.rp-wide{font-variation-settings:"wdth" 118}
.rp-wordmark{font-variation-settings:"wdth" 112}
.rp-accent{color:var(--accent-text);font-style:normal}
:where(.rp-stage,[data-rp]) :focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Logo */
.rp-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.035em;line-height:1;font-variation-settings:"wdth" 112;font-size:20px}
.rp-logo img{height:1.5em;width:auto;display:block}
.rp-logo--lg{font-size:clamp(32px,6vw,72px);gap:.28em}

/* Button */
.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease}
.rp-btn--primary{background:var(--brand-lime);color:var(--on-brand)}
.rp-btn--primary:hover{background:var(--brand-tongue)}
.rp-btn--secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.rp-btn--secondary:hover{border-color:var(--ink)}
.rp-btn--ghost{background:transparent;color:var(--ink);padding-inline:var(--space-2)}
.rp-btn--ghost:hover{color:var(--accent-text)}
.rp-btn--dark{background:var(--on-brand);color:var(--brand-cream)}
.rp-btn:active{transform:translateY(1px)}
.rp-btn[disabled]{opacity:.45;cursor:not-allowed}
.rp-btn--lg{min-height:56px;padding-inline:var(--space-6);font-size:19px}

/* Badge */
.rp-badge{display:inline-flex;align-items:center;min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}
.rp-badge--outline{border:1px solid var(--line-strong);color:var(--ink)}
.rp-badge--lime{background:var(--brand-lime);color:var(--on-brand)}
.rp-badge--orange{background:var(--brand-orange);color:var(--on-brand)}

/* Keycap */
.rp-key{display:inline-grid;place-items:center;min-width:44px;height:44px;padding-inline:var(--space-3);border:1px solid var(--line-strong);border-bottom-width:3px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer}
.rp-key:active,.rp-key[aria-pressed="true"]{border-bottom-width:1px;transform:translateY(2px);background:var(--brand-lime);border-color:var(--brand-lime);color:var(--on-brand)}

/* Nav */
.rp-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md)}
.rp-nav__links{display:flex;gap:var(--space-6);font-size:15px;color:var(--ink-muted)}
.rp-nav__links a{color:inherit;text-decoration:none}
.rp-nav__links a:hover{color:var(--ink)}
.rp-nav .rp-btn{min-height:40px;padding:var(--space-2) var(--space-4);font-size:15px}
@media (max-width:760px){.rp-nav__links{display:none}}

/* Section head */
.rp-head{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--width-text)}
.rp-eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text)}
.rp-h2{margin:0;font-size:clamp(36px,5.2vw,60px);line-height:1;font-weight:800;letter-spacing:-.03em;text-wrap:balance;font-variation-settings:"wdth" 112}
.rp-lead{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.45;color:var(--ink-muted)}

/* Hero: key visual on the left, headline set right, as in the brand board */
.rp-hero{position:relative;overflow:hidden;background:var(--on-brand);color:var(--brand-cream);border-radius:var(--radius-lg);isolation:isolate;min-height:560px;display:flex;align-items:center;justify-content:flex-end}
.rp-hero__kv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 70%;z-index:-1}
.rp-hero__body{width:min(56%,620px);padding:var(--space-8) var(--space-8) var(--space-8) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);min-width:0}
.rp-hero h1{margin:0;font-size:clamp(52px,7vw,104px);line-height:.94;font-weight:800;letter-spacing:-.035em;text-wrap:balance;font-variation-settings:"wdth" 118}
.rp-hero em{font-style:normal;color:var(--brand-lime)}
.rp-hero p{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.45;color:#d6cfc5}
.rp-hero small{font-size:15px;color:#a49b90}
@media (max-width:760px){.rp-hero{display:block;min-height:0}.rp-hero__kv{position:static;height:auto;aspect-ratio:1;object-position:32% 80%}.rp-hero__body{width:auto;padding:var(--space-5)}}

/* Mode */
.rp-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-7) var(--space-6)}
.rp-mode{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.rp-mode img{width:100%;max-width:200px;aspect-ratio:1;object-fit:contain;display:block}
.rp-mode h3{margin:var(--space-2) 0 0;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.rp-mode p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-muted);max-width:30ch}
.rp-mode--lead h3{color:var(--accent-text)}

/* Facts */
.rp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}
.rp-fact{min-width:0;padding-top:var(--space-4);border-top:1px solid var(--line-strong)}
.rp-fact b{display:block;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.rp-fact span{display:block;margin-top:var(--space-2);font-size:15px;color:var(--ink-muted)}

/* Clip */
.rp-clip{position:relative;margin:0;background:var(--surface-sunken);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/9;max-width:100%}
.rp-clip--portrait{aspect-ratio:9/16;max-height:560px}
.rp-clip video,.rp-clip img{width:100%;height:100%;object-fit:cover;display:block}
.rp-clip figcaption{position:absolute;left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#0d0d0dcc;color:#efe9e1;font-size:12px;font-weight:600;letter-spacing:.08em}

/* Price */
.rp-price{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-raised);border-radius:var(--radius-lg);max-width:420px;min-width:0}
.rp-price h3{margin:0;font-size:24px;line-height:1.15;font-weight:700}
.rp-price__amount{font-size:60px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 112}
.rp-price ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2);font-size:15px;color:var(--ink-muted)}
.rp-price li{padding-top:var(--space-2);border-top:1px solid var(--line)}

/* FAQ */
.rp-faq{border-top:1px solid var(--line)}
.rp-faq details{border-bottom:1px solid var(--line)}
.rp-faq summary{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.015em;cursor:pointer;list-style:none}
.rp-faq summary::-webkit-details-marker{display:none}
.rp-faq summary::after{content:"+";color:var(--accent-text)}
.rp-faq details[open] summary::after{content:"–"}
.rp-faq p{margin:0;padding-bottom:var(--space-5);max-width:var(--width-text);color:var(--ink-muted)}

/* CTA: the gradient moment */
.rp-cta{position:relative;overflow:hidden;background:var(--gradient-brand);color:var(--on-brand);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-7);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.rp-cta h2{margin:0;font-size:clamp(36px,6vw,80px);line-height:.98;font-weight:800;letter-spacing:-.035em;text-wrap:balance;max-width:14ch;font-variation-settings:"wdth" 118}
.rp-cta p{margin:0;font-size:15px}
.rp-cta__fig{position:absolute;right:var(--space-5);bottom:0;width:min(30%,300px)}
@media (max-width:760px){.rp-cta{padding:var(--space-6) var(--space-5)}.rp-cta__fig{display:none}}

/* Sign */
.rp-sign{position:relative;background:var(--gradient-brand);border-radius:var(--radius-lg);aspect-ratio:21/9;overflow:hidden}
.rp-sign i{position:absolute;top:0;width:2px;height:26%;background:#3a3a3a}
.rp-sign i:nth-child(1){left:31%}.rp-sign i:nth-child(2){left:69%}
.rp-sign__box{position:absolute;left:16%;right:16%;top:26%;height:50%;border-radius:var(--radius-lg);background:linear-gradient(180deg,#232323,#0b0b0b);box-shadow:0 0 0 3px #050505,0 22px 40px #00000073;transform:perspective(900px) rotateX(8deg) rotateZ(-3deg);display:flex;align-items:center;justify-content:center;color:#efe9e1}

/* Footer */
.rp-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--line);font-size:15px;color:var(--ink-faint)}
.rp-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-5)}
.rp-footer a{color:inherit}

/* Sections */
.rp-section{padding-block:clamp(72px,9vw,120px);display:flex;flex-direction:column;gap:var(--space-7)}
@media (prefers-reduced-motion:reduce){.rp-btn,.rp-key{transition:none}.rp-loop{display:none}}


body{margin:0;background:#0d0d0d}
*{letter-spacing:0!important}
.wp-wait,.wp-wait *{animation-play-state:paused!important}
.wp-top{position:sticky;top:0;z-index:20}
.wp-top::before{content:"";position:absolute;inset:0 0 -32px;pointer-events:none;background:linear-gradient(180deg,#0d0d0d 0%,rgba(13,13,13,.92) 55%,rgba(13,13,13,0) 100%)}
.wp-top header{position:relative}
.wp-grad{justify-self:start;width:fit-content;background:linear-gradient(90deg,#f5a523 0%,#e6c31a 45%,#b2f707 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#download,#faq{scroll-margin-top:96px}
.wp-faq{width:100%;max-width:778px;margin-inline:auto;border-top:1px solid var(--line)}
.wp-faq details{border-bottom:1px solid var(--line)}
.wp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;font-size:20px;font-weight:700;cursor:pointer;list-style:none}
.wp-faq summary::-webkit-details-marker{display:none}
.wp-faq summary::after{content:"+";flex:none;font-size:24px;font-weight:400;color:var(--ink-muted);transition:transform .2s ease}
.wp-faq details[open] summary::after{transform:rotate(45deg)}
.wp-faq p{margin:0;padding-bottom:20px;max-width:64ch;color:var(--ink-muted)}
.wp-aff{display:none}
.wp-aff:target{display:block;position:fixed;inset:0;z-index:30;overflow:auto;background:var(--surface-page)}
.wp-legal{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:778px;margin-inline:auto;padding-block:var(--wp-gap)}
.wp-legal p{margin:0}
.wp-legal a:not(.rp-btn){color:inherit}
.wp-aff-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wp-aff-steps div{background:var(--surface-raised);border-radius:22px;padding:24px}
.wp-aff-steps h3{margin:0 0 8px;font-size:20px;font-weight:700}
.wp-aff-steps p{margin:0;color:var(--ink-muted)}
@media (max-width:760px){.wp-aff-steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.wp-top{position:static}.wp-top::before{display:none}}
@media (min-width:761px) and (max-width:860px){.wp-stick{top:96px!important}}
a{color:inherit}
.wp{--page:1180px;--wp-gap:clamp(96px,13vw,160px);--wp-head:clamp(40px,5vw,64px)}
.wp-in{width:min(100% - 48px,1180px);margin-inline:auto}
.wp-feat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-block:var(--wp-gap)}
.wp-t{grid-column:span 5}
.wp-i{grid-column:span 6}
.wp-feat.l .wp-i{grid-column:1 / span 7;grid-row:1}
.wp-feat.l .wp-t{grid-column:8 / span 5;grid-row:1;padding-left:16px}
.wp-feat.r .wp-i{grid-column:6 / span 7;grid-row:1}
.wp-feat.r .wp-t{grid-column:1 / span 5;grid-row:1;padding-right:16px}
.wp-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.wp-tile{background:var(--surface-raised);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:24px;min-width:0}
.wp-b4{grid-column:span 4}.wp-b5{grid-column:span 5}.wp-b3{grid-column:span 3}.wp-b8{grid-column:span 8}
.wp-tall{grid-row:span 2}
.wp-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:72px 24px}
.wp-modes .rp-mode{flex:0 0 calc((100% - 72px) / 4);align-items:center;text-align:center}
.wp-head{margin:0 auto;max-width:980px;font-size:clamp(36px,5vw,60px);line-height:1;font-weight:800;letter-spacing:-.03em;text-align:center;text-wrap:balance}
.wp-center{align-items:center;text-align:center}
h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}
.wp-mac.rp-btn--primary,.wp-pc.rp-btn--primary{background:linear-gradient(90deg,#b2f707 0%,#e6c31a 55%,#f5a523 100%);background-origin:border-box;border-color:transparent}
[data-os=pc] .wp-mac{background:transparent;color:var(--ink);border-color:var(--line-strong)}
[data-os=pc] .wp-pc{background:linear-gradient(90deg,#b2f707 0%,#e6c31a 55%,#f5a523 100%);background-origin:border-box;color:var(--on-brand);border-color:transparent}
.wp-end .wp-pc{color:var(--on-brand);border-color:var(--on-brand)}
[data-os=pc] .wp-end .wp-mac{background:transparent;color:var(--on-brand);border-color:var(--on-brand)}
[data-os=pc] .wp-end .wp-pc{background:var(--on-brand);color:var(--brand-cream);border-color:transparent}
/* CTA depth: soft light pools drift slowly under the text, a fine grain and an inner shade make the gradient feel deep */
.wp-end{position:relative;overflow:hidden;isolation:isolate}
.wp-end>*{position:relative;z-index:1}
.wp-end::before{content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(30% 40% at 24% 30%,rgba(255,240,180,.5),transparent 70%),radial-gradient(28% 36% at 76% 70%,rgba(236,255,150,.45),transparent 70%),radial-gradient(24% 32% at 72% 22%,rgba(255,170,60,.35),transparent 70%),radial-gradient(32% 38% at 30% 80%,rgba(190,255,40,.3),transparent 70%);filter:blur(24px);mix-blend-mode:screen;animation:wp-end-drift 16s ease-in-out infinite alternate}
.wp-end::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:inset 0 0 120px rgba(200,100,0,.16),inset 0 -40px 80px rgba(90,150,0,.12)}
@keyframes wp-end-drift{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(5%,-4%) rotate(10deg) scale(1.04)}100%{transform:translate(-4%,5%) rotate(-8deg) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.wp-end::before{animation:none}}
.wp-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:auto;text-align:center}
.wp-who i{display:grid;place-items:center;aspect-ratio:1;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:#000;font-style:normal;font-size:24px;color:var(--ink-muted)}
.wp-who img{display:block;width:100%;height:100%;object-fit:cover}
.wp-who b{display:block;margin-top:6px;font-size:12px;font-weight:500;color:var(--ink-muted);white-space:nowrap}
.wp-who i{transition:border-color .3s}
.wp-who b{transition:color .3s}
.wp-who .is-on i{border-color:#fff}
.wp-who .is-on b{color:#fff}
.wp-who img{opacity:.7;transition:opacity .3s}
.wp-who .is-on img{opacity:1}
.wp-dl-top{display:flex}
.wp-dl-hero{display:none;gap:8px;flex-wrap:wrap;justify-content:center}
@media (max-width:760px){.wp-dl-top{display:none}.wp-dl-hero{display:flex}}
.wp-chan{position:relative;flex:none;margin:auto -24px -16px;overflow:hidden}
.wp-tall{cursor:pointer}
.wp-chan:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
@media (max-width:800px){.wp-br{display:none}}
.wp-need{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 120px;margin-top:24px}
.wp-need p{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;font-size:18px}
.wp-need svg{display:block;color:var(--ink)}
.wp-rail{height:112px;margin-bottom:24px}
.wp-rail:last-child{margin-bottom:16px}
.wp-rail>div{display:flex;width:max-content;height:100%;animation:wp-rail 44s linear 2.8s infinite}
.wp-rail:nth-child(2)>div{animation-duration:56s;}
.wp-rail:nth-child(3)>div{animation-duration:38s}
.wp-rail img{display:block;flex:none;height:100%;width:auto;aspect-ratio:4/3;border-radius:12px;margin-right:6px;position:relative;animation:wp-sort 1.7s cubic-bezier(.3,.9,.3,1) var(--d,0s) both}
.wp-rail:nth-child(1) img:nth-child(1){--x:71px;--y:64px;--r:-2deg;--d:0.56s;z-index:2}.wp-rail:nth-child(1) img:nth-child(2){--x:-204px;--y:119px;--r:4deg;--d:0.14s;z-index:9}.wp-rail:nth-child(1) img:nth-child(3){--x:-121px;--y:35px;--r:-12deg;--d:0.4s;z-index:2}.wp-rail:nth-child(1) img:nth-child(4){--x:-134px;--y:49px;--r:3deg;--d:0.4s;z-index:2}.wp-rail:nth-child(1) img:nth-child(5){--x:-192px;--y:187px;--r:6deg;--d:0.51s;z-index:1}.wp-rail:nth-child(1) img:nth-child(6){--x:-54px;--y:38px;--r:-7deg;--d:0.13s;z-index:3}.wp-rail:nth-child(1) img:nth-child(7){--x:-204px;--y:133px;--r:-10deg;--d:0.48s;z-index:5}.wp-rail:nth-child(1) img:nth-child(8){--x:-355px;--y:52px;--r:4deg;--d:0.5s;z-index:4}.wp-rail:nth-child(2) img:nth-child(1){--x:121px;--y:-86px;--r:3deg;--d:0.6s;z-index:1}.wp-rail:nth-child(2) img:nth-child(2){--x:-90px;--y:17px;--r:7deg;--d:0.47s;z-index:6}.wp-rail:nth-child(2) img:nth-child(3){--x:136px;--y:39px;--r:0deg;--d:0.35s;z-index:4}.wp-rail:nth-child(2) img:nth-child(4){--x:-196px;--y:68px;--r:10deg;--d:0.27s;z-index:5}.wp-rail:nth-child(2) img:nth-child(5){--x:86px;--y:-23px;--r:9deg;--d:0.41s;z-index:2}.wp-rail:nth-child(2) img:nth-child(6){--x:-340px;--y:21px;--r:-1deg;--d:0.22s;z-index:6}.wp-rail:nth-child(2) img:nth-child(7){--x:-345px;--y:15px;--r:-1deg;--d:0.13s;z-index:2}.wp-rail:nth-child(2) img:nth-child(8){--x:-219px;--y:-23px;--r:8deg;--d:0.35s;z-index:8}.wp-rail:nth-child(3) img:nth-child(1){--x:207px;--y:-229px;--r:12deg;--d:0.17s;z-index:5}.wp-rail:nth-child(3) img:nth-child(2){--x:185px;--y:-68px;--r:7deg;--d:0.15s;z-index:5}.wp-rail:nth-child(3) img:nth-child(3){--x:116px;--y:-174px;--r:8deg;--d:0.37s;z-index:6}.wp-rail:nth-child(3) img:nth-child(4){--x:-357px;--y:-128px;--r:-3deg;--d:0.22s;z-index:2}.wp-rail:nth-child(3) img:nth-child(5){--x:85px;--y:-231px;--r:-8deg;--d:0.64s;z-index:3}.wp-rail:nth-child(3) img:nth-child(6){--x:-207px;--y:-145px;--r:-2deg;--d:0.74s;z-index:8}.wp-rail:nth-child(3) img:nth-child(7){--x:-418px;--y:-204px;--r:0deg;--d:0.38s;z-index:5}.wp-rail:nth-child(3) img:nth-child(8){--x:-400px;--y:-37px;--r:-1deg;--d:0.7s;z-index:5}
@keyframes wp-rail{to{transform:translateX(-25%)}}
@keyframes wp-sort{from{transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0)) scale(.9)}}
@media (prefers-reduced-motion:reduce){.wp-rail>div,.wp-rail img{animation:none}}
.wp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:16px;border-bottom:1px solid var(--line)}
.wp-stage{position:relative;width:100%;aspect-ratio:578/420;overflow:hidden;background:#0b0b0b;border-radius:22px;isolation:isolate}
.wp-stage img{position:absolute;display:block;max-width:none}
.wp-cube,.wp-tilep{opacity:1}
.wp-sheen{position:absolute;left:2.54%;top:26.93%;width:94.8%;height:10.41%;border-radius:12px;overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.wp-sheen i{position:absolute;top:0;bottom:0;left:-13.7%;width:10.8%;background:linear-gradient(100deg,transparent,rgba(255,250,240,.5) 50%,transparent);animation:wp-light 9.2s ease-in-out infinite}
.wp-c1{animation:wp-c1 9.2s linear infinite}.wp-c2{animation:wp-c2 9.2s linear infinite}.wp-c3{animation:wp-c3 9.2s linear infinite}
.wp-t1{animation:wp-t1 9.2s ease-in-out infinite}.wp-t2{animation:wp-t2 9.2s ease-in-out infinite}.wp-t3{animation:wp-t3 9.2s ease-in-out infinite}
@keyframes wp-light{0%,3.26%{left:-13.7%}13.04%,26.09%{left:16.2%}35.87%,48.9%{left:43.6%}58.7%,71.74%{left:72.3%}80.4%,100%{left:108.9%}}
@keyframes wp-c1{0%,13.04%{opacity:0}16.85%,93.48%{opacity:1}100%{opacity:0}}
@keyframes wp-c2{0%,35.87%{opacity:0}39.67%,93.48%{opacity:1}100%{opacity:0}}
@keyframes wp-c3{0%,58.7%{opacity:0}62.5%,93.48%{opacity:1}100%{opacity:0}}
@keyframes wp-t1{0%,15.76%{opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(243,89,25,0))}21.2%{opacity:1;filter:brightness(1.05) drop-shadow(0 0 6px rgba(243,89,25,.15))}23.9%{opacity:1;filter:brightness(1.28) drop-shadow(0 0 22px rgba(243,89,25,.6))}29.9%,93.48%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(243,89,25,0))}100%{opacity:0}}
@keyframes wp-t2{0%,38.6%{opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(245,165,35,0))}44%{opacity:1;filter:brightness(1.05) drop-shadow(0 0 6px rgba(245,165,35,.15))}46.7%{opacity:1;filter:brightness(1.28) drop-shadow(0 0 22px rgba(245,165,35,.6))}52.7%,93.48%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(245,165,35,0))}100%{opacity:0}}
@keyframes wp-t3{0%,61.4%{opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(178,247,7,0))}66.8%{opacity:1;filter:brightness(1.05) drop-shadow(0 0 6px rgba(178,247,7,.15))}69.6%{opacity:1;filter:brightness(1.28) drop-shadow(0 0 22px rgba(178,247,7,.6))}75.5%,93.48%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(178,247,7,0))}100%{opacity:0}}
.wp-bstage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:22px}
.wp-bstage img{position:absolute;display:block;max-width:none;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.wp-bl{transform-origin:0 0;animation-name:wp-blead;z-index:2}
.wp-b1{animation-name:wp-b1}.wp-b2{animation-name:wp-b2}.wp-b3t{animation-name:wp-b3}.wp-b4t{animation-name:wp-b4}.wp-b5t{animation-name:wp-b5}
@keyframes wp-blead{0%{opacity:0;transform:scale(1.505)}5%,18%{opacity:1;transform:scale(1.505)}27%,93%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes wp-b1{0%,28%{opacity:0;transform:scale(.96)}31%,93%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes wp-b2{0%,36%{opacity:0;transform:scale(.96)}39%,93%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes wp-b3{0%,44%{opacity:0;transform:scale(.96)}47%,93%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes wp-b4{0%,52%{opacity:0;transform:scale(.96)}55%,93%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes wp-b5{0%,60%{opacity:0;transform:scale(.96)}63%,93%{opacity:1;transform:scale(1)}100%{opacity:0}}
.wp-rx{position:absolute;left:50%;top:44%;display:flex;align-items:center;justify-content:center;gap:2px;width:44%;margin-left:-22%;aspect-ratio:1;margin-top:-22%;opacity:0;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));animation:9s ease-in-out infinite;pointer-events:none}
.wp-rx1{animation-name:wp-rx1}.wp-rx2{animation-name:wp-rx2}.wp-rx3{animation-name:wp-rx3}
@keyframes wp-rx1{0%,5.5%{opacity:0;transform:scale(.4)}9%{opacity:1;transform:scale(1.15)}12%,26%{opacity:1;transform:scale(1)}31%,100%{opacity:0;transform:scale(1.08)}}
@keyframes wp-rx2{0%,38%{opacity:0;transform:scale(.4)}41.5%{opacity:1;transform:scale(1.15)}44.5%,58%{opacity:1;transform:scale(1)}63%,100%{opacity:0;transform:scale(1.08)}}
@keyframes wp-rx3{0%,70.5%{opacity:0;transform:scale(.4)}74%{opacity:1;transform:scale(1.15)}77%,91%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(1.08)}}
.wp-rk1,.wp-rk2,.wp-rk3{animation:9s linear infinite}
.wp-rk1{animation-name:wp-rk1}.wp-rk2{animation-name:wp-rk2}.wp-rk3{animation-name:wp-rk3}
@keyframes wp-rk1{0%,4.5%,12%,100%{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}5.5%,10%{background:var(--brand-lime);color:var(--on-brand);border-color:var(--brand-lime)}}
@keyframes wp-rk2{0%,37%,44.5%,100%{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}38%,42.5%{background:var(--brand-lime);color:var(--on-brand);border-color:var(--brand-lime)}}
@keyframes wp-rk3{0%,69.5%,77%,100%{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}70.5%,75%{background:var(--brand-lime);color:var(--on-brand);border-color:var(--brand-lime)}}
.wp-bar{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:0;border-radius:8px;background:rgba(15,14,18,.9)}
.wp-hud{position:absolute;top:8px;right:6px;display:flex;align-items:center;height:36px;padding:6px 12px;box-sizing:border-box;border-radius:8px;background:rgba(15,14,18,.9)}
.wp-hud img{width:20px;height:20px;display:block}
.wp-clear{background:transparent;border-radius:0;overflow:visible;isolation:auto}
.wp-clear video{mix-blend-mode:lighten}
.wp-hide{position:absolute;top:39%;height:56%;width:30%;background:var(--surface-page);box-shadow:0 0 12px 6px var(--surface-page);animation:wp-hide 10.5s ease-in-out infinite}
.wp-h1{left:4%;width:29%}.wp-h2{left:35%;animation-delay:3.5s;opacity:1}.wp-h3{left:67%;width:29%;animation-delay:7s;opacity:1}
@keyframes wp-hide{0%{opacity:1}5%,27%{opacity:0}33%,100%{opacity:1}}
.wp-mark{position:absolute;top:15.5%;height:21.5%;width:19%;left:10.5%;border:2px solid var(--brand-lime);border-radius:12px;animation:wp-mark 10.5s ease-in-out infinite}
@keyframes wp-mark{0%,29%{left:10.5%}36%,62%{left:40.5%}69%,95%{left:70%}100%{left:10.5%}}
.wp-as{aspect-ratio:16/9;background:transparent;border-radius:0;overflow:visible;isolation:auto}
@property --wp-as-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.wp-as-bar{position:absolute;top:7%;left:5%;right:5%;display:flex;gap:0}
.wp-as .wp-as-bar img{position:static;flex:1 1 0;min-width:0;width:auto;aspect-ratio:1;object-fit:cover;border-radius:0}
.wp-as .wp-as-bar img:first-of-type{border-radius:10px 0 0 10px}.wp-as .wp-as-bar img:last-of-type{border-radius:0 10px 10px 0}
.wp-as-mark{position:absolute;top:-4px;height:calc(100% + 8px);width:calc(100% / 9 + 8px);left:calc(100% / 9 - 4px);box-sizing:border-box;padding:3px;border-radius:9px;background:conic-gradient(from var(--wp-as-a),#f5a523,#e6c31a,#b2f707,#e6c31a,#f5a523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wp-as-in .4s ease 1.5s both,wp-as-mark 10.5s ease-in-out 1.5s infinite,wp-as-spin 1.6s linear infinite}
@keyframes wp-as-in{from{opacity:0}}
.wp-as .wp-as-bar img{animation:wp-as-lit .5s ease both}
.wp-as .wp-as-bar img:nth-of-type(2){animation-delay:.13s}.wp-as .wp-as-bar img:nth-of-type(3){animation-delay:.26s}.wp-as .wp-as-bar img:nth-of-type(4){animation-delay:.39s}.wp-as .wp-as-bar img:nth-of-type(5){animation-delay:.52s}.wp-as .wp-as-bar img:nth-of-type(6){animation-delay:.65s}.wp-as .wp-as-bar img:nth-of-type(7){animation-delay:.78s}.wp-as .wp-as-bar img:nth-of-type(8){animation-delay:.91s}.wp-as .wp-as-bar img:nth-of-type(9){animation-delay:1.04s}
@keyframes wp-as-lit{from{opacity:.3;filter:brightness(.6)}}
.wp-as-bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:16%;pointer-events:none;border-radius:10px;background:linear-gradient(90deg,transparent,rgba(255,248,225,.5),transparent);animation:wp-as-sweep 1.3s ease-in-out both}
@keyframes wp-as-sweep{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:84%;opacity:0}}
@keyframes wp-as-spin{to{--wp-as-a:360deg}}
@keyframes wp-as-mark{0%,1.5%{left:calc(100% / 9 - 4px);transform:scale(1.12)}5%,29%{left:calc(100% / 9 - 4px);transform:none}33%{transform:scale(.9)}36%{left:calc(100% / 9 * 3 - 4px);transform:scale(1.12)}39.5%,62%{left:calc(100% / 9 * 3 - 4px);transform:none}66%{transform:scale(.9)}69%{left:calc(100% / 9 * 8 - 4px);transform:scale(1.12)}72.5%,95%{left:calc(100% / 9 * 8 - 4px);transform:none}98%{transform:scale(.9)}100%{left:calc(100% / 9 - 4px);transform:scale(1.12)}}
.wp-as .wp-as-s{position:absolute;display:block;top:31%;height:63%;width:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;opacity:0;animation:wp-as-s 10.5s ease-in-out infinite both}
.wp-as-s1{left:10%;animation-delay:1.5s!important}.wp-as-s2{left:30%;animation-delay:5s!important}.wp-as-s3{left:75%;animation-delay:8.5s!important}
@keyframes wp-as-s{0%{opacity:0;transform:translateY(10px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:none}}
@media (prefers-reduced-motion:reduce){.wp-as-mark,.wp-as .wp-as-s,.wp-as .wp-as-bar img,.wp-as-bar::after{animation:none}.wp-as .wp-as-s1{opacity:1}}
.wp-bento-wait .wp-tile{opacity:0;transform:translateY(16px)}
.wp-tile{transition:opacity .6s ease,transform .6s ease}
.wp-tile:nth-child(2){transition-delay:.12s}.wp-tile:nth-child(3){transition-delay:.24s}.wp-tile:nth-child(4){transition-delay:.36s}.wp-tile:nth-child(5){transition-delay:.48s}.wp-tile:nth-child(6){transition-delay:.6s}.wp-tile:nth-child(7){transition-delay:.72s}
.wp-sub{background:#000;border-radius:12px;padding:20px 12px;margin-top:auto;text-align:center;color:#fff;font-size:clamp(15px,1.4vw,18px);font-weight:600;line-height:1.3;text-shadow:0 1px 3px #000;display:grid;place-items:center}
.wp-sub span{grid-area:1 / 1;opacity:0;transition:opacity .2s ease}
.wp-sub span.is-on{opacity:1}
.wp-sub b{display:inline-grid;font-weight:600;color:rgba(255,255,255,.7)}
.wp-sub b::after{content:attr(data-w);height:0;overflow:hidden;visibility:hidden;font-weight:800}
.wp-sub b.is-on{font-weight:800;color:#ffdb6b}
.wp-lock{display:block;margin:auto;padding:8px;border:0;background:transparent;cursor:pointer;border-radius:12px;min-width:44px}
.wp-lock:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wp-lock svg{display:block;width:96px;height:120px;overflow:visible}
.wp-shackle{transform-origin:88px 58px;transition:transform .4s ease}
.wp-lock.is-open .wp-shackle{transform:rotate(26deg) translateY(-5px);transition-delay:.75s}
.wp-fp{opacity:0;transition:opacity .75s ease}
.wp-fp0{opacity:.28}
.wp-lock.is-open .wp-fp{opacity:1}
@media (prefers-reduced-motion:reduce){.wp-hide{animation:none;opacity:0}.wp-mark{animation:none;opacity:0}.wp-tile{transition:none}.wp-shackle,.wp-fp{transition:none}}
.wp-pin{padding-block:var(--wp-gap);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wp-steps{grid-column:8 / span 5;grid-row:1;min-width:0;padding-left:16px;display:flex;flex-direction:column;gap:32vh}
.wp-step{min-height:min(30.8vw,380px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.wp-stick{grid-column:1 / span 7;grid-row:1;min-width:0;position:sticky;top:max(96px,calc(50vh - min(15.4vw,190px)))}
.wp-bar,.wp-hud{transition:opacity .35s ease,transform .35s ease}
.wp-ui-off .wp-bar{opacity:0;pointer-events:none}
.wp-ui-off .wp-hud{opacity:0}
@media (max-width:860px){.wp-pin{padding-block:var(--wp-gap);display:flex;flex-direction:column;gap:24px}.wp-pin{padding-bottom:calc(var(--wp-gap) + var(--wp-tail,0px))}.wp-stick{order:-1;width:100%;top:8px;z-index:2}.wp-steps{width:100%;gap:36vh;margin-bottom:calc(var(--wp-tail,0px) * -1)}.wp-step{min-height:0}.wp-step:first-child{position:sticky;top:var(--wp-top,280px)}}
@media (prefers-reduced-motion:reduce){.wp-bar,.wp-hud{transition:none}}
.wp-lg{position:absolute;inset:0;background:linear-gradient(90deg,#f5a523 0%,#e6c31a 45%,#b2f707 100%);opacity:0;animation:wp-lg 18.2s ease-in-out infinite}
.wp-li{position:relative;width:72%;height:72%;display:block;opacity:0;animation:wp-li 18.2s ease-in-out infinite}
@keyframes wp-lg{0%{opacity:0}6%,10%{opacity:.9}24%,100%{opacity:0}}
@keyframes wp-li{0%,10%{opacity:0}18%,40%{opacity:1}54%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wp-lg{animation:none}.wp-li{animation:none;opacity:1}}
.wp-tap{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:transform .16s ease}
.wp-tap img{width:24px;height:24px;display:block}
.wp-tap:hover{background:rgba(255,255,255,.08)}
.wp-tap:active{transform:scale(.88)}
.wp-tap:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.wp-pop{position:absolute;left:50%;top:42%;display:flex;align-items:center;justify-content:center;width:46%;margin-left:-23%;aspect-ratio:1;margin-top:-23%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));animation:wp-pop .95s ease-out both;pointer-events:none}
.wp-pop img{width:100%;height:100%;display:block}
.wp-pop b{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1;color:#3ddc84}
.wp-pop img:has(+ b){width:60%;height:60%}
@keyframes wp-pop{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}32%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.wp-pop{animation:none}.wp-rx{animation:none;opacity:1}.wp-rk1,.wp-rk2,.wp-rk3{animation:none}}
@media (prefers-reduced-motion:reduce){.wp-sheen i,.wp-c1,.wp-c2,.wp-c3,.wp-t1,.wp-t2,.wp-t3,.wp-bstage img{animation:none}}
@media (max-width:860px){
.wp-feat,.wp-bento{display:flex;flex-direction:column;align-items:stretch;gap:24px}
.wp-feat.l .wp-i{order:0}.wp-feat .wp-t{order:1}.wp-feat .wp-i{order:0}
.wp-modes{gap:56px 16px}
.wp-modes .rp-mode{flex-basis:calc((100% - 16px) / 2)}
.wp-row{gap:16px}
}

.wp-shelf{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:url(a/637eec89f551e6bf5086b534fde37314.webp) center/cover no-repeat #050505;border-radius:22px;isolation:isolate}
.wp-wall{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 40%,#191715 0%,#0a0a0a 70%)}
.wp-wc{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;transition:filter .7s ease}
.wp-wc i{position:absolute;border-radius:6px;overflow:hidden;background:#1b1a19 center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.06);opacity:.62;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),filter .3s ease}
.wp-wc i.is-lit{z-index:2;filter:brightness(1.3)}
.wp-wl{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;opacity:0;pointer-events:none;z-index:3}
.wp-wl.is-on{opacity:1}
.wp-wl.is-out{filter:blur(6px) brightness(.45);transition:filter 2.4s ease}
@property --wp-k{syntax:'<percentage>';inherits:false;initial-value:150%}
.wp-wk{--wp-k:150%;position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 72% 72% at 50% 50%,rgba(0,0,0,0) calc(var(--wp-k) - 40%),#000 var(--wp-k));transition:--wp-k 2.4s cubic-bezier(.45,0,.3,1)}
.wp-wk.is-on{--wp-k:0%}
.wp-wf{position:absolute;background:#000;border-radius:4px;box-shadow:0 18px 50px rgba(0,0,0,.6);opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.wp-wf.is-on{opacity:1;transform:none}
.wp-wl i{position:absolute;overflow:hidden;background:#000 center/cover no-repeat}
.wp-wl i::after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .45s ease;pointer-events:none}
.wp-wl i.is-off::after{opacity:1}
.wp-wl video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}
.wp-wl video.is-play{opacity:1}
.wp-wh{--u:.5px;position:absolute;top:0;right:0;display:flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 36);padding:0 calc(var(--u) * 12);box-sizing:border-box;border-radius:calc(var(--u) * 8);background:rgba(15,14,18,.9);color:#fff;font-weight:600;font-size:calc(var(--u) * 20);line-height:1;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s ease;z-index:4;pointer-events:none}
.wp-wh.is-on{opacity:1}
.wp-wh.is-move{transition:opacity .3s ease,top .45s cubic-bezier(.2,.8,.2,1),right .45s cubic-bezier(.2,.8,.2,1)}
.wp-wh img{display:block;width:calc(var(--u) * 20);height:calc(var(--u) * 20)}

.wp-sw{position:absolute;top:25%;height:34.5%;left:-16%;width:14%;background:linear-gradient(100deg,transparent,rgba(255,250,235,.65) 50%,transparent);mix-blend-mode:screen;animation:wp-sw 4s ease-in-out infinite;pointer-events:none}
@keyframes wp-sw{0%{left:-16%}32%,100%{left:104%}}
.wp-fr{position:absolute;left:50%;top:50%;overflow:hidden;border-radius:14px;opacity:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 1.5px rgba(255,236,200,.75),0 0 34px rgba(245,165,35,.45);animation:wp-fr 16s cubic-bezier(.3,.8,.3,1) infinite both}
.wp-fr video{display:block;width:100%;height:100%;object-fit:cover}
.wp-fr::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 26%,transparent 74%,rgba(255,255,255,.1));box-shadow:inset 0 0 0 5px rgba(255,255,255,.1),inset 0 0 14px rgba(255,235,200,.35)}
.wp-fh{width:32%;aspect-ratio:9/16;margin:-28.4% 0 0 -16%}
.wp-fq{width:74%;aspect-ratio:16/9;margin:-20.8% 0 0 -37%}
.wp-d2{animation-delay:4s}.wp-d3{animation-delay:8s}.wp-d4{animation-delay:12s}
@keyframes wp-fr{0%,8%{opacity:0;transform:scale(.06)}9%{opacity:1;transform:scale(.06)}12%,22.5%{opacity:1;transform:scale(1)}24.5%,100%{opacity:0;transform:scale(.06)}}
.wp-sq{aspect-ratio:6/5}
@media (prefers-reduced-motion:reduce){.wp-sw,.wp-fr{animation:none}.wp-sw{opacity:0}.wp-fr:first-of-type{opacity:1}}
/* Version A: soft edges on the glass plate, longer auto shorts strip so the last rabbit short can finish */
.wp-pk{position:relative;width:100%;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#050403;border-radius:22px}
.wp-pk img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 12.5%,#000 19%,#000 81%,transparent 87.5%);mask-image:linear-gradient(90deg,transparent 12.5%,#000 19%,#000 81%,transparent 87.5%)}
html[data-v="a"] .wp-as-mark{position:absolute;top:-4px;height:calc(100% + 8px);width:calc(100% / 9 + 8px);left:calc(100% / 9 - 4px);box-sizing:border-box;padding:3px;border-radius:9px;background:conic-gradient(from var(--wp-as-a),#f5a523,#e6c31a,#b2f707,#e6c31a,#f5a523);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wp-as-in .4s ease 1.5s both,wp-as-mark-a 16s ease-in-out 1.5s infinite,wp-as-spin 1.6s linear infinite}
@keyframes wp-as-mark-a{0%,1%{left:calc(100% / 9 - 4px);transform:scale(1.12)}3.3%,19%{left:calc(100% / 9 - 4px);transform:none}21.7%{transform:scale(.9)}23.6%{left:calc(100% / 9 * 3 - 4px);transform:scale(1.12)}26%,40.7%{left:calc(100% / 9 * 3 - 4px);transform:none}43.3%{transform:scale(.9)}45.3%{left:calc(100% / 9 * 8 - 4px);transform:scale(1.12)}47.6%,96.7%{left:calc(100% / 9 * 8 - 4px);transform:none}98.7%{transform:scale(.9)}100%{left:calc(100% / 9 - 4px);transform:scale(1.12)}}
html[data-v="a"] .wp-as .wp-as-s{position:absolute;display:block;top:31%;height:63%;width:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;opacity:0;animation:wp-as-s-a 16s ease-in-out infinite both}
@keyframes wp-as-s-a{0%{opacity:0;transform:translateY(10px)}2.6%,19.7%{opacity:1;transform:none}22.3%,100%{opacity:0;transform:none}}
/* the last short stays longer, so its ending can be seen */
html[data-v="a"] .wp-as .wp-as-s3{animation-name:wp-as-s3-a}
@keyframes wp-as-s3-a{0%{opacity:0;transform:translateY(10px)}2.6%,45%{opacity:1;transform:none}47.6%,100%{opacity:0;transform:none}}
.wp-hud[hidden]{display:none}
/* Version A (rabbits) and B (people): html[data-v], B without it */
html:not([data-v="a"]) .v-a,html[data-v="a"] .v-b{display:none!important}
#wp-v{cursor:pointer}