/* About and Fund pages: the storefront's tokens and top bar, with room for a story. */
:root{--bg:#f5f6f4;--surface:#fff;--sunk:#eceeea;--line:#dde2df;--fg:#16212a;--muted:#5b676e;--accent:#0b6e8a;--accent-ink:#fff;--accent-soft:#e2f0f4;
--sun:#e8a317;--sun-soft:#fcf0d6;--ok:#1b6f41;--ok-soft:#e1f2e7;
--f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-body:"Figtree",ui-sans-serif,system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0e1418;--surface:#162026;--sunk:#111a1f;--line:#27353c;--fg:#e6eef0;--muted:#98a9b0;--accent:#58b9d6;--accent-ink:#04212b;--accent-soft:#143440;
--sun:#f2bb45;--sun-soft:#3a2c10;--ok:#69cf96;--ok-soft:#14301f;color-scheme:dark}}
*{box-sizing:border-box}[hidden]{display:none!important}img{max-width:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 var(--f-body)}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.w{max-width:1180px;margin:0 auto;padding-inline:16px}
.narrow{max-width:760px}

.top{position:sticky;top:0;z-index:4;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-block:12px}
.brand{font:800 26px/1 var(--f-display);letter-spacing:-.02em;color:var(--fg);text-decoration:none}.brand span{color:var(--accent)}
.where{font-size:13px;color:var(--muted)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:var(--fg);text-decoration:none;font-weight:600;font-size:15px;padding:7px 12px;border-radius:99px}
.nav a:hover{background:var(--sunk)}.nav a[aria-current="page"]{background:var(--fg);color:var(--bg)}
@media (max-width:599px){.where{display:none}.nav a{padding:7px 10px}}

main{padding-block:28px 48px}
.kicker{font:600 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
h1{font:800 clamp(34px,7vw,64px)/1.02 var(--f-display);letter-spacing:-.025em;margin:0;text-wrap:balance}
h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:clamp(18px,2.4vw,22px);line-height:1.45;color:var(--muted);margin:16px 0 0;max-width:34ch;text-wrap:pretty}
h2{font:700 clamp(22px,3vw,28px)/1.2 var(--f-display);letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}
section{margin-top:56px}
p{margin:0 0 14px;max-width:62ch}
.aside{color:var(--muted);font-size:15px}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;gap:4px;align-content:start}
.steps b{font:700 18px/1.3 var(--f-display)}
.steps .n{font:800 34px/1 var(--f-display);color:var(--accent)}
.steps span{color:var(--muted);font-size:15px;line-height:1.5}

/* the split: one bar, two shares, drawn to scale */
.split{display:grid;gap:10px;max-width:640px}
.split .track{display:flex;height:46px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.split .lucas{flex:25;background:var(--sun-soft);color:var(--fg);display:grid;place-items:center;font-weight:700;border-right:2px solid var(--surface)}
.split .fund{flex:75;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700}
.split .keys{display:grid;grid-template-columns:25fr 75fr;gap:12px;font-size:14px;color:var(--muted)}
.split .keys b{display:block;color:var(--fg);font-size:15px}

.faq{margin:0;display:grid;gap:0;border-top:1px solid var(--line);max-width:680px}
.faq div{padding:14px 0;border-bottom:1px solid var(--line)}
.faq dt{font-weight:700;margin-bottom:4px}
.faq dd{margin:0;color:var(--muted)}

.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;border-radius:12px;padding:12px 18px;border:1px solid var(--line);color:var(--fg);background:var(--surface)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* fund meter */
.meter{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px clamp(16px,4vw,32px);display:grid;gap:16px;margin-top:28px}
.big{font:800 clamp(52px,12vw,96px)/1 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.big small{display:block;font:600 16px/1.3 var(--f-body);letter-spacing:0;color:var(--muted);margin-top:8px}
.gauge{height:18px;border-radius:99px;background:var(--sunk);border:1px solid var(--line);overflow:hidden}
.gauge i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--sun));transition:width .8s ease-out}
.ends{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.quip{margin:0;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin-top:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.stat b{display:block;font:800 32px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.stat span{color:var(--muted);font-size:14px}

footer{border-top:1px solid var(--line);padding-block:20px 32px;color:var(--muted);font-size:14px;margin-top:40px}
@media (prefers-reduced-motion:reduce){.gauge i{transition:none}}