.byp{--byp-card:color-mix(in srgb, var(--color-paper) 86%, transparent);--byp-line:color-mix(in srgb, var(--color-navy) 10%, transparent);--byp-shadow:0 18px 50px -18px color-mix(in srgb, var(--color-ink) 35%, transparent);--byp-radius:20px;background:var(--color-sand);height:1150vh;font-family:var(--font-sans);color:var(--color-ink);position:relative}.byp-stage{background:var(--color-sand);height:100dvh;position:sticky;top:0;overflow:hidden}.byp-poster{object-fit:cover}.byp-canvas{opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) ease;display:block;position:absolute;inset:0}.byp[data-mode=ready] .byp-canvas{opacity:1}.byp[data-mode=ready] .byp-poster{visibility:hidden;transition:visibility 0s linear var(--duration-slow)}.byp-topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:100px;left:16px;right:16px}.byp-meter,.byp-mini-cta{pointer-events:auto;background:var(--byp-card);-webkit-backdrop-filter:blur(10px);box-shadow:var(--byp-shadow);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.byp-meter{align-items:center;gap:12px;display:flex}.byp-track{background:color-mix(in srgb, var(--color-navy) 12%, transparent);border-radius:99px;width:120px;height:6px;overflow:hidden}.byp-fill{background:linear-gradient(90deg, var(--color-pink), var(--color-orange), var(--color-green));border-radius:99px;width:0;height:100%}.byp-pct{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2ch}.byp-mini-cta{background:var(--color-pink);color:var(--color-paper);transition:background var(--duration-normal);font-weight:700;text-decoration:none}.byp-mini-cta:hover{background:var(--color-pink-deep)}.byp-chapter{z-index:4;opacity:0;pointer-events:none;will-change:opacity, transform;width:min(440px,100% - 32px);position:absolute;top:50%;left:48px;transform:translateY(-50%)}.byp-card{background:var(--byp-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--byp-line);border-radius:var(--byp-radius);box-shadow:var(--byp-shadow);padding:28px}.byp-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-pink-deep);margin:0 0 10px;font-size:12px;font-weight:700}.byp-chapter h2{letter-spacing:-.02em;margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.12}.byp-chapter p{color:var(--color-ink-soft);margin:0;font-size:15px;line-height:1.6}.byp-hero{text-align:center;opacity:1;width:min(760px,100% - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.byp-hero h1{letter-spacing:-.03em;color:var(--color-paper);text-shadow:0 4px 30px color-mix(in srgb, var(--color-ink) 45%, transparent);margin:0 0 16px;font-size:clamp(34px,6vw,64px);font-weight:800;line-height:1.04}.byp-chapter.byp-hero .byp-kicker{color:var(--color-paper);opacity:.95;text-shadow:0 2px 12px color-mix(in srgb, var(--color-ink) 50%, transparent)}.byp-hint{background:var(--byp-card);box-shadow:var(--byp-shadow);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.byp-hint span{animation:1.6s ease-in-out infinite byp-bob;display:inline-block}@keyframes byp-bob{50%{transform:translateY(4px)}}.byp-finale{width:min(400px,100% - 32px);left:auto;right:48px}.byp-finale h2{font-size:28px}.byp-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft);font-size:12px;font-weight:700;margin:20px 0 10px!important}.byp-chips{flex-wrap:wrap;gap:8px;min-height:36px;display:flex}.byp-chip{font:inherit;background:var(--color-paper);cursor:pointer;color:var(--color-ink);box-shadow:var(--shadow-soft);transition:border-color var(--duration-normal), transform var(--duration-normal);border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.byp-chip:hover{transform:translateY(-1px)}.byp-chip[aria-pressed=true]{border-color:var(--color-ink)}.byp-chip:focus-visible,.byp-cta:focus-visible,.byp-mini-cta:focus-visible{outline:3px solid var(--color-navy);outline-offset:2px}.byp-sw{border-radius:999px;height:22px;display:inline-flex;overflow:hidden}.byp-sw i{width:11px;height:22px;display:block}.byp-sw.single i{width:22px}.byp-cta{text-align:center;background:var(--color-pink);color:var(--color-paper);transition:background var(--duration-normal);border-radius:999px;margin-top:24px;padding:14px 20px;font-weight:700;text-decoration:none;display:block}.byp-cta:hover{background:var(--color-pink-deep)}.byp-chapter p.byp-small{text-align:center;margin-top:12px;font-size:12px}.byp-small a{color:inherit}.byp-lblsvg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.byp-lblsvg path{fill:none;stroke:var(--color-paper);stroke-width:1.5px;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--color-ink) 55%, transparent))}.byp-lbl{z-index:3;pointer-events:none;opacity:0;white-space:nowrap;background:var(--byp-card);color:var(--color-ink);box-shadow:var(--byp-shadow);will-change:transform, opacity;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.byp-credits{background:var(--color-cream);padding:24px 20px}.byp-credits p{max-width:64rem;color:var(--color-ink-soft);margin:0 auto;font-size:12px;line-height:1.6}.byp-credits a{color:var(--color-pink-deep);text-decoration:underline}.byp[data-mode=static]{height:auto}.byp[data-mode=static] .byp-stage{flex-direction:column;align-items:center;gap:16px;height:auto;min-height:100vh;padding:140px 16px 48px;display:flex;position:relative}.byp[data-mode=static] .byp-canvas,.byp[data-mode=static] .byp-topbar{display:none}.byp[data-mode=static] .byp-chapter{opacity:1;pointer-events:auto;width:min(560px,100%);position:relative;top:auto;left:auto;right:auto;transform:none}.byp[data-mode=static] .byp-hero{width:min(760px,100%)}@media (min-width:761px){.byp-mini-cta{display:none}}@media (max-width:760px){.byp-topbar{top:80px}.byp-chapter{width:auto;inset:auto 16px 92px;transform:none}.byp-card{padding:20px}.byp-chapter h2{font-size:22px}.byp-chapter p{font-size:14px}.byp-hero{width:auto;inset:42% 16px auto;transform:translateY(-50%)}.byp-finale{width:auto;left:16px;right:16px}.byp-finale h2+p{display:none}.byp-finale .byp-card{padding:16px}.byp-finale .byp-chips{gap:6px}.byp-finale .byp-chip{gap:6px;padding:3px 8px 3px 3px;font-size:11.5px}.byp-finale .byp-group-label{margin:10px 0 6px!important}.byp-lbl{padding:3px 8px;font-size:10.5px}.byp-finale .byp-cta{margin-top:16px;padding:12px 16px}.byp-track{width:56px}.byp-meter,.byp-mini-cta{padding:6px 12px;font-size:12px}.byp[data-mode=static] .byp-chapter{bottom:auto;left:auto;right:auto}}@media (prefers-reduced-motion:reduce){.byp-hint span{animation:none}.byp-canvas{transition:none}}