/* PIING marketing site: shared styles. System font stack = SF Pro on Apple devices. */
:root{--bg:#000;--bg2:#111113;--text:#f5f5f7;--muted:#a1a1a6;--border:#2c2c2e;--surface:#1c1c1e;--accent:#f97316;--link:#ff9f4a;--soon:#5e5ce6;
--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color-scheme:dark light}
@media (prefers-color-scheme:light){:root{--bg:#fff;--bg2:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--surface:#f5f5f7;--link:#c2410c;--soon:#4b49c8}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.47 var(--font);letter-spacing:-.022em;-webkit-font-smoothing:antialiased}
a{color:var(--link)}img{max-width:100%;height:auto}
.skip{position:absolute;left:.75rem;top:-4rem;z-index:20;background:var(--accent);color:#131315;padding:.6rem 1rem;border-radius:10px;font-weight:700;text-decoration:none}.skip:focus{top:.75rem}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:6px}
.gnav{position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}
.gnav .in{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem;height:48px;font-size:13px;overflow-x:auto;scrollbar-width:none}
.gnav .in::-webkit-scrollbar{display:none}
.gnav a{color:var(--text);opacity:.82;text-decoration:none;white-space:nowrap}.gnav a:hover,.gnav a[aria-current]{opacity:1}
.gnav .brand{font-weight:800;letter-spacing:.08em;opacity:1;margin-right:auto;font-size:15px}
.hero{text-align:center;padding:clamp(3.5rem,10vw,7rem) 1.25rem clamp(2rem,5vw,3.5rem);max-width:980px;margin:0 auto}
.eyebrow{color:var(--accent);font-weight:600;font-size:clamp(1rem,2vw,1.3rem);margin:0 0 .5rem}
h1{font-size:clamp(2.6rem,7.5vw,5rem);line-height:1.05;letter-spacing:-.045em;font-weight:700;margin:0 auto .9rem;max-width:18ch;text-wrap:balance}
h2{font-size:clamp(1.9rem,5vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 .75rem;text-wrap:balance}
h3{font-size:1.2rem;letter-spacing:-.02em;margin:0 0 .4rem}
.lede{font-size:clamp(1.15rem,2.4vw,1.5rem);color:var(--muted);max-width:40rem;margin:0 auto 2rem;text-wrap:pretty}
.ctas{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--accent);color:#131315;padding:.75rem 1.4rem;border-radius:980px;font-weight:600;text-decoration:none;border:0;font:inherit;cursor:pointer}
.btn.ghost{background:transparent;color:var(--link);padding-inline:.5rem}.btn.ghost::after{content:" ›"}
.badge img{height:48px;width:auto;display:block}
section.band{padding:clamp(3rem,8vw,6rem) 1.25rem}section.band.alt{background:var(--bg2)}
.wrap{max-width:980px;margin:0 auto}.center{text-align:center}.sub{color:var(--muted);max-width:42rem;margin:0 auto 2.5rem;font-size:1.15rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}
.tile{background:var(--surface);border-radius:22px;padding:1.6rem 1.5rem;position:relative}
.alt .tile{background:var(--bg)}
.tile p{margin:0;color:var(--muted);font-size:1rem}
.soon{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--soon);border-radius:99px;padding:.15rem .55rem;margin-bottom:.6rem}
.live{background:#248a3d}
.note{font-size:.9rem;color:var(--muted);max-width:46rem;margin:2rem auto 0;text-align:center}
.list{max-width:46rem;margin:0 auto;padding:0;list-style:none}.list li{padding:1rem 0;border-bottom:1px solid var(--border);color:var(--muted)}.list li strong{color:var(--text);display:block}
table.price{width:100%;max-width:46rem;margin:0 auto;border-collapse:collapse}table.price th,table.price td{text-align:left;padding:.85rem .5rem;border-bottom:1px solid var(--border)}table.price td:last-child{color:var(--muted)}
form.wl{max-width:32rem;margin:0 auto;display:grid;gap:.9rem}form.wl label{font-weight:600;font-size:.95rem;display:grid;gap:.35rem}
form.wl input,form.wl select,form.wl textarea{font:inherit;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}
footer.gf{background:var(--bg2);color:var(--muted);font-size:12px;padding:2rem 1.25rem}footer.gf .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem}
footer.gf a{color:var(--muted);text-decoration:none}footer.gf a:hover{color:var(--text);text-decoration:underline}footer.gf p{flex-basis:100%;margin:.75rem 0 0}
@media (prefers-reduced-motion:no-preference){.tile{transition:transform .25s}.tile:hover{transform:translateY(-2px)}}
.tile h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 .4rem}

/* Homepage Founders card */
.founders{padding:0 1.25rem 3rem}.fcard{max-width:720px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:clamp(1.75rem,5vw,3rem) clamp(1.25rem,5vw,3rem)}
.fcard h2{margin:.2rem 0 .6rem;font-size:clamp(1.4rem,3.5vw,2rem)}
.fcount{font-size:clamp(2rem,7vw,3.6rem);font-weight:700;letter-spacing:-.02em;margin:.4rem 0 .8rem;font-variant-numeric:tabular-nums}
.fbar{height:6px;border-radius:99px;background:var(--border);overflow:hidden;max-width:420px;margin:0 auto 1.2rem}.fbar span{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit}
@media (prefers-reduced-motion:no-preference){.fbar span{transition:width 1.2s cubic-bezier(.2,.8,.2,1)}}