:root{--bg:#f5f2ea;--surface:#ebe6da;--ink:#171915;--muted:#66695f;--accent:#e34f2a;--line:#cbc6b9;--max:1120px;color-scheme:light}html[data-theme=dark]{--bg:#151713;--surface:#22251f;--ink:#f0eee5;--muted:#a8aa9f;--accent:#ff6b42;--line:#383b34;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Noto Sans SC,system-ui,sans-serif;line-height:1.7}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;letter-spacing:-.03em}.brand span,.hero em{color:var(--accent)}nav{display:flex;align-items:center;gap:28px}a{color:inherit;text-decoration:none}nav a{font-size:14px;color:var(--muted)}nav a:hover,nav a.active{color:var(--ink)}#theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:34px;height:34px;cursor:pointer}.hero{padding:100px 0 90px;max-width:900px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1,.page-head h1,.article h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(50px,8vw,104px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 28px}.hero h1 em{font-weight:400}.intro{max-width:620px;color:var(--muted);font-size:19px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:38px}.button{background:var(--ink);color:var(--bg);padding:13px 20px;font-weight:700}.text-link{border-bottom:1px solid var(--ink)}.section-heading{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:800;letter-spacing:.12em;margin-bottom:24px}.rule{height:1px;background:var(--line);flex:1}.feature-card{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;background:var(--surface);padding:44px;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card h2{font:clamp(30px,4vw,52px)/1.15 Georgia,"Noto Serif SC",serif;margin:18px 0}.feature-card p{color:var(--muted);max-width:620px}.stage{display:inline-block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}.feature-meta{display:flex;flex-direction:column;justify-content:flex-end;color:var(--muted);font-size:13px}.feature-meta b{align-self:flex-end;color:var(--accent);font-size:28px}.process{padding:100px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps div{padding:24px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:30px}.steps div:last-child{border:0}.steps small{color:var(--accent)}.steps strong{font-size:18px}footer{border-top:1px solid var(--line);padding:28px 0 50px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.page-head{padding:80px 0 54px}.page-head h1{font-size:clamp(48px,7vw,82px);margin-bottom:18px}.page-head>p:last-child,.lead{color:var(--muted);font-size:18px}.post-row{display:grid;grid-template-columns:140px 1fr 30px;gap:30px;padding:34px 0;border-top:1px solid var(--line)}.post-row time{font-size:13px;color:var(--muted)}.post-row h2{font:30px/1.2 Georgia,"Noto Serif SC",serif;margin:10px 0}.post-row p{color:var(--muted);margin:0 0 12px}.post-row>b{color:var(--accent);font-size:24px}.tags{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.article{max-width:800px;margin:0 auto;padding:70px 0 100px}.back{color:var(--muted);font-size:13px}.article-kicker{display:flex;gap:18px;align-items:center;margin-top:55px}.article-kicker time{font-size:13px;color:var(--muted)}.article h1{font-size:clamp(42px,7vw,76px)}.article header>p{font-size:20px;color:var(--muted)}.article .tags{margin-top:22px}.prose{font-family:Georgia,"Noto Serif SC",serif;font-size:18px;line-height:1.9;margin-top:70px}.prose h2{font-size:30px;line-height:1.3;margin:2em 0 .6em}.prose blockquote{margin:28px 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);color:var(--muted)}.prose code{font-family:ui-monospace,monospace;font-size:.88em}.prose pre{padding:22px;overflow:auto;border-radius:4px}.about{max-width:800px}.about .prose{margin-top:60px}@media(max-width:720px){.shell{width:min(calc(100% - 28px),var(--max))}.site-header{height:70px}.brand{font-size:17px}nav{gap:14px}nav a{display:none}nav a:first-child{display:block}.hero{padding:70px 0}.hero h1{font-size:53px}.intro{font-size:17px}.feature-card{grid-template-columns:1fr;padding:28px;gap:16px}.feature-meta{gap:4px}.steps{grid-template-columns:1fr 1fr}.steps div:nth-child(2){border-right:0}.steps div:nth-child(-n+2){border-bottom:1px solid var(--line)}.post-row{grid-template-columns:1fr 22px;gap:14px}.post-row time{grid-column:1/-1}.page-head{padding-top:60px}.article{padding-top:45px}footer{flex-direction:column;gap:4px}}
