.product-hero{--p:clamp(0, calc((var(--scene,.5) - .48) * 3), 1);padding:11rem 0 8rem;position:relative;overflow:clip}.product-hero-backdrop{pointer-events:none;position:absolute;inset:0}.product-hero-grid-lines{background-image:linear-gradient(rgba(var(--tone-rgb), .07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--tone-rgb), .07) 1px, transparent 1px);transform:translateY(calc(var(--p) * -6rem));background-size:7.2rem 7.2rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 70% 30%,#000 10%,#0000 70%);mask-image:radial-gradient(60% 70% at 70% 30%,#000 10%,#0000 70%)}.product-hero-glow{background:radial-gradient(circle, rgba(var(--tone-rgb), .18), transparent 62%);width:90rem;height:80rem;transform:translateY(calc(var(--p) * -10rem));border-radius:50%;position:absolute;top:-30rem;right:-10rem}.product-hero-inner{flex-direction:column;gap:3.2rem;display:flex;position:relative}.product-back{color:var(--text-dim);align-self:flex-start;align-items:center;gap:.6rem;font-weight:600;transition:color .2s,gap .2s;display:inline-flex}.product-back:hover{color:var(--text-light);gap:.9rem}.product-hero-layout{align-items:center;gap:5.6rem;display:grid}.product-hero-copy{flex-direction:column;align-items:flex-start;gap:2.2rem;display:flex}.product-word-mask{overflow-clip-margin:.1em;margin:0 .22em -.08em 0;padding-bottom:.08em;display:inline-block;overflow:clip}.product-word{display:inline-block}.product-hero-lead{text-wrap:pretty;max-width:56rem}.product-hero-actions{flex-wrap:wrap;align-items:center;gap:2.4rem;display:flex}.product-price{flex-direction:column;gap:.2rem;display:flex}.product-price-value{align-items:baseline;gap:.8rem;display:inline-flex}.product-included{border:1px solid rgba(var(--tone-rgb), .3);background:rgba(var(--tone-rgb), .07);border-radius:1.1rem;align-items:center;gap:1rem;padding:.9rem 1.4rem;display:inline-flex}.product-hero-visual{position:relative}.product-hero-stage{perspective:160rem}.product-hero-frame{transform-origin:50%}.product-hero-chip{border:1px solid rgba(var(--tone-rgb), .3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d0cd1;border-radius:1.4rem;gap:.3rem;min-width:21rem;padding:1.4rem 1.8rem 1.4rem 3.4rem;display:grid;position:absolute;bottom:-2.4rem;right:-1.2rem;box-shadow:0 2.4rem 6rem #0009}.product-hero-chip-dot{background:var(--tone);width:.8rem;height:.8rem;box-shadow:0 0 1.2rem var(--tone);border-radius:50%;animation:1.8s ease-in-out infinite qt-pulse;position:absolute;top:1.9rem;left:1.5rem}.product-member-visual{padding-bottom:8rem;position:relative}.product-path{border:1px solid rgba(var(--tone-rgb), .24);background:#050807db;border-radius:2rem;flex-direction:column;gap:1rem;width:min(48rem,100%);padding:2rem;display:flex;box-shadow:0 3rem 8rem #0009}.product-path-head{justify-content:space-between;padding-bottom:.4rem;display:flex}.product-path-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.product-path-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:1.2rem;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;display:grid}.product-path-index,.product-path-state{color:var(--text-faint)}.product-path-state{letter-spacing:.16em;text-transform:uppercase}.product-path-item.done .product-path-index,.product-path-item.done .product-path-state{color:var(--text-dim)}.product-path-item.current{border-color:rgba(var(--tone-rgb), .45);background:rgba(var(--tone-rgb), .08);box-shadow:0 0 4rem rgba(var(--tone-rgb), .14)}.product-path-item.current .product-path-index,.product-path-item.current .product-path-state{color:var(--tone)}.product-live-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1211f0;border:1px solid #ff4d6a59;border-radius:1.8rem;flex-direction:column;gap:1rem;width:min(34rem,80%);padding:2rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2.4rem 6rem #000000b3}.product-live-head,.product-live-row{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.product-live-pill{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.7rem;display:inline-flex}.product-live-dot{background:var(--danger);border-radius:50%;width:.7rem;height:.7rem;animation:1.2s ease-in-out infinite qt-pulse}@media (min-width:992px){.product-hero{padding:13rem 0 10rem}.product-hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}@media (prefers-reduced-motion:no-preference){.product-word{animation:1s cubic-bezier(.16,1,.3,1) both product-word-rise;animation-delay:calc(.15s + var(--w) * 70ms)}.product-hero-visual{animation:1.2s cubic-bezier(.16,1,.3,1) .25s both product-visual-in}.product-hero-frame,.product-member-visual{transform:rotateY(calc((1 - var(--p)) * -16deg)) rotateX(calc((1 - var(--p)) * 7deg)) translateY(calc(var(--p) * -3rem));will-change:transform}.product-hero-chip{transform:translateY(calc(var(--p) * -9rem))}.product-live-card{transform:translateY(calc(var(--p) * -5rem))}}@keyframes product-word-rise{0%{transform:translateY(110%)rotate(5deg)}to{transform:none}}@keyframes product-visual-in{0%{opacity:0;transform:translateY(4rem)scale(.96)}to{opacity:1;transform:none}}
.product-more{flex-direction:column;gap:4rem;padding-bottom:12rem;display:flex}.product-more-grid{gap:2rem;display:grid}@media (min-width:992px){.product-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-more-card{border:1px solid rgba(var(--tone-rgb), .2);background:var(--bg-footer);border-radius:2.4rem;flex-direction:column;transition:border-color .3s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;overflow:hidden}.product-more-card:hover{border-color:rgba(var(--tone-rgb), .5);box-shadow:0 3rem 8rem #00000080, 0 0 5rem rgba(var(--tone-rgb), .1);transform:translateY(-.6rem)}.product-more-visual{aspect-ratio:16/8;border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.product-more-image{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.product-more-card:hover .product-more-image{transform:scale(1.05)}.product-more-member{background:radial-gradient(circle at 50% 40%, rgba(var(--tone-rgb), .18), transparent 70%);flex-direction:column;justify-content:center;gap:.8rem;height:100%;padding:2.4rem 12%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex}.product-more-card:hover .product-more-member{transform:scale(1.04)}.product-more-lesson{color:var(--text-faint);background:#050807bf;border:1px solid #ffffff12;border-radius:1.2rem;grid-template-columns:1.4rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;display:grid}.product-more-lesson .label-text{letter-spacing:.14em;text-transform:uppercase}.product-more-lesson.current{border-color:rgba(var(--tone-rgb), .45);background:rgba(var(--tone-rgb), .1);color:var(--tone)}.product-more-copy{flex-direction:column;gap:1rem;padding:2.4rem 2.8rem 2.8rem;display:flex}.product-more-link{margin-top:.6rem;transition:letter-spacing .3s}.product-more-card:hover .product-more-link{letter-spacing:.02em}
.product-offer{align-items:center;gap:4.8rem;padding-bottom:10rem;display:grid}.product-offer-copy{flex-direction:column;gap:1.6rem;max-width:60rem;display:flex}.product-spots-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:.6rem;max-width:48rem;margin-top:1.6rem;display:grid}.product-spots-grid.dense{grid-template-columns:repeat(25,minmax(0,1fr));gap:.4rem;max-width:52rem}.product-spot{aspect-ratio:1;background:#ffffff12;border-radius:50%}.product-spot.taken{background:var(--tone);box-shadow:0 0 .8rem rgba(var(--tone-rgb), .5)}.product-offer-card{border:1px solid rgba(var(--tone-rgb), .35);background:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(var(--tone-rgb), .16), transparent 70%), var(--bg-footer);box-shadow:0 3rem 8rem #00000080, 0 0 6rem rgba(var(--tone-rgb), .08);border-radius:2.4rem;flex-direction:column;gap:2.2rem;padding:3.2rem;display:flex}.product-offer-head{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.product-offer-price{align-items:flex-end;gap:1.4rem;display:flex}.product-offer-amount{line-height:.85}.product-offer-note{flex-direction:column;gap:.2rem;padding-bottom:.6rem;display:flex}.product-offer-perks{flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.product-offer-perks li{align-items:center;gap:1.2rem;display:flex}@media (min-width:992px){.product-offer{grid-template-columns:minmax(0,1fr) 46rem}}@media (prefers-reduced-motion:no-preference){html[data-reveal-ready] .product-spot.taken{box-shadow:none;background:#ffffff12}html[data-reveal-ready] [data-shown] .product-spot.taken{background:var(--tone);box-shadow:0 0 .8rem rgba(var(--tone-rgb), .5);transition:background-color .3s,box-shadow .3s;transition-delay:calc(.3s + var(--s) * 9ms)}}
.product-sessions{flex-direction:column;gap:4rem;padding-bottom:10rem;display:flex}.product-session-list{flex-direction:column;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.product-session{background:var(--bg-footer);border:1px solid #ffffff12;border-radius:1.8rem;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:1.6rem 2.4rem;padding:2rem 2.4rem;transition:border-color .3s,transform .3s;display:grid}.product-session:hover{border-color:rgba(var(--tone-rgb), .35)}.product-session.live{border-color:rgba(var(--tone-rgb), .45);background:linear-gradient(110deg, rgba(var(--tone-rgb), .12), rgba(var(--tone-rgb), .02) 60%), var(--bg-footer);box-shadow:0 0 0 1px rgba(var(--tone-rgb), .1), 0 1.6rem 4rem rgba(var(--tone-rgb), .08)}.product-session-date{color:var(--text-soft);flex-direction:column;align-items:center;gap:.2rem;display:flex}.product-session-date .label-text{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.product-session.live .product-session-date,.product-session.live .product-session-date .label-text{color:var(--tone)}.product-session-copy{flex-direction:column;gap:.4rem;display:flex}.product-session-host{align-items:center;gap:1rem;display:none}.product-session-avatar{background:rgba(var(--tone-rgb), .12);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.product-session-time{display:none}.product-session>:last-child{grid-column:1/-1;justify-self:start}.product-session-dot{background:currentColor;border-radius:50%;width:.7rem;height:.7rem;animation:1.2s ease-in-out infinite qt-pulse}@media (min-width:992px){.product-session{grid-template-columns:5.6rem minmax(0,1fr) 18rem 13rem 16rem}.product-session-host,.product-session-time{display:flex}.product-session>:last-child{grid-column:auto;justify-self:stretch}}
.product-steps{flex-direction:column;gap:4.8rem;padding-bottom:10rem;display:flex}.product-step-list{gap:3.2rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.product-step{flex-direction:column;gap:1.2rem;display:flex;position:relative}.product-step-node{z-index:1;border:1px solid rgba(var(--tone-rgb), .45);background:var(--bg-card);width:4.8rem;height:4.8rem;box-shadow:0 0 0 .8rem var(--bg-card), 0 0 3rem rgba(var(--tone-rgb), .2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (min-width:992px){.product-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem}.product-step-list:before,.product-step-list:after{content:"";height:1px;position:absolute;top:2.4rem;left:2.4rem;right:2.4rem}.product-step-list:before{background:#ffffff14}.product-step-list:after{background:linear-gradient(90deg, var(--tone), rgba(var(--tone-rgb), .4));box-shadow:0 0 1.2rem rgba(var(--tone-rgb), .6);transform:scaleX(clamp(0, calc((var(--scene,0) - .3) * 3), 1));transform-origin:0}}