@font-face{font-family:Instrument Sans;src:url('/assets/InstrumentSans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Instrument Sans,Arial,sans-serif;color:#172a29;background:#f4f1e9;--petrol:#172d2c;--leaf:#2a4340;--paper:#fcfaf4;--muted:#50605b;--edge:#c8cec4;--rust:#a54a20;--linen:#e4e6db;--mono:Consolas,monospace}
*{box-sizing:border-box}
html{min-width:300px;scrollbar-gutter:stable}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
[hidden]{display:none!important}
h1,h2,p,figure,dl,dd{margin:0}
p{line-height:1.56}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.shell{width:min(1192px,calc(100% - 4.8rem));margin-inline:auto}
.top,.foot{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.top{min-height:75px}
.brand{display:inline-flex;align-items:center;gap:.66rem;white-space:nowrap;font-weight:780;letter-spacing:-.045em;font-size:1.45rem}
.brand img{display:block;border-radius:6px}
nav{display:flex;align-items:center;gap:1.5rem;font-size:.95rem;font-weight:670}
nav a:hover,nav a[aria-current]{color:var(--rust)}
.top-action{border-inline-start:2px solid var(--rust);padding:.36rem 0 .36rem .55rem}
.foot{min-height:92px;border-top:1px solid var(--edge);color:var(--muted);font-size:.89rem}
.foot .brand{font-size:1.12rem;color:var(--petrol)}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,6vw,6.4rem);padding-block:clamp(2rem,5vw,4.5rem) clamp(3rem,7.5vw,6.7rem)}
.hero h1,.page-intro h1{font-size:clamp(3.2rem,6.15vw,6rem);line-height:.98;letter-spacing:-.05em;font-weight:730}
.hero p{margin:1.6rem 0 1.85rem;max-width:27rem;font-size:1.13rem;color:var(--muted)}
.hero-art{position:relative;background:var(--petrol);border-radius:12px 12px 110px 12px;overflow:hidden}
.hero-art img{display:block;width:100%;height:auto}
.button{min-height:47px;display:inline-flex;justify-content:center;align-items:center;padding:.7rem 1.05rem;color:#fff8ee;background:var(--petrol);border:1px solid transparent;border-radius:6px 6px 19px 6px;box-shadow:inset 0 -3px #be632f;font-weight:730;transition:background-color .18s ease}
.button:hover{background:var(--leaf)}
.button:active{background:#101f1e}
.example{display:grid;grid-template-columns:.8fr 1fr;gap:2rem 5rem;padding-block:1.7rem 5.5rem;align-items:center}
.example h2,.receipt h2,.guide-sections h2{font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.032em}
.example p{margin-top:.85rem;color:var(--muted);max-width:27rem}
.example-paper{background:var(--linen);border-radius:9px 9px 28px 9px;padding:clamp(1.15rem,3vw,2rem)}
.example-label{font-weight:690;color:#3e5149}
.split-bar,.example-paper dl{display:grid;grid-template-columns:3fr 2fr 1fr;gap:.35rem}
.split-bar{height:10px;margin:.8rem 0;border-radius:4px;overflow:hidden}
.split-bar span{background:#294744}
.split-bar span:nth-child(2){background:#5d746a}
.split-bar span:nth-child(3){background:#ac532d}
.example-paper dt{font-size:.82rem;color:var(--muted)}
.example-paper dd{font-weight:740;font-variant-numeric:tabular-nums;white-space:nowrap}
.workspace-page,.guide-page{padding-block:clamp(2.4rem,6vw,5rem)}
.page-intro{margin-bottom:clamp(1.6rem,4.2vw,3rem)}
.page-intro h1{font-size:clamp(2.65rem,5.75vw,5rem)}
.page-intro p{color:var(--muted);margin-top:.68rem}
.workspace{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(1.15rem,3vw,3.2rem)}
.split-form,.receipt{min-width:0;padding:clamp(1.05rem,3vw,2rem);border-radius:8px 8px 31px 8px}
.split-form{background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr);gap:.48rem}
.split-form label{font-weight:730}
.split-form>label:not(:first-child),.csv-heading{margin-top:.7rem}
.split-form input,.split-form textarea{width:100%;min-width:0;color:var(--petrol);background:#f7f6ef;border:1px solid #9eada3;border-radius:5px;padding:.74rem .8rem}
.split-form textarea{font-family:var(--mono);font-size:.89rem;resize:vertical;line-height:1.5}
.amount-input{display:flex;align-items:center;position:relative}
.amount-input input{padding-right:4.1rem}
.amount-input span{position:absolute;right:.87rem;color:var(--muted);font-weight:740;pointer-events:none}
.csv-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.subtle{background:#edf1e8;color:var(--petrol);border:1px solid var(--edge);border-radius:4px 4px 12px 4px;padding:.34rem .6rem;font-weight:670;font-size:.87rem}
.subtle:hover{background:#dce4d9}
.hint{font-size:.87rem;color:var(--muted)}
code{font-family:var(--mono);overflow-wrap:anywhere}
.split-form .button{justify-self:start;margin-top:.6rem}
.receipt{background:var(--linen);min-height:15rem}
.receipt h2{font-size:clamp(1.65rem,3vw,2.2rem)}
.status{margin:.75rem 0;color:var(--muted);overflow-wrap:anywhere}
.status[data-state="error"]{color:#922832;font-weight:650}
.receipt-total{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:1.3rem 0 .8rem}
.receipt-total strong{font-size:clamp(1.4rem,3vw,2.2rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.receipt-total span{font-size:.88rem;color:var(--muted)}
.table-scroll{max-height:340px;overflow:auto;margin-bottom:1.1rem;border-radius:5px}
table{width:100%;border-collapse:collapse;text-align:left;background:var(--paper);font-variant-numeric:tabular-nums}
th,td{padding:.58rem .55rem;font-size:.9rem;border-bottom:1px solid #dce2d8}
th{color:var(--muted);font-size:.82rem}
td:first-child{overflow-wrap:anywhere;font:.8rem var(--mono);min-width:115px}
th:last-child,td:last-child{text-align:right;overflow-wrap:anywhere}
.download{margin-bottom:.55rem}
.guide-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.1rem 4rem;margin-bottom:2rem;max-width:920px}
.guide-sections h2{font-size:1.55rem;margin-bottom:.57rem}
.guide-sections p{color:var(--muted)}
.guide-sections a{display:inline-block;color:var(--rust);font-weight:730;margin-top:.5rem}
.guide-sections a:hover{color:var(--petrol)}
@media(max-width:850px){.hero,.workspace{grid-template-columns:1fr}.hero-art{max-width:620px}.example{gap:1.5rem}.hero h1{font-size:clamp(3rem,9vw,5.2rem)}}
@media(max-width:560px){.shell{width:calc(100% - 1.7rem)}.top{min-height:66px}.brand{font-size:1.2rem;gap:.43rem}.brand img{width:29px;height:29px}nav{gap:.85rem}.hero{gap:1.5rem}.hero-art{border-bottom-right-radius:55px}.hero p{margin:1rem 0 1.2rem;font-size:1rem}.example,.guide-sections{grid-template-columns:1fr}.example{padding-bottom:3rem}.example-paper dl,.split-bar{grid-template-columns:repeat(3,1fr)}.split-bar{grid-template-columns:3fr 2fr 1fr}.foot span{text-align:right;font-size:.77rem}}
@media(max-width:560px){
  .table-scroll table,.table-scroll tbody{display:block}
  .table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .table-scroll tbody tr{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:.24rem .42rem;padding:.65rem;border-bottom:1px solid #dce2d8}
  .table-scroll td{padding:0;border:0}
  .table-scroll td:first-child{grid-column:1/-1}
  .table-scroll td:nth-child(2){font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
  .table-scroll td:nth-child(2)::after{content:' shares'}
  .table-scroll td:last-child{font:700 .78rem var(--mono)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001s!important}}