.whd-wrapper{width:100%;max-width:680px;margin:0 auto}.whd-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.whd-counter{display:flex;align-items:baseline;gap:8px}.whd-counter-num{font-size:2.25rem;font-weight:800;color:#1a1a1a;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.whd-counter-label{font-size:.8125rem;color:#9ca3af;font-weight:400;max-width:120px;line-height:1.3}.whd-legend{display:flex;gap:6px;align-items:center;flex-shrink:0}.whd-legend-item{font-size:.6875rem;font-weight:600;padding:3px 9px 3px 7px;border-radius:99px;display:flex;align-items:center;gap:5px;letter-spacing:.01em}.whd-legend-item:before{content:"";display:inline-block;width:16px;height:2px;border-radius:99px;flex-shrink:0}.whd-legend-learning{color:#1d4ed8;background:#dbeafe}.whd-legend-learning:before{background:#93c5fd}.whd-legend-mastered{color:#15803d;background:#dcfce7}.whd-legend-mastered:before{background:#86efac}.whd-card{background:#fff;border:2px solid #e8e6df;border-radius:16px;box-shadow:0 4px #d6d3ca;padding:28px 32px 20px;position:relative;background-image:linear-gradient(to bottom,#f9f7f4 0px 3px,#fff 3px)}.whd-card:before,.whd-card:after{content:"";position:absolute;width:10px;height:10px;border-color:#d6d3ca;border-style:solid;opacity:.5}.whd-card:before{top:-2px;left:-2px;border-width:2px 0 0 2px;border-radius:16px 0 0}.whd-card:after{top:-2px;right:-2px;border-width:2px 2px 0 0;border-radius:0 16px 0 0}.whd-text{font-size:1rem;line-height:1.9;color:#1a1a1a;margin:0 0 16px;font-family:Georgia,Times New Roman,serif;text-underline-position:under}.whd-css-underline{text-decoration-color:var(--underline-color, transparent);transition:text-decoration-color .55s ease-out}.whd-word-active{background-color:#3b82f612!important;border-radius:2px}.whd-plain-word{cursor:default}.whd-hint{font-size:.75rem;color:#c4c9d4;margin:0;text-align:center;padding-top:4px;letter-spacing:.02em;font-style:italic}@media(max-width:600px){.whd-wrapper{max-width:100%}.whd-counter-num{font-size:1.875rem}.whd-counter-label{max-width:110px}.whd-card{padding:20px 18px 16px}.whd-text{font-size:.9375rem;line-height:1.8}}@media(max-width:420px){.whd-stats{flex-direction:column;align-items:flex-start;gap:8px}}:root{--brand: #6b46c1;--brand-dark: #553c9a;--brand-light: #f3eeff;--brand-border: #c4b5fd;--surface-warm: #F5F4EF;--border-warm: #E8E6DF;--shadow-warm: #D6D3CA;--surface-cool: #f8fafc;--border-cool: #e2e8f0;--shadow-cool: rgba(0, 0, 0, .06);--text-primary: var(--text-primary, #1a1a2e);--text-secondary: var(--text-secondary, #64748b);--text-muted: #94a3b8;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--tx-fast: .12s;--tx-base: .18s;--tx-slow: .28s}.home[data-astro-cid-j7pv25f6]{min-height:100vh;padding-bottom:var(--sp-20);overflow-x:clip}.home-container[data-astro-cid-j7pv25f6]{max-width:1200px;margin:0 auto;padding-inline:var(--sp-4);box-sizing:border-box}.hero[data-astro-cid-j7pv25f6],.how-it-works[data-astro-cid-j7pv25f6],.section[data-astro-cid-j7pv25f6]{margin-bottom:clamp(3rem,9vw,5.5rem)}.section[data-astro-cid-j7pv25f6]:last-of-type{margin-bottom:0}.hero[data-astro-cid-j7pv25f6]{padding-top:clamp(1.75rem,5vw,4rem)}.hero-content[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.hero-text[data-astro-cid-j7pv25f6]{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(2.25rem,8.5vw,4.25rem);font-weight:850;line-height:1.04;letter-spacing:-.04em;color:var(--text-primary);margin:0;text-wrap:balance}.not-ai[data-astro-cid-j7pv25f6]{color:#ef4444;display:block;letter-spacing:-.045em}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:clamp(1.05rem,2.8vw,1.3rem);line-height:1.55;color:var(--text-secondary);margin:var(--sp-5) 0 var(--sp-2) 0;font-weight:450;max-width:580px;letter-spacing:.005em}.desktop-break[data-astro-cid-j7pv25f6]{display:none}.hero-visual-mobile[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;width:100%;max-width:220px;margin:var(--sp-3) 0 var(--sp-4);animation:float 6s var(--ease-out) infinite}.hero-visual-desktop[data-astro-cid-j7pv25f6]{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-actions[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;width:100%;gap:var(--sp-3)}.btn[data-astro-cid-j7pv25f6]{display:inline-flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:15px var(--sp-8);font-size:1rem;font-weight:750;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;cursor:pointer;user-select:none;transition:transform var(--tx-base) var(--ease-spring),box-shadow var(--tx-base) var(--ease-spring),filter var(--tx-base) ease;will-change:transform}.btn[data-astro-cid-j7pv25f6]:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn[data-astro-cid-j7pv25f6]:active{transform:translateY(3px);filter:brightness(.97);transition-duration:var(--tx-fast)}.btn-primary[data-astro-cid-j7pv25f6]{background-color:var(--brand);color:#fff;box-shadow:0 4px 0 var(--brand-dark)}.btn-primary[data-astro-cid-j7pv25f6]:hover{box-shadow:0 6px 0 var(--brand-dark)}.btn-primary[data-astro-cid-j7pv25f6]:active{box-shadow:0 0 0 var(--brand-dark)}.how-it-works[data-astro-cid-j7pv25f6]{margin-inline:calc(-1 * var(--sp-4));padding:clamp(2.25rem,6vw,3.75rem) var(--sp-4);box-sizing:border-box;background-color:var(--surface-warm);border:1.5px solid var(--border-warm);border-radius:var(--radius-2xl)}.how-inner[data-astro-cid-j7pv25f6]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.step[data-astro-cid-j7pv25f6]{display:flex;flex-direction:row;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-5);background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border-warm);box-shadow:0 3px 0 var(--shadow-warm);transition:transform var(--tx-base) var(--ease-spring),box-shadow var(--tx-base) var(--ease-spring);will-change:transform}.step[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--shadow-warm)}.step[data-astro-cid-j7pv25f6]:active{transform:translateY(3px);box-shadow:0 0 0 var(--shadow-warm);transition-duration:var(--tx-fast)}.step-number[data-astro-cid-j7pv25f6]{width:46px;height:46px;flex-shrink:0;background-color:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 2px 0 var(--brand-dark),inset 0 1px #ffffff26;letter-spacing:-.02em}.step-text[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--sp-1);text-align:left}.step[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.step[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin:0}.demo-compact[data-astro-cid-j7pv25f6]{background-color:var(--surface-cool);border-radius:var(--radius-2xl);padding:clamp(2rem,5vw,3rem) var(--sp-4);border:1.5px solid var(--border-cool);margin-bottom:clamp(3rem,9vw,5.5rem);box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000a}.demo-header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.demo-sub[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--text-secondary);margin:0;font-weight:500;letter-spacing:.01em}.underline-blue[data-astro-cid-j7pv25f6]{border-bottom:2px solid #3b82f6;color:#1e40af;padding-bottom:1px}.underline-green[data-astro-cid-j7pv25f6]{border-bottom:2px solid #22c55e;color:#166534;padding-bottom:1px}.demo-wrapper[data-astro-cid-j7pv25f6]{max-width:860px;margin:0 auto}.mock-window[data-astro-cid-j7pv25f6]{background:#fff;border:1.5px solid var(--border-cool);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 32px #00000012}.mock-header[data-astro-cid-j7pv25f6]{background:#f1f5f9;padding:11px var(--sp-4);border-bottom:1.5px solid var(--border-cool);display:flex;align-items:center;justify-content:center;position:relative}.mock-dots[data-astro-cid-j7pv25f6]{position:absolute;left:var(--sp-4);display:flex;gap:7px}.mock-dot[data-astro-cid-j7pv25f6]{width:10px;height:10px;border-radius:50%}.mock-dot[data-astro-cid-j7pv25f6].close{background:#ff5f57}.mock-dot[data-astro-cid-j7pv25f6].min{background:#febc2e}.mock-dot[data-astro-cid-j7pv25f6].max{background:#28c840}.mock-title[data-astro-cid-j7pv25f6]{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.mock-body[data-astro-cid-j7pv25f6]{padding:var(--sp-6);background:#fff}.section-header[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4)}.section-title[data-astro-cid-j7pv25f6]{font-size:clamp(1.6rem,4.5vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.03em;line-height:1.1}.section-btn[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:5px;padding:9px 18px;font-size:.8125rem;font-weight:700;color:var(--brand);background:var(--brand-light);border:1.5px solid var(--brand-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--brand-border);text-decoration:none;white-space:nowrap;letter-spacing:.02em;transition:transform var(--tx-base) var(--ease-spring),box-shadow var(--tx-base) var(--ease-spring),filter var(--tx-base) ease;will-change:transform}.section-btn[data-astro-cid-j7pv25f6]:after{content:"→";display:inline-block;transition:transform var(--tx-base) var(--ease-spring)}.section-btn[data-astro-cid-j7pv25f6]:hover{filter:brightness(.95);transform:translateY(-2px);box-shadow:0 4px 0 var(--brand-border)}.section-btn[data-astro-cid-j7pv25f6]:hover:after{transform:translate(2px)}.section-btn[data-astro-cid-j7pv25f6]:active{transform:translateY(2px);box-shadow:0 0 0 var(--brand-border);transition-duration:var(--tx-fast)}.empty-state[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--text-secondary);margin:0}.videos-grid[data-astro-cid-j7pv25f6],.posts-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.home-container[data-astro-cid-j7pv25f6]{padding-inline:var(--sp-6)}.how-it-works[data-astro-cid-j7pv25f6]{margin-inline:calc(-1 * var(--sp-6));padding-inline:var(--sp-6)}.videos-grid[data-astro-cid-j7pv25f6],.posts-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.mock-body[data-astro-cid-j7pv25f6]{padding:var(--sp-8)}}@media(min-width:860px){.home-container[data-astro-cid-j7pv25f6]{padding-inline:var(--sp-8)}.hero-content[data-astro-cid-j7pv25f6]{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-8);text-align:left;padding:var(--sp-8) 0}.hero-text[data-astro-cid-j7pv25f6]{align-items:flex-start;flex:1;max-width:580px}.hero-title[data-astro-cid-j7pv25f6]{line-height:1.02}.not-ai[data-astro-cid-j7pv25f6]{display:inline;margin-left:.4rem}.hero-visual-mobile[data-astro-cid-j7pv25f6]{display:none}.hero-visual-desktop[data-astro-cid-j7pv25f6]{display:flex;position:relative;flex:1;justify-content:flex-end;max-width:440px;animation:float 6s var(--ease-out) infinite}.desktop-break[data-astro-cid-j7pv25f6]{display:block}.hero-subtitle[data-astro-cid-j7pv25f6]{margin:var(--sp-6) 0 var(--sp-8) 0}.hero-actions[data-astro-cid-j7pv25f6]{flex-direction:row;width:auto}.btn[data-astro-cid-j7pv25f6]{width:auto}.how-it-works[data-astro-cid-j7pv25f6]{margin-inline:calc(-1 * var(--sp-8));padding-inline:var(--sp-8)}.how-inner[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.step[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:center;text-align:center;padding:var(--sp-8) var(--sp-6);gap:var(--sp-5)}.step-text[data-astro-cid-j7pv25f6]{text-align:center}.step[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.125rem}.step[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9375rem}.videos-grid[data-astro-cid-j7pv25f6],.posts-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.demo-compact[data-astro-cid-j7pv25f6]{padding-inline:var(--sp-10)}}@media(max-width:400px){.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(2rem,10vw,2.5rem)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1rem}.btn[data-astro-cid-j7pv25f6]{padding:14px var(--sp-6);font-size:.9375rem}.step[data-astro-cid-j7pv25f6]{gap:var(--sp-4);padding:var(--sp-4)}.step-number[data-astro-cid-j7pv25f6]{width:40px;height:40px;font-size:1.1rem}.section-title[data-astro-cid-j7pv25f6]{font-size:1.4rem}.mock-body[data-astro-cid-j7pv25f6]{padding:var(--sp-4)}}.fade-in[data-astro-cid-j7pv25f6]{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-spring),transform .55s var(--ease-spring)}.fade-in[data-astro-cid-j7pv25f6].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hero-visual-mobile[data-astro-cid-j7pv25f6],.hero-visual-desktop[data-astro-cid-j7pv25f6]{animation:none}.btn[data-astro-cid-j7pv25f6],.step[data-astro-cid-j7pv25f6],.section-btn[data-astro-cid-j7pv25f6]{transition:none}.section-btn[data-astro-cid-j7pv25f6]:after{transition:none}.fade-in[data-astro-cid-j7pv25f6]{opacity:1;transform:none;transition:none}}