.spot{display:grid;gap:16px;align-items:center}@media(max-width:1023px){.spot>.spot-copy{display:contents}.spot-copy>.eyebrow,.spot-copy>h1,.spot-copy>h2{order:-1}.spot-copy>.eyebrow{margin-bottom:-4px}.spot>.trailer{margin-block:8px}}@media(min-width:1024px){.spot{grid-template-columns:7fr 5fr;gap:64px}.spot-copy{order:-1}}.spot-copy{display:grid;gap:16px}.spot-copy h1,.spot-copy h2{font-weight:300;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem);line-height:1.35}.trailer{aspect-ratio:4 / 5;border-radius:var(--r-panel);box-shadow:var(--sh-xl),inset 0 1px #fff6;background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(255,255,255,.35),transparent 60%),linear-gradient(170deg,var(--photo-a),var(--photo-b) 70%,var(--photo-c))}@media(min-width:1024px){.trailer{aspect-ratio:5 / 6}}.trailer .cap{position:absolute;inset-inline:0;bottom:0;padding:48px 20px 18px;color:#fbf3f0;background:linear-gradient(transparent,#2a1618b8);font-size:.875rem}.trailer .chip{inset-inline-start:auto;inset-inline-end:14px;top:14px}.facts{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:6px;list-style:none;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}@media(min-width:640px){.facts{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}}.fact{display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 8px;text-align:center}.fact+.fact{border-inline-start:1px solid var(--edge)}@media(max-width:639px){.fact:nth-child(odd){border-inline-start:0}.fact:nth-child(n+3){border-top:1px solid var(--edge)}}.fi{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gold-soft);color:var(--gold)}.fi .gi{width:22px;height:22px}.fact b{font-size:.9375rem;font-weight:600;line-height:1.55}.buy{display:grid;gap:14px;padding:22px;border-radius:var(--r-panel);background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}.buy .row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.buy .big{font-size:2.25rem;font-weight:300;line-height:1.25}.buy s{color:var(--ink-3);font-size:.9375rem}.buy .off{align-self:center;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--rose-soft);color:var(--rose-ink);font-size:.75rem;font-weight:600}.buy .actions{display:grid;gap:10px}@media(min-width:640px){.buy .actions{grid-template-columns:auto auto;justify-content:start}}.buy small{color:var(--ink-3);font-size:.8125rem;line-height:1.8}.spot-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-inner);background:var(--gold-soft);color:var(--ink-2);font-size:.8125rem;line-height:1.85}.spot-note .gi{margin-top:3px;color:var(--gold)}.learn-wrap{margin-top:56px}.learn-title{margin-bottom:16px;font-size:1.25rem}.learn{display:grid;gap:12px;margin:0;padding:0;list-style:none}@media(min-width:768px){.learn{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1024px){.learn{grid-template-columns:repeat(3,1fr)}}.learn li{display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:14px;padding:18px;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}.learn i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--gold-soft);color:var(--gold);font-style:normal;font-weight:600;font-size:.9375rem}.learn span{font-size:.9375rem;line-height:1.8}.spot-more{margin-top:32px;text-align:center}.syl{max-width:860px;margin-inline:auto}.syl details,.syl-flat{margin-bottom:12px;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}.syl details[open]{background:var(--glass-strong)}.syl summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;border-radius:var(--r-card);font-weight:600;list-style:none;cursor:pointer}.syl summary::-webkit-details-marker{display:none}.syl summary .n{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--rose-soft);color:var(--rose-ink);font-size:.9375rem}.syl summary .ct{min-width:0}.syl summary .meta{margin-inline-start:auto;font-weight:400;font-size:.8125rem;color:var(--ink-3);white-space:nowrap}.syl summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--edge);color:var(--ink-2);font-weight:300;font-size:1.3rem;line-height:1;transition:transform .35s var(--ease)}.syl details[open] summary:after{transform:rotate(45deg)}.syl ol{margin:0;padding:0 16px 10px;list-style:none}.syl-flat ol{padding-top:6px}.syl li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:56px;padding:8px 0;border-top:1px solid var(--edge);font-size:.9375rem}.syl-flat li:first-child{border-top:0}.syl li .lt{flex:1 1 180px}.syl li .t{font-size:.8125rem;color:var(--ink-3)}.play-free{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--rose-soft);color:var(--rose-ink);font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,transform .15s var(--press)}.play-free .gi{width:18px;height:18px}.play-free:hover{background:var(--rose);color:var(--on-rose)}.play-free:active{transform:scale(.96)}.free-count{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:.75rem;font-weight:600}.sticky-buy{position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:12px;padding:8px;padding-inline-start:16px;border-radius:24px;transform:translateY(calc(100% + 30px));transition:transform .45s var(--ease)}.sticky-buy.show{transform:none}.sticky-buy .p{display:grid;min-width:0;line-height:1.5}.sticky-buy .p small{overflow:hidden;font-size:.75rem;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis}.sticky-buy .p b{font-weight:600}.sticky-buy .btn{margin-inline-start:auto;min-height:48px;padding:0 22px}@media(min-width:1024px){.sticky-buy{display:none}}.teacher-wrap{display:grid;gap:14px}.teacher{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:22px;border-radius:var(--r-panel);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}.teacher .av{display:block;width:84px;height:104px;overflow:hidden;border-radius:999px 999px 18px 18px;background:linear-gradient(170deg,var(--photo-a),var(--photo-c));border:1px solid var(--glass-line);box-shadow:var(--sh-sm)}.teacher .av img{width:100%;height:100%;object-fit:cover}.teacher b{font-size:1.125rem}.teacher p{color:var(--ink-2);font-size:.9375rem}.qty{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--ink-2)}.qty-ctl{display:flex;align-items:center;gap:6px;padding:2px;border-radius:16px;border:1px solid var(--edge);background:var(--field)}.qty-ctl output{min-width:2ch;text-align:center;font-weight:600}.product-cover{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--r-panel);box-shadow:var(--sh-xl);background:linear-gradient(170deg,var(--photo-a),var(--photo-b) 70%,var(--photo-c))}.product-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:24px}.product-images img{width:100%;height:auto;border-radius:var(--r-inner)}.course-more{display:grid;gap:36px;max-width:860px}.course-more>section{display:grid;gap:16px}.course-more .faq{margin:0}.reels{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;margin:-6px -16px -28px;padding:6px 16px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}@media(min-width:640px){.reels{grid-auto-columns:36%}}@media(min-width:1024px){.reels{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;overflow:visible}.reels-sm{grid-template-columns:repeat(3,1fr)}.reels.reels-scroll{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 60px)/4);margin:-6px -10px -28px;padding:6px 10px 28px;overflow-x:auto}}.reels-one{grid-auto-columns:min(72%,300px)}@media(min-width:1024px){.reels-one{grid-template-columns:minmax(0,300px)}}.reel-arrows{display:none}@media(min-width:1024px){.reel-arrows{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.reel-arrows .icon-btn{background:var(--glass-strong);border:1px solid var(--edge);box-shadow:var(--sh-xs),var(--inset)}}.reel-hint{display:inline-flex;align-items:center;justify-self:start;min-height:32px;padding:0 14px;border-radius:999px;font-size:.8125rem;color:var(--ink-2);background:var(--glass-strong);border:1px solid var(--edge)}.reel{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;aspect-ratio:9 / 16;margin:0;padding:0;border:0;border-radius:var(--r-card);background:var(--stage);color:#fbf3f0;text-align:start;scroll-snap-align:start;box-shadow:var(--sh-md);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}button.reel:hover{transform:translateY(-4px);box-shadow:0 26px 50px -20px #5a2f358c}.reel .poster{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}button.reel:hover .poster{transform:scale(1.04)}button.reel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,16,16,.35) 0%,transparent 22%,transparent 46%,rgba(30,16,16,.88) 100%)}button.reel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff38;transition:box-shadow .5s var(--ease);pointer-events:none}button.reel:hover:after,button.reel:focus-visible:after{box-shadow:inset 0 0 0 2px #f1c4c0d9}.reel .top{position:absolute;top:12px;inset-inline:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.reel .who-mini{display:flex;align-items:center;gap:8px;min-width:0;font-size:.8125rem;font-weight:600}.reel .av,.rv-head .av{flex:none;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:999px;border:2px solid rgba(255,255,255,.8);background:linear-gradient(150deg,#a86b6f,#5a2f35);font-style:normal;font-size:.8125rem;color:#fff}.reel .av img,.rv-head .av img{width:100%;height:100%;object-fit:cover}.reel .dur{padding:0 10px;border-radius:999px;background:#1e10108c;font-size:.75rem}.reel .pp{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#ffffff2e;color:#fff;box-shadow:inset 0 1px #ffffff59;transition:transform .5s var(--ease),background .5s}.reel .pp .gi{width:24px;height:24px;margin-left:3px}.reel .pp:before{content:"";position:absolute;inset:-1px;border-radius:999px;border:1px solid rgba(255,255,255,.7);animation:pulse-ring 2.8s var(--ease) infinite}button.reel:hover .pp{transform:scale(1.1);background:#ffffff47}.reel .cap{position:absolute;inset-inline:14px;bottom:14px;display:grid;gap:4px}.reel .cap q{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:300;font-size:1rem;line-height:1.75;quotes:"«" "»"}.reel .cap small{font-size:.75rem;color:#fbf3f0d9}.reel .bar{height:3px;margin-top:6px;overflow:hidden;border-radius:3px;background:#fff3}.reel .bar i{display:block;width:100%;height:100%;background:#f1c4c0;transform:scaleX(0);transform-origin:right}button.reel:hover .bar i,button.reel:focus-visible .bar i{transition:transform 1.2s linear;transform:scaleX(1)}.reels-sm .reel .cap q{font-size:.9375rem}.text-card{display:flex;flex-direction:column;gap:12px;padding:20px 18px;background:var(--glass);color:var(--ink);border:1px solid var(--glass-line);box-shadow:var(--sh-md),var(--inset)}.text-card .qm{width:32px;height:32px;color:var(--gold-line)}.text-card blockquote{display:-webkit-box;overflow:hidden;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.85}.text-card[data-open] blockquote{display:block;overflow-y:auto}.text-card .more-toggle{align-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--rose-ink);font-weight:600;font-size:.875rem}.text-card figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}.text-card figcaption b{display:block;font-size:.9375rem}.text-card figcaption small{font-size:.75rem;color:var(--ink-3)}.rv-wait{position:fixed;inset:0;z-index:80;background:#100a09f2}@media(prefers-reduced-motion:reduce){button.reel:hover{transform:none}.reel .pp:before{display:none}}
