/* Pull up a chair: webinar and masterclass cards */
.altr .offer .offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);margin-top:clamp(36px,5vw,64px);align-items:stretch}
.altr .offer-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(26px,3vw,40px);border-radius:16px;overflow:hidden;isolation:isolate;outline:none;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .35s,filter .35s}
.altr .offer-card::before{content:"";position:absolute;z-index:-1;width:420px;aspect-ratio:1/1;right:-190px;top:-190px;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 26px,currentColor 26px 27.5px);opacity:.12;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .35s}
.altr .offer-web{background:#bdd753;color:#212221}
.altr .offer-master{background:#fefffa;color:#212221}
.altr .offer-card:hover,.altr .offer-card:focus-visible,.altr .offer-card:focus-within{transform:translateY(-8px);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.altr .offer-card:hover::before,.altr .offer-card:focus-within::before{transform:scale(1.25) rotate(8deg);opacity:.2}
.altr .offer-grid:hover .offer-card:not(:hover){opacity:.72;filter:saturate(.8)}
.altr .oc-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.altr .oc-tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.altr .oc-when{font-size:13px;padding:5px 12px;border-radius:999px;background:#212221;color:#bdd753;white-space:nowrap}
.altr .offer-master .oc-when{background:#bdd753;color:#212221}
.altr .oc-name{font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.025em;margin:0}
.altr .oc-date{display:flex;flex-direction:column;margin:0;font-weight:300;font-size:clamp(44px,5.6vw,76px);line-height:.98;letter-spacing:-.04em}
.altr .oc-date span{font-size:15px;letter-spacing:0;font-weight:400;opacity:.7;margin-top:8px}
.altr .oc-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.altr .oc-facts li{display:flex;align-items:center;gap:8px;font-size:15px}
.altr .oc-facts svg{flex:none;opacity:.85}
.altr .oc-text{margin:0;font-size:16px;line-height:1.55;opacity:.88;max-width:46ch}
.altr .oc-meter{display:grid;gap:8px}
.altr .oc-meter-bar{height:8px;border-radius:99px;background:rgba(33,34,33,.14);overflow:hidden}
.altr .oc-meter-bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:#212221;transition:width 1.2s cubic-bezier(.2,.7,.2,1) .2s}
.altr .offer.is-anim .oc-meter-bar i{width:0}
.altr .offer.is-anim.is-in .oc-meter-bar i{width:var(--w)}
.altr .oc-meter-t{margin:0;font-size:14px;opacity:.8}
.altr .oc-foot{margin-top:auto;padding-top:22px;border-top:1.5px solid rgba(33,34,33,.18);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.altr .oc-fee{margin:0;display:flex;flex-direction:column;font-size:clamp(28px,2.8vw,36px);font-weight:400;letter-spacing:-.02em;line-height:1.05}
.altr .oc-fee-l{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.65;margin-bottom:6px}
.altr .oc-fee small{font-size:13px;letter-spacing:0;font-weight:400;opacity:.7;margin-top:6px}
.altr .offer-web .oc-btn{background:#212221;color:#fefffa;border-color:#212221}
.altr .oc-btn{display:inline-flex;align-items:center;gap:10px}
.altr .oc-arrow{transition:transform .25s}
.altr .oc-btn:hover .oc-arrow,.altr .offer-card:hover .oc-arrow{transform:translateX(5px)}
/* action bar */
.altr .offer-bar{position:relative;display:flex;align-items:center;gap:clamp(14px,2vw,24px);margin-top:clamp(24px,3vw,40px);padding:clamp(18px,2.2vw,26px) clamp(20px,2.6vw,34px);border:1.5px solid #5d6165;border-radius:999px;color:#fefffa;text-decoration:none;overflow:hidden;
  transition:background .3s,border-color .3s,transform .3s}
.altr .offer-bar:hover,.altr .offer-bar:focus-visible{background:#2b2d2c;border-color:#bdd753;transform:translateY(-3px)}
.altr .ob-pulse{flex:none;width:12px;height:12px;border-radius:50%;background:#bdd753;box-shadow:0 0 0 0 rgba(189,215,83,.6);animation:ob-pulse 2s infinite}
@keyframes ob-pulse{70%{box-shadow:0 0 0 14px rgba(189,215,83,0)}100%{box-shadow:0 0 0 0 rgba(189,215,83,0)}}
.altr .ob-text{flex:1;font-size:clamp(18px,2vw,26px);font-weight:300;letter-spacing:-.015em}
.altr .ob-text strong{font-weight:400}
.altr .ob-text span{color:#bdd753}
.altr .ob-btn{flex:none;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:#bdd753;color:#212221;font-weight:500;transition:gap .25s}
.altr .offer-bar:hover .ob-btn{gap:16px}
@media (prefers-reduced-motion:reduce){.altr .ob-pulse{animation:none}.altr .offer-card,.altr .oc-meter-bar i{transition:none}}
@media (max-width:900px){
  .altr .offer .offer-grid{grid-template-columns:minmax(0,1fr)}
  .altr .offer-bar{border-radius:20px;flex-wrap:wrap}
  .altr .ob-text{flex:1 1 calc(100% - 40px)}
  .altr .ob-btn{width:100%;justify-content:center}
  .altr .offer-grid:hover .offer-card:not(:hover){opacity:1;filter:none}
}
@media (hover:none){.altr .offer-card:hover{transform:none;box-shadow:none}}