@font-face{font-family:Clash Display;src:url(/how-it-works/fonts/clash-display-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/how-it-works/fonts/clash-display-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/how-it-works/fonts/general-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/how-it-works/fonts/general-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/how-it-works/fonts/general-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@scope(.hiw){@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rv{opacity:1!important;transform:none!important}.stage svg.links line{stroke-dashoffset:0!important}}:scope{--bg:#fff;--bg-alt:#f6f6f4;--ink:#16130f;--muted:#8d877c;--muted-strong:#5a564e;--rule:#ececec;--rule-2:#16130f0f;--accent:#8f7bb0;--accent-soft:#8f7bb01a;--card:#fff;--maxw:1440px;--col:660px;--sticky-offset:88px;--display:"Clash Display",system-ui,sans-serif;--sans:"General Sans",system-ui,-apple-system,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}:scope{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.55}::selection{background:var(--accent-soft)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}@media (min-width:1024px){.wrap{padding:0 48px}}h1,h2,h3{font-family:var(--display);letter-spacing:-.022em;text-wrap:balance;margin:0;font-weight:600;line-height:1.05}.eyebrow{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500;line-height:1}.mono{font-family:var(--mono)}p{margin:0 0 1.05em}a{color:inherit}a.lnk{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #cdbde2;text-decoration:underline #cdbde2;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}a.lnk:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.lead{text-wrap:balance;font-size:17px;line-height:1.55}header.mast{border-bottom:1px solid var(--rule);padding:8vh 0 6vh}.mast h1{letter-spacing:-.03em;font-size:clamp(38px,5vw,64px)}.mast .lead{color:var(--muted-strong);margin-top:20px}.specstrip{border-top:1px solid var(--rule);flex-wrap:wrap;margin-top:44px;display:flex}.specstrip div{font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--rule);margin-right:22px;padding:14px 22px 14px 0;font-size:11px;font-weight:500}.specstrip div:last-child{border-right:0}.specstrip b{color:var(--ink);font-weight:600}section{border-bottom:1px solid var(--rule);scroll-margin-top:var(--sticky-offset);padding:11vh 0;position:relative}.sechead{align-items:baseline;gap:20px;margin-bottom:6px;display:flex}.secno{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);font-size:12px}section h2{letter-spacing:-.02em;max-width:20ch;margin:16px 0 26px;font-size:clamp(26px,3.6vw,40px);font-weight:600}.body p{color:#2c2820}.layout{grid-template-columns:minmax(0,var(--col)) 1fr;align-items:start;gap:60px;display:grid}@media (max-width:980px){.layout{grid-template-columns:1fr;gap:36px}}aside.note{color:var(--muted-strong);top:var(--sticky-offset);font-size:13.5px;line-height:1.5;position:sticky}aside.note .tag{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);margin-bottom:13px;padding-bottom:9px;font-size:11px;font-weight:500;display:inline-block}aside.note p{margin-bottom:.8em}@media (max-width:980px){header.mast{padding:56px 0 44px}aside.note{position:static}}.pull{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;max-width:100%;margin:6px 0;font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.16}.pull small{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:16px;font-size:11px;font-weight:500;display:block}.grid-meta{font-family:var(--sans);letter-spacing:.07em;color:var(--muted);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:24px;margin:6px 0 24px;font-size:11px;font-weight:500;display:flex}.lg{align-items:center;gap:8px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.gift{background:var(--ink)}.dot.purchase{background:var(--accent)}.dot.pin{background:#c8c3ba}#corpus{grid-template-columns:repeat(13,1fr);gap:6px;display:grid}@media (max-width:980px){#corpus{grid-template-columns:repeat(8,1fr)}}@media (max-width:560px){#corpus{grid-template-columns:repeat(5,1fr)}}.cell{aspect-ratio:1;background:var(--bg-alt);border-radius:3px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden}.cell img{object-fit:contain;mix-blend-mode:multiply;width:86%;height:86%}.cell .src{opacity:.65;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:5px}.cell:hover{z-index:5;background:#fff;transform:translateY(-4px)scale(1.05);box-shadow:0 12px 26px #16130f24}.cell .cap{color:#f3efe9;opacity:0;letter-spacing:.01em;background:linear-gradient(#16130f00,#16130fed);padding:6px 7px;font-size:9.5px;line-height:1.15;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.cell:hover .cap{opacity:1}.cell .cap b{font-weight:600}.twoup{border:1px solid var(--rule);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (max-width:720px){.twoup{grid-template-columns:1fr}}.twoup .pane{padding:22px 24px}.twoup .pane:first-child{border-right:1px solid var(--rule);background:var(--bg-alt)}@media (max-width:720px){.twoup .pane:first-child{border-right:0;border-bottom:1px solid var(--rule)}}.pane h4{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:11px;font-weight:500}pre.code{font-family:var(--mono);color:#2c2820;white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px;line-height:1.7}pre.code .k{color:var(--accent)}pre.code .s{color:#6f7d5a}pre.code .c{color:#a8a297}.rec{font-family:var(--mono);font-size:12.5px;line-height:2}.rec .row{border-bottom:1px dotted var(--rule);justify-content:space-between;gap:16px;display:flex}.rec .rk{color:var(--muted)}.rec .rv{color:var(--ink);text-align:right}.cutrow{align-items:center;gap:24px;max-width:680px;display:flex}.frame{flex:1;margin:0}.frame .fimg{aspect-ratio:4/5;border:1px solid var(--rule);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.frame.before .fimg{background:#f0ede5}.frame .fimg img{object-fit:cover;width:100%;height:100%}.frame.cutout .fimg img{object-fit:contain;mix-blend-mode:multiply;width:84%;height:84%}.frame figcaption{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:10px;font-size:10.5px;font-weight:500}.cutarrow{font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);white-space:nowrap;flex:none;font-size:11px;font-weight:500}@media (max-width:560px){.cutrow{flex-direction:column;gap:14px}.cutarrow{transform:rotate(90deg)}}.cutpairs{grid-template-columns:1fr 1fr;gap:36px;display:grid}.pair .cutrow{max-width:none}.pairlabel{margin-bottom:12px}@media (max-width:760px){.cutpairs{grid-template-columns:1fr;gap:28px}}.embrow{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.embthumb{border:1px solid var(--rule);background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:96px;height:120px;display:flex}.embthumb img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%}.vec{flex:1;min-width:280px}.vec .bars{align-items:flex-end;gap:1px;height:54px;display:flex}.vec .bars i{background:var(--ink);border-radius:1px 1px 0 0;flex:1}.vec .vmeta{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.stage{height:520px;margin-top:56px;position:relative}@media (max-width:900px){.stage{grid-template-columns:repeat(3,1fr);gap:14px 12px;height:auto;margin-top:40px;display:grid}.stage svg.links{display:none}.stage .node{position:static!important;top:auto!important;left:auto!important;transform:none!important}.stage .node.q{grid-column:1/-1}.stage .node .card,.stage .node.q .card{aspect-ratio:1;width:100%;height:auto}.stage .node.q .card{max-width:160px;margin:0 auto}.stage .scorebox{grid-column:1/-1;margin-top:6px;position:static!important;transform:none!important}}.stage svg.links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage svg.links line{stroke:var(--accent);stroke-width:1.4px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.55}.stage.active svg.links line{animation:1s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.node{text-align:center;position:absolute;transform:translate(-50%,-50%)}.node .card{border:1px solid var(--rule);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:116px;height:116px;display:flex;box-shadow:0 6px 18px #16130f12}.node.q .card{border-color:var(--accent);width:156px;height:156px;box-shadow:0 12px 32px #8f7bb038}.node .card img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%}.node .nlabel{font-family:var(--sans);color:var(--muted);margin-top:9px;font-size:10.5px;font-weight:500;line-height:1.3}.node .cos{font-family:var(--mono);color:var(--accent);font-size:13px;font-weight:500}.node.n{opacity:0;transition:opacity .5s}.stage.active .node.n{opacity:1}.stage.active .node.n.d1{transition-delay:.15s}.stage.active .node.n.d2{transition-delay:.3s}.stage.active .node.n.d3{transition-delay:.45s}.stage.active .node.n.d4{transition-delay:.6s}.stage.active .node.n.d5{transition-delay:.75s}.scorebox{text-align:center;opacity:0;transition:opacity .5s .95s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.stage.active .scorebox{opacity:1}.scorebox .big{font-family:var(--display);letter-spacing:-.03em;font-size:48px;font-weight:600;line-height:1}.scorebox .stamp{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:4px;margin-top:8px;padding:4px 9px;font-size:10.5px;font-weight:500;display:inline-block}.schematic{font-family:var(--mono);color:var(--muted);text-align:center;margin-top:14px;font-size:11px}.lab{border:1px solid var(--rule);background:var(--bg-alt);border-radius:10px;padding:24px 26px 22px}.labhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.labhead .eyebrow{color:var(--accent)}.labread{font-family:var(--mono);color:var(--muted-strong);font-size:12.5px}.labread b{color:var(--ink)}input[type=range]{appearance:none;background:var(--rule);border-radius:2px;outline:none;width:100%;height:2px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #16130f33}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px}.axislabels{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-top:9px;font-size:10.5px;display:flex}.dist{border-bottom:1px solid var(--rule);height:128px;margin-bottom:16px;position:relative}.dist .ddot{background:var(--ink);border-radius:50%;width:11px;height:11px;transition:opacity .3s,background .3s;position:absolute;transform:translate(-50%,-50%)}.dist .ddot.out{opacity:.16;background:var(--muted)}.dist .ddot.hero{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 4px var(--accent-soft);z-index:3}.dist .gate{border-left:1.5px dashed var(--ink);z-index:2;width:0;position:absolute;top:-4px;bottom:-4px}.dist .gate .gv{font-family:var(--mono);color:var(--ink);font-size:11px;position:absolute;top:-2px;left:6px}.chart{max-width:760px}.barrow{align-items:center;gap:16px;margin:18px 0;display:flex}.barrow .bl{width:128px;font-family:var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;flex:none;font-size:11px;font-weight:500}.barrow .track{background:var(--bg-alt);border:1px solid var(--rule);border-radius:4px;flex:1;height:36px;position:relative;overflow:hidden}.barrow .fill{border-radius:3px 0 0 3px;width:0;height:100%;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}.barrow .fill.bad{background:var(--ink)}.barrow .fill.cat{background:var(--accent)}.barrow .pct{font-family:var(--mono);font-size:13px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.barrow .fill.bad .pct{color:#fff;right:12px}.barrow .fill.cat .pct{color:var(--ink);white-space:nowrap;left:calc(100% + 10px)}.chart.active .fill.bad{width:79%}.chart.active .fill.cat{width:7.1%}.overrep{font-family:var(--sans);color:var(--muted-strong);margin-top:20px;font-size:13px}.overrep b{font-family:var(--display);color:var(--ink);font-weight:600}.strip{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}@media (max-width:720px){.strip{grid-template-columns:repeat(6,1fr)}}.tile{aspect-ratio:1;color:#fff;font-family:var(--mono);letter-spacing:.02em;border-radius:3px;justify-content:center;align-items:center;font-size:9.5px;animation:.35s both tilein;display:flex}@keyframes tilein{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.feeds{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:720px){.feeds{grid-template-columns:1fr}}.feed h4{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:500}.feeds .strip{grid-template-columns:repeat(4,1fr)}.lookrow{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:720px){.lookrow{grid-template-columns:1fr}}.look{border:1px solid var(--rule);background:#fff;border-radius:10px;padding:20px}.lookhead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.lookmeta{font-family:var(--mono);color:var(--muted);font-size:11px}.pieces{align-items:flex-end;gap:10px;display:flex}.piece{text-align:center;flex:1}.piece .pimg{aspect-ratio:3/4;background:var(--bg-alt);border-radius:6px;justify-content:center;align-items:center;display:flex}.piece .pimg img{object-fit:contain;mix-blend-mode:multiply;width:84%;height:84%}.piece span{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:7px;font-size:9.5px;font-weight:500;display:block}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{font-family:var(--sans);color:var(--muted-strong);background:var(--accent-soft);border-radius:20px;padding:5px 11px;font-size:11px}.chip b{color:var(--accent);font-weight:600}.agent{border:1px solid var(--rule);background:var(--bg-alt);border-radius:10px;padding:24px 26px}.agenthead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.agenthead .eyebrow{color:var(--accent)}.agentgrid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}@media (max-width:760px){.agentgrid{grid-template-columns:1fr;gap:22px}}.promptcard{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:16px 18px}.promptcard .ph{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-bottom:12px;font-size:10.5px;display:flex}.promptcard ol{font-family:var(--mono);color:#2c2820;margin:0;padding-left:20px;font-size:12px;line-height:1.55}.promptcard li{margin-bottom:6px;padding-left:2px}.promptcard li::marker{color:var(--accent)}.promptcard .prole{font-family:var(--mono);color:#2c2820;margin:0 0 12px;font-size:12px;line-height:1.55}.promptcard .pclose{font-family:var(--mono);color:var(--muted);border-top:1px dashed var(--rule);margin:12px 0 0;padding-top:12px;font-size:11.5px;line-height:1.5}.flow{flex-direction:column;display:flex}.fstep{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:11px 14px}.fstep.out{border-color:var(--accent);background:var(--accent-soft)}.fstep .ft{font-family:var(--sans);font-size:13px;font-weight:600}.fstep .fd{font-family:var(--mono);color:var(--muted);margin-top:3px;font-size:10.5px}.fbranch{border-top:1px dashed var(--rule);font-family:var(--mono);color:var(--accent);margin-top:9px;padding-top:8px;font-size:10px}.farrow{height:24px;color:var(--muted);font-family:var(--mono);justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.farrow b{color:var(--accent);font-weight:500}.lookcap{margin:36px 0 14px}.evalblock{margin-top:44px}.gradegrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:760px){.gradegrid{grid-template-columns:1fr}}.gcard{border:1px solid var(--rule);background:#fff;border-radius:10px;padding:14px}.gcard .gimg{aspect-ratio:3/4;background:var(--bg-alt);border-radius:6px;justify-content:center;align-items:center;margin-bottom:13px;display:flex;overflow:hidden}.gcard .gimg img{object-fit:contain;mix-blend-mode:multiply;width:94%;height:94%}.gwear{font-family:var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.gdots{gap:4px;display:flex}.gdots i{border:1px solid var(--accent);box-sizing:border-box;border-radius:50%;width:9px;height:9px}.gdots i.on{background:var(--accent)}.gflags{flex-wrap:wrap;gap:6px;min-height:20px;margin-top:11px;display:flex}.gflag{font-family:var(--sans);color:var(--muted-strong);background:var(--bg-alt);border:1px solid var(--rule);border-radius:20px;padding:3px 9px;font-size:10px}.gflag.miss{color:#9a5a3c;background:#a8694a0f;border-color:#e0c4b6}.gkept{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;font-size:10.5px}.evalbar{font-family:var(--mono);color:var(--muted);letter-spacing:.01em;margin-top:18px;font-size:11px;line-height:1.7}.evalbar b{color:var(--ink)}.renderrow{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:640px){.renderrow{grid-template-columns:1fr 1fr;gap:12px}}.renderrow figure{margin:0}.renderrow .rimg{aspect-ratio:3/4;border:1px solid var(--rule);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.renderrow .rimg img{object-fit:contain;mix-blend-mode:multiply;width:94%;height:94%}.plans{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;column-gap:52px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:760px){.plans{grid-template-columns:1fr}}.plans li{border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr;align-items:baseline;gap:16px;padding:16px 2px;display:grid}.plans .pnum{font-family:var(--mono);color:var(--accent);font-size:12px}.plans p{color:var(--ink);margin:0;font-size:15px;line-height:1.45}.colophon{padding:11vh 0 16vh}.stack{border-top:1px solid var(--rule);margin-top:32px}.stack .srow{border-bottom:1px solid var(--rule-2);grid-template-columns:120px 1fr;gap:24px;padding:15px 0;display:grid}.stack .sk{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.stack .sv{font-family:var(--mono);color:#2c2820;font-size:12.5px}.rv{opacity:.001;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.rv.in{opacity:1;transform:none}.mt8{margin-top:8px}}