:root{--bg: #09090b;--surface: #111113;--surface2: #1c1c1f;--surface3: #27272a;--border: #27272a;--text: #fafafa;--muted: #71717a;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-soft: rgba(59, 130, 246, .12);--red: #ef4444;--red-soft: rgba(239, 68, 68, .15);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--purple: #a855f7;--purple-soft: rgba(168, 85, 247, .12);--radius: 10px;--radius-lg: 14px;--hero-max: 1100px;--content-max: 960px;--prose-max: 720px;--youtube-red: #ff0000;--youtube-red-hover: #cc0000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}img,video{display:block;max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.section{padding:5rem 1.5rem;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}.container{max-width:var(--content-max);margin:0 auto;width:100%}.container-hero{max-width:var(--hero-max)}.container-prose{max-width:var(--prose-max)}.section-eyebrow{color:var(--accent);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;text-align:center}.section h2{font-size:2rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:1rem}.section-lede{color:var(--muted);font-size:1.05rem;text-align:center;max-width:640px;margin:0 auto 3rem;line-height:1.6}.hero{padding:6rem 1.5rem 5rem;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.12),transparent 50%),radial-gradient(circle at 80% 30%,rgba(168,85,247,.08),transparent 50%),var(--bg);border-bottom:1px solid var(--border)}.hero-grid{max-width:var(--hero-max);margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--green-soft);color:var(--green);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{font-size:3rem;font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:1.25rem}.hero h1 .accent{color:var(--accent)}.hero-sub{color:var(--muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:32em}.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}.hero-meta{display:flex;gap:1.5rem;margin-top:2rem;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.hero-meta-item{display:flex;align-items:center;gap:.4rem}.hero-meta-item svg{color:var(--green);flex-shrink:0}.hero-visual{position:relative}.hero-visual img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 20px 60px -20px #0009,0 0 0 1px #ffffff0a}.hero-visual:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle at 50% 50%,var(--accent-soft),transparent 70%);z-index:-1;filter:blur(40px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;font-family:inherit}.btn-yt{background:var(--youtube-red);color:#fff}.btn-yt:hover{background:var(--youtube-red-hover);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:1.05rem 1.75rem;font-size:1rem}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.pain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.85rem}.pain-quote{font-size:1rem;color:var(--text);line-height:1.55;font-style:italic}.pain-quote:before{content:"“";color:var(--muted);margin-right:.1rem}.pain-quote:after{content:"”";color:var(--muted);margin-left:.1rem}.pain-fix{color:var(--muted);font-size:.9rem;line-height:1.55;padding-top:.85rem;border-top:1px solid var(--border)}.pain-fix strong{color:var(--accent);font-weight:600}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative}.how-step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;font-weight:700;font-size:.95rem;margin-bottom:1rem}.how-step h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.how-step p{color:var(--muted);font-size:.88rem;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.feature-card:hover{border-color:#3a3a3e}.feature-thumb{aspect-ratio:16 / 9;background:var(--surface2);overflow:hidden;border-bottom:1px solid var(--border)}.feature-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}.feature-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.feature-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.15rem}.feature-card h3{font-size:1.1rem;font-weight:600;line-height:1.3}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.55}.feature-card.span-2{grid-column:span 2}.section h2 .accent{color:var(--accent)}.sample-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.thumbnail-frame{position:relative;width:100%;max-width:560px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface2);box-shadow:0 24px 60px -20px #000000b3,0 0 0 1px #ffffff0a;animation:thumbnail-float 6s ease-in-out infinite;will-change:transform}.thumbnail-frame img{width:100%;height:auto;display:block}.thumbnail-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(circle at 50% 50%,var(--accent-soft),transparent 65%);z-index:-1;filter:blur(40px);pointer-events:none;animation:thumbnail-glow-pulse 6s ease-in-out infinite}@keyframes thumbnail-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes thumbnail-glow-pulse{0%,to{opacity:.9}50%{opacity:.55}}.stage-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.stage-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem .9rem .9rem;transition:transform .2s,border-color .2s,background .2s;animation:stage-pulse 16s ease-in-out infinite;animation-delay:calc(var(--i) * 4s)}.stage-row:hover{transform:translate(4px);border-color:#3a3a3e;border-left-color:var(--accent);background:var(--surface2)}.stage-emoji{font-size:1.5rem;line-height:1;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--surface2);border-radius:50%;flex-shrink:0}.stage-text h3{font-size:.98rem;font-weight:600;margin-bottom:.15rem;color:var(--text)}.stage-text p{color:var(--muted);font-size:.85rem;line-height:1.5}.stage-step{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums;background:var(--surface2);padding:.3rem .55rem;border-radius:999px}@keyframes stage-pulse{0%,22%{border-left-color:var(--accent);box-shadow:-2px 0 14px -2px var(--accent-soft)}28%,to{border-left-color:var(--border);box-shadow:none}}@media(prefers-reduced-motion:reduce){.thumbnail-frame,.thumbnail-glow,.stage-row,.hero-eyebrow .dot{animation:none!important}}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.proof-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1rem;text-align:center}.proof-num{font-size:2.4rem;font-weight:700;color:var(--accent);letter-spacing:-.02em;line-height:1;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.proof-label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:1.1rem 1.25rem;font-weight:600;font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.4rem;font-weight:400;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-body{padding:0 1.25rem 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.6}.final-cta{padding:6rem 1.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,0,0,.1),transparent 60%),var(--bg)}.final-cta h2{font-size:2.4rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.85rem;line-height:1.15}.final-cta p{color:var(--muted);font-size:1.05rem;max-width:540px;margin:0 auto 2rem;line-height:1.6}.lesson-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lesson-home-link,.lesson-breadcrumb{color:var(--text);font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.lesson-home-link:hover,.lesson-breadcrumb:hover{color:var(--accent)}.lesson-breadcrumb{color:var(--muted)}.lesson{background:var(--bg)}.lesson-hero{padding:4rem 1.5rem 3rem;text-align:center;background:radial-gradient(circle at 50% 0%,var(--accent-soft),transparent 60%),var(--bg);border-bottom:1px solid var(--border)}.lesson-question-type{display:inline-block;color:var(--accent);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}.lesson-hero h1{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:800px;margin:0 auto 1.25rem}.lesson-subtitle{color:var(--muted);font-size:1.1rem;line-height:1.6;max-width:640px;margin:0 auto 1.5rem}.lesson-meta{color:var(--muted);font-size:.85rem;display:flex;gap:.6rem;justify-content:center;align-items:center}.lesson-body{padding:3rem 1.5rem 5rem}.lesson-thumbnail{margin:0 auto 2.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:0 24px 60px -20px #000000b3}.lesson-thumbnail img{width:100%;display:block}.lesson-thumbnail figcaption{padding:1rem;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:center}.lesson-intro{font-size:1.1rem;color:var(--text);line-height:1.7;margin-bottom:3rem}.lesson-section{margin-bottom:3.5rem}.lesson-section h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.lesson-mnemonic{color:var(--muted);font-size:.92rem;margin:-.75rem 0 1.25rem}.lesson-mnemonic strong{color:var(--accent);letter-spacing:.04em}.rule-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.rule-item{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:start}.rule-num{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.rule-text h3{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.rule-text p{color:var(--muted);font-size:.95rem;line-height:1.6}.trap-list{list-style:none;display:flex;flex-direction:column;gap:.85rem}.trap-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius);padding:1rem 1.25rem}.trap-item h3{font-size:1rem;font-weight:600;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.trap-item h3 span{color:var(--amber)}.trap-item p{color:var(--muted);font-size:.9rem;line-height:1.55}.worked-examples-lede{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.sample-question-stack{display:flex;flex-direction:column;gap:1.5rem}.sample-trap-tag{color:var(--muted);font-size:.82rem;margin:1rem 0 0;text-align:center;padding:.5rem;background:var(--surface2);border-radius:var(--radius)}.sample-trap-tag strong{color:var(--amber)}.sample-question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem}.sample-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:var(--muted);font-size:.85rem}.sample-question-num{font-weight:600;color:var(--text)}.diff-easy{color:var(--green);font-weight:600}.diff-medium{color:var(--amber);font-weight:600}.diff-hard{color:var(--red);font-weight:600}.sample-passage{background:var(--surface2);border-left:3px solid var(--accent);padding:1rem 1.25rem;margin-bottom:1.25rem;color:var(--text);line-height:1.7;font-size:.98rem}.sample-prompt{font-size:.98rem;margin-bottom:1rem}.sample-choices{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.choice{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;transition:border-color .2s,background .2s}.choice.correct{border-color:var(--green);background:var(--green-soft)}.choice.incorrect{opacity:.7}.choice-row{display:flex;align-items:center;gap:.75rem}.choice-letter{color:var(--muted);font-weight:600;min-width:1.75rem}.choice-text{color:var(--text);flex:1}.choice-badge{color:var(--green);font-weight:700}.choice-explanation{color:var(--muted);font-size:.88rem;line-height:1.55;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.reveal-btn{width:100%}.lesson-cta{text-align:center;padding:2.5rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.lesson-cta h2{margin-bottom:.75rem}.lesson-cta p{color:var(--muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.lesson-index{padding:4rem 1.5rem 5rem}.lesson-index h1{font-size:2.4rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:1rem}.lesson-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,transform .15s}.lesson-card:hover{border-color:var(--accent);transform:translateY(-2px)}.lesson-card a{display:grid;grid-template-columns:200px 1fr;color:var(--text)}.lesson-card-thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--surface2)}.lesson-card-thumb img{width:100%;height:100%;object-fit:cover}.lesson-card-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.lesson-card-body h2{font-size:1.1rem;font-weight:600;line-height:1.35;text-align:left}.lesson-card-body p{color:var(--muted);font-size:.88rem;line-height:1.5}@media(max-width:640px){.lesson-card a{grid-template-columns:1fr}.lesson-hero h1{font-size:1.8rem}.lesson-section h2{font-size:1.3rem}}.footer{padding:2.5rem 1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.footer-inner{max-width:var(--hero-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.25rem}@media(max-width:900px){.hero{padding:4rem 1.25rem 3.5rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-meta,.hero-ctas{justify-content:center}.hero h1{font-size:2.2rem}.section{padding:4rem 1.25rem}.section h2{font-size:1.6rem}.pain-grid{grid-template-columns:1fr}.how-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.span-2{grid-column:auto}.sample-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.final-cta h2{font-size:1.8rem}}@media(max-width:560px){.hero h1{font-size:1.85rem}.feature-grid,.how-grid{grid-template-columns:1fr}}