:root{--paper:#FBFAF7;--ink:#17181A;--muted:#64676D;--line:#E3E0D8;--panel:#F2F0EB;--blue:#1A7FE6;--blue-tint:#E3EEFA;--tbd:#FCEFB4;--tbd-ink:#5E4700;--display:"Neue Haas Grotesk Display Pro", "Neue Haas Grotesk Display", "Neue Haas Grotesk Text Pro", "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--body:"Hanken Grotesk", "Helvetica Neue", system-ui, sans-serif;--mono:"Hanken Grotesk", "Helvetica Neue", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121314;--ink:#EEECE7;--muted:#A09E98;--line:#2A2A2C;--panel:#1C1D1F;--blue:#5AA6F2;--blue-tint:#16263A;--tbd:#3B3214;--tbd-ink:#F3D98A;color-scheme:dark}}:root[data-theme=dark]{--paper:#121314;--ink:#EEECE7;--muted:#A09E98;--line:#2A2A2C;--panel:#1C1D1F;--blue:#5AA6F2;--blue-tint:#16263A;--tbd:#3B3214;--tbd-ink:#F3D98A;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}p,h1,h2,h3,h4,ul,ol,figure{margin:0}.read{max-width:720px;margin-inline:auto}.wide{max-width:1180px;margin-inline:auto}h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance;letter-spacing:-.015em}h1{font-size:clamp(2.5rem,6.2vw,4.6rem);line-height:1.02}h2{font-size:clamp(1.9rem,3.8vw,2.8rem);line-height:1.08}h3{font-size:clamp(1.4rem,2.4vw,1.75rem);line-height:1.15}h4{font:600 1rem/1.4 var(--body)}.label{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:20px}.tbd{background:var(--tbd);color:var(--tbd-ink);border-radius:3px;padding:0 .25em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.draft{display:inline-flex;align-self:flex-start;gap:6px;align-items:center;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--tbd);color:var(--tbd-ink);padding:6px 9px;border-radius:999px}.top{display:flex;justify-content:space-between;align-items:center;padding-block:24px;font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase}.top a{color:var(--ink);text-decoration:none}.hero{padding-block:clamp(40px,8vw,96px) 48px}.hero .lede{font-size:1.2rem;color:var(--muted);max-width:60ch}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:48px}.stats div{padding:24px 20px 4px 0;display:flex;flex-direction:column;gap:6px}.stats div+div{padding-left:20px;border-left:1px solid var(--line)}.stats b{font:400 clamp(2.2rem,4.5vw,3.3rem)/1 var(--display);letter-spacing:-.02em}.stats span{font-size:14px;color:var(--muted);line-height:1.45}@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:nth-child(3){border-left:0;padding-left:0}}.stage{background:var(--panel);border-radius:24px;padding:clamp(20px,4vw,56px);overflow:hidden}.stage.blue{background:var(--blue-tint)}.phones{display:flex;gap:clamp(10px,2vw,28px);justify-content:center;align-items:flex-start}.phones img{flex:1 1 0;min-width:0;max-width:250px;width:100%;border-radius:22px;display:block;box-shadow:0 1px #0000000a,0 24px 48px -28px #14284673}.phones .down{margin-top:48px}@media(max-width:640px){.phones .down{margin-top:20px}}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:48px;border-bottom:1px solid var(--line)}.meta dt{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.meta dd{margin:0;font-size:15.5px;line-height:1.55}@media(max-width:760px){.meta{grid-template-columns:minmax(0,1fr)}}.toc{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:28px;border-bottom:1px solid var(--line);font:500 13px var(--mono)}.toc a{color:var(--muted);text-decoration:none}.toc a:hover,.toc a:focus-visible{color:var(--blue)}.toc span{color:var(--blue);margin-right:6px}section.chapter{padding-block:clamp(64px,10vw,128px);border-bottom:1px solid var(--line);scroll-margin-top:16px}.sub{padding-top:56px;display:flex;flex-direction:column;gap:16px}.sub .label{color:var(--muted)}blockquote{margin:12px 0;padding:4px 0 4px 24px;border-left:2px solid var(--blue);font:400 clamp(1.35rem,2.4vw,1.7rem)/1.35 var(--display);font-style:italic}ol.q{list-style:none;padding:0;counter-reset:q;display:flex;flex-direction:column}ol.q li{counter-increment:q;display:grid;grid-template-columns:44px minmax(0,1fr);padding:14px 0;border-top:1px solid var(--line)}ol.q li:before{content:counter(q,decimal-leading-zero);font:500 13px/1.9 var(--mono);color:var(--blue)}ul.dots{padding-left:1.1em;display:flex;flex-direction:column;gap:8px}ul.dots li::marker{color:var(--blue)}.personas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.persona{border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;background:var(--paper)}.persona .who{display:flex;gap:14px;align-items:center}.persona .av{width:48px;height:48px;border-radius:50%;background:var(--blue-tint);color:var(--blue);display:grid;place-items:center;font:500 18px var(--display);flex:none}.persona small{display:block;font-size:14px;color:var(--muted);line-height:1.4}.persona .pp{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.persona ul{font-size:15.5px}@media(max-width:760px){.personas{grid-template-columns:minmax(0,1fr)}}.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start;padding-top:clamp(56px,8vw,96px)}.feature .copy{display:flex;flex-direction:column;gap:16px;position:sticky;top:32px}.feature .copy .label{color:var(--muted)}.feature .copy p{font-size:16.5px}@media(max-width:860px){.feature{grid-template-columns:minmax(0,1fr)}.feature .copy{position:static}}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-block:12px}.results div{background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:6px}.results b{font:400 2.2rem/1 var(--display)}.results span{font-size:14.5px;color:var(--muted)}.next{padding-block:72px;display:flex;flex-direction:column;gap:12px}.next h2{max-width:22ch}footer{padding-block:32px 64px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.tablewrap{overflow-x:auto;margin-inline:-4px;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px;line-height:1.5}th{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 16px;background:var(--panel)}td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}td:first-child{font-weight:600;width:22%}.sources{font-size:14px;color:var(--muted);margin-top:24px}.sources summary{cursor:pointer;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.sources ul{margin-top:10px;padding-left:1.1em;display:flex;flex-direction:column;gap:6px}a{color:var(--blue)}a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}
