.product-hero{background:var(--cream);padding-top:calc(var(--nav-height) + clamp(10px, 1.4vw, 20px));padding-bottom:clamp(10px,1.4vw,20px);position:relative}.product-hero__wrap{width:100%;max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.product-hero__panel{isolation:isolate;min-height:clamp(260px,34vh,400px);padding:clamp(32px, 4.5vw, 64px) var(--space-fluid-lg);border-radius:var(--radius-lg);color:var(--white);background-color:var(--ink);align-items:center;display:flex;position:relative;overflow:hidden}.product-hero__bg{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0}img.product-hero__bg{object-fit:cover;width:100%;height:100%}.product-hero__scrim{z-index:-1;pointer-events:none;background:linear-gradient(#0000008c 0%,#00000073 50%,#000000b3 100%),#00000026;position:absolute;inset:0}.product-hero__panel--sage{background-image:radial-gradient(ellipse 70% 130% at 85% -15%, color-mix(in srgb, var(--sage) 55%, transparent) 0%, transparent 65%), radial-gradient(ellipse 55% 100% at 8% 120%, color-mix(in srgb, var(--clay) 30%, transparent) 0%, transparent 60%)}.product-hero__panel--clay{background-image:radial-gradient(ellipse 70% 130% at 85% -15%, color-mix(in srgb, var(--clay) 55%, transparent) 0%, transparent 65%), radial-gradient(ellipse 55% 100% at 8% 120%, color-mix(in srgb, var(--sage) 32%, transparent) 0%, transparent 60%)}.product-hero__panel--ink{background-image:radial-gradient(ellipse 70% 130% at 85% -15%, color-mix(in srgb, var(--white) 22%, transparent) 0%, transparent 65%), radial-gradient(ellipse 55% 100% at 8% 120%, color-mix(in srgb, var(--white) 10%, transparent) 0%, transparent 60%)}.product-hero__content{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,20px);max-width:720px;display:flex;position:relative}.product-hero__back{border:1.5px solid color-mix(in srgb, var(--white) 25%, transparent);background:color-mix(in srgb, var(--white) 8%, transparent);font-size:var(--fs-sm);color:color-mix(in srgb, var(--white) 85%, transparent);border-radius:999px;align-items:center;gap:8px;margin-bottom:clamp(4px,.8vw,10px);padding:10px 16px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.product-hero__back:hover{background:color-mix(in srgb, var(--white) 15%, transparent);border-color:color-mix(in srgb, var(--white) 50%, transparent);color:var(--white)}.product-hero__heading{font-size:var(--fs-3xl);color:var(--white)}.product-hero__sub{font-size:var(--fs-lg);color:color-mix(in srgb, var(--white) 82%, transparent);line-height:1.6}.product-hero__audience{flex-direction:column;gap:10px;margin-top:clamp(4px,.8vw,10px);display:flex}.product-hero__cta{margin-top:clamp(6px,1vw,14px)}.product-hero__audience-label{font-size:var(--fs-md);color:color-mix(in srgb, var(--white) 80%, transparent);font-weight:600}.product-hero__audience-list{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.product-hero__audience-pill{border:1px solid color-mix(in srgb, var(--white) 22%, transparent);background:color-mix(in srgb, var(--white) 10%, transparent);font-size:var(--fs-md);color:color-mix(in srgb, var(--white) 88%, transparent);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;display:inline-flex}.product-hero__audience-pill svg{color:var(--clay);flex-shrink:0}@media (width<=768px){.product-hero__panel{border-radius:28px;min-height:auto}.product-hero__heading{font-size:var(--fs-2xl)}.product-hero__sub{font-size:var(--fs-md)}}.product-hero__content--wide{width:100%;max-width:none}.product-hero__content--wide .product-hero__back{font-size:var(--fs-base);color:var(--white);background:0 0;border:none;padding:0;font-weight:700}.product-hero__content--wide .product-hero__back:hover{color:var(--white);opacity:.8;background:0 0;border-color:#0000}.product-hero__row{align-items:center;gap:var(--space-fluid-lg);grid-template-columns:3fr 2fr;width:100%;display:grid}.product-hero__row .product-hero__sub{min-width:0;max-width:640px}.course-hero__actions{align-items:stretch;gap:var(--space-12px);flex-direction:column;min-width:0;display:flex}.product-hero__row .product-hero__cta{margin-top:0}.course-hero__cta{gap:var(--space-10px);word-spacing:.05em}.course-hero__actions .btn{white-space:normal;text-align:center;flex-wrap:wrap;row-gap:2px;line-height:1.3}.course-hero__cta-price{font-weight:500}@media (width<=768px){.product-hero__row{grid-template-columns:1fr;align-items:start}}.course-curriculum{padding:clamp(32px,3.5vw,56px) 0}.course-curriculum__inner{text-align:center;align-items:center;gap:var(--space-fluid-lg);flex-direction:column;display:flex}.course-curriculum__header{text-align:center;align-items:center;gap:var(--space-12px);flex-direction:column;display:flex}.course-curriculum__heading{font-size:var(--fs-2xl)}.course-curriculum__groups{gap:var(--space-fluid-sm);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}@media (width<=900px){.course-curriculum__groups{grid-template-columns:1fr}}.course-curriculum__group:not(:first-child){border-left:1px solid var(--line-strong);padding-left:var(--space-fluid-sm)}@media (width<=900px){.course-curriculum__group:not(:first-child){border-left:none;border-top:1px solid var(--line-strong);padding-left:0;padding-top:var(--space-fluid-sm)}}.course-curriculum__group-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-heading);margin:0 0 var(--space-12px);font-weight:600}.course-curriculum__list{gap:var(--space-10px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.course-curriculum__list li{align-items:flex-start;gap:var(--space-10px);font-size:var(--fs-md);color:var(--text-body);display:flex}.course-curriculum__list svg{color:var(--sage);flex-shrink:0;margin-top:calc(.5lh - 8px)}.course-curriculum__footer{align-items:center;gap:var(--space-12px);padding-top:var(--space-fluid-sm);border-top:1px solid var(--line-strong);flex-direction:column;display:flex}.course-curriculum__footer-note{font-size:var(--fs-md);color:var(--text-body)}.course-floating-cta{z-index:90;align-items:center;gap:var(--space-12px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:fixed;transform:translateY(10px)}.course-floating-cta--visible{opacity:1;visibility:visible;transform:translateY(0)}.course-floating-cta__price{align-items:baseline;gap:var(--space-6px);font-size:var(--fs-md);color:var(--text-heading-on-dark);font-weight:500;display:flex}.course-floating-cta__price-label,.course-floating-cta__price-approx{color:var(--text-body-on-dark)}.course-floating-cta__note{font-size:var(--fs-md);color:var(--text-body-on-dark);font-weight:500}@media (width>=721px){.course-floating-cta{gap:var(--space-16px);padding:var(--space-12px) var(--space-10px) var(--space-12px) var(--space-20px);background:var(--sage-deep);box-shadow:0 8px 22px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:999px;bottom:clamp(16px,2.5vw,32px);left:50%;transform:translate(-50%,10px)}.course-floating-cta:not(:has(.course-floating-cta__price)):not(:has(.course-floating-cta__note)){padding:var(--space-8px)}.course-floating-cta--visible{transform:translate(-50%)}.course-floating-cta__price,.course-floating-cta__note{font-size:var(--fs-lg)}.course-floating-cta .btn{padding:var(--space-14px) var(--space-fluid-xs);font-size:var(--fs-md)}}@media (width<=720px){.course-floating-cta{padding:var(--space-12px) 76px var(--space-12px) var(--space-16px);background:var(--sage-deep);box-shadow:0 -4px 16px color-mix(in srgb, var(--ink) 15%, transparent);justify-content:flex-start;bottom:0;left:0;right:0}.course-floating-cta .btn{white-space:normal;text-align:center;flex:0 auto;min-width:0;line-height:1.3}.course-floating-cta .btn svg{flex-shrink:0}}
