:root{color-scheme:light;--bg: #ffffff;--band: #f4f4f4;--ink: #111111;--grey: #777777;--fill: #e4e4e4;--line: #cfcfcf;--accent: #ecc096;--font: "Urbanist", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;padding-bottom:80px}h1,h2,h3,p,ol{margin:0}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}h1{font-size:60px;line-height:1.04;font-weight:600;text-wrap:balance}h2{font-size:40px;line-height:1.1;font-weight:600;text-wrap:balance;max-width:22ch}h3{font-size:19px;font-weight:600;line-height:1.25}.lede{font-size:19px;color:var(--grey);max-width:52ch}.sub{color:var(--grey)}.center{text-align:center;margin-left:auto;margin-right:auto}.stack{display:grid;gap:24px;align-content:start}.row{display:flex;gap:12px;flex-wrap:wrap}.sec{position:relative;padding:112px 0;border-top:1px solid var(--line)}.band{background:var(--band)}.mark{position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:3px 8px}.nav{border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}.logo{font-weight:700;font-size:20px;border:2px solid var(--ink);padding:2px 10px;border-radius:6px}.links{display:flex;gap:32px;color:var(--grey);font-size:15px}.btn{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:600;font-size:15px;border:1.5px solid var(--ink)}.btn.ghost{background:transparent}.eyebrow{font-family:var(--mono);font-size:13px;color:var(--grey)}.ln{height:10px;border-radius:5px;background:var(--fill)}.w70{width:70%}.w50{width:50%}.w30{width:30%}.img{background:linear-gradient(to top right,transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px)),#fff;border:1.5px solid var(--ink);border-radius:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span,.pill{font-family:var(--mono);font-size:12px;padding:5px 10px;border:1.5px solid var(--ink);border-radius:6px;background:#fff}.bubble{justify-self:end;background:var(--ink);color:#fff;border-radius:14px 14px 4px;padding:10px 14px;font-size:15px;max-width:80%}.bubble.sm{font-size:13px}.tiny{font-family:var(--mono);font-size:12px;color:var(--grey)}.split{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.ui{border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;background:#fff;box-shadow:8px 8px 0 var(--fill)}.ui-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:12px}.ui-bar i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink)}.ui-bar span{margin-left:8px}.ui-body{display:grid;grid-template-columns:120px 1fr;min-height:360px}.ui-side{border-right:1.5px solid var(--line);padding:16px 12px;display:grid;gap:12px;align-content:start}.ui-side b{height:8px;border-radius:4px;background:var(--fill)}.ui-side b.s{background:var(--ink);width:70%}.ui-main{padding:20px;display:grid;gap:16px;align-content:start}.answer{display:grid;gap:10px;border:1.5px solid var(--line);border-radius:10px;padding:16px}.input{height:40px;border:1.5px solid var(--ink);border-radius:10px;margin-top:40px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.promise{display:grid;gap:12px;align-content:start}.ico{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink)}.diagram{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:16px;max-width:900px;margin:64px auto 48px}.col{display:grid;gap:10px}.wire{height:0;border-top:1.5px dashed var(--ink);position:relative}.wire:after{content:"";position:absolute;right:-2px;top:-6px;border:5px solid transparent;border-left:8px solid var(--ink)}.wire.short{width:40px;transform:rotate(90deg);margin:12px 0}.core{width:170px;aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);background:var(--accent);display:grid;place-content:center;text-align:center;padding:16px}.core b{font-size:24px}.core small{font-size:12px}.pill.out{background:var(--ink);color:#fff}.pill.small{justify-self:start}.dan{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}.portrait{aspect-ratio:4 / 5}.who{color:var(--grey)}.who b{color:var(--ink)}.outcomes{margin-top:48px}.card{display:grid;gap:14px;align-content:start}.frag{border:1.5px solid var(--ink);border-radius:12px;padding:20px;display:grid;gap:10px;align-content:start;min-height:180px;background:#fff;margin-bottom:8px}.ba{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden}.ba .side{padding:28px;display:grid;gap:8px}.ba .side.on{border-left:1.5px solid var(--ink);background:var(--band)}.tag{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 24px}.tabs span{padding:8px 18px;border:1.5px solid var(--line);border-radius:999px;font-size:15px;background:#fff}.tabs span.on{border-color:var(--ink);background:var(--ink);color:#fff}.panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1.5px solid var(--ink);border-radius:12px;padding:40px;background:#fff;align-items:center}.quote{font-size:28px;font-weight:600;line-height:1.2}.sec .wrap>h2+.three{margin-top:48px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;position:relative}.steps li{display:grid;gap:12px;align-content:start;border-top:1.5px solid var(--ink);padding-top:20px}.steps span{font-family:var(--mono);font-size:13px;color:var(--grey)}.note{margin-top:40px;border-left:3px solid var(--accent);padding:4px 0 4px 16px;max-width:60ch}.closing{padding:144px 0}.center-all{justify-items:center;text-align:center}.foot{border-top:1px solid var(--line)}@media(max-width:900px){h1{font-size:40px}h2{font-size:30px}.sec{padding:80px 0}.links{display:none}.split,.three,.dan,.ba,.panel,.steps{grid-template-columns:1fr}.ba .side.on{border-left:0;border-top:1.5px solid var(--ink)}.diagram{grid-template-columns:1fr;justify-items:center}.wire{width:0;height:32px;border-top:0;border-left:1.5px dashed var(--ink)}.wire:after{display:none}.dan .portrait{max-width:240px}}