/* shared look: ARISE pool funnel */
:root{--navy:#0B1B2B;--navy-2:#0F2236;--card:#13283D;--card-2:#172F47;--border:#22405C;--blue:#1FA2D6;--blue-l:#4FC0EC;--blue-d:#0E7DAA;--muted:#9FB3C6;--soft:#C9D6E3;--star:#F5B942;--good:#2FD08A;--ink:#0B1B2B}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased;line-height:1.55;font-size:17px}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.narrow{max-width:900px}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(11,27,43,.82);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(34,64,92,.6)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;font-weight:900;letter-spacing:-.03em;font-size:26px;line-height:1;text-decoration:none;color:#fff}
.top .mini{font:700 14px Inter,sans-serif;color:#fff;background:var(--blue);border:0;border-radius:10px;padding:10px 16px;cursor:pointer}
.top .mini:hover{background:var(--blue-l)}

/* section scaffolding */
section{padding-block:72px}
.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l);margin-bottom:12px}
h2{font-size:clamp(28px,4.2vw,42px);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin:0 0 14px;text-wrap:balance}
.lead{color:var(--muted);font-size:clamp(17px,2vw,19px);max-width:640px;margin:0 auto}
.center{text-align:center}

/* proof cards */
.proofgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.pc{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;min-width:0}
.pc .res{font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.pc .res em{font-style:normal;color:var(--blue-l)}
.pc .sub{color:var(--muted);font-size:15px;margin:6px 0 18px}
.chat{background:#05101B;border:1px solid #1B3248;border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.chat .from{font-size:12px;color:#7F96AC;text-align:center;margin-bottom:4px;font-weight:600}
.b{max-width:86%;padding:9px 13px;border-radius:18px;font-size:15px;line-height:1.35}
.b.in{background:#262A30;color:#F2F4F7;align-self:flex-start;border-bottom-left-radius:6px}
.b.out{background:#1C8CF2;color:#fff;align-self:flex-end;border-bottom-right-radius:6px}
.b mark{background:none;color:#FFE08A;font-weight:700}
.pc .who{display:flex;align-items:center;gap:12px;margin-top:18px}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-d));display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.who b{display:block;font-size:15px}.who span{color:var(--muted);font-size:13px}
.see{display:none;margin-top:14px;align-self:flex-start;background:none;border:0;color:var(--blue-l);font:600 14px Inter,sans-serif;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}

/* real screenshot, cropped to the key texts */
.shot{position:relative;display:block;width:100%;height:340px;overflow:hidden;border-radius:16px;border:1px solid #1B3248;background:#000;cursor:zoom-in;padding:0;flex:none}
.shot img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(calc(var(--c) * -100%));max-width:none}
.shot:after{content:"Tap to see the full text";position:absolute;left:0;right:0;bottom:0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#DDE7F0;font:600 13px Inter,sans-serif;text-align:center}
.shot:focus-visible{outline:2px solid var(--blue-l);outline-offset:2px}
/* lightbox */
.lb{position:fixed;inset:0;z-index:60;background:rgba(3,9,15,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.lb img{max-height:92vh;max-width:min(460px,100%);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb button{position:absolute;top:14px;right:16px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}

footer{padding-block:34px 44px;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
footer .logo{justify-content:center;margin-bottom:10px;color:#fff}

@media (max-width:900px){.proofgrid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}
@media (max-width:560px){section{padding-block:52px}.pc{padding:20px}.pc .res{font-size:25px}}