.js-learn{--jockshock-black: #0a0a0a;--jockshock-yellow: #ffe500;--jockshock-yellow-warm: #fbbf24;--jockshock-text: #f3f4f6;--jockshock-muted: #9ca3af;background:var(--jockshock-black);color:var(--jockshock-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.js-learn h1,.js-learn h2,.js-learn h3{font-weight:800;letter-spacing:-.02em}.js-learn .eyebrow,.js-learn .section-eyebrow{color:var(--jockshock-yellow);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.8125rem;margin:0 0 16px}.js-learn .section-headline{font-size:clamp(2rem,4vw,3rem);color:#fff;margin:0 0 16px;line-height:1.15}.js-learn .section-sub{font-size:1.125rem;color:var(--jockshock-muted);line-height:1.65;margin:0 0 24px;max-width:720px}.js-learn .section-sub.center{margin-left:auto;margin-right:auto;text-align:center}.js-learn .inline-link{color:var(--jockshock-yellow);text-decoration:underline;text-decoration-color:#ffe50066}.js-learn .hero{position:relative;background:var(--jockshock-black);padding:100px 5% 80px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate}.js-learn .hero-bg{position:absolute;inset:0;background-image:url(https://res.cloudinary.com/southland-organics/image/upload/c_fill,w_2400,h_1200,g_auto,q_auto,f_auto/JockShock/dark-abstract-texture-pattern-background-with-spot_rpsqte);background-size:cover;background-position:center;opacity:.5;z-index:-2}.js-learn .hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,rgba(255,229,0,.1) 0%,transparent 55%),linear-gradient(135deg,#0a0a0a8c,#0a0a0ad9 65%,#0a0a0af2);z-index:-1}.js-learn .hero-grid{position:relative;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.js-learn .hero-copy{max-width:640px}.js-learn .hero-headline{font-size:clamp(2.25rem,4.5vw,3.75rem);color:#fff;line-height:1.1;margin:0 0 24px}.js-learn .hero-sub{font-size:1.125rem;color:#d1d5db;line-height:1.65;margin-bottom:16px}.js-learn .hero-promise{font-size:1.0625rem;color:var(--jockshock-text);line-height:1.65;margin-bottom:32px;padding:16px 20px;background:#ffe5000f;border-left:3px solid var(--jockshock-yellow)}.js-learn .hero-cta-row{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.js-learn .cta-primary,.js-learn .cta-secondary{display:inline-block;padding:14px 28px;border-radius:6px;font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.js-learn .cta-primary{background:var(--jockshock-yellow);color:var(--jockshock-black)}.js-learn .cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px #ffe50066}.js-learn .cta-secondary{background:transparent;color:var(--jockshock-yellow);border:1px solid rgba(255,229,0,.5)}.js-learn .cta-secondary:hover{background:#ffe50014}.js-learn .hero-trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--jockshock-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.js-learn .hero-trust li{position:relative;padding-left:12px}.js-learn .hero-trust li:before{content:"";position:absolute;left:0;top:.45em;width:4px;height:4px;background:var(--jockshock-yellow)}.js-learn .hero-product{display:flex;justify-content:center}.js-learn .hero-product img{max-width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.js-learn section{padding:80px 5%}.js-learn .why-inner,.js-learn .how-inner,.js-learn .works-on-inner,.js-learn .workarounds-inner,.js-learn .dental-note-inner,.js-learn .faq-inner,.js-learn .tiers-inner,.js-learn .related-inner{max-width:1100px;margin:0 auto}.js-learn .why{background:#111}.js-learn .how{background:var(--jockshock-black)}.js-learn .works-on{background:#111}.js-learn .workarounds{background:var(--jockshock-black)}.js-learn .dental-note{background:var(--jockshock-black);border-top:1px solid rgba(255,229,0,.18);border-bottom:1px solid rgba(255,229,0,.18)}.js-learn .faq{background:#111}.js-learn .tiers{background:var(--jockshock-black)}.js-learn .related{background:#111;border-top:1px solid rgba(255,255,255,.06)}.js-learn .steps{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.js-learn .steps li{background:#111;border:1px solid rgba(255,229,0,.18);border-radius:6px;padding:24px;position:relative}.js-learn .how .steps li{background:#111}.js-learn .why-grid+.steps li,.js-learn .steps li{background:#111}.js-learn .steps li h3{color:#fff;font-size:1.25rem;margin:0 0 8px}.js-learn .steps li p{color:var(--jockshock-muted);margin:0;line-height:1.6;font-size:.95rem}.js-learn .step-num{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:var(--jockshock-yellow);color:var(--jockshock-black);border-radius:999px;font-weight:800;margin-bottom:12px}.js-learn .why-grid,.js-learn .works-on-grid,.js-learn .wo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.js-learn .why-card,.js-learn .works-on-card,.js-learn .wo-card{background:var(--jockshock-black);border:1px solid rgba(255,229,0,.18);border-radius:6px;padding:20px}.js-learn .how .why-card,.js-learn .how .works-on-card,.js-learn .how .wo-card,.js-learn .workarounds .wo-card,.js-learn .tiers .wo-card,.js-learn .related .why-card,.js-learn .related .works-on-card{background:#111}.js-learn .why-card h3,.js-learn .works-on-card h3,.js-learn .wo-card h3{color:var(--jockshock-yellow-warm);font-size:1rem;margin:0 0 8px}.js-learn .why-card p,.js-learn .works-on-card p,.js-learn .wo-card p{color:var(--jockshock-muted);margin:0;line-height:1.6;font-size:.9rem}.js-learn .faq-list{margin-top:32px;border-top:1px solid rgba(255,255,255,.06)}.js-learn .faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.js-learn .faq-item summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 0;color:#fff;font-weight:600;font-size:1.0625rem}.js-learn .faq-item summary:hover{color:var(--jockshock-yellow)}.js-learn .faq-icon{color:var(--jockshock-yellow);font-size:1.5rem;line-height:1;transition:transform .15s}.js-learn .faq-item[open] .faq-icon{transform:rotate(45deg)}.js-learn .faq-a{color:var(--jockshock-muted);line-height:1.65;margin:0 0 24px;max-width:720px}.js-learn .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.js-learn .tier{background:#111;border:1px solid rgba(255,229,0,.25);border-radius:8px;padding:32px 24px;text-align:center;text-decoration:none;color:#fff;position:relative;transition:transform .15s,border-color .15s}.js-learn .tier:hover{transform:translateY(-2px);border-color:var(--jockshock-yellow)}.js-learn .tier.featured{border-color:var(--jockshock-yellow);background:linear-gradient(180deg,#1a1612,#111)}.js-learn .tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--jockshock-yellow);color:var(--jockshock-black);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:999px;white-space:nowrap}.js-learn .tier-label{font-size:1.5rem;font-weight:800;margin-bottom:4px}.js-learn .tier-detail{color:var(--jockshock-muted);margin-bottom:16px;font-size:.95rem}.js-learn .tier-price{font-size:2rem;font-weight:800;color:var(--jockshock-yellow);margin-bottom:16px}.js-learn .tier-bottom{color:var(--jockshock-yellow);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.js-learn .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.js-learn .related-card{background:var(--jockshock-black);border:1px solid rgba(255,229,0,.18);border-radius:6px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.js-learn .related-card:hover{border-color:var(--jockshock-yellow);transform:translateY(-2px)}.js-learn .related-card h3{color:var(--jockshock-yellow-warm);font-size:1.125rem;margin:0 0 8px}.js-learn .related-card p{color:var(--jockshock-muted);margin:0;line-height:1.6;font-size:.95rem}@media (max-width: 880px){.js-learn .hero-grid{grid-template-columns:1fr;gap:32px}.js-learn .why-grid,.js-learn .works-on-grid,.js-learn .wo-grid,.js-learn .steps,.js-learn .tier-grid,.js-learn .related-grid{grid-template-columns:1fr}.js-learn section{padding:56px 5%}}