:root{--paper:#f5f1e8;--wash:#efeadf;--ink:#1e3a2b;--muted:#5d6a50;--line:#e4dfd3;--teal:#1e3a2b;--teal-deep:#1e3a2b;--mint:#efd08c;--mint-pale:#efe7d4;--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.77,0,.175,1);--pad:clamp(20px,5vw,72px);--display:var(--font-hanken),system-ui,sans-serif;--body:var(--font-hanken),system-ui,sans-serif;--mono:var(--font-geist-mono),ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}.d{font-family:var(--display);letter-spacing:-.025em;font-weight:700}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:.8rem;font-weight:500}.btn{background:var(--teal);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:15px 26px;font-size:.95rem;font-weight:500;transition:transform .16s ease-out;display:inline-flex}.btn:active{transform:scale(.97)}.mark{isolation:isolate;position:relative}.mark:before{content:"";z-index:-1;background:var(--mint);transform-origin:0;transition:transform .9s var(--ease);border-radius:.18em;position:absolute;inset:.08em -.14em .02em;transform:scaleX(0)}.mark.on:before{transform:scaleX(1)}.note{z-index:50;background:var(--ink);color:#fff;border-radius:12px;max-width:280px;padding:14px 16px;font-size:.82rem;line-height:1.45;transition:opacity .3s;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #00000040}.note b{color:var(--mint);font-weight:500}.note button{all:unset;cursor:pointer;color:var(--mint);margin-top:8px;font-size:.78rem;display:block}.nav{z-index:40;height:64px;padding:0 var(--pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f1e8eb;justify-content:space-between;align-items:center;font-size:.9rem;transition:background-color .4s,color .4s;display:flex;position:sticky;top:0}.nav.dark{color:#fff;background:#1e3a2bd9}.brand{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem;font-weight:600}.brand i{color:var(--teal);font-style:normal}.nav.dark .brand i{color:var(--mint)}.links{opacity:.75;gap:28px;display:flex}.ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.ln>span{transition:transform 1.1s var(--ease);display:block;transform:translateY(105%)}.on .ln>span,.ln.on>span{transform:none}.fade{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(14px)}.on .fade,.fade.on{opacity:1;transform:none}.browser{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -40px #1e3a2b66}.chrome{border-bottom:1px solid var(--line);z-index:2;background:#faf8f3;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex;position:relative}.chrome i{background:#e6e0d3;border-radius:50%;width:9px;height:9px}.chrome span{color:#8e8a7c;border:1px solid var(--line);background:#fff;border-radius:6px;margin-left:12px;padding:2px 10px;font-size:.72rem;transition:opacity .3s}.browser img{width:100%;display:block}.hero{padding:72px var(--pad) 0}.hero h1{max-width:11ch;margin-top:18px;font-size:clamp(2.6rem,1.5rem + 5vw,6rem);line-height:1.02}.hero .sub{color:var(--muted);max-width:40rem;margin-top:24px;font-size:1.2rem;line-height:1.6;transition-delay:.35s}.meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:24px;display:grid}.meta div{transition-delay:calc(.5s + var(--i) * 80ms)}.meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.meta dd{margin-top:6px;font-size:.98rem}.hero-shot{transform-origin:50% 0;will-change:transform;margin-top:56px}.headed{height:340vh;position:relative}.pin{height:calc(100vh - 64px);position:sticky;top:64px;overflow:hidden}.headed .pin{padding:0 var(--pad);grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.headed h2{margin-top:14px;font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.05}.beats{min-height:9.5em;color:var(--muted);margin-top:28px;font-size:1.15rem;line-height:1.6;position:relative}.beat{opacity:0;filter:blur(4px);transition:opacity .5s var(--ease),filter .5s var(--ease),transform .5s var(--ease);position:absolute;inset:0 0 auto;transform:translateY(10px)}.beat.on{opacity:1;filter:none;transform:none}.beat b{color:var(--ink);font-weight:500}.track{height:340px;position:relative}.rail{background:var(--line);height:2px;position:absolute;top:170px;left:0;right:0}.rail i{background:var(--teal);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.rail em{opacity:.9;background:repeating-linear-gradient(90deg,#cfc8b8 0 6px,#0000 6px 12px);height:2px;position:absolute;top:0;left:50%;right:0}.node{justify-items:center;gap:10px;display:grid;position:absolute;top:170px;transform:translate(-50%,-50%)}.node .dot{width:16px;height:16px;transition:background-color .4s,border-color .4s,transform .4s var(--ease);background:#fff;border:2px solid #cfc8b8;border-radius:50%}.node.lit .dot{background:var(--teal);border-color:var(--teal)}.node .lab{white-space:nowrap;color:var(--muted);text-align:center;font-size:.85rem;position:absolute;top:26px}.node .lab small{font-size:inherit;display:block}.node .lab b{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:600;display:block}.node.now .dot{width:22px;height:22px}.node.now.lit .dot{animation:2s infinite pulse;box-shadow:0 0 #1e3a2b66}@keyframes pulse{0%{box-shadow:0 0 #1e3a2b59}70%{box-shadow:0 0 0 16px #1e3a2b00}to{box-shadow:0 0 #1e3a2b00}}.node.future .lab{opacity:.6}.who{opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;transform:translateY(10px)scale(.96)}.who.on{opacity:1;transform:none}.who small{color:var(--muted);padding-left:4px;font-size:.78rem}.who .q{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:.88rem;display:flex;box-shadow:0 12px 24px -16px #1e3a2b59}.who .q svg{color:var(--teal)}.who .q span{white-space:nowrap;border-right:1.5px solid var(--teal);width:0;transition:width .7s steps(11,end) .25s;display:inline-block;overflow:hidden}.who.on .q span{width:5.4em}.dim{background:var(--ink);opacity:0;pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.dim .hand{color:#fff;text-align:center;justify-items:center;gap:22px;display:grid}.dim .hand p{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.4rem);font-weight:500}.untangle{background:var(--ink);color:#fff;height:320vh;position:relative}.un-sticky{height:calc(100vh - 64px);padding:0 var(--pad);flex-direction:column;justify-content:center;max-width:1320px;margin:0 auto;display:flex;position:sticky;top:64px}.untangle .eyebrow{color:var(--mint)}.untangle h2{max-width:20ch;margin-top:12px;font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.05}.un-stage{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-top:36px;display:grid}.sbox{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:12px;min-width:min(420px,80vw);padding:13px 20px;font-size:1rem;display:flex}.sbox svg{color:var(--muted)}.noise{gap:10px;margin-top:14px;display:grid}.n{transition:opacity .6s var(--ease),filter .6s var(--ease),transform .6s var(--ease);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:12px 16px;font-size:.9rem;line-height:1.4}.n small{color:#ffffff73;margin-bottom:2px;font-size:.72rem;display:block}.n.fade-out{opacity:.12;filter:blur(3px);transform:scale(.98)}.n.ai{background:#efd08c14}.card{color:var(--ink);background:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 30px 70px -30px #0009}.card h3{font-family:var(--display);letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.card .cap{color:var(--muted);margin-top:3px;font-size:.8rem}.fields{margin-top:16px}.f{border-top:1px solid var(--line);opacity:.12;transition:opacity .5s var(--ease),transform .5s var(--ease);grid-template-columns:120px 1fr;gap:14px;padding:11px 0;font-size:.95rem;display:grid;transform:translate(-6px)}.f.on{opacity:1;transform:none}.f dt{color:var(--muted);padding-top:2px;font-size:.8rem}.f dd b{font-weight:500}.honest{color:var(--teal-deep);background:var(--mint-pale);opacity:0;border-radius:10px;margin-top:16px;padding:10px 12px;font-size:.82rem;transition:opacity .6s}.honest.on{opacity:1}.built{padding:130px var(--pad) 0}.built-head h2{text-wrap:balance;max-width:21ch;margin-top:14px;font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.05}.built-grid{grid-template-columns:.85fr 1.15fr;gap:72px;margin-top:-16vh;display:grid}.step{opacity:.25;min-height:80vh;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;display:flex}.step.on{opacity:1}.step .k{font-family:var(--mono);color:var(--teal);font-size:.78rem}.step h3{font-family:var(--display);letter-spacing:-.025em;margin-top:10px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.4rem);font-weight:600;line-height:1.1}.step p{color:var(--muted);max-width:32rem;margin-top:14px;font-size:1.04rem;line-height:1.65}.step .inline{display:none}.stage{align-self:start;margin-top:40vh;position:sticky;top:calc(32px + 50vh);transform:translateY(-50%)}.stage .browser{position:relative}.layers{aspect-ratio:1512/786;position:relative}.layer{clip-path:inset(100% 0 0);transition:clip-path .9s var(--ease-io);position:absolute;inset:0}.layer.on,.layer.past{clip-path:inset(0)}.layer img{object-fit:cover;object-position:top center;width:100%;height:100%}.layer.term-l{background:#1e3a2b}.tag{opacity:0;transition:opacity .5s var(--ease) .55s,transform .6s var(--ease) .55s;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex;position:absolute;bottom:20px;left:20px;transform:translateY(12px)scale(.96);box-shadow:0 20px 40px -18px #1e3a2b80}.layer.on .tag{opacity:1;transform:none}.tag .ic{background:var(--mint-pale);width:28px;height:28px;color:var(--teal-deep);border-radius:8px;place-items:center;font-size:.85rem;display:grid}.tag b{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600}.tag.stamp{bottom:22px;left:auto;right:24px;transform:scale(1.15)rotate(-4deg)}.layer.on .tag.stamp{transform:rotate(-4deg)}.term{font-family:var(--mono);color:#e7e1d4;padding:30px 32px;font-size:.92rem;line-height:2}.term div{opacity:0;transition:opacity .35s,transform .35s;transform:translate(-6px)}.term div.on{opacity:1;transform:none}.term .dm,.term-inline .dm{color:#8e9a86}.term .ok,.term-inline .ok{color:var(--mint)}.term-inline{color:#e7e1d4;font-family:var(--mono);background:#1e3a2b;border-radius:14px;padding:20px 18px;font-size:.78rem;line-height:1.9}.term-inline div{opacity:0;transition:opacity .35s,transform .35s;transform:translate(-6px)}.term-inline div.on{opacity:1;transform:none}.pips{gap:8px;display:grid;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.pips i{background:#cfd8db;border-radius:50%;width:6px;height:6px;transition:background-color .3s,transform .3s}.pips i.on{background:var(--teal);transform:scale(1.4)}.decide{background:var(--wash);height:280vh;position:relative}.decide .pin{padding:0 var(--pad);flex-direction:column;justify-content:center;display:flex}.decide h2{max-width:18ch;margin-top:14px;font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.05}.rows{gap:26px;margin-top:40px;display:grid}.row{border-top:1px solid #ddd6c6;grid-template-columns:1fr 1fr;align-items:baseline;gap:40px;padding-top:22px;display:grid}.tempt{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.3rem,1rem + 1.1vw,2rem);font-weight:500;transition:color .5s;display:inline-block;position:relative}.tempt:after{content:"";background:var(--teal);transform-origin:0;height:3px;transition:transform .6s var(--ease-io);border-radius:2px;position:absolute;top:54%;left:-2%;right:-2%;transform:scaleX(0)}.row.struck .tempt{color:#a3afb3}.row.struck .tempt:after{transform:scaleX(1)}.row small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.75rem;display:block}.truth{opacity:0;transition:opacity .6s var(--ease) .35s,transform .6s var(--ease) .35s;transform:translateY(10px)}.row.struck .truth{opacity:1;transform:none}.truth p{font-size:1.05rem;line-height:1.55}.truth small{color:var(--teal)}.quote{padding:150px var(--pad);text-align:center}.quote blockquote{font-family:var(--display);letter-spacing:-.025em;color:#cbc5b6;max-width:26ch;margin:0 auto;font-size:clamp(1.8rem,1.2rem + 2vw,3rem);font-weight:500;line-height:1.2}.quote .ph{color:#7a5b00;background:#fff4d6;border-radius:999px;margin-top:18px;padding:4px 12px;font-size:.8rem;display:inline-block}.next{margin:0 var(--pad);border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;padding:56px 0;display:grid}.next small{color:var(--muted);font-size:.8rem}.next h3{font-family:var(--display);letter-spacing:-.03em;margin-top:8px;font-size:clamp(2rem,1.3rem + 2.4vw,3.2rem);font-weight:600;line-height:1.05}.next .go{align-items:center;gap:12px;margin-top:22px;font-weight:500;display:inline-flex}.circle{width:52px;height:52px;transition:background-color .3s,color .3s,border-color .3s,transform .3s var(--ease);border:1px solid #cdc6b6;border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.next-img{clip-path:inset(12% 10% round 18px);transition:clip-path 1.2s var(--ease-io);border-radius:18px;overflow:hidden}.next-img.on{clip-path:inset(0 round 18px)}.next-img img{width:100%;transition:transform 1.6s var(--ease);display:block;transform:scale(1.08)}.next-img.on img{transform:none}@media (hover:hover) and (pointer:fine){.next:hover .circle{background:var(--ink);color:#fff;border-color:var(--ink);transform:translate(4px)}.next:hover .next-img img{transform:scale(1.03)}}.close{padding:120px var(--pad);text-align:center}.close h2{text-wrap:balance;max-width:16ch;margin:0 auto;font-size:clamp(2.4rem,1.4rem + 3.6vw,4.6rem);line-height:1.02}.close .btn{margin-top:30px}@media (max-width:880px){.links{display:none}.meta{grid-template-columns:1fr 1fr}.headed{height:300vh}.headed .pin{grid-template-columns:1fr;align-content:center;gap:8px}.headed h2{font-size:1.9rem}.beats{min-height:8.2em;margin-top:14px;font-size:1rem}.track{height:250px;margin:0 6px}.rail,.node{top:120px}.track .node:nth-child(2){left:14%!important}.node.future{left:88%!important}.node .lab{font-size:.75rem}.node:not(.now) .lab small{display:none}.who .q{padding:6px 10px;font-size:.8rem}.untangle{height:320vh}.untangle h2{font-size:1.75rem}.un-stage{grid-template-columns:1fr;margin-top:22px;position:relative}.card{transform:translateY(calc((1 - var(--cp,0)) * 115%));opacity:calc(var(--cp,0) * 1.4);will-change:transform;padding:20px;position:absolute;top:64px;left:0;right:0}.f{grid-template-columns:92px 1fr;padding:9px 0;font-size:.88rem}.built-grid{grid-template-columns:1fr;gap:0;margin-top:0}.stage{display:none}.step{opacity:1;border-bottom:1px solid var(--line);min-height:0;padding:56px 0}.step .inline{margin-top:24px;display:block}.decide{height:auto}.decide .pin{height:auto;padding-top:90px;padding-bottom:90px;position:relative;top:0}.row{grid-template-columns:1fr;gap:10px}.next{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.nav.dark .btn{color:#1e3a2b;background:#f5f1e8}body{background:#f5f1e8}.brand img{width:auto;height:30px;display:block}.brand .rev,.nav.dark .brand .std{display:none}.nav.dark .brand .rev{display:block}.eyebrow{color:#5d6a50}.untangle .eyebrow,.review .eyebrow,.dark .eyebrow{color:#efd08c}section.quote{display:none}