/* BeatHelper informational Stories v1.0 — intentionally scoped to .bh-story-viewer. */
html.bh-story-open,html.bh-story-open body{overflow:hidden!important;overscroll-behavior:none}
.bh-story-viewer{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:rgba(2,4,8,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.bh-story-viewer.is-open{opacity:1;visibility:visible;pointer-events:auto}
.bh-story-shell{--story-accent:#2F6BFF;position:relative;width:min(430px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:#070A11;box-shadow:0 30px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);isolation:isolate;transform:translateY(18px) scale(.975);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.bh-story-viewer.is-open .bh-story-shell{transform:translateY(0) scale(1)}
.bh-story-shell::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(82,116,176,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(82,116,176,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.22));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.22))}
.bh-story-shell::after{content:"";position:absolute;z-index:-2;inset:-20%;background:radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--story-accent) 28%,transparent),transparent 36%),radial-gradient(circle at 8% 94%,rgba(123,97,255,.13),transparent 34%);pointer-events:none}
.bh-story-sheen{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%,transparent 76%,rgba(0,0,0,.18))}
.bh-story-top{position:absolute;top:0;left:0;right:0;z-index:12;padding:14px 15px 0}
.bh-story-bars{display:flex;gap:4px;height:3px}
.bh-story-bar{height:3px;flex:1;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.16)}
.bh-story-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.24);will-change:width}
.bh-story-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px;pointer-events:none}
.bh-story-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(7,10,17,.58);color:#DCE7F7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.bh-story-icon-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.bh-story-icon-btn:active{transform:scale(.95)}
.bh-story-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bh-story-slide{position:absolute;inset:0;z-index:3;padding:84px 24px 24px;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform,opacity}
.bh-story-slide.is-enter-next{animation:bhStoryInNext .26s cubic-bezier(.2,.75,.25,1) both}
.bh-story-slide.is-enter-prev{animation:bhStoryInPrev .26s cubic-bezier(.2,.75,.25,1) both}
@keyframes bhStoryInNext{from{opacity:.18;transform:translateX(28px) scale(.99)}to{opacity:1;transform:none}}
@keyframes bhStoryInPrev{from{opacity:.18;transform:translateX(-28px) scale(.99)}to{opacity:1;transform:none}}
.bh-story-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7DA5FF;margin-bottom:14px}
.bh-story-title{max-width:360px;font-size:30px;font-weight:800;letter-spacing:-.045em;line-height:1.08;color:#fff}
.bh-story-copy{max-width:360px;margin-top:12px;color:#8FA0B7;font-size:14px;line-height:1.58;font-weight:600}
.bh-story-body{flex:1;min-height:0;margin-top:22px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:8px}
.bh-story-body::-webkit-scrollbar{display:none}
.bh-story-rows{display:flex;flex-direction:column;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.06);box-shadow:0 14px 38px rgba(0,0,0,.13)}
.bh-story-row{padding:14px 15px;background:rgba(8,12,20,.76);color:#8FA0B7;font-size:13px;line-height:1.46}
.bh-story-row b{display:block;color:#F5F8FF;font-size:13.5px;font-weight:750}
.bh-story-row span{display:block;margin-top:3px;color:#6F8099;font-size:11.5px;line-height:1.48}
.bh-story-group-label{margin:15px 0 8px;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64758F}
.bh-story-group-label:first-child{margin-top:0}
.bh-story-tags{display:flex;flex-wrap:wrap;gap:6px}
.bh-story-tag{padding:7px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.035);color:#A0AEC2;font-size:11.5px;font-weight:650}
.bh-story-step{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.065)}
.bh-story-step:last-child{border-bottom:0}
.bh-story-step>i{font-style:normal;padding-top:2px;color:#7DA5FF;font-size:11px;font-weight:800;letter-spacing:.05em}
.bh-story-step b{display:block;margin-bottom:3px;color:#F5F8FF;font-size:13.5px;font-weight:750}
.bh-story-step div{color:#8798B0;font-size:12.5px;line-height:1.5}
.bh-story-price{display:flex;align-items:baseline;gap:9px;margin:2px 0 18px}
.bh-story-price b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.055em}
.bh-story-price span{color:#6E7F98;font-size:13px;font-weight:650}
.bh-story-foot{position:relative;z-index:7;margin-top:auto;padding-top:14px}
.bh-story-cta{width:100%;min-height:52px;padding:0 18px;border:1px solid rgba(125,165,255,.18);border-radius:16px;background:linear-gradient(135deg,#2F6BFF,#315BDD);box-shadow:0 14px 34px rgba(47,107,255,.18),inset 0 1px 0 rgba(255,255,255,.13);color:#fff;font:800 13px/1 Manrope,-apple-system,system-ui,sans-serif;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}
.bh-story-cta:hover{filter:brightness(1.07)}
.bh-story-cta:active{transform:scale(.985)}
.bh-story-cta.is-secondary{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.bh-story-cta.is-green{border-color:rgba(74,222,128,.18);background:linear-gradient(135deg,#36C877,#2DA864);color:#04150D;box-shadow:0 14px 34px rgba(74,222,128,.10)}
.bh-story-note{margin-top:9px;text-align:center;color:#617089;font-size:10.5px;line-height:1.45}
.bh-story-hint{position:absolute;left:50%;bottom:10px;z-index:2;transform:translateX(-50%);color:rgba(139,153,174,.42);font-size:8.5px;font-weight:700;letter-spacing:.05em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}
.bh-story-viewer.is-paused .bh-story-hint{opacity:1}
@media(max-width:560px){
  .bh-story-viewer{padding:0;background:#05070C;backdrop-filter:none;-webkit-backdrop-filter:none}
  .bh-story-shell{width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}
  .bh-story-top{padding:max(11px,env(safe-area-inset-top)) 12px 0}
  .bh-story-slide{padding:max(80px,calc(env(safe-area-inset-top) + 68px)) 18px max(18px,calc(env(safe-area-inset-bottom) + 14px))}
  .bh-story-title{font-size:29px}
  .bh-story-copy{font-size:13.5px}
  .bh-story-body{margin-top:20px}
  .bh-story-row{padding:13px 14px}
}
@media(max-height:650px){
  .bh-story-shell{height:calc(100dvh - 16px);min-height:0}
  .bh-story-slide{padding-top:76px;padding-bottom:16px}
  .bh-story-title{font-size:26px}
  .bh-story-copy{margin-top:8px;font-size:12.5px}
  .bh-story-body{margin-top:14px}
  .bh-story-row{padding:10px 12px}
  .bh-story-step{padding:9px 0}
  .bh-story-foot{padding-top:9px}
  .bh-story-cta{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.bh-story-viewer,.bh-story-shell,.bh-story-slide,.bh-story-icon-btn,.bh-story-cta{transition:none!important;animation:none!important}}