.course-landing{--on-dark:var(--stage-ink);--on-dark-muted:color-mix(in srgb,var(--stage-ink) 72%,transparent);--text:var(--landing_text);--muted:var(--landing_text_muted);--shadow:0 18px 40px -18px color-mix(in srgb,var(--stage) 35%,transparent);--wrap:80rem;--wrap-pad:1rem;-webkit-font-smoothing:antialiased;background:var(--landing_background);color:var(--text);font-size:16px;line-height:1.65}main.main--bare{padding-top:var(--nav-height,6rem)}html:has(.course-landing){scroll-behavior:smooth}.course-landing img{display:block;max-width:100%}.course-landing h1,.course-landing h2,.course-landing h3{text-wrap:balance;color:var(--landing_heading);font-weight:700;line-height:1.15;margin:0}.course-landing p{margin:0}.course-landing a{color:inherit}.course-landing .markdown a{color:var(--landing_heading);font-weight:600;text-decoration:underline;text-underline-offset:3px}.course-landing .markdown a:hover{text-decoration-thickness:2px}.course-landing .markdown *+ol,.course-landing .markdown *+p,.course-landing .markdown *+ul{margin-top:1.1rem}.course-landing :focus-visible{border-radius:6px;outline:3px solid var(--accent);outline-offset:3px}.course-landing .stage :focus-visible,.course-landing .voice :focus-visible{outline-color:var(--accent-on-stage)}.course-landing .wrap{margin:0 auto;max-width:var(--wrap);padding-inline:var(--wrap-pad)}.course-landing--wide{--wrap:none}@media (min-width:640px){.course-landing{--wrap-pad:1.5rem}}@media (min-width:1024px){.course-landing{--wrap-pad:2rem}}.course-landing .eyebrow{align-items:center;color:var(--muted);display:inline-flex;font-size:.76rem;font-weight:600;gap:.5rem;letter-spacing:.14em;text-transform:uppercase}.course-landing .eyebrow:before{background:var(--accent);border-radius:3px;content:"";height:3px;width:18px}.course-landing .btn{align-items:center;border:0;border-radius:var(--r-btn);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.55rem;justify-content:center;line-height:1.2;padding:.85rem 1.5rem;text-decoration:none;transition:background .15s,box-shadow .15s;white-space:nowrap}.course-landing .btn svg{height:19px;transition:transform .15s;width:19px}.course-landing .btn:hover svg{transform:translateX(3px)}.course-landing .btn--accent{background:var(--accent);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--accent) 70%,transparent);color:var(--accent-ink)}.course-landing .btn--accent:hover{background:var(--accent-hover)}.course-landing .btn--dark{background:var(--stage);color:var(--stage-ink)}.course-landing .btn--dark:hover{background:var(--stage-2)}.course-landing .btn--line{background:var(--landing_button_secondary_background);box-shadow:inset 0 0 0 2px var(--landing_button_secondary_border);color:var(--landing_button_secondary_text)}.course-landing .btn--line:hover{background:var(--landing_button_secondary_hover_background)}.course-landing .stage{background:linear-gradient(135deg,var(--stage-2) 0,var(--stage) 60%);color:var(--stage-ink);overflow:hidden;position:relative}.course-landing .stage:before{background:radial-gradient(560px 400px at 85% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--stage-ink) 10%,transparent) 1px,transparent 1.5px) 0 0/26px 26px;content:"";inset:0;position:absolute}.course-landing .stage .wrap{align-items:start;display:grid;gap:0 clamp(36px,6vw,80px);grid-template-areas:"head showcase" "body showcase";grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding-block:clamp(32px,6vw,96px);position:relative}.course-landing .stage-head{grid-area:head}.course-landing .stage-body{grid-area:body}.course-landing .showcase{align-self:center;grid-area:showcase}.course-landing .stage .eyebrow{color:var(--accent-on-stage)}.course-landing .stage .eyebrow:before,.course-landing .voice .eyebrow:before{background:var(--accent-on-stage)}.course-landing .stage h1{color:var(--on-dark);font-size:clamp(2.1rem,1.6rem + 1.6vw,2.85rem);font-weight:800;letter-spacing:-.02em;margin:1rem 0 1.1rem}.course-landing .stage .lead{color:var(--on-dark-muted);font-weight:300;max-width:58ch}.course-landing .stage .lead b,.course-landing .stage .lead h1,.course-landing .stage .lead h2,.course-landing .stage .lead h3,.course-landing .stage .lead h4,.course-landing .stage .lead h5,.course-landing .stage .lead h6,.course-landing .stage .lead strong{color:var(--on-dark)}.course-landing .stage .lead a{color:var(--on-dark);text-decoration:underline;text-underline-offset:3px}.course-landing .chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.5rem 0 0;padding:0}.course-landing .chips li{align-items:center;background:color-mix(in srgb,var(--stage-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--stage-ink) 16%,transparent);border-radius:99px;display:flex;font-size:.86rem;font-weight:500;gap:.45rem;padding:.4rem .85rem .4rem .6rem}.course-landing .chips svg{color:var(--accent-on-stage);height:18px;width:18px}.course-landing .cta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}.course-landing .cta .request-hint{color:var(--muted);flex:1 0 100%;font-size:.92rem;margin-top:-.25rem}.course-landing .price small{display:block;font-size:.76rem;letter-spacing:.04em}.course-landing .price strong{display:block;font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.course-landing .price strong span{font-size:.5em;font-weight:600;margin-left:.25em}.course-landing .stage .price small,.course-landing .stage .price strong span{color:var(--on-dark-muted)}.course-landing .redeem{margin-top:1.4rem;max-width:520px;scroll-margin-top:calc(var(--nav-height, 6rem) + 1.5rem)}.course-landing .redeem summary{align-items:center;color:var(--on-dark);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;list-style:none;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--stage-ink) 40%,transparent);text-underline-offset:4px}.course-landing .redeem summary::-webkit-details-marker{display:none}.course-landing .code-main svg,.course-landing .redeem summary svg{color:var(--accent-on-stage);height:18px;width:18px}.course-landing .codeform{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.course-landing .codeform input{background:color-mix(in srgb,var(--stage-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--stage-ink) 30%,transparent);border-radius:var(--r-btn);color:var(--on-dark);flex:1 1 200px;font-size:.95rem;font-weight:500;letter-spacing:.08em;line-height:1.4;min-width:0;padding:.75rem 1.15rem;text-transform:uppercase}.course-landing .codeform input::-moz-placeholder{color:var(--landing_code_placeholder);letter-spacing:normal;text-transform:none}.course-landing .codeform input::placeholder{color:var(--landing_code_placeholder);letter-spacing:normal;text-transform:none}.course-landing .codeform input:focus{border-color:var(--accent-on-stage);outline:none}.course-landing .codeform .light{background:var(--stage-ink);border:0;border-radius:var(--r-btn);color:var(--stage);cursor:pointer;font-size:.95rem;font-weight:600;line-height:1.2;padding:.75rem 1.2rem}.course-landing .codeform .light:hover{background:color-mix(in srgb,var(--stage-ink) 85%,var(--stage))}.course-landing .redeem-msg{color:var(--on-dark-muted);flex-basis:100%;font-size:.82rem}.course-landing .code-main{background:color-mix(in srgb,var(--stage-ink) 7%,transparent);border:1px solid color-mix(in srgb,var(--stage-ink) 18%,transparent);border-radius:var(--r-course);margin-top:2rem;max-width:560px;padding:1.4rem 1.5rem 1rem;scroll-margin-top:calc(var(--nav-height, 6rem) + 1.5rem)}.course-landing .code-main h2{align-items:center;color:var(--on-dark);display:flex;font-size:1.15rem;gap:.55rem}.course-landing .code-main p.hint{color:var(--on-dark-muted);font-size:.9rem;margin-top:.35rem}.course-landing .code-main .codeform{margin-top:1rem}.course-landing .legal{color:var(--on-dark-muted);display:grid;font-size:.8rem;gap:.35rem;line-height:1.5;list-style:none;margin-top:1.6rem;max-width:60ch;padding:0}.course-landing .legal li{display:flex;gap:.5rem}.course-landing .legal svg{flex:none;height:16px;margin-top:.1rem;width:16px}.course-landing .showcase{margin-inline:auto;max-width:300px;position:relative;width:100%}.course-landing .stage-body{margin-top:1.1rem}.course-landing .showcase:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 45%,transparent),transparent);border-radius:50%;content:"";filter:blur(10px);inset:8% -14% -6% -14%;position:absolute}.course-landing .ccard{background:var(--landing_course_card_background);border:1px solid var(--landing_course_card_border);border-radius:var(--r-course);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--landing_course_card_shadow) 60%,transparent);overflow:hidden;position:relative;transform:rotate(-3deg);transition:transform .35s ease}.course-landing .showcase:hover .ccard{transform:rotate(0) translateY(-6px)}.course-landing .ccard>img{aspect-ratio:3/4;border-radius:calc(var(--r-course) - 1px) calc(var(--r-course) - 1px) 0 0;-o-object-fit:cover;object-fit:cover;width:100%}.course-landing .ccard-time{align-items:center;background:var(--landing_course_card_time_background);border:1px solid var(--landing_course_card_time_border);border-left:0;border-radius:0 var(--r-time) var(--r-time) 0;color:var(--landing_course_card_time_text);display:flex;font-size:.875rem;font-weight:500;gap:.55rem;left:0;padding:.5rem .75rem;position:absolute;top:24px}.course-landing .ccard-time svg{height:19px;width:19px}.course-landing .ccard-author{align-items:center;color:var(--landing_course_card_author);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-top:-20px;padding-inline:24px;position:relative}.course-landing .ccard-author .avatar-slot{border-radius:50%;flex:none;height:40px;width:40px}.course-landing .ccard-author .avatar-slot img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.course-landing .ccard-author>span{margin-top:18px}.course-landing .ccard-title{color:var(--landing_course_card_title);font-size:1.2rem;font-weight:600;line-height:1.3;padding:.55rem 24px 1.3rem}.course-landing .float{align-items:center;animation:course-landing-bob 5s ease-in-out infinite;border-radius:16px;box-shadow:0 16px 30px -14px color-mix(in srgb,var(--landing_course_card_shadow) 55%,transparent);display:flex;font-size:.84rem;font-weight:600;gap:.55rem;padding:.55rem .9rem;position:absolute;z-index:2}.course-landing .float b{font-size:1.25rem;font-weight:800;line-height:1}.course-landing .float--a{background:var(--landing_float_background);color:var(--landing_float_text);right:-12%;top:14%}.course-landing .float--b{animation-delay:-2.5s;background:var(--landing_float_bonus_background);bottom:20%;color:var(--landing_float_bonus_text);left:-16%}@keyframes course-landing-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.course-landing .ribbon{background:var(--accent);color:var(--accent-ink);overflow:hidden}.course-landing .ribbon-track{animation:course-landing-marquee 80s linear infinite;display:flex;width:-moz-max-content;width:max-content}.course-landing .ribbon:hover .ribbon-track{animation-play-state:paused}.course-landing .ribbon ul{display:flex;list-style:none;margin:0;padding:.75rem 0}.course-landing .ribbon li{align-items:center;display:flex;font-size:.92rem;font-weight:600;gap:1.25rem;padding-left:1.25rem;white-space:nowrap}.course-landing .ribbon li:after{background:var(--accent-ink);border-radius:50%;content:"";height:6px;width:6px}@keyframes course-landing-marquee{to{transform:translateX(-50%)}}.course-landing section.block{padding-block:clamp(56px,8vw,100px)}.course-landing .tint{background:var(--landing_section_background)}.course-landing .head{align-items:end;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;margin-bottom:clamp(28px,4vw,44px)}.course-landing .head h2{font-size:clamp(1.6rem,1.4rem + .6vw,1.95rem);letter-spacing:-.015em;margin-top:.5rem}.course-landing .head p{color:var(--muted);max-width:50ch}.course-landing .head .head-course{color:var(--landing_heading);font-size:1.02rem;font-weight:600;margin-top:.35rem;max-width:50ch}.course-landing .numbers{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.course-landing .num{background:var(--landing_number_background);border-radius:var(--r-course);overflow:hidden;padding:1.5rem 1.4rem 1.4rem;position:relative}.course-landing .num b{color:var(--landing_number_text);display:block;font-size:clamp(2.2rem,1.8rem + 1.2vw,2.9rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1}.course-landing .num b small{font-size:.45em;font-weight:700;letter-spacing:0;margin-left:.15em}.course-landing .num span{color:color-mix(in srgb,var(--landing_number_text) 78%,transparent);display:block;font-size:.92rem;line-height:1.45;margin-top:.55rem}.course-landing .num:after{background:var(--landing_background);border-radius:50%;content:"";height:84px;position:absolute;right:-26px;top:-26px;width:84px}.course-landing .num--hero{background:var(--stage)}.course-landing .num--hero b{color:var(--on-dark);font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem);letter-spacing:-.01em;line-height:1.25}.course-landing .num--hero span{color:var(--on-dark-muted)}.course-landing .num--hero:after{background:var(--accent)}.course-landing .path{background:var(--landing_card_background);border:1px solid var(--landing_card_border);border-radius:var(--r-course);margin-bottom:40px;padding:clamp(20px,3vw,32px)}.course-landing .path-top{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;margin-bottom:1.25rem}.course-landing .path-top strong{color:var(--landing_heading);font-size:1rem}.course-landing .legend{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:1rem;list-style:none;margin:0;padding:0}.course-landing .legend li{align-items:center;display:flex;gap:.4rem}.course-landing .legend i{border-radius:4px;display:inline-block;height:12px;width:12px}.course-landing .legend .main{background:var(--bar-main)}.course-landing .legend .bonus{background:var(--bar-bonus)}.course-landing .bars-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:.25rem}.course-landing .bars{display:grid;gap:10px;grid-template-columns:repeat(var(--count),minmax(38px,1fr));height:240px;min-width:min(520px,100%);padding-top:24px}.course-landing .bar{background:none;border:0;cursor:pointer;display:grid;font:inherit;grid-template-rows:1fr auto;height:100%;padding:0;position:relative}.course-landing .bar .col{display:block;position:relative}.course-landing .bar .fill{background:var(--bar-main);border-radius:10px 10px 4px 4px;bottom:0;height:var(--h);left:0;min-height:10px;position:absolute;right:0;transition:background .15s}.course-landing .bar[data-kind=bonus] .fill{background:var(--bar-bonus)}.course-landing .bar .min{bottom:calc(var(--h) + 6px);color:var(--landing_module_time_text);font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:600;left:0;position:absolute;right:0;text-align:center}.course-landing .bar .no{color:var(--muted);font-size:.78rem;font-weight:500;margin-top:.4rem;text-align:center}.course-landing .bar:focus-visible .fill,.course-landing .bar:hover .fill{background:var(--bar-main-hover)}.course-landing .bar[data-kind=bonus]:focus-visible .fill,.course-landing .bar[data-kind=bonus]:hover .fill{background:var(--bar-bonus-hover)}.course-landing .bar .tip{background:var(--landing_tip_background);border-radius:8px;bottom:max(calc(var(--h)/2),34px);box-shadow:0 0 0 1px color-mix(in srgb,var(--landing_tip_text) 20%,transparent),0 0 0 4px var(--landing_tip_border),0 8px 20px -8px color-mix(in srgb,var(--landing_tip_text) 50%,transparent);color:var(--landing_tip_text);font-size:.78rem;font-weight:500;left:50%;opacity:0;padding:.35rem .6rem;pointer-events:none;position:absolute;transform:translate(calc(-50% + var(--tip-shift, 0px)),50%);transition:opacity .15s;white-space:nowrap;z-index:2}.course-landing .bar:focus-visible .tip,.course-landing .bar:hover .tip{opacity:1}.course-landing .bars:not(.tips-measured) .bar:first-child .tip{left:0;right:auto;transform:translateY(50%)}.course-landing .bars:not(.tips-measured) .bar:last-child .tip{left:auto;right:0;transform:translateY(50%)}.course-landing .modules{display:grid;gap:28px 22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0}.course-landing .mod{display:flex;flex-direction:column;scroll-margin-top:24px;transition:transform .18s}.course-landing .mod:hover{transform:translateY(-4px)}.course-landing .mod.flash .mod-body{box-shadow:0 0 0 3px var(--accent)}.course-landing .mod-tab{align-items:center;align-self:flex-start;background:var(--landing_module_background);border-radius:var(--r-card) var(--r-card) 0 0;color:var(--landing_module_time_text);display:flex;font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:600;gap:.4rem;padding:.55rem .95rem .45rem;position:relative}.course-landing .mod-tab:after{background:radial-gradient(circle at 100% 0,transparent 13.5px,var(--landing_module_background) 14px);bottom:0;content:"";height:14px;position:absolute;right:-14px;width:14px}.course-landing .mod-tab svg{height:17px;width:17px}.course-landing .mod-tab .bonus{background:var(--accent);border-radius:99px;color:var(--accent-ink);font-size:.64rem;letter-spacing:.06em;margin-left:.35rem;padding:.1rem .45rem;text-transform:uppercase}.course-landing .mod-body{background:var(--landing_module_background);border-radius:0 var(--r-card) var(--r-card) var(--r-card);display:flex;flex:1;flex-direction:column;overflow:hidden;transition:box-shadow .18s}.course-landing .mod:hover .mod-body{box-shadow:0 16px 30px -14px var(--landing_module_shadow)}.course-landing .mod-body img{aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%}.course-landing .mod-text{display:grid;gap:.35rem;padding:1rem 1.15rem 1.3rem}.course-landing .mod-text h3{color:var(--landing_module_title);font-size:1rem;font-weight:600}.course-landing .mod-text p{color:var(--landing_module_text);font-size:.9rem;line-height:1.55}.course-landing .modules:not(.open) .mod.more{display:none}.course-landing .more-row{display:flex;justify-content:center;margin-top:36px}.course-landing .voice{background:var(--stage);border-radius:calc(var(--r-course) + 8px);color:var(--stage-ink);margin:0;overflow:hidden;padding:clamp(32px,6vw,64px);position:relative}.course-landing .voice:before{background:radial-gradient(500px 300px at 100% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--stage-ink) 8%,transparent) 1px,transparent 1.5px) 0 0/24px 24px;content:"";inset:0;position:absolute}.course-landing .voice-in{align-items:start;display:grid;gap:clamp(20px,4vw,48px);grid-template-columns:auto minmax(0,1fr);position:relative}.course-landing .qmark{font-size:clamp(6rem,4rem + 6vw,9rem);font-weight:800;line-height:.75}.course-landing .qmark,.course-landing .voice .eyebrow{color:var(--accent-on-stage)}.course-landing .slides{display:grid;margin-top:1rem;touch-action:pan-y}.course-landing .slide{grid-area:1/1;transition:opacity .3s ease,visibility .3s}.course-landing .slide:not(.on){opacity:0;visibility:hidden}.course-landing .slide blockquote{color:var(--on-dark-muted);font-size:1.05rem;font-weight:300;line-height:1.75;margin:0;max-width:68ch}.course-landing .slide blockquote *+p{margin-top:1.1rem}.course-landing .slide blockquote b{box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 -.45em 0 color-mix(in srgb,var(--landing_quote_highlight) 40%,transparent);color:var(--on-dark);font-weight:700;padding:0 .15em}.course-landing .person{align-items:center;display:flex;gap:.9rem;margin-top:1.75rem}.course-landing .person .avatar{background:var(--accent);border-radius:50%;color:var(--accent-ink);display:grid;flex:none;font-weight:700;height:50px;overflow:hidden;place-items:center;width:50px}.course-landing .person .avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.course-landing .person strong{color:var(--on-dark);display:block;line-height:1.3}.course-landing .person>span>span{color:var(--on-dark-muted);display:block;font-size:.86rem}.course-landing .slider-nav{align-items:center;display:flex;gap:1rem;margin-top:1.75rem}.course-landing .slider-nav .arrow{background:transparent;border:1px solid color-mix(in srgb,var(--stage-ink) 30%,transparent);border-radius:50%;color:var(--on-dark);cursor:pointer;display:grid;height:44px;place-items:center;transition:background .15s;width:44px}.course-landing .slider-nav .arrow:hover{background:color-mix(in srgb,var(--stage-ink) 12%,transparent)}.course-landing .slider-nav .arrow svg{height:18px;width:18px}.course-landing .dots{display:flex;gap:.5rem}.course-landing .dots button{background:color-mix(in srgb,var(--stage-ink) 35%,transparent);border:0;border-radius:99px;cursor:pointer;height:10px;padding:0;transition:width .2s,background .2s;width:10px}.course-landing .dots button[aria-current=true]{overflow:hidden;position:relative;width:28px}.course-landing .dots button[aria-current=true]:after{background:var(--accent-on-stage);content:"";inset:0;position:absolute;transform:scaleX(1);transform-origin:left}.course-landing .voice.auto .dots button[aria-current=true]:after{animation:course-landing-fill-dot 10s linear forwards}.course-landing .voice.auto.hold .dots button[aria-current=true]:after{animation-play-state:paused}@keyframes course-landing-fill-dot{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.course-landing .slider-nav .pause{height:36px;margin-left:auto;width:36px}.course-landing .slider-nav .pause svg{height:14px;width:14px}.course-landing .voice.stopped .ic-pause,.course-landing .voice:not(.stopped) .ic-play{display:none}.course-landing .count{color:var(--on-dark-muted);font-size:.84rem;font-variant-numeric:tabular-nums}.course-landing .author{align-items:center;display:grid;gap:clamp(28px,6vw,72px);grid-template-columns:minmax(0,360px) minmax(0,1fr)}.course-landing .portrait{aspect-ratio:1;margin-inline:auto;max-width:360px;position:relative;width:100%}.course-landing .portrait:has(.initials):before{background:var(--accent);border-radius:50%;content:"";inset:0;position:absolute}.course-landing .portrait img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.course-landing .portrait .initials,.course-landing .portrait img{clip-path:inset(0 0 0 0 round 50%);height:100%;position:relative;width:100%}.course-landing .portrait .initials{color:var(--accent-ink);display:grid;font-size:clamp(3rem,2rem + 4vw,5rem);font-weight:800;place-items:center}.course-landing .author h3{font-size:clamp(1.7rem,1.5rem + .6vw,2rem);margin:.5rem 0 1rem}.course-landing .author .bio{color:var(--text);max-width:60ch}.course-landing .creds{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));list-style:none;margin:1.75rem 0 0;padding:0}.course-landing .creds li{background:var(--landing_card_background);border:1px solid var(--landing_card_border);border-radius:var(--r-card);color:var(--muted);font-size:.86rem;line-height:1.45;padding:1rem}.course-landing .creds b{color:var(--landing_heading);display:block;font-size:1.05rem;margin-bottom:.15rem}.course-landing .promise{align-items:center;background:var(--accent);border-radius:calc(var(--r-course) + 8px);display:grid;gap:2rem 3rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);overflow:hidden;padding:clamp(32px,6vw,64px);position:relative}.course-landing .promise.promise--wide{grid-template-columns:minmax(0,1fr)}.course-landing .promise.promise--cta-only{grid-template-columns:minmax(0,min(420px,100%));justify-content:center}.course-landing .promise:after{border:40px solid color-mix(in srgb,var(--accent-ink) 7%,transparent);border-radius:50%;bottom:-120px;content:"";height:320px;position:absolute;right:-90px;width:320px}.course-landing .promise .eyebrow{color:var(--accent-ink)}.course-landing .promise .eyebrow:before{background:var(--accent-ink)}.course-landing .promise .big{text-wrap:balance;color:var(--accent-ink);font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem);font-weight:600;line-height:1.35;margin-top:.8rem}.course-landing .promise-cta{background:var(--landing_card_background);border-radius:var(--r-course);box-shadow:var(--shadow);display:grid;gap:1rem;padding:1.5rem;position:relative;z-index:1}.course-landing .promise-cta .price small,.course-landing .promise-cta .price strong span{color:var(--muted)}.course-landing .promise-cta .price strong{color:var(--landing_heading)}.course-landing .promise-cta .btn{width:100%}.course-landing .promise-cta .code-link{color:var(--muted);font-size:.86rem;text-align:center}.course-landing .promise-cta .code-link a{color:var(--landing_heading);font-weight:600}.course-landing .promise-cta .codeonly-text{color:var(--text);font-size:.92rem}.course-landing .guarantee{background:var(--landing_card_background);border:1px solid var(--landing_card_border);border-radius:var(--r-course);margin-inline:auto;max-width:70ch;padding:clamp(24px,4vw,40px)}.course-landing .guarantee h2{font-size:clamp(1.4rem,1.3rem + .4vw,1.7rem);margin:.5rem 0 .8rem}.course-landing .guarantee .markdown{color:var(--text)}.course-landing .faq{align-items:start;display:grid;gap:2rem clamp(32px,6vw,80px);grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.course-landing .faq-head{position:sticky;top:24px}.course-landing .faq-head h2{font-size:clamp(1.6rem,1.4rem + .6vw,1.95rem);margin:.5rem 0 .8rem}.course-landing .faq-head p{color:var(--muted)}.course-landing .faq-list{display:grid;gap:12px}.course-landing .faq details{background:var(--landing_card_background);border:1px solid var(--landing_card_border);border-radius:var(--r-card);transition:box-shadow .15s,border-color .15s}.course-landing .faq details[open]{border-color:transparent;box-shadow:0 0 0 2px var(--accent),var(--shadow)}.course-landing .faq summary{align-items:center;color:var(--landing_heading);cursor:pointer;display:flex;font-weight:600;gap:1rem;justify-content:space-between;list-style:none;padding:1.1rem 1.3rem}.course-landing .faq summary::-webkit-details-marker{display:none}.course-landing .pm{background:var(--landing_faq_toggle_background);border-radius:50%;display:grid;flex:none;height:30px;place-items:center;transition:transform .2s,background .2s;width:30px}.course-landing .pm svg{height:16px;width:16px}.course-landing .faq details[open] .pm{background:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}.course-landing .answer{color:var(--text);max-width:65ch;padding:0 1.3rem 1.2rem}.course-landing .footnote{align-items:baseline;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.35rem 1.5rem;grid-column:1/-1;justify-content:space-between;margin:clamp(28px,4vw,44px) 0 0}.course-landing .footnote p{margin:0}.course-landing .footnote .updated{margin-left:auto;text-align:right}.course-landing .footnote time{font-variant-numeric:tabular-nums}.course-landing .footnote-row{padding:0 0 clamp(32px,5vw,56px)}.course-landing .footnote-row .footnote{margin-top:0}.course-landing .price strong sup,.course-landing-stickybar .t span sup{font-size:.55em;line-height:0;margin-left:.1em;vertical-align:super}.course-landing-stickybar{background:var(--stage);bottom:0;box-shadow:0 18px 40px -18px color-mix(in srgb,var(--stage) 35%,transparent);color:var(--stage-ink);left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;transform:translateY(110%);transition:transform .25s ease;z-index:20}.course-landing-stickybar.show{transform:none}.course-landing-stickybar.instant{transition:none}html:has(.course-landing-stickybar.show) footer.footer{padding-bottom:var(--stickybar-height,72px)}.course-landing-stickybar .wrap{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin:0 auto;max-width:80rem;min-height:64px;padding:.7rem 1rem}.course-landing-stickybar--wide .wrap{max-width:none}@media (min-width:640px){.course-landing-stickybar .wrap{padding-inline:1.5rem}}@media (min-width:1024px){.course-landing-stickybar .wrap{padding-inline:2rem}}.course-landing-stickybar .t{align-items:center;display:flex;flex:1 1 auto;gap:.9rem;min-width:0}.course-landing-stickybar .t>div{min-width:0}.course-landing-stickybar .t img{border-radius:10px;flex:none;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.course-landing-stickybar strong{display:block;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-landing-stickybar .t span{color:color-mix(in srgb,var(--stage-ink) 72%,transparent);font-size:.84rem}.course-landing-stickybar .t span small{font-size:.78em}.course-landing-stickybar .t span i{font-style:normal;margin-inline:.2rem;opacity:.55}.course-landing-stickybar .btn{align-items:center;background:var(--accent);border:0;border-radius:var(--r-btn);color:var(--accent-ink);display:inline-flex;flex:0 0 auto;font-size:.95rem;font-weight:600;gap:.55rem;padding:.7rem 1.25rem;text-decoration:none;white-space:nowrap}.course-landing-stickybar .btn svg{height:19px;width:19px}.course-landing-stickybar form{display:flex;flex:0 0 auto}@media (prefers-reduced-motion:reduce){html:has(.course-landing){scroll-behavior:auto}.course-landing *,.course-landing-stickybar{animation:none!important;transition:none!important}}@media (max-width:960px){.course-landing .stage .wrap{grid-template-areas:"head" "showcase" "body";grid-template-columns:minmax(0,1fr);padding-top:1.75rem}.course-landing .showcase{margin-block:1.75rem .5rem;max-width:250px}.course-landing .author{grid-template-columns:minmax(0,1fr)}.course-landing .portrait{max-width:260px}.course-landing .faq,.course-landing .promise{grid-template-columns:minmax(0,1fr)}.course-landing .faq-head{position:static}}@media (max-width:560px){.course-landing .voice-in{grid-template-columns:minmax(0,1fr)}.course-landing .qmark{font-size:5rem;height:3.2rem}.course-landing .float--a{right:-6%}.course-landing .float--b{left:-8%}.course-landing .cta .btn{width:100%}.course-landing-stickybar .t img,.course-landing-stickybar .t span{display:none}.course-landing-stickybar .wrap{gap:.6rem;padding-inline:.9rem}.course-landing-stickybar strong{font-size:.9rem}.course-landing-stickybar .btn{font-size:.88rem;padding:.65rem .95rem}.course-landing-stickybar .btn svg{display:none}}.course-landing-preview-bar{background:#0284c7;color:#fff;font-size:.86rem}.course-landing-preview-bar .wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:.7rem 1rem}.course-landing-preview-bar .wrap>span{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;min-width:0}.course-landing-preview-bar svg{color:#e0f2fe;flex:none;height:18px;width:18px}.course-landing-preview-bar .hint{color:hsla(0,0%,100%,.8)}.course-landing-preview-bar a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media (min-width:640px){.course-landing-preview-bar .wrap{padding-inline:1.5rem}}@media (min-width:1024px){.course-landing-preview-bar .wrap{padding-inline:2rem}}.course-landing--preview .stage .wrap,.course-landing--preview .wrap.author,.course-landing--preview .wrap.faq,.course-landing--preview section.block{position:relative}.course-landing{--tool-bg:#0284c7;--tool-bg-hover:#0369a1;--tool-fg:#fff;--tool-soft:#e0f2fe}.course-landing .landing-edit{align-items:center;background:var(--tool-bg);border-radius:99px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--tool-bg-hover),0 6px 16px -6px rgba(0,0,0,.35);color:var(--tool-fg);display:inline-flex;font-size:.76rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;text-decoration:none;transition:box-shadow .15s,background .15s}.course-landing .landing-edit--corner{position:absolute;right:var(--wrap-pad);top:10px;z-index:5}.course-landing .landing-edit--inline{margin-top:1.5rem}.course-landing .landing-edit:focus-visible,.course-landing .landing-edit:hover{background:var(--tool-bg-hover)}.course-landing .landing-edit svg{flex:none;height:14px;width:14px}.course-landing .landing-edit span{display:none}.course-landing .landing-edit:focus-visible span,.course-landing .landing-edit:hover span{display:inline}.course-landing .landing-placeholder{align-items:center;background:color-mix(in srgb,var(--tool-soft) 55%,transparent);border:2px dashed color-mix(in srgb,var(--tool-bg) 45%,transparent);border-radius:var(--r-course);display:flex;flex-wrap:wrap;gap:1rem 1.25rem;padding:clamp(20px,3vw,32px);text-decoration:none;transition:border-color .15s,background .15s}.course-landing .landing-placeholder:hover{background:var(--tool-soft);border-color:var(--tool-bg)}.course-landing .landing-placeholder--inline{margin-bottom:40px}.course-landing .landing-placeholder-mark{background:var(--tool-bg);border-radius:50%;color:var(--tool-fg);display:grid;flex:none;height:42px;place-items:center;width:42px}.course-landing .landing-placeholder-mark svg{height:20px;width:20px}.course-landing .landing-placeholder>span:not([class]){flex:1 1 280px;min-width:0}.course-landing .landing-placeholder strong{color:#0c4a6e;display:block;font-size:1.05rem;font-weight:600}.course-landing .landing-placeholder strong+span{color:#075985;display:block;font-size:.9rem;line-height:1.55;margin-top:.25rem}.course-landing .landing-placeholder-action{background:var(--tool-bg);border-radius:var(--r-btn);color:var(--tool-fg);flex:none;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem}.course-landing .num--ghost{background:color-mix(in srgb,var(--tool-soft) 55%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tool-bg) 45%,transparent);display:flex;flex-direction:column;text-decoration:none;transition:background .15s,box-shadow .15s}.course-landing .num--ghost:hover{background:var(--tool-soft);box-shadow:inset 0 0 0 2px var(--tool-bg)}.course-landing .num--ghost b{color:#0c4a6e;font-size:1.15rem;font-weight:600;letter-spacing:0}.course-landing .num--ghost span{color:#075985}.course-landing .num--ghost .num--ghost-action{align-self:flex-start;background:var(--tool-bg);border-radius:var(--r-btn);color:var(--tool-fg);font-size:.86rem;font-weight:600;margin-top:auto;padding:.45rem 1rem}.course-landing .num--ghost span:not([class]){margin-bottom:.9rem}.course-landing .num--ghost:after{display:none}