*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7f4;--surface:#fff;--surface-soft:#f0f1f2;--text:#111318;--text-secondary:#646a73;--text-tertiary:#92979f;--text-inverse:#f8f9fa;--primary:#2563eb;--primary-hover:#1d4ed8;--cyan:#06b6d4;--signal:#b8f229;--border:#e2e4e7;--border-strong:#c9cdd2;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #0000000a, 0 4px 12px #00000008;--shadow-md:0 2px 4px #0000000a, 0 12px 32px #00000012;--font-ui:"Geist", "Inter", system-ui, sans-serif;--font-editorial:"Newsreader", "Iowan Old Style", Georgia, serif;--font-mono:"Geist Mono", "SFMono-Regular", monospace;--text-h1:clamp(42px, 6vw, 76px);--text-h2:32px;--text-h3:24px;--text-body:16px;--text-article:20px;--text-small:14px;--text-label:12px;--lh-heading:.98;--lh-subheading:1.1;--lh-body:1.6;--lh-article:1.72;--ls-heading:-.045em;--ls-subheading:-.025em;--ls-label:.2em;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--space-section:6rem;--content-width:760px;--page-width:1280px}[data-theme=dark]{--bg:#0b0d10;--surface:#111419;--surface-soft:#171a20;--text:#f3f4f6;--text-secondary:#a5abb4;--text-tertiary:#737984;--border:#252930;--border-strong:#363b44;--primary:#5b8cff;--primary-hover:#7ba3ff;--cyan:#22d3ee;--signal:#c7f464}html{scroll-behavior:smooth}body{font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1{font-family:var(--font-ui);font-size:var(--text-h1);font-weight:600;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text)}h2{font-family:var(--font-ui);font-size:var(--text-h2);font-weight:600;line-height:var(--lh-subheading);letter-spacing:var(--ls-subheading);color:var(--text)}h3{font-family:var(--font-ui);font-size:var(--text-h3);font-weight:600;line-height:var(--lh-subheading);color:var(--text)}article p{font-family:var(--font-editorial);font-size:var(--text-article);line-height:var(--lh-article);color:var(--text)}code,.data,.metric{font-family:var(--font-mono)}.page-width{max-width:var(--page-width);padding:0 var(--space-md);margin:0 auto}.content-width{max-width:var(--content-width);padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-section) 0}.navbar{max-width:var(--page-width);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;display:flex}.navbar-logo{width:auto;height:22px}[data-theme=dark] .navbar-logo{filter:invert()}.navbar-links{align-items:center;gap:var(--space-md);list-style:none;display:flex}.navbar-links a{font-family:var(--font-ui);font-size:var(--text-small);color:var(--text-secondary);transition:color .18s}.navbar-links a:hover{color:var(--text)}.theme-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;font-size:18px;transition:color .18s}.theme-toggle:hover{color:var(--text)}.navbar-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;padding:4px;font-size:24px;display:none}@media (width<=768px){.navbar-toggle{display:block}.navbar-links{background:var(--bg);padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-lg);z-index:1000;flex-direction:column;display:none;position:fixed;inset:0}.navbar-links.open{display:flex}.navbar-links a{color:var(--text);font-size:20px;font-weight:500}.navbar-links .lang-switcher{margin-top:var(--space-md);font-size:var(--text-small)}.navbar-links .theme-toggle{margin-top:var(--space-sm)}.navbar{z-index:1001;position:relative}}.footer{border-top:1px solid var(--border);padding:var(--space-xl) var(--space-md);text-align:center}.footer-inner{max-width:var(--page-width);align-items:center;gap:var(--space-sm);flex-direction:column;margin:0 auto;display:flex}.footer p{font-size:var(--text-small);color:var(--text-tertiary)}.footer-links{gap:var(--space-md);list-style:none;display:flex}.footer-links a{font-size:var(--text-small);color:var(--text-tertiary);transition:color .18s}.footer-links a:hover{color:var(--text)}.section-label{text-transform:uppercase;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--text-secondary);margin-bottom:var(--space-xl);align-items:center;gap:1rem;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card a{display:block}.story{padding:var(--space-md) 0;border-top:1px solid var(--border)}.btn-primary{background:var(--primary);color:#fff;font-family:var(--font-ui);font-weight:500;font-size:var(--text-body);cursor:pointer;border:none;border-radius:999px;align-items:center;padding:.8rem 2rem;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{color:var(--primary);border:1px solid var(--primary);font-family:var(--font-ui);font-weight:500;font-size:var(--text-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.8rem 2rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex}.badge--new{border-color:var(--signal);color:var(--signal)}.book-badges{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.book-badges .badge{color:var(--text);border-color:var(--border-strong)}.book-badges .badge strong{margin-left:4px;font-weight:700}.hero{padding:var(--space-2xl) 0 var(--space-section);max-width:var(--page-width);margin:0 auto}.hero-title{font-size:var(--text-h1);margin-bottom:var(--space-md)}.brand-title{font-family:"Arimo", var(--font-ui);text-transform:uppercase;letter-spacing:var(--ls-label)}.mobile-br{display:none}.hero-subtitle{font-family:var(--font-editorial);font-size:var(--text-article);line-height:var(--lh-article);color:var(--text-secondary);max-width:540px;margin-bottom:var(--space-xl)}.book-feature{gap:var(--space-xl);grid-template-columns:280px 1fr;align-items:start;display:grid}.book-cover{aspect-ratio:2/3;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover;width:100%}.book-info h2{margin-bottom:var(--space-sm)}.book-info .description{font-family:var(--font-editorial);font-size:var(--text-article);line-height:var(--lh-article);color:var(--text-secondary);margin-bottom:var(--space-md)}.book-meta{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);margin-bottom:var(--space-md)}@media (width<=768px){.book-feature{grid-template-columns:1fr}.book-cover{max-width:200px}}.author-section{gap:var(--space-xl);align-items:start;display:flex}.author-photo{background:var(--surface-soft);border:1px solid var(--border);object-fit:cover;object-position:center 20%;border-radius:50%;flex-shrink:0;width:120px;height:120px}.author-info h3{margin-bottom:var(--space-xs)}.author-info p{font-family:var(--font-editorial);font-size:var(--text-body);line-height:var(--lh-article);color:var(--text-secondary)}@media (width<=768px){.author-section{text-align:center;flex-direction:column;align-items:center}}.chapter-list{flex-direction:column;display:flex}.chapter-item{align-items:baseline;gap:var(--space-md);padding:var(--space-sm) 0;border-top:1px solid var(--border);transition:background .18s;display:flex}.chapter-item:hover{background:var(--surface-soft);margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm);border-radius:var(--radius-sm)}.chapter-number{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);flex-shrink:0;min-width:24px}.chapter-title{font-weight:500}.chapter-title a{transition:color .18s}.chapter-title a:hover{color:var(--primary)}.chapter-layout{max-width:calc(var(--content-width) + 220px + var(--space-xl));padding:0 var(--space-md);gap:var(--space-xl);grid-template-columns:220px 1fr;margin:0 auto;display:grid}.chapter-toc{top:var(--space-xl);max-height:calc(100vh - var(--space-2xl));padding-top:var(--space-xl);align-self:start;position:sticky;overflow-y:auto}.toc-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-sm)}#toc-list{flex-direction:column;gap:2px;list-style:none;display:flex}.toc-link{font-size:var(--text-small);color:var(--text-tertiary);border-left:2px solid #0000;padding:6px 12px;line-height:1.4;transition:color .18s,border-color .18s;display:block}.toc-link:hover{color:var(--text)}.toc-link.active{color:var(--text);border-left-color:var(--primary);font-weight:500}.chapter-main{max-width:var(--content-width)}@media (width<=1024px){.chapter-layout{max-width:var(--content-width);grid-template-columns:1fr}.chapter-toc{display:none}}.translation-notice{font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-secondary);background:var(--surface-soft);border-left:3px solid var(--border-strong);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-xl);line-height:1.5}.translation-notice a{color:var(--text-secondary);text-decoration:underline}.translation-notice a:hover{color:var(--text)}.chapter-content p,.chapter-content blockquote{transition:box-shadow .18s,background .18s;position:relative}.chapter-content p:hover,.chapter-content blockquote:hover{box-shadow:inset 4px 0 0 0 var(--primary);padding-left:var(--space-sm);background:#2563eb0a}.chapter-header{padding:var(--space-xl) 0 var(--space-lg);border-bottom:1px solid var(--border);margin-bottom:var(--space-xl)}.chapter-meta{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);margin-bottom:var(--space-sm)}.chapter-comment-hint{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--text-tertiary);margin-bottom:var(--space-xl)}.chapter-content h2{margin-top:var(--space-section);margin-bottom:var(--space-lg)}.chapter-content h2:first-child{margin-top:0}.chapter-content p{font-family:var(--font-editorial);font-size:var(--text-article);line-height:var(--lh-article);margin-bottom:var(--space-md)}.chapter-content blockquote{font-family:var(--font-mono);font-size:var(--text-small);line-height:var(--lh-body);background:var(--surface-soft);border-left:3px solid var(--cyan);padding:var(--space-md);margin:var(--space-xl) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.chapter-comment-banner{text-align:center;padding:var(--space-xl) 0;margin-top:var(--space-section);border-top:1px solid var(--border)}.chapter-comment-banner p:first-child{font-family:var(--font-ui);font-size:var(--text-h3);color:var(--text);margin-bottom:var(--space-xs);font-weight:600}.chapter-comment-banner-sub{font-family:var(--font-editorial);font-size:var(--text-body);color:var(--text-tertiary)}.chapter-nav{padding:var(--space-xl) 0;border-top:1px solid var(--border);margin-top:var(--space-section);justify-content:space-between;display:flex}.chapter-nav a{font-size:var(--text-small);color:var(--text-secondary);transition:color .18s}.chapter-nav a:hover{color:var(--primary)}.faq-item{padding:var(--space-md) 0;border-top:1px solid var(--border)}.faq-question{font-family:var(--font-ui);margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.faq-answer{font-family:var(--font-editorial);font-size:var(--text-body);line-height:var(--lh-article);color:var(--text-secondary)}.form-group{margin-bottom:var(--space-md)}.form-label{font-size:var(--text-small);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.form-input,.form-textarea{width:100%;font-family:var(--font-ui);font-size:var(--text-body);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;transition:border-color .18s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none}.form-textarea{resize:vertical;min-height:120px}.ai-grid{background-image:linear-gradient(#1113180b 1px,#0000 1px),linear-gradient(90deg,#1113180b 1px,#0000 1px);background-size:32px 32px}[data-theme=dark] .ai-grid{background-image:linear-gradient(#f3f4f60a 1px,#0000 1px),linear-gradient(90deg,#f3f4f60a 1px,#0000 1px)}[data-animate]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}[data-animate].visible{opacity:1;transform:translateY(0)}.lang-switcher{gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;display:flex}.lang-switcher a{color:var(--text-tertiary);transition:color .18s}.lang-switcher a:hover{color:var(--text)}.lang-switcher .current{color:var(--text);font-weight:600}.press-item{padding:var(--space-md) 0;border-top:1px solid var(--border)}.press-source{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.press-title{margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.press-title a:hover{color:var(--primary)}.press-excerpt{font-family:var(--font-editorial);font-size:var(--text-body);color:var(--text-secondary);line-height:var(--lh-body)}.author-hero{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.stats-grid{gap:var(--space-md);max-width:var(--page-width);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{text-align:center;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-number{font-family:var(--font-ui);font-size:var(--text-h2);color:var(--text);margin-bottom:var(--space-xs);font-weight:700;display:block}.stat-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{align-items:baseline;gap:var(--space-md);padding:var(--space-xs) 0;border-left:2px solid var(--border);padding-left:var(--space-md);display:flex}.timeline-year{font-family:var(--font-mono);font-size:var(--text-small);color:var(--primary);flex-shrink:0;min-width:44px;font-weight:600}.timeline-text{font-family:var(--font-ui);font-size:var(--text-small);color:var(--text-secondary)}.topic-card{padding:var(--space-md) 0;border-top:1px solid var(--border)}.topic-card h3{margin-bottom:var(--space-xs);font-size:18px}.topic-card p{font-family:var(--font-editorial);font-size:var(--text-body);color:var(--text-secondary);line-height:var(--lh-body)}.startup-list{flex-direction:column;display:flex}.startup-item{gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--border);align-items:baseline;display:flex}.startup-item h3{margin-bottom:2px;font-size:18px}.startup-item h3 a{color:var(--text);transition:color .18s}.startup-item h3 a:hover{color:var(--primary)}.startup-item p{font-family:var(--font-editorial);font-size:var(--text-small);color:var(--text-secondary);line-height:var(--lh-body)}.talks-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.talks-list .badge{background:var(--surface);color:var(--text);border-color:var(--border-strong);padding:8px 18px;font-size:13px;font-weight:500}.two-col-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.two-col-grid{grid-template-columns:1fr}}.contact-links{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=767px){:root{--space-section:3rem;--space-xl:1.5rem;--space-2xl:3rem}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.hero-title{letter-spacing:-.01em;font-size:36px}h1,h2{letter-spacing:-.01em}.chapter-content p,article p{font-size:18px;line-height:1.65}.mobile-br{display:inline}.page-width,.content-width,.navbar,.book-info{padding-left:24px;padding-right:24px}.hero.page-width{padding-left:28px;padding-right:24px}.book-badges{margin-bottom:var(--space-md)}.hero{padding:var(--space-xl) 0 var(--space-section)}.hero-subtitle{font-size:18px}.book-feature{text-align:center;grid-template-columns:1fr}.book-cover{max-width:200px;margin:0 auto}.book-info .description{font-size:18px}.btn-group{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}.author-section{text-align:center;flex-direction:column;align-items:center}.author-photo{width:100px;height:100px}.chapter-layout{max-width:var(--content-width);grid-template-columns:1fr}.chapter-toc{display:none}.chapter-main{max-width:100%}.chapter-nav{gap:var(--space-sm);font-size:13px}.section-label{font-size:10px}.form-input,.form-textarea{font-size:16px}.section form[style*="display: flex"]{flex-direction:column}.footer-links{align-items:center;gap:var(--space-xs);flex-direction:column}.author-hero{text-align:center;flex-direction:column}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:24px}.book-meta{text-align:center}.chapter-comment-banner{display:none}.chapter-content p:hover,.chapter-content blockquote:hover{box-shadow:none;background:0 0;padding-left:0}.chapter-comment-banner p:first-child{font-size:20px}.press-title{font-size:16px}}
