:root{--paper: #ffffff;--stage: #f2f4f7;--stage-2: #e8ebf0;--ink: #0a0a0a;--soft: #5f6368;--line: #e6e6e6;--hue: #1d5fbf;--primary: #141414;--negative: #c4242a;--neg-bg: #ffedea;--neg-ink: #831c1e;--font: "Geist Variable", "Geist", Inter, system-ui, sans-serif;--fs-display: clamp(40px, 5.2vw, 76px);--fs-heading: clamp(28px, 2.6vw, 38px);--fs-statement: clamp(22px, 2vw, 28px);--fs-body: 18px;--fs-small: 15px;--margin: 32px;--frame: 1280px;--column: 560px;--gap-section: clamp(120px, 14vw, 200px);--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:var(--fs-body)/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--hue);outline-offset:3px;border-radius:3px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.frame{max-width:var(--frame);margin-left:auto;margin-right:auto;padding-left:var(--margin);padding-right:var(--margin)}.bar{display:flex;align-items:center;gap:28px;padding-top:28px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;font-size:17px}.wordmark svg{width:22px;height:22px}.bar nav{display:flex;gap:24px;font-size:var(--fs-small)}.bar nav a{text-decoration:none;color:var(--soft);transition:color .15s ease}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--ink)}.bar .action{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:var(--fs-small);font-weight:500;text-decoration:none;border:0;cursor:pointer;transition:background-color .15s ease,transform .12s var(--ease)}.btn:hover{background:#2e2e2e}.btn:active{transform:translateY(1px)}.btn.small{height:36px;padding:0 14px}.text-link{font-size:var(--fs-small);font-weight:500}.text-link:hover{color:var(--hue)}.section{margin-top:var(--gap-section)}.col{margin-left:20%;max-width:var(--column)}.split{display:grid;grid-template-columns:minmax(0,var(--column)) minmax(0,1fr);column-gap:clamp(32px,5vw,88px);margin-left:20%;align-items:start}.split.full{margin-left:0;grid-template-columns:minmax(0,1fr) minmax(0,var(--column)) minmax(0,1fr)}.wide{margin-left:20%}h2{font-size:var(--fs-heading);line-height:1.12;font-weight:500;letter-spacing:-.02em;margin-bottom:20px}h3{font-size:var(--fs-body);line-height:1.4;font-weight:600}.lead{color:var(--ink)}.soft{color:var(--soft)}.small{font-size:var(--fs-small)}.stack-text>*+*{margin-top:18px}.num{font-variant-numeric:tabular-nums}.hero{padding-top:clamp(96px,16vh,180px)}.hero h1{font-size:var(--fs-display);line-height:1.02;font-weight:500;letter-spacing:-.035em;max-width:20ch}.hero h1.long{font-size:clamp(28px,3.1vw,44px);line-height:1.1;letter-spacing:-.025em;max-width:30ch}.hero>*,.hero>div>*{animation:rise .8s var(--ease) both}.hero>:nth-child(2),.hero>div>:nth-child(2){animation-delay:80ms}.hero>:nth-child(3),.hero>div>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4),.hero>div>:nth-child(4){animation-delay:.24s}.hero>:nth-child(5),.hero>div>:nth-child(5){animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.hero .support{margin-top:28px;max-width:34em}.hero .actions{margin-top:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-figure{margin-top:72px}figure img{width:100%;border-radius:2px}figcaption{margin-top:10px;font-size:var(--fs-small);color:var(--soft);max-width:44ch}.photo-drift{overflow:hidden;border-radius:2px}.photo-drift img{transform:scale(1.06);transition:transform 1.6s var(--ease);will-change:transform}[data-ui]{font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}.stage{background:var(--stage);border-radius:10px;padding:clamp(16px,2.4vw,32px)}.ui-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px}.ui-panel+.ui-panel{margin-top:12px}.ui-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.ui-head b{font-size:16px;font-weight:600}.ui-meta{color:var(--soft);font-size:13px}.ui-split{display:flex;gap:2px;height:12px;border-radius:3px;overflow:hidden;background:#f0f0f0;margin:10px 0 6px}.ui-split span{transition:flex-grow .4s var(--ease)}.ui-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:32px}.ui-row+.ui-row{border-top:1px solid #f0f0f0}.ui-row .sw{width:10px;height:10px;border-radius:2px}.ui-table{width:100%;border-collapse:collapse}.ui-table th{text-align:left;font-weight:400;font-size:13px;color:var(--soft);height:30px;border-bottom:1px solid var(--line)}.ui-table td{height:36px;border-bottom:1px solid #f0f0f0}.ui-table tr:last-child td{border-bottom:0}.ui-table .n{text-align:right}.ui-key{font-variant-numeric:tabular-nums;letter-spacing:.01em}.ui-unit{color:var(--soft);margin-left:3px}.ui-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:13px;font-weight:500;background:#eee;white-space:nowrap}.ui-pill.neg{background:var(--neg-bg);color:var(--neg-ink)}.ui-btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:6px;background:var(--primary);color:#fff;font-size:13px;font-weight:500}.ui-btn.ghost{background:#e5e5e5;color:var(--ink)}.ui-drift{background:var(--neg-bg);color:var(--neg-ink);border-radius:6px;padding:12px 14px}.ui-steps{margin:0;padding-left:20px}.ui-steps li+li{margin-top:4px}.ui-cell{white-space:pre}.pinned{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);column-gap:clamp(32px,5vw,88px);margin-left:20%}.statements .step{min-height:44vh;display:flex;flex-direction:column;justify-content:center}.statements .step:first-child{min-height:30vh;justify-content:flex-start;padding-top:8px}.statements p.say{font-size:var(--fs-statement);line-height:1.25;letter-spacing:-.015em;color:var(--soft);transition:color .3s ease;max-width:20ch}.statements .step.active p.say{color:var(--ink)}.statements .step p.why{margin-top:12px;font-size:16px;color:var(--soft);max-width:36ch}.pin-stage{position:sticky;top:14vh;align-self:start}.pin-stage .stage{position:relative;min-height:420px}.state{position:absolute;inset:clamp(16px,2.4vw,32px);opacity:0;transition:opacity 1.6s ease}.state.on{opacity:1}.demo{display:grid;grid-template-columns:62fr 38fr;border-radius:10px;overflow:hidden;margin-top:28px;max-width:980px}.demo-out{background:var(--stage);padding:24px}.demo-controls{background:var(--stage-2);padding:12px 20px 20px;display:grid;align-content:start}.control{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:var(--fs-small)}.seg{display:inline-flex;padding:2px;border-radius:6px;background:#d9dde3}.seg button{height:30px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#3d4045;cursor:pointer;font-size:14px;transition:background-color .15s ease,color .15s ease}.seg button[aria-pressed=true]{background:#fff;color:var(--ink)}.toggle{appearance:none;width:36px;height:22px;border-radius:999px;background:#b9bec6;position:relative;cursor:pointer;margin:0;flex:none;transition:background-color .15s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.toggle:checked{background:var(--ink)}.toggle:checked:after{transform:translate(14px)}.demo-note{margin-top:14px}.plate{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:start}.plate .notes{display:grid;gap:44px;padding-top:72px}.plate .notes.left{text-align:right;justify-items:end}.plate .note{max-width:26ch;cursor:default}.plate .note h3{font-weight:500}.plate .note p{font-size:var(--fs-small);color:var(--soft);margin-top:4px}.plate-heading{margin-left:20%;max-width:var(--column);margin-bottom:40px}.plate [data-part]{transition:opacity .25s ease}.plate.focus [data-part]{opacity:.3}.plate.focus [data-part].lit{opacity:1}.rows{display:grid}.rows .group{margin-top:40px;color:var(--soft);font-size:var(--fs-small);margin-bottom:6px}.rows .group:first-child{margin-top:0}.row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;text-decoration:none}.row .dot{width:9px;height:9px;border-radius:50%;background:var(--ink);align-self:center;justify-self:center;transition:transform .2s var(--ease)}.row .name{font-size:17px}.row .val{font-size:var(--fs-small);color:var(--soft);text-align:right;font-variant-numeric:tabular-nums}a.row:hover .name{color:var(--hue)}a.row:hover .dot{transform:scale(1.4);background:var(--hue)}.menu{columns:2;column-gap:64px}.menu .item{break-inside:avoid;margin-bottom:26px}.menu .line{display:flex;justify-content:space-between;gap:16px;font-size:19px}.menu .line span:last-child{font-variant-numeric:tabular-nums}.menu .desc{font-size:16px;color:var(--soft);max-width:36ch;margin-top:2px}.answers{columns:2;column-gap:56px;font-size:17px}.answers p{break-inside:avoid;margin-bottom:20px}.answers b{font-weight:600}.prose{font-size:var(--fs-body)}.prose>*+*{margin-top:18px}.prose h2{margin-top:72px;margin-bottom:0}.prose h2+*{margin-top:16px}.prose ol,.prose ul{padding-left:22px}.prose li+li{margin-top:8px}.prose code{font-size:.92em;background:var(--stage);padding:1px 5px;border-radius:4px}.facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 24px;font-size:17px}.facts dt{color:var(--soft)}.compare-table{width:100%;border-collapse:collapse;font-size:16px}.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}.compare-table th{font-weight:500}.compare-table thead th{color:var(--soft);font-weight:400;font-size:var(--fs-small)}.foot{margin-top:200px;padding-bottom:30px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:baseline;font-size:var(--fs-small);color:var(--soft)}.foot nav{display:flex;gap:24px}.foot a{color:var(--ink);text-decoration:none}.foot a:hover{text-decoration:underline}.foot .end{text-align:right}.credits{padding-bottom:28px;font-size:14px;color:var(--soft)}.credits a{color:var(--soft)}.pre{opacity:0;transform:translateY(24px)}.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}@media(max-width:1000px){.col,.split,.wide,.pinned,.plate-heading{margin-left:0}.split,.split.full,.pinned{grid-template-columns:minmax(0,1fr)}.split>figure,.split>.aside{margin-top:40px;max-width:var(--column)}.pin-stage{position:sticky;top:0;z-index:1;background:var(--stage);padding:12px 0;order:-1}.pin-stage .stage{min-height:0;height:400px;overflow:hidden}.statements .step,.statements .step:first-child{min-height:52svh}.plate{grid-template-columns:minmax(0,1fr)}.plate .notes{padding-top:0;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.plate .notes.left{text-align:left;justify-items:start;order:2}.plate .notes.right{order:3}.plate>[data-ui]{order:1;max-width:400px}}@media(max-width:760px){:root{--margin: 20px;--fs-body: 17px;--fs-display: 32px}.hero h1.long{font-size:22px}.bar{flex-wrap:wrap;row-gap:12px;padding-top:24px}.bar nav{order:3;width:100%;gap:18px;flex-wrap:wrap}.hero{padding-top:56px}.demo{grid-template-columns:minmax(0,1fr)}.menu,.answers{columns:1}.foot{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:120px}.foot nav{flex-wrap:wrap;gap:8px 18px}.foot .end{text-align:left}.plate .notes{grid-template-columns:minmax(0,1fr)}.compare-wrap{overflow-x:auto}}@media(prefers-reduced-motion:reduce){.hero>*,.hero>div>*{animation:none}.pre{opacity:1;transform:none}.in,.state,.photo-drift img,.ui-split span{transition:none}.photo-drift img{transform:none}}.tool{background:var(--stage);border-radius:10px;padding:20px}.tool-drops{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-drop{position:relative;display:grid;gap:6px;align-content:start;min-height:132px;padding:18px;background:#fff;border:1px dashed #c4c9d0;border-radius:8px;transition:border-color .15s ease}.tool-drop:hover,.tool-drop:focus-within{border-color:var(--ink)}.tool-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}@media(max-width:760px){.tool-drops{grid-template-columns:minmax(0,1fr)}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.aside-stack{display:grid;gap:12px;align-content:start}.field{background:var(--stage);border-radius:12px;padding:clamp(56px,7vw,96px) 0}.field .stage,.field .pin-stage .stage{background:var(--stage-2)}.hang{display:grid;grid-template-columns:20% minmax(0,1fr);align-items:start}.hang>:first-child{padding-right:32px}@media(max-width:1000px){.hang{grid-template-columns:minmax(0,1fr)}}@media(min-width:1001px){.split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}