
:root{--ink:#0b100d;--forest:#0c120e;--paper:#f3f0e7;--line:#c4c5b9;--muted:#546057;--acid:#c8ff32;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#385015}:focus-visible{outline:3px solid #2f62f5;outline-offset:5px}::selection{background:var(--acid);color:var(--ink)}.skip{position:absolute;left:16px;top:-100px;z-index:30;background:var(--acid);padding:12px}.skip:focus{top:12px}.top{background:var(--forest);color:var(--paper);position:sticky;top:0;z-index:10}.top-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:19px 40px;gap:20px}.brand{font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-.6px}.top nav{display:flex;gap:28px;align-items:center;font-size:14px}.top a:hover{color:var(--acid)}.top nav a{text-decoration:none}.top nav .active{color:var(--acid)}.wrap{max-width:var(--max);margin:auto;padding-inline:40px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;display:flex;gap:18px;flex-wrap:wrap}.hero{padding-top:62px;padding-bottom:52px;border-bottom:1px solid var(--line)}h1{font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:600;max-width:1090px;margin:26px 0}.subtitle{font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.025em;color:var(--muted);margin:0 0 26px}.lede{font-size:21px;line-height:1.65;max-width:740px;margin:0}.meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.author{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.author img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center 25%}.content{display:grid;grid-template-columns:250px minmax(0,760px);gap:70px;align-items:start;padding-top:52px;padding-bottom:90px}.toc{position:sticky;top:100px;font-size:13px;line-height:1.45}.toc>p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 17px}.toc ol{padding:0;list-style:none;counter-reset:toc}.toc li{counter-increment:toc;border-top:1px solid var(--line);padding:12px 0}.toc li a{display:grid;grid-template-columns:22px 1fr;gap:10px;text-decoration:none}.toc li a:before{content:counter(toc,decimal-leading-zero);font-size:10px;color:var(--muted);padding-top:3px}.prose{min-width:0}.prose p{font-size:19px;line-height:1.8;margin:0 0 22px}.prose section{margin-bottom:54px}.prose h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 24px}.section-no{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.pull{font-size:clamp(26px,3vw,36px);line-height:1.28;letter-spacing:-.025em;padding:28px 0 28px 26px;border-left:5px solid var(--acid);margin:36px 0 48px;font-weight:500}.flow{background:var(--forest);color:var(--paper);padding:28px;margin:32px 0}.flow figcaption{font-size:12px;color:var(--acid);margin-bottom:22px}.flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow li{border-top:1px solid #778070;padding-top:14px;font-size:15px;line-height:1.4}.flow li b{display:block;color:var(--acid);font-size:11px;margin-bottom:13px}.flow small{display:block;color:#bbc3ba;font-size:11px;margin-top:9px}.note{border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.note p{font-size:14px;line-height:1.65}.end{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:15px}.footer{background:var(--forest);color:var(--paper);padding:32px 0}.footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}.blog-intro{padding-top:70px;padding-bottom:58px}.blog-intro h1{font-size:clamp(58px,8vw,108px);margin:20px 0 28px}.blog-intro p{max-width:660px;font-size:21px;line-height:1.6}.story{display:grid;grid-template-columns:100px 1fr 220px;gap:35px;border-top:1px solid var(--ink);padding:36px 0 46px;text-decoration:none}.story-no{font-size:70px;line-height:1;color:var(--muted);letter-spacing:-.06em}.story h2{font-size:clamp(28px,3.3vw,44px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 22px;max-width:690px}.story p{font-size:18px;line-height:1.6;max-width:650px;margin:0}.story-side{border-left:1px solid var(--line);padding-left:22px;font-size:14px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.story-side b{font-size:36px;line-height:1.1;font-weight:500}.story:hover h2{text-decoration:underline;text-decoration-thickness:2px}.blog-bottom{padding:20px 0 80px;max-width:720px;color:var(--muted);font-size:16px;line-height:1.65}@media(max-width:1050px){.content{grid-template-columns:210px minmax(0,1fr);gap:35px}.story{grid-template-columns:70px 1fr}.story-side{grid-column:2;border-left:0;padding:0;flex-direction:row;align-items:center}.story-side b{font-size:24px}}@media(max-width:760px){.wrap{padding-inline:22px}.top-inner{padding:18px 22px}.brand{font-size:17px}.top nav{gap:18px;font-size:13px}.top nav .profile{display:none}.hero{padding-top:38px;padding-bottom:34px}h1{font-size:42px;line-height:1.07}.lede{font-size:18px;line-height:1.65}.meta{gap:12px}.content{display:block;padding-top:30px}.toc{position:static;margin-bottom:38px}.toc ol{display:none}.toc:focus-within ol,.toc.open ol{display:block}.toc button{background:none;border:1px solid var(--line);padding:14px 16px;width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}.toc>p{display:none}.prose h2{font-size:28px}.prose p{font-size:18px;line-height:1.75}.prose section{margin-bottom:42px}.flow{padding:22px;margin-inline:0}.flow ol{grid-template-columns:1fr 1fr;gap:24px}.pull{padding:22px 0 22px 18px;font-size:28px}.story{display:block;padding-top:26px}.story-no{font-size:34px;margin-bottom:25px}.story-side{display:flex;margin-top:26px}.blog-intro{padding-top:42px;padding-bottom:32px}.blog-intro p{font-size:19px}.story h2{font-size:32px}}@media(min-width:761px){.toc button{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.top,.toc,.footer,.end{display:none}.content{display:block}.hero{padding:0}.prose p{font-size:12pt}.wrap{padding:0}.prose{max-width:none}.flow{break-inside:avoid}}

.cta{padding:27px;background:#e4ebd4;border-left:4px solid #557425;margin:34px 0 44px}.prose .cta-title{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 14px}.prose .cta p:not(.cta-title){font-size:16px;line-height:1.6;margin:0 0 20px}.cta a{display:inline-block;background:#0c120e;color:#c8ff32;padding:12px 18px;text-decoration:none;font-size:15px;font-weight:700}.cta a:hover{background:#26321d}.tool-screen{margin:32px 0 46px}.tool-screen img{display:block;width:100%;height:auto;border:1px solid #c4c5b9}.tool-screen figcaption{font-size:12px;line-height:1.5;color:#546057;margin-top:12px}

:root{--paper:#f3f0e7;--paper-2:#e7e2d5;--ink:#0b100d;--forest:#0c120e;--forest-2:#172019;--line:#b9b3a7;--muted:#5d665f;--acid:#c8ff32;--blue:#2f62f5;--orange:#ff5c2b}body{text-rendering:optimizeLegibility}.top{background:rgba(12,18,14,.94);border-bottom:1px solid #303a33;backdrop-filter:blur(14px)}.top-inner{min-height:66px;padding-block:12px}.brand{padding:10px 14px;background:var(--acid);color:var(--ink);font-size:20px;letter-spacing:-.045em;line-height:1.1}.top .brand:hover{color:var(--ink);background:#dcff7f}.top nav a{color:#ccd2cd}.top nav .active{color:var(--acid)}.top nav a:last-child{padding:10px 16px;color:var(--ink);background:var(--acid);font-weight:700}.top nav a:last-child:hover{background:#dcff7f;color:var(--ink)}.hero{padding-top:52px;padding-bottom:42px;border-bottom:1px solid var(--line);background:var(--paper)}.hero h1{font-size:clamp(40px,5vw,70px);font-weight:900;letter-spacing:-.06em;line-height:1.02;max-width:1120px}.hero .subtitle{color:var(--muted)}.hero .lede{max-width:850px}.prose h2{font-weight:700}.section-no{color:var(--muted)}.cta{background:var(--paper-2);border:1px solid var(--line);border-left:4px solid var(--acid)}.cta:last-of-type{background:var(--forest);color:#f7f4eb;border-color:var(--forest);border-left-color:var(--acid)}.cta a{background:var(--ink);color:var(--acid)}.cta:last-of-type a{background:var(--acid);color:var(--ink)}.cta a:hover{background:var(--forest-2)}.cta:last-of-type a:hover{background:#dcff7f}.tool-screen{background:transparent;padding:0}.tool-screen img{border:1px solid var(--line)}.tool-screen figcaption{color:var(--muted)}.story{border-top:1px solid var(--ink)}.story-no{color:var(--muted)}.footer{background:var(--forest)}@media(max-width:760px){.top-inner{padding:12px 22px;gap:10px}.brand{font-size:16px;padding:10px}.top nav{font-size:12px;gap:12px}.top nav a:last-child{padding:10px 8px}.hero{padding-top:34px}.hero h1{font-size:40px}.cta{padding:22px}}
@media(max-width:375px){.hero h1{font-size:34px}.prose h2{font-size:26px}}.hero h1,.prose h2,.story h2{overflow-wrap:anywhere;hyphens:auto}
