:root{--paper:#f7f5ef;--ink:#192822;--muted:#536259;--line:#d8ddd4;--accent:#254e3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 95% 0,#e1e9d9,transparent 32%),var(--paper);font-family:Satoshi,Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #a25f1b;outline-offset:5px}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.overflow-x-hidden{overflow-x:hidden}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-6xl{max-width:72rem}.skip{position:absolute;left:16px;top:-90px}.skip:focus{top:12px;z-index:20;background:white;padding:12px}nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:900;letter-spacing:-.7px;text-decoration:none;white-space:nowrap}.brand-dot{display:inline-block;width:9px;height:9px;background:#d46b41;border-radius:50%;margin-left:7px}.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;font-weight:700}.nav-links a{text-decoration:none}.nav-button{border:1px solid var(--ink);padding:9px 17px;border-radius:30px}.hero{padding:72px 0 0}.value-prop{max-width:780px;font-size:clamp(19px,2vw,25px);margin:0 0 42px}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:end}h1{font-size:clamp(44px,6.5vw,88px);line-height:1.02;letter-spacing:-.065em;margin:0}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.045em;margin:0 0 30px}h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}p{margin:0 0 22px}.hero-grid p{font-size:19px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:30px;padding:12px 22px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .3s}.button.secondary{background:transparent;color:var(--ink)}.button:hover{transform:translateY(-3px)}.hero-photo{margin:64px 0 0}.photo-frame{overflow:hidden;border-radius:6px}.photo-frame img{display:block;width:100%;height:auto;transition:transform .7s ease-out}.photo-frame:hover img{transform:scale(1.025)}figcaption{font-size:13px;color:var(--muted);padding:16px 0}.chapter{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:80px;padding-block:140px;border-bottom:1px solid var(--line)}.chapter-title p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-auto-flow:dense}.card{padding:28px;background:#e9eee5;border-radius:6px}.card:nth-child(2),.card:nth-child(3){background:#fffdf8}.card p,.prose p,.difference p,.accordion p{font-size:17px;color:var(--muted)}.card p{margin-bottom:0}.difference{padding:36px;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -12px 24px var(--paper)}.difference:first-child{padding-top:0;border-top:0}.source-note{font-size:13px;color:var(--muted);margin:28px 36px 0}.audience{padding-left:22px;font-size:20px}.audience li{padding:0 0 20px 10px}.prose h3:not(:first-child){margin-top:46px}.story-line{font-size:34px;line-height:1.5;font-weight:700;letter-spacing:-1px;margin-top:50px}.story-line img{border-radius:40px;object-fit:cover;vertical-align:middle}.workflow{padding-block:140px;border-bottom:1px solid var(--line)}.workflow>h2{max-width:700px}.accordion{display:flex;gap:16px}.accordion article{flex:1;min-width:0;padding:30px;background:#e9eee5;border-radius:6px;transition:flex .7s}.accordion article:hover,.accordion article:focus-within{flex:1.3}.timing{color:var(--muted);max-width:900px;margin:32px 0 0}.table-wrap{min-width:0}table{width:100%;border-collapse:collapse;font-size:16px}caption{text-align:left;color:var(--muted);margin-bottom:20px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 8px;overflow-wrap:anywhere}th{width:31%;font-weight:700}td{color:var(--muted)}.closing{padding-block:140px}.quotes{max-width:780px;margin:0 auto 100px}.quote-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.quote-track blockquote{min-width:100%;margin:0;padding:20px;scroll-snap-align:start}.quote-track p{font-size:32px;line-height:1.3;letter-spacing:-1px}.quote-track cite{font-size:14px;font-style:normal}.quote-controls{display:flex;gap:12px;padding:20px}.quote-controls button{font:inherit;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:8px 18px;cursor:pointer}.cta{padding:70px;background:var(--ink);border-radius:8px;color:white}.cta h2{font-size:clamp(38px,6vw,78px)}.cta .button{background:white;color:var(--ink);border-color:white}.cta .secondary{background:transparent;color:white}footer{padding-block:40px 60px;border-top:1px solid var(--line)}footer p{font-size:14px;margin-top:10px;color:var(--muted)}@media(min-width:1400px){.chapter,.workflow{padding-block:170px}}@media(max-width:900px){.hero-grid{gap:30px}.chapter{gap:35px;grid-template-columns:1fr 1.6fr}.cards{grid-template-columns:1fr}.accordion{display:grid}.chapter,.workflow{padding-block:96px}}@media(max-width:650px){.shell{width:calc(100% - 36px)}nav{align-items:flex-start;gap:20px;flex-direction:column;padding:20px 0}.nav-links{gap:18px;font-size:13px}.hero{padding-top:44px}.hero-grid,.chapter{grid-template-columns:1fr}.hero-grid{gap:26px}h1{font-size:clamp(42px,12vw,70px)}.hero-photo{margin-top:40px}.chapter,.workflow{padding-block:80px}.difference{padding:26px 0;box-shadow:none}.source-note{margin-inline:0}.card{padding:25px}.chapter{gap:24px}h2{max-width:16ch}.cta{padding:35px 24px}.closing{padding-block:80px}.quote-track p{font-size:26px}th,td{font-size:14px;padding:15px 6px}.value-prop{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Share the landing page typography and visual treatment. */
:root{--ink:#0a0a0a;--muted:#68645d;--line:rgba(10,10,10,.12);--accent:#0a0a0a;--ease:cubic-bezier(.16,1,.3,1)}
body{background:radial-gradient(circle at 14% 4%,rgba(255,255,255,.98),transparent 22rem),radial-gradient(circle at 88% 10%,rgba(224,217,202,.92),transparent 26rem),linear-gradient(180deg,#fbfaf5 0,#f7f5ef 44%,#f2eee4 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
header.shell{padding-top:18px}nav{padding:10px 10px 10px 18px;border:1px solid rgba(10,10,10,.1);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 18px 60px rgba(42,38,31,.12);backdrop-filter:blur(22px)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.025em}.brand-mark{border-radius:50%;box-shadow:0 6px 18px rgba(10,10,10,.16)}.nav-links{gap:4px}.nav-links a{padding:10px 14px;border-radius:999px;color:var(--muted);transition:background 180ms var(--ease),color 180ms var(--ease)}.nav-links a:hover{color:var(--ink);background:rgba(10,10,10,.06)}.nav-links .nav-button{background:var(--ink);color:white;padding:10px 18px}.nav-links .nav-button:hover{background:white;color:var(--ink)}
h1,h2,h3{letter-spacing:-.025em}h2{font-size:52px;line-height:1.08}h3{font-size:24px;line-height:1.25}.hero-grid p,.value-prop{font-weight:300}.hero-grid p{line-height:1.42}.card p,.prose p,.difference p,.accordion p{line-height:1.5}.button,.quote-controls button,th,.story-line{font-weight:400}.button{font-size:14px;line-height:20px}.photo-frame{border-radius:34px;box-shadow:0 28px 80px rgba(24,22,18,.12)}.card,.accordion article{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.72)}.card:nth-child(2),.card:nth-child(3){background:rgba(255,255,255,.72)}.difference{border-radius:24px}.cta{border-radius:34px}.cta h2{font-weight:400;letter-spacing:-.025em}.story-line{letter-spacing:-.025em}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:var(--ink)}
@media(max-width:700px){h2{font-size:34px;line-height:1.08}.hero h1{font-size:42px;line-height:1.12}.cta h2{font-size:42px}.photo-frame{border-radius:24px}.nav-links a{padding:8px 10px}.nav-links{gap:2px}nav{border-radius:28px;gap:12px;padding:16px}.difference{border-radius:16px}.hero-grid p{font-size:17px}.value-prop{font-size:19px}}

/* Match the landing and developer pages final white background. */
html,body{background:#fff!important;color:#000}
.difference{background:#fff;box-shadow:none}

/* Lead the About page with the founder-provided photograph. */
.hero{padding-top:28px}.hero-photo{margin-top:0}