/* Listr marketing site: shared styles for the inner pages (Product, Brokerages, Pricing, About, Blog).
   Same tokens and parts as the homepage: square corners, mono labels, colored square markers, figure captions. */
:root{
  color-scheme: light;
  --ink:#0a0e0d;--ink-2:#121917;--line-d:#1f2b26;
  --paper:#f1f0ea;--paper-2:#e7e6de;
  --mint:#2dd4a0;--mint-deep:#0b6e50;
  --amber:#fbbf24;--sky:#60c8ff;
  --t-d:#eef3f0;--t-d2:#a3b2ab;--t-d3:#7e8d86;
  --t-p:#0d1311;--t-p2:#4f5753;
  --f-display:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --f-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--t-d);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
main{overflow-x:clip}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;text-wrap:balance}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:760px){.wrap{padding-left:max(4vw,env(safe-area-inset-left,0px));padding-right:max(4vw,env(safe-area-inset-right,0px))}}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}
.disp{font-family:var(--f-display);font-weight:900;text-transform:uppercase;letter-spacing:-0.035em;line-height:0.92}
.dot{color:var(--mint)}
.line{display:block;overflow:hidden;padding-bottom:0.04em}
.line>span{display:inline-block;will-change:transform}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.paper{background:var(--paper);color:var(--t-p)}
.paper .lab{color:var(--t-p2)}
.ink{background:var(--ink);color:var(--t-d)}
.ink .lab{color:var(--t-d2)}
.sec{padding:120px 0}
.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:48px}
.sec-head::after{content:"";flex:1;height:1px;background:currentColor;opacity:0.18}
.lede{font-size:18px;line-height:1.65;color:var(--t-p2);max-width:520px}
.ink .lede{color:var(--t-d2)}

/* labels instead of bubbles */
.st{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;color:var(--t-d)}
.st::before{content:"";width:7px;height:7px;background:var(--c,var(--mint));flex-shrink:0}
.st-amber{--c:var(--amber)}.st-sky{--c:var(--sky)}.st-mute{--c:#4d5c55;color:var(--t-d2)}
.tg{font-family:var(--f-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--t-d2);padding-left:8px;border-left:2px solid var(--mint);line-height:1.2;white-space:nowrap}
.fig{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--t-d3);white-space:nowrap}
.fig i{width:16px;height:1px;background:currentColor;display:block}
.xf{display:inline-grid;justify-items:start}
.xf>*{grid-area:1/1}
.xf>*:first-child{visibility:hidden}
.dim{color:var(--t-d3)}

