.subhero{position:relative;overflow:hidden;padding:28px 0 64px}.subhero:before{content:"";position:absolute;width:820px;height:480px;left:50%;top:-160px;transform:translateX(-50%);background:var(--hero-glow);filter:blur(20px);pointer-events:none}.subhero-in{position:relative;z-index:1;max-width:760px}.subhero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4.8vw,54px);letter-spacing:-.035em;line-height:1.04;color:var(--text-primary);margin:20px 0 18px;text-wrap:balance}.subhero h1 em{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subhero .sub{font-size:18px;color:var(--text-secondary);max-width:560px;margin:0 0 28px;text-wrap:pretty}.subhero .cta{display:flex;gap:12px;flex-wrap:wrap}.section{padding:var(--sp-20) 0}.section.tight{padding:var(--sp-16) 0}.bg-alt{background:var(--surface-1)}.lang-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}@media(max-width:820px){.lang-wrap{grid-template-columns:1fr;gap:28px}}.cat{display:flex;align-items:center;gap:14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.cat:hover{transform:translateY(-2px);border-color:var(--border-strong)}.cat .avatar{width:42px;height:42px;border-radius:12px;font-size:17px}.cat b{display:block;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text-primary)}.cat span{font-size:12.5px;color:var(--text-muted)}.final{position:relative;overflow:hidden;text-align:center;padding:72px 40px;border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--border)}.final:before{content:"";position:absolute;inset:0;background:var(--hero-glow);opacity:.7;pointer-events:none}.final-in{position:relative;z-index:1;max-width:560px;margin:0 auto}.final h2{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;line-height:1.05;color:var(--text-primary);margin:0 0 16px}.final p{font-size:17px;color:var(--text-secondary);margin:0 0 28px}.longread-wrap{max-width:860px;margin:0 auto}@media(max-width:720px){.nav-links{display:none}}.hero-book{position:relative;z-index:1;display:grid;grid-template-columns:.98fr 1.02fr;gap:48px;align-items:center}@media(max-width:900px){.hero-book{grid-template-columns:1fr;gap:30px}.hero-book-copy{order:-1}}.hero-book-copy{min-width:0}.hero-book-copy h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4.6vw,52px);letter-spacing:-.035em;line-height:1.04;color:var(--text-primary);margin:16px 0;text-wrap:balance}.hero-book-copy h1 em{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-book-copy .sub{font-size:17px;color:var(--text-secondary);line-height:1.62;margin:0 0 26px;max-width:500px}.hero-book-copy .cta{display:flex;gap:12px;flex-wrap:wrap}.hero-book-art{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--elev-lg);padding:28px;overflow:hidden;min-height:300px;display:grid;place-items:center}.book-glow{position:absolute;width:280px;height:280px;left:-80px;bottom:-90px;background:radial-gradient(closest-side,var(--accent-soft),transparent);filter:blur(8px);pointer-events:none}.book-svg{position:relative;z-index:1;width:100%;max-width:330px}.book-svg .page{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5}.book-svg .spine{stroke:var(--border-strong);stroke-width:2;fill:none}.book-svg .ln{stroke:var(--text-muted);stroke-width:3;stroke-linecap:round;opacity:.45}.book-svg .wave{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}.book-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:6px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 11px;font-size:11.5px;font-weight:600;color:var(--text-secondary);box-shadow:var(--elev-sm)}.book-chip svg{width:11px;height:11px;fill:currentColor}.book-chip.on{color:#fff;background:var(--accent-grad);border-color:transparent}.book-chip.c1{top:22px;right:16px}.book-chip.c2{top:50%;right:6px;transform:translateY(-50%)}.book-chip.c3{bottom:28px;right:22px}.book-hp{position:absolute;z-index:2;left:18px;bottom:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}.book-hp svg{width:22px;height:22px}