@font-face{font-family:Instrument;src:url(assets/serif.ttf);font-display:swap}@font-face{font-family:DM;src:url(assets/sans.ttf);font-display:swap}:root{--bg:#0b0b0a;--panel:#151513;--bone:#f2ede4;--muted:#aaa69d;--line:#35352f;--amber:#d9ac65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--bone);font-family:DM,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,.graph-person:focus-visible{outline:2px solid var(--amber);outline-offset:5px}header,main,footer{max-width:1440px;margin:auto}header{padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-.7px}.brand img{width:36px;height:36px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.outline{background:transparent;color:var(--bone);border:1px solid #77766d;border-radius:30px;padding:12px 20px}.hero{display:grid;grid-template-columns:44% 56%;padding:68px 48px 48px;align-items:center;min-height:650px}.eyebrow,small,.panel-head,.stage-label,.graph-caption,.hero-note{font-size:10px;letter-spacing:1.6px}.eyebrow{color:var(--muted);margin-bottom:24px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Instrument,Georgia,serif;font-weight:400}h1{font-size:112px;line-height:.91;letter-spacing:-3px}em{font-weight:400;color:#c7c3ba}p{color:var(--muted);line-height:1.65;font-size:16px}.hero-copy>p{max-width:350px;margin:28px 0}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 24px;background:var(--bone);color:#11110f;border:0;border-radius:4px;font-size:13px;font-weight:600;transition:background .2s}.primary:hover{background:var(--amber)}.hero-note{display:flex;align-items:center;gap:13px;margin-top:40px;color:var(--muted)}.tiny-line{width:28px;height:1px;background:var(--muted)}.graph-stage{position:relative;background:radial-gradient(ellipse at center,#262622 0%,transparent 65%);padding:22px 0}.stage-label,.graph-caption{display:flex;justify-content:space-between;letter-spacing:1px;color:var(--muted);font-size:9px}.stage-label{padding:0 30px}.stage-label span{color:#bcb7ae}.graph{width:100%;overflow:visible}.graph text{fill:var(--bone);font:11px DM,Arial;letter-spacing:1px}.graph text.small{fill:#bab8af;font-size:10px;letter-spacing:0}.graph-person{cursor:pointer}.graph-person:hover rect,.graph-person:focus rect{stroke:var(--amber)}.graph-caption{border-top:1px solid var(--line);padding:18px 25px}.proof-strip{margin:0 48px;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.proof-strip span:first-child{font-size:9px;letter-spacing:1px;color:var(--bone)}.workspace{padding:100px 48px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{font-size:58px;line-height:1}.section-head p{width:320px;font-size:14px}.workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.ledger{padding:28px;border-right:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 16px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;padding:7px 12px;border-radius:30px}.filters button.active{background:var(--bone);color:var(--bg)}.receipt-row{width:100%;text-align:left;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;background:none;border:0;border-top:1px solid var(--line);padding:17px 0;color:var(--bone)}.receipt-row.selected .initial{background:var(--bone);color:var(--bg)}.initial{display:grid;place-items:center;height:36px;width:36px;border:1px solid #55554d;border-radius:50%;font-family:Instrument;font-size:22px}.receipt-row strong{display:block;font-size:13px;font-weight:400}.receipt-row small{display:block;font-family:DM;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:5px}.text-button{border:0;background:none;color:var(--muted);font-size:11px;margin-top:25px;text-decoration:underline;padding:0}.receipt-detail{padding:30px 38px}.detail-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1px}.status{border:1px solid #6c5b3e;color:var(--amber);padding:6px 9px;border-radius:20px;font-size:9px}.receipt-detail h3{font-size:42px;line-height:1.05;margin:28px 0 18px}.receipt-detail p{font-size:13px}.receipt-detail dl{margin:24px 0;display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:11px}.receipt-detail dt{color:var(--muted)}.receipt-detail dd{margin:0;overflow-wrap:anywhere}.evidence{color:var(--bone);text-decoration:underline}.tip-line{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:end;gap:15px}.tip-line label{flex:1;font-size:10px;color:var(--muted)}input,textarea,select{width:100%;background:#0f0f0d;color:var(--bone);border:1px solid #66655b;padding:12px;border-radius:4px;margin-top:9px}input:focus,textarea:focus,select:focus{outline:2px solid var(--amber);outline-offset:1px}.tip-line .primary{padding:13px 17px;font-size:11px;white-space:nowrap}.tip-note{font-size:10px!important;margin-top:12px}.composer{margin-top:20px;border:1px solid var(--line);border-radius:7px;padding:22px 28px}summary{cursor:pointer;font-size:13px;display:flex;justify-content:space-between}summary span{font-size:20px;color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:28px}form label{font-size:11px;color:var(--muted)}.wide{grid-column:1/-1}textarea{resize:vertical;min-height:80px}form p{font-size:11px;align-self:center}.mechanism{padding:85px 48px;background:var(--bone);color:var(--bg)}.mechanism .eyebrow,.mechanism p{color:#615d55}.mechanism h2{font-size:72px;line-height:1}.mechanism h2 em{color:#777267}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.steps article{border-top:1px solid #b8b4aa;padding-top:20px}.steps small{font-size:10px;color:#615d55}.steps h3{font-size:33px;margin:22px 0 12px}.steps p{font-size:13px}.closing{padding:100px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.closing h2{font-size:56px;line-height:1}.closing p{font-size:13px;margin:25px 0;max-width:400px}.film img{width:100%;background:#171714;border:1px solid var(--line);border-radius:8px}.film a{display:block;color:var(--muted);font-size:11px;margin-top:15px}footer{border-top:1px solid var(--line);padding:28px 48px;display:flex;justify-content:space-between;align-items:center}footer p,footer span{font-size:11px;color:var(--muted)}dialog{background:var(--panel);color:var(--bone);border:1px solid #66655b;padding:45px;max-width:490px;border-radius:10px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:60px;margin-bottom:20px}dialog p{font-size:13px;margin:18px 0}dialog .primary{margin-top:15px}.close:first-child{position:absolute;right:16px;top:12px;background:none;border:0;color:var(--bone);font-size:24px}.intro{position:fixed;inset:0;z-index:100;background:#0b0b0a;display:grid;place-items:center;overflow:hidden}.intro.gone{display:none}.skip{position:absolute;right:30px;bottom:30px;border:1px solid #88857c;background:#11110e;color:var(--bone);padding:12px 20px;border-radius:30px;font-size:12px}.intro-receipt{width:320px;min-height:280px;background:linear-gradient(140deg,#44443e,#171714);border:1px solid #77766d;border-radius:18px;padding:35px;text-align:center;animation:receipt 10s both}.intro-check{font-size:85px;color:var(--amber);margin:20px;animation:check 10s both}.intro-receipt p{font:27px Instrument;color:var(--bone)}.intro-lines{position:absolute;width:800px;height:800px;animation:wire 10s both}.intro-lines span{position:absolute;inset:15%;border:1px solid #77766d;border-radius:35%;transform:rotate(45deg)}.intro-lines span:nth-child(2){inset:25%;transform:rotate(10deg)}.intro-lines span:nth-child(3){inset:0;transform:rotate(-30deg);border-color:#d9ac6555}.intro-brand{position:absolute;text-align:center;animation:brand 10s both}.intro-brand img{width:100px}.intro-brand h2{font-size:80px;margin-top:18px}.intro-brand p{font-size:14px;letter-spacing:3px;margin-top:10px}@keyframes receipt{0%{opacity:0;transform:translateY(70px) rotate(-10deg)}15%,45%{opacity:1;transform:translateY(0) rotate(0)}65%,100%{opacity:0;transform:scale(.7)}}@keyframes check{0%,20%{opacity:0;transform:scale(.5)}30%,100%{opacity:1;transform:scale(1)}}@keyframes wire{0%,25%{opacity:0;transform:scale(.3) rotate(-25deg)}60%{opacity:1;transform:scale(1) rotate(0)}85%,100%{opacity:0;transform:scale(1.5)}}@keyframes brand{0%,65%{opacity:0;transform:translateY(30px)}80%,100%{opacity:1;transform:translateY(0)}}@media(max-width:800px){header{padding:20px}.brand{font-size:21px}nav{gap:15px}nav a:first-child{display:none}.outline{padding:9px 12px;font-size:10px}.hero{grid-template-columns:1fr;padding:50px 22px 25px;min-height:0}h1{font-size:82px}.hero-copy>p{font-size:15px;margin:24px 0}.hero-note{margin-top:25px}.graph-stage{margin-top:25px}.stage-label{padding:0 5px;font-size:8px}.graph-caption{padding:15px 4px;font-size:8px}.proof-strip{margin:0 22px;gap:15px;flex-wrap:wrap;font-size:10px}.proof-strip span:first-child{width:100%}.workspace{padding:65px 22px}.section-head{display:block}.section-head h2{font-size:47px}.section-head p{margin-top:23px;width:auto}.workspace-grid{grid-template-columns:1fr}.ledger{border-right:0;border-bottom:1px solid var(--line);padding:22px}.receipt-detail{padding:25px}.receipt-detail h3{font-size:38px}.composer{padding:20px}.composer summary{font-size:12px}form{grid-template-columns:1fr}.wide{grid-column:auto}.mechanism{padding:60px 22px}.mechanism h2{font-size:51px}.steps{grid-template-columns:1fr;gap:32px;margin-top:40px}.steps h3{margin:15px 0}.closing{padding:65px 22px;grid-template-columns:1fr;gap:40px}.closing h2{font-size:48px}footer{padding:25px 22px;flex-wrap:wrap;gap:20px}footer p{display:none}footer span{font-size:9px}dialog{max-width:calc(100% - 32px);padding:35px 25px}.intro-brand h2{font-size:65px}.intro-lines{width:600px;height:600px}.intro-receipt{width:280px}.tip-line{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.intro{display:none}}
