/* PARAIBLE site design system: the app's identity, on the open web. */
:root{--page:#020617;--card:#0a1120;--deep:#060b19;--line:rgba(255,255,255,.09);--text:#e5e7eb;--dim:rgba(226,232,240,.72);--faint:rgba(226,232,240,.45);--sky:#38bdf8;--emerald:#34d399;--purple:#a78bfa;--amber:#fbbf24;--rose:#fb7185}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
.glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 50% -10%,rgba(56,189,248,.14),transparent 65%)}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 12% 22%,rgba(148,163,184,.5) 50%,transparent 51%),radial-gradient(1px 1px at 78% 14%,rgba(148,163,184,.4) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 58%,rgba(125,211,252,.35) 50%,transparent 51%),radial-gradient(1px 1px at 30% 74%,rgba(148,163,184,.35) 50%,transparent 51%),radial-gradient(1px 1px at 88% 82%,rgba(167,139,250,.3) 50%,transparent 51%)}
nav.site{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav.site .row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-size:20px;font-weight:800;letter-spacing:.14em;background:linear-gradient(90deg,#8B5CF6,#fff 55%,#3B82F6);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
nav.site a.nl{color:var(--dim);text-decoration:none;font-size:14px;font-weight:600;margin-left:22px}
nav.site a.nl:hover{color:var(--text)}
nav.site a.nl.active{color:var(--sky)}
nav.site a.buy{margin-left:22px;padding:9px 20px;border-radius:11px;background:linear-gradient(135deg,#38bdf8,#34d399);color:#020617;font-weight:800;font-size:13.5px;text-decoration:none}
.kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sky);font-weight:700}
h1{font-size:clamp(34px,6vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.015em}
h2{font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.01em}
.sub{font-size:clamp(16px,2.2vw,19px);color:var(--dim)}
.lead{color:var(--dim);max-width:620px;margin-top:14px;font-size:16.5px}
.cta{display:inline-block;padding:16px 34px;border-radius:14px;font-weight:800;font-size:16px;color:#020617;text-decoration:none;background:linear-gradient(135deg,#38bdf8,#34d399);box-shadow:0 12px 40px rgba(56,189,248,.35);transition:transform .2s}
.cta:hover{transform:translateY(-2px)}
.cta.ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.16);box-shadow:none;font-weight:600}
section{position:relative;padding:64px 0}
.k2{font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
.card{background:rgba(10,17,32,.85);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.grid{display:grid;gap:14px;margin-top:30px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}
.oc{border-left:3px solid var(--c,#38bdf8)}
.oc b{color:var(--c,#38bdf8);font-size:15px}
.oc p{font-size:13px;color:var(--dim);margin-top:6px}
.verdict{max-width:560px;margin:36px auto 0;text-align:left;background:rgba(10,17,32,.9);border:1px solid rgba(167,139,250,.4);border-radius:20px;padding:28px;box-shadow:0 0 80px rgba(167,139,250,.12)}
.verdict .tag{font-size:10px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase}
.verdict .role{font-size:11px;letter-spacing:.22em;color:var(--purple);text-transform:uppercase;font-weight:700;margin-top:18px}
.verdict .name{font-size:44px;font-weight:900;line-height:1.05;margin-top:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip{border:1px solid var(--c);color:var(--c);border-radius:999px;padding:3px 13px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.verdict .bal{font-size:14px;color:var(--dim);margin-top:16px}
.center{text-align:center}
.fine{font-size:12px;color:var(--faint);margin-top:14px}
.rise{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.rise.in{opacity:1;transform:none}
footer{position:relative;border-top:1px solid var(--line);padding:36px 0 60px;color:var(--faint);font-size:13px}
footer a{color:var(--dim);text-decoration:none;margin:0 10px}
@media(max-width:760px){.g3,.g2{grid-template-columns:1fr}nav.site a.nl{margin-left:14px;font-size:13px}.hidesm{display:none}}
@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}}