@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/PublicSans-latin.woff2") format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/IBMPlexMono-400-latin.woff2") format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/IBMPlexMono-500-latin.woff2") format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/IBMPlexMono-600-latin.woff2") format('woff2');}

:root{
  --paper:#FAF7F0; --surface:#FFFFFF; --ink:#2A2317; --body:#4E463A;
  --mute:#8C8579; --gold:#E0B45C; --gold-edge:#C99A3F; --gold-deep:#A8802F;
  --gold-wash:#F7EFDE; --rule:#E7DFCE; --rule-soft:#F1EBDD;
  --gain:#1F7A45; --loss:#B4442E; --code-bg:#F3EEE3;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;}
.wrap{max-width:1020px;margin:0 auto;padding:0 28px;}
.narrow{max-width:660px;}
section{padding:82px 0;border-top:1px solid var(--rule);}
h2{font-size:clamp(27px,4vw,37px);font-weight:700;letter-spacing:-.035em;
  line-height:1.13;margin:0 0 18px;text-wrap:balance;}
h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;}
p{color:var(--body);margin:0 0 16px;}
p.lede{font-size:19px;color:var(--ink);}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--mute);margin:0 0 18px;}

/* hero */
.hero{background:#1B170F;color:#F4EEE1;border-top:none;padding:0;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 340px at 78% 12%,rgba(224,180,92,.13),transparent 68%);}
.hero .wrap{position:relative;z-index:1;padding-top:30px;padding-bottom:92px;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:74px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.brand img{width:34px;height:34px;border-radius:7px;}
.brand b{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#F4EEE1;}
.navlinks{display:flex;gap:26px;align-items:center;flex-wrap:wrap;}
.navlinks a{color:#BFB6A3;text-decoration:none;font-size:14.5px;}
.navlinks a:hover{color:#F4EEE1;}
.navlinks a.cta{color:var(--gold);}
h1{font-size:clamp(37px,6.3vw,62px);font-weight:700;letter-spacing:-.045em;
  line-height:1.04;margin:0 0 22px;max-width:15ch;text-wrap:balance;color:#F4EEE1;}
h1 em{font-style:normal;color:var(--gold);}
.hero .sub{font-size:19.5px;color:#BFB6A3;max-width:52ch;margin:0 0 32px;}
.btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.btn{display:inline-block;padding:13px 22px;border-radius:5px;text-decoration:none;
  font-size:15.5px;font-weight:600;letter-spacing:-.01em;transition:.16s ease;}
.btn-p{background:var(--gold);color:#1B170F;}
.btn-p:hover{background:#EBC77A;}
.btn-s{color:#F4EEE1;border:1px solid #4A4132;}
.btn-s:hover{border-color:#8C8579;}
.herogrid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.hcard{background:rgba(255,255,255,.045);border:1px solid rgba(224,180,92,.28);
  border-radius:12px;padding:20px 22px;backdrop-filter:blur(2px);}
.hc-top{display:flex;justify-content:space-between;align-items:center;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);}
.hc-sym{font-family:'IBM Plex Mono',monospace;font-size:16px;color:#F4EEE1;letter-spacing:.04em;}
.hc-tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.09em;
  color:#E0B45C;border:1px solid rgba(224,180,92,.4);border-radius:4px;padding:3px 8px;}
.hc-rows{margin:0;padding:0;}
.hc-rows>div{display:flex;justify-content:space-between;gap:16px;
  padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.hc-rows dt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:#8C8579;margin:0;white-space:nowrap;}
.hc-rows dd{margin:0;font-size:13.5px;color:#E8E1D2;text-align:right;}
.hc-warn{color:#E0B45C;}
.hc-foot{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#8C8579;padding-top:13px;}
@media(max-width:900px){.herogrid{grid-template-columns:1fr;gap:36px;}}
.hero .fine{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8C8579;margin-top:20px;}

/* won't do */
.wont{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));border:1px solid var(--rule);}
.wont>div{padding:26px 24px;border-right:1px solid var(--rule);}
.wont>div:last-child{border-right:none;}
.wont .x{font-family:'IBM Plex Mono',monospace;color:var(--loss);font-size:13px;
  font-weight:600;margin-bottom:10px;}
.wont p{margin:0;font-size:15px;}
@media(max-width:700px){.wont>div{border-right:none;border-bottom:1px solid var(--rule);}
  .wont>div:last-child{border-bottom:none;}}

.ic-sm{width:18px;height:18px;margin:0;flex:none;}
.cell-ic{display:flex;align-items:center;gap:10px;}

/* icons */
.sprite{display:none;}
.ic{width:30px;height:30px;fill:none;stroke:var(--gold-deep);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:12px;}
.ic-no{stroke:var(--loss);}
.wont .ic{margin-bottom:14px;}

/* life of a trade */
.lifebox{overflow-x:auto;margin:30px 0 12px;}
.life{width:100%;min-width:700px;height:auto;display:block;}
.life .l-step{font-family:'IBM Plex Mono',monospace;font-size:12px;
  letter-spacing:.16em;fill:var(--ink);font-weight:500;}
.life .l-cap{font-family:'Public Sans',sans-serif;font-size:13px;fill:var(--body);}
.life .l-stop{font-family:'IBM Plex Mono',monospace;font-size:12px;
  letter-spacing:.08em;fill:#B4442E;}
.life .l-band{font-family:'Public Sans',sans-serif;font-size:13px;fill:#B4442E;opacity:.85;}

/* cost honesty */
.calc{background:var(--surface);border:1px solid var(--gold-edge);
  border-radius:8px;padding:22px 24px;margin:26px 0 22px;max-width:520px;}
.calc label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;}
.calc-row{display:flex;align-items:center;gap:6px;}
.calc-cur{font-size:26px;font-weight:700;color:var(--mute);}
.calc input{font-family:'IBM Plex Mono',monospace;font-size:26px;font-weight:500;
  border:none;border-bottom:2px solid var(--rule);background:transparent;
  color:var(--ink);width:11rem;padding:2px 0;}
.calc input:focus{outline:none;border-bottom-color:var(--gold-edge);}
.calc-out{margin:16px 0 0;font-size:16px;color:var(--ink);line-height:1.55;}
.calc-out b{font-weight:700;}
.cost-note{border-left:3px solid var(--gold-edge);padding:2px 0 2px 20px;
  margin-top:28px;max-width:66ch;}
.cost-note p{font-size:16px;}

/* money flow diagram */
.flowbox{overflow-x:auto;margin:26px 0 30px;}
.flow{width:100%;min-width:640px;height:auto;display:block;}
.flow .f-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.18em;fill:var(--mute);}
.flow .f-title{font-family:'Public Sans',sans-serif;font-size:22px;
  font-weight:700;letter-spacing:-.02em;fill:var(--ink);}
.flow .f-line{font-family:'Public Sans',sans-serif;font-size:15px;fill:var(--body);}
.flow .f-note{font-family:'Public Sans',sans-serif;font-size:13px;fill:var(--mute);}
.flow .f-ok{font-family:'IBM Plex Mono',monospace;font-size:13px;
  letter-spacing:.04em;fill:#1F7A45;}
.flow .f-no{font-family:'IBM Plex Mono',monospace;font-size:13px;
  letter-spacing:.04em;fill:#B4442E;}
.cantwont{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px;margin-top:12px;}
.cantwont h3{margin-bottom:10px;}
.reassure,.cannot{list-style:none;padding:0;margin:0;}
.reassure li,.cannot li{position:relative;padding:6px 0 6px 26px;
  font-size:15px;color:var(--body);}
.reassure li::before{content:"✓";position:absolute;left:0;top:6px;
  color:var(--gain);font-weight:700;}
.cannot li::before{content:"✕";position:absolute;left:0;top:6px;
  color:var(--loss);font-weight:700;}

/* ticket */
.ticket{background:var(--surface);border:1px solid var(--gold-edge);
  font-family:'IBM Plex Mono',monospace;font-size:13.5px;margin-top:8px;}
.ticket-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--rule);background:var(--gold-wash);}
.ticket-head b{font-size:16px;color:var(--ink);}
.ticket-head span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);}
.trow{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:11px 18px;
  border-bottom:1px solid var(--rule-soft);}
.trow:last-child{border-bottom:none;}
.tk{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);padding-top:3px;}
.tv{color:var(--ink);font-variant-numeric:tabular-nums;}
.tv .r{color:var(--loss);}
.tv small{display:block;color:var(--mute);font-size:11.5px;margin-top:3px;}
.caption{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mute);
  margin-top:11px;max-width:88ch;line-height:1.65;}
@media(max-width:620px){.trow{grid-template-columns:1fr;gap:3px;}}

/* table */
.tw{overflow-x:auto;}
table{width:100%;border-collapse:collapse;margin-top:6px;min-width:520px;}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--rule-soft);}
thead th{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--mute);font-weight:500;border-bottom:1px solid var(--rule);}
thead th:nth-child(3){color:var(--gold-deep);}
td:first-child{font-weight:600;font-size:15.5px;width:42%;}
td.mk{font-family:'IBM Plex Mono',monospace;font-size:13px;}
td.them{color:var(--loss);}
td.us{color:var(--gain);font-weight:500;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px;margin-top:8px;align-items:start;}
.scope{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
  margin-top:48px;padding-top:32px;border-top:1px solid var(--rule);}
.scope h3{font-size:22px;letter-spacing:-.025em;margin:0 0 10px;}
.scope p{font-size:15px;margin:0;}
.nots{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(2,1fr);gap:8px 12px;}
.nots li{font-family:'IBM Plex Mono',monospace;font-size:12.5px;
  letter-spacing:.02em;color:var(--ink-soft);background:var(--paper-2);
  border:1px solid var(--rule);border-radius:6px;padding:9px 12px;}
@media(max-width:760px){.scope{grid-template-columns:1fr;gap:26px;}}
.stepn{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold-deep);
  letter-spacing:.18em;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--gold-edge);}
.steps p{font-size:15px;margin:0;}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:8px;}
.plan{border:1px solid var(--rule);background:var(--surface);padding:26px 24px;display:flex;flex-direction:column;}
.plan.feat{border-color:var(--gold-edge);border-width:1.5px;}
.plan .pn{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin-bottom:14px;}
.plan .pp{font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:4px;
  font-variant-numeric:tabular-nums;}
.plan .pp span{font-size:14px;font-weight:400;color:var(--mute);letter-spacing:0;}
.plan ul{list-style:none;padding:0;margin:18px 0 0;flex:1;}
.plan li{font-size:14.5px;color:var(--body);padding:7px 0 7px 20px;position:relative;}
.plan li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:1.5px;background:var(--gold-edge);}
.safety-note{margin-top:22px;padding:15px 18px;border:1px solid var(--gold-edge);
  background:var(--gold-wash);font-size:15px;color:var(--ink);}

/* faq */
details{border-bottom:1px solid var(--rule-soft);padding:14px 0;}
summary{cursor:pointer;font-weight:600;font-size:16.5px;letter-spacing:-.01em;list-style:none;}
summary::-webkit-details-marker{display:none;}
summary::before{content:"+";color:var(--gold-deep);font-family:'IBM Plex Mono',monospace;
  margin-right:10px;font-weight:500;}
details[open] summary::before{content:"–";}
details p{margin:12px 0 4px 26px;font-size:15.5px;}

footer{background:var(--code-bg);border-top:1px solid var(--rule);padding:44px 0 54px;}
footer p{font-size:13px;color:var(--mute);margin:0 0 12px;line-height:1.65;}
footer .flinks{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:22px;}
footer .flinks a{color:var(--body);font-size:13.5px;text-decoration:none;}
footer .flinks a:hover{color:var(--ink);}
a{color:var(--gold-deep);}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}

/* Utility classes replacing the four former inline style attributes.
   A CSP without 'unsafe-inline' blocks style attributes too, so they
   cannot live in the markup. */
.mb34{margin-bottom:34px}
.mt14{margin-top:14px}
.c-body{color:var(--body)}
.footmark{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:22px}