body.offer-social{margin:0;color:#202923;background:radial-gradient(ellipse at 50% 0%,#dce9df 0,transparent 52%),#f3f4ef}
.social-page,.social-page *{box-sizing:border-box}
.social-page{width:100%;max-width:456px;min-height:100svh;margin:0 auto;padding:18px 18px 26px}
.social-page [hidden]{display:none!important}
.social-page a{color:inherit}
.social-page button{font:inherit}
.social-page a:focus-visible,.social-page button:focus-visible,.social-page summary:focus-visible{outline:3px solid #446c51;outline-offset:4px}
.social-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-bottom:25px}
.social-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff8c;border:1px solid #dce4d9;border-radius:50%;text-decoration:none}
.social-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-identity{display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px;line-height:1.35}
.social-identity img{width:32px;height:32px;object-fit:cover;object-position:center 32%;border-radius:50%;border:2px solid white}
.social-identity strong{display:block;font-weight:600}
.social-identity span{display:block;font-size:11px;color:#59685c}
.social-page h1{font-size:34px;line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:0}
.social-page h2{font-size:21px;line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0}
.social-page h3{font-size:15px;line-height:1.3;font-weight:600;margin:0}
.social-page p{margin:0}
.page-label{font-size:12px;line-height:1.4;font-weight:600;color:#49614e;margin-bottom:8px!important}
.page-intro{font-size:15px;line-height:1.55;color:#4d5b50;margin-top:12px!important}
.social-hero{margin-bottom:22px}
.social-note{font-size:12px;line-height:1.5;color:#5a675d}
.module-meta{display:flex;align-items:center;gap:9px;margin-top:15px}
.soft-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:30px;background:#e0eada;color:#304b37;font-size:11px;font-weight:600}
.video-stage{position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;border-radius:18px;background:#dbe3d8;border:1px solid #d2decc}
.video-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.video-stage iframe{display:block;width:100%;height:100%;border:0}
.video-stage:has(iframe){aspect-ratio:16/9;background:#111}
.video-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;color:white;border:0;width:100%;padding:18px;background:linear-gradient(0deg,#142319aa,transparent 75%);cursor:pointer}
.video-poster:disabled{cursor:default}
.play-disc{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff24;backdrop-filter:blur(5px)}
.play-disc svg{width:19px;height:19px;fill:currentColor;margin-left:3px}
.poster-label{font-size:14px;font-weight:600;text-shadow:0 1px 8px #14231988}
.current-video{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:13px 1px 18px}
.current-video span{font-size:11px;color:#5a675d}
.lesson-panel{padding:16px 0 0;border-top:1px solid #d6dfd1}
.lesson-panel h2{font-size:16px;margin-bottom:12px}
.lesson-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lesson-button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:11px;align-items:center;min-height:62px;padding:12px;background:#ffffffd9;border:1px solid #e0e5dc;border-radius:12px;text-align:left;color:#202923;cursor:pointer}
.lesson-button[aria-current=true]{background:#e4eddf;border-color:#bcccaf}
.lesson-button:disabled{cursor:wait}
.lesson-number{font-size:11px;color:#5e715e;background:#edf2e9;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600}
.lesson-button strong{font-size:13px;line-height:1.35;font-weight:600}
.lesson-button svg{width:13px;height:13px;fill:#4d6752}
.error-box{font-size:13px;line-height:1.5;color:#65502e;border:1px solid #daccb1;border-radius:12px;padding:13px;background:#faf7ee;margin-top:12px}
.text-button{min-height:44px;border:0;background:transparent;text-decoration:underline;color:inherit;padding:8px 0;cursor:pointer;font-size:13px!important}
.module-status{font-size:12px;color:#526256;line-height:1.5;margin-top:11px!important}
.offer-followup{margin-top:28px}
.offer-followup h2{font-size:19px;margin-bottom:12px}
.mini-offer{display:grid;grid-template-columns:48px minmax(0,1fr) 15px;align-items:center;gap:12px;border:1px solid #d6dfd0;border-radius:16px;background:#e4eddf;padding:16px 14px;text-decoration:none}
.mini-offer img{width:48px;height:58px;object-fit:cover;border-radius:9px}
.mini-offer strong{display:block;font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.mini-offer .offer-description{display:block;font-size:12px;line-height:1.45;color:#4d5b50;margin-top:5px}
.offer-price{display:block;font-size:12px;line-height:1.4;font-weight:600;color:#304b37;margin-top:9px}
.card-arrow{width:15px;height:15px;fill:none;stroke:#4d6752;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.membership-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 35%;display:block;border-radius:16px;margin:20px 0}
.price-card{padding:20px;border:1px solid #cddbc6;border-radius:18px;background:#e4eddf}
.price-line{display:flex;align-items:baseline;gap:4px}
.price-line strong{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.04em}
.price-line span{font-size:15px;color:#465e4b}
.price-card .social-note{margin-top:6px}
.primary-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid #294632;border-radius:12px;padding:12px 16px;background:#294632;color:#fff!important;font-size:15px!important;font-weight:600;text-decoration:none;cursor:pointer}
.primary-action:disabled{opacity:.55;cursor:default}
.price-card .primary-action{margin-top:17px}
.terms-note{font-size:11px;line-height:1.5;color:#56665a;margin-top:10px!important;text-align:center}
.membership-includes{margin-top:26px}
.benefit{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin-top:17px}
.benefit-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e1eada;color:#426047}
.benefit-mark svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit p{font-size:13px;line-height:1.55;color:#4d5b50;margin-top:5px}
.membership-faq{margin-top:28px;padding-top:24px;border-top:1px solid #d6dfd1}
.membership-faq details{border-bottom:1px solid #d6dfd1;padding:4px 0}
.membership-faq summary{cursor:pointer;font-size:14px;line-height:1.4;min-height:52px;padding:16px 20px 16px 0}
.membership-faq details p{font-size:13px;line-height:1.6;color:#4d5b50;padding:0 0 16px}
.secondary-link{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #d3decf;border-radius:12px;text-decoration:none;font-size:14px;background:#ffffffa6;margin-top:12px}
.secondary-copy{font-size:12px;line-height:1.6;color:#5a675d;margin-top:17px!important}
.social-footer{display:flex;align-items:center;justify-content:center;gap:0 21px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:#5a675d}
.social-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
@media(min-width:600px){.social-page{padding-top:28px}.social-topbar{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.social-page *{scroll-behavior:auto!important}}