/* Home: hero left, fills tape right. Wide screens only; stacks below. */
@media(min-width:1000px){
:root:root:root:root:root:root:root:root:root:root body .hm{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(320px,440px);column-gap:clamp(32px,5vw,80px);align-content:start}
:root:root:root:root:root:root:root:root:root:root body .hm>*{grid-column:1}
:root:root:root:root:root:root:root:root:root:root body .hm>.hm-tape{grid-column:2;grid-row:1/span 6}
}
.hm .hm-tape{margin-top:clamp(28px,4vw,0px);border-top:1.5px solid #1a1410;padding-top:12px;align-self:start}
.hm .hm-tape h3{margin:0 0 4px;font:400 11px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#1a1410}
.hm .hm-tape p{margin:0 0 14px;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#6b5f55}
.hm .hm-tape ol{list-style:none;margin:0;padding:0}
.hm .hm-tape li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid #e9dfd3;font:400 13px/1.3 Inter,system-ui,sans-serif;color:#1a1410}
.hm .hm-tape li b{font:500 13px/1.3 "JetBrains Mono",ui-monospace,monospace}
.hm .hm-tape li>span{grid-column:1;color:#6b5f55;font-size:12px}
.hm .hm-tape li>i{display:flex;align-items:center;gap:6px;grid-column:2;grid-row:1/span 2;align-self:center;font:400 11px/1 "JetBrains Mono",ui-monospace,monospace;font-style:normal;color:#6b5f55;white-space:nowrap}
.hm .hm-tape li.new{animation:hmin .6s ease both}
@keyframes hmin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hm .hm-ns{margin:10px 0 0;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#6b5f55}
.hm-tl a.nm{display:flex;align-items:center;gap:8px;font:400 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:#6b5f55;text-decoration:none}
:root:root:root body .hm .hm-tl a.nm,:root:root:root body .hm .hm-tl a.nm span{text-decoration:none !important;border:0 !important}

/* 2026-10-16 hero number: quiet dollar sign and commas, light weight, one accent. */
.hm .hm-tape li>i img{display:block;width:14px;height:14px;border-radius:50%}
.hm .hm-tape li>i em{font-style:normal;color:#1a1410}
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;margin-top:clamp(26px,3vw,40px) !important}
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b{display:block;font:300 clamp(48px,7.4vw,104px)/.95 Inter,system-ui,sans-serif !important;letter-spacing:-.035em !important;font-variant-numeric:tabular-nums lining-nums;color:#1a1410 !important;min-width:0 !important;white-space:nowrap}
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b s{display:inline-block !important;text-decoration:none !important;color:#fe6102 !important;font:400 .4em/1 Inter,system-ui,sans-serif !important;position:relative;top:-.95em;margin-right:.12em;letter-spacing:0 !important}
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b u{text-decoration:none !important;color:#cdbfb1 !important;font:inherit !important;margin:0 -.07em 0 -.05em;font-variant-numeric:proportional-nums !important}
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n i{display:flex !important;align-items:center;gap:9px;font:400 11px/1 "JetBrains Mono",ui-monospace,monospace !important;letter-spacing:.07em;text-transform:uppercase;color:#6b5f55 !important}
.hm .hm-n i::before{content:"";width:7px;height:7px;border-radius:50%;background:#fe6102;box-shadow:0 0 0 0 rgba(254,97,2,.45);animation:hmpulse 2.4s ease-out infinite}
@keyframes hmpulse{70%,100%{box-shadow:0 0 0 7px rgba(254,97,2,0)}}
@media(prefers-reduced-motion:reduce){.hm .hm-n i::before{animation:none}}
.hm .hm-ns{margin-top:12px;color:#8a7d72}
/* team: pushed well below the actions */
:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-team{margin-top:clamp(96px,16vh,200px) !important}

/* 2026-10-16 fills rows: one line, four columns, hairlines only. */
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tape li{display:grid !important;grid-template-columns:1fr auto 104px 28px;align-items:center;column-gap:14px;padding:15px 0 !important;font:400 14px/1 Inter,system-ui,sans-serif}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tape li b{font:500 14px/1 Inter,system-ui,sans-serif !important;color:#1a1410;letter-spacing:0}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tape li strong{font:400 14px/1 "JetBrains Mono",ui-monospace,monospace;color:#1a1410;text-align:right;font-variant-numeric:tabular-nums}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tape li>span{display:flex;align-items:center;gap:7px;font:400 13px/1 Inter,system-ui,sans-serif;color:#6b5f55;grid-column:auto !important}
.hm .hm-tape li>span img{width:16px;height:16px;border-radius:50%}
.hm .hm-tape li>span q{quotes:none}
:root:root:root:root:root:root:root:root:root:root body .hm .hm-tape li>time{text-align:right;font:400 11px/1 "JetBrains Mono",ui-monospace,monospace;color:#a89a8d}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b u{font-size:.55em !important;margin:0 .02em 0 .01em !important}
.hm .hm-tape h3{margin-bottom:10px !important}

/* 2026-10-16 home is one fixed screen on desktop: nothing scrolls, spacing follows the viewport height. */
.hm{position:relative}
.hm>*{position:relative;z-index:1}
.hm>canvas.hm-bg{position:absolute !important;inset:0;width:100%;height:100%;z-index:0 !important;pointer-events:none;grid-column:1/-1}
@media(min-width:1000px){
:root:root:root:root:root:root:root:root:root:root:root:root .stage:has(.view[data-view="home"]:not([hidden])){overflow:hidden !important}
:root:root:root:root:root:root:root:root:root:root:root:root .view[data-view="home"]{height:100%}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm{height:calc(100dvh - 63px);box-sizing:border-box;padding-top:clamp(16px,5vh,72px) !important;padding-bottom:clamp(16px,4vh,48px) !important;overflow:hidden;align-content:center !important;row-gap:0}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n{margin-top:clamp(12px,3vh,36px) !important}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-n b{font-size:clamp(44px,min(7.4vw,12vh),104px) !important}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-cta{margin-top:clamp(14px,3.5vh,40px) !important}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-h{font-size:clamp(30px,min(4vw,7.4vh),64px) !important;grid-column:1/-1 !important;white-space:nowrap}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-h span{display:inline !important}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .hm-h span+span{margin-left:.28em}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm>.hm-tape{grid-row:2/span 6 !important;margin-top:clamp(20px,4vh,48px) !important}
.hm .hm-team{margin-top:clamp(20px,6vh,90px) !important}
}

/* team: small line pinned bottom right of the home screen (the footer byline is hidden app-wide) */
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .ft-team{position:absolute !important;right:clamp(16px,4vw,48px);bottom:clamp(12px,3vh,28px);margin:0 !important;gap:10px;z-index:2}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .ft-team .hm-th{font-size:10px;white-space:nowrap}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .ft-team .hm-tl{gap:12px}
:root:root:root:root:root:root:root:root:root:root:root:root body .hm .ft-team img{height:18px !important;width:auto}