/* nav with a Product menu, and a full-screen menu on phones */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:padding .35s ease}
.nav-in{display:flex;align-items:center;gap:22px;height:64px;padding:0 4px;transition:all .35s ease}
.nav.pill{padding-top:12px}
.nav.pill .nav-in{background:rgba(10,14,13,0.94);border:1px solid var(--line-d);padding:0 8px 0 16px;height:58px;box-shadow:0 10px 30px rgba(0,0,0,0.35);max-width:min(1400px,100%);margin:0 auto}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.logo .mark{width:34px;height:39px;display:block}
.links{display:flex;align-items:center;gap:22px;margin-left:auto}
.links>a,.dd-btn{font-family:var(--f-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;color:var(--t-d2);background:none;border:0;padding:6px 0;cursor:pointer}
.links>a:hover,.dd-btn:hover,.links>a[aria-current="page"],.dd.cur .dd-btn{color:var(--t-d)}
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px}
.dd-btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.dd-btn[aria-expanded="true"]::after{transform:rotate(225deg) translateY(-1px)}
.dd-panel{position:absolute;top:calc(100% + 18px);left:-18px;width:380px;background:#0d1311;border:1px solid var(--line-d);box-shadow:0 24px 60px rgba(0,0,0,0.5);padding:8px;display:none}
.dd-panel.open{display:block}
.dd-panel a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;padding:12px;text-decoration:none;border-left:2px solid transparent}
.dd-panel a:hover,.dd-panel a:focus-visible,.dd-panel a[aria-current="page"]{background:rgba(45,212,160,0.06);border-left-color:var(--mint)}
.dd-panel .n{grid-row:1/3;font-family:var(--f-mono);font-size:11px;color:var(--t-d3);padding-top:3px}
.dd-panel b{font-family:var(--f-display);font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:-0.02em;color:var(--t-d)}
.dd-panel span:last-child{font-size:13px;color:var(--t-d2);line-height:1.4}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;border-radius:3px;padding:14px 22px;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-mint{background:var(--mint);color:#04241a}
.btn-mint:hover{background:#52e0b5}
.nav .btn{padding:11px 18px}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line-d);color:var(--t-d);font-family:var(--f-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:10px 12px;border-radius:3px;cursor:pointer}
.mmenu{position:fixed;inset:0;z-index:70;background:var(--ink);padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 24px;display:none;flex-direction:column;overflow:auto}
.mmenu.open{display:flex}
.mmenu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.mmenu a{text-decoration:none}
.mmenu .grp{border-top:1px solid var(--line-d);padding:16px 0}
.mmenu .grp>a,.mmenu .grp>span{display:block;font-family:var(--f-display);font-weight:900;font-size:30px;text-transform:uppercase;letter-spacing:-0.025em;line-height:1.1;padding:4px 0}
.mmenu .sub a{display:flex;gap:12px;align-items:baseline;padding:6px 0;font-size:17px;color:var(--t-d2)}
.mmenu .sub .n{font-family:var(--f-mono);font-size:11px;color:var(--t-d3)}
.mmenu .grp>a.btn{display:flex;justify-content:center;font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:15px 22px;line-height:1.2}
@media (max-width:900px){.links{display:none}.nav .btn-mint{display:none}.menu-btn{display:inline-block}}

/* app windows (sample data) */
.win{background:var(--ink-2);border:1px solid var(--line-d);border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,0.4);overflow:hidden;color:var(--t-d);font-size:13px;margin:0}
.win-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line-d);font-family:var(--f-mono);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--t-d2)}
.sd-body{padding:14px;display:grid;gap:12px}
.mod{background:#0c1210;border:1px solid var(--line-d);border-radius:3px;padding:12px;display:flex;flex-direction:column;gap:9px;min-height:0;position:relative}
.mod-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mod p{font-size:12.5px;line-height:1.5;color:#d4ddd8}
.mod p b{color:var(--t-d)}
.fake-btn{font-family:var(--f-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;padding:5px 10px;border-radius:2px;border:1px solid var(--line-d);color:var(--t-d2);white-space:nowrap}
.fake-btn.go{background:var(--mint);color:#04241a;border-color:var(--mint)}

/* email bar (carries the email to Request Access) */
.email-bar{display:flex;max-width:560px;border:1px solid rgba(238,243,240,0.32);background:rgba(10,14,13,0.66);border-radius:4px;padding:5px;transition:border-color .2s}
.email-bar:focus-within{border-color:var(--mint)}
.email-bar input{flex:1;min-width:0;background:transparent;border:0;color:var(--t-d);font:16px var(--f-body);padding:0 12px;outline:none}
.email-bar input::placeholder{color:#7e8d86}
.email-bar .btn{padding:13px 18px}
.bar-msg{min-height:1.2em;color:var(--amber);margin-top:10px}
@media (max-width:480px){.email-bar{flex-direction:column;gap:6px}.email-bar input{padding:12px}.email-bar .btn{justify-content:center}}

/* FAQ (shares the brokerage row style) */
.faq{border-top:1px solid rgba(13,19,17,0.18)}
.qa{border-bottom:1px solid rgba(13,19,17,0.18)}
.qa h3{font:inherit;margin:0}
.qa-btn{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;padding:20px 14px;background:none;border:0;color:var(--t-p);text-align:left;cursor:pointer;font:inherit;position:relative;overflow:hidden}
.qa-btn::before{content:"";position:absolute;inset:0;background:var(--mint-deep);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.qa-btn>*{position:relative}
.qa-btn:hover::before,.qa-btn:focus-visible::before,.qa-btn[aria-expanded="true"]::before{transform:scaleX(1)}
.qa-q{font-size:18px;font-weight:700;transition:color .25s ease .1s}
.qa-btn:hover .qa-q,.qa-btn:focus-visible .qa-q,.qa-btn[aria-expanded="true"] .qa-q{color:#fff}
.plus{width:28px;height:28px;border:1.5px solid var(--t-p);position:relative;transition:background .25s,border-color .25s .1s}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-0.75px 0 0 -6px;background:var(--t-p);transition:transform .3s,background .25s .1s}
.plus::after{transform:rotate(90deg)}
.qa-btn:hover .plus,.qa-btn:focus-visible .plus{border-color:#fff}
.qa-btn:hover .plus::before,.qa-btn:hover .plus::after,.qa-btn:focus-visible .plus::before,.qa-btn:focus-visible .plus::after{background:#fff}
.qa-btn[aria-expanded="true"] .plus{background:#fff;border-color:#fff}
.qa-btn[aria-expanded="true"] .plus::before,.qa-btn[aria-expanded="true"] .plus::after{background:var(--mint-deep)}
.qa-btn[aria-expanded="true"] .plus::after{transform:rotate(0deg)}
.qa-btn:focus-visible{outline-color:var(--mint-deep);outline-offset:2px}
.qa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.qa-a>div{overflow:hidden}
.qa.open .qa-a{grid-template-rows:1fr}
.qa-a p{padding:16px 58px 24px 14px;color:var(--t-p2);font-size:16px;line-height:1.65;max-width:820px}

/* closing CTA and footer */
.cta{padding:110px 0;border-top:1px solid var(--line-d)}
.cta-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:48px;align-items:end}
.cta h2{font-size:clamp(44px,6vw,150px)}
.cta p{color:var(--t-d2);font-size:17px;margin-bottom:20px;max-width:520px}
@media (max-width:900px){.cta-grid{grid-template-columns:minmax(0,1fr)}}
.foot{background:var(--ink);color:var(--t-d);padding:80px 0 0;border-top:1px solid var(--line-d)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,0.6fr));gap:40px}
.foot h3{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,3vw,44px);text-transform:uppercase;letter-spacing:-0.03em;line-height:0.98}
.foot ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a{text-decoration:none;color:var(--t-d2)}
.foot a:hover{color:var(--t-d)}
.foot-meta{display:flex;justify-content:space-between;gap:16px;margin-top:64px;color:var(--t-d3);flex-wrap:wrap}
.wordmark{display:flex;align-items:flex-end;gap:0.06em;font-family:var(--f-display);font-weight:900;font-size:clamp(100px,24vw,620px);letter-spacing:-0.06em;line-height:0.8;margin-top:28px;padding-bottom:max(18px,env(safe-area-inset-bottom,0px));white-space:nowrap}
.wordmark .mark{width:0.62em;height:0.71em;flex-shrink:0;margin-bottom:0.02em}
@media (max-width:760px){.foot-grid{grid-template-columns:minmax(0,1fr)}}
.proto-flag{cursor:pointer;font-family:var(--f-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:55;background:rgba(10,14,13,0.9);color:var(--t-d2);border:1px solid var(--line-d);border-radius:3px;padding:7px 12px}
@media (min-width:1800px){.win{zoom:1.15}.lede{font-size:21px;max-width:640px}}
@media (prefers-reduced-motion: reduce){.qa-a,.qa-btn::before,.qa-q,.plus,.plus::before,.plus::after,.dd-btn::after{transition:none}}

/* Log in link, and the signed-in swap */
.nav .login{font-family:var(--f-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;color:var(--t-d2);white-space:nowrap}
.nav .login:hover{color:var(--t-d)}
@media (max-width:900px){.nav .login{display:none}}