@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg:#0f0f0f;--bg-2:#121212;--card:#161616;--text:#f2f2f2;--muted:#a9a9a9;--accent:#3ddc97;--accent-2:#3aa0ff;--glow:rgba(61,220,151,.25);--radius:16px;--max-w:1200px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,Noto Sans SC,sans-serif;margin:0}.page{background:radial-gradient(1200px 600px at 15% -10%,rgba(58,160,255,.15),transparent 60%),radial-gradient(900px 500px at 85% 10%,rgba(61,220,151,.12),transparent 55%),var(--bg);min-height:100vh;overflow:hidden;position:relative}.page:before{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:60px 60px;content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}.container{margin:0 auto;max-width:var(--max-w);padding:0 24px}.hero{background:linear-gradient(180deg,hsla(0,0%,7%,.2),transparent 40%);background-attachment:fixed;padding:120px 0 80px;position:relative}.hero-grid{align-items:center;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-copy h1{font-size:clamp(36px,5vw,64px);letter-spacing:-1px;margin:16px 0}.subtitle{color:var(--muted);font-size:18px;line-height:1.6}.eyebrow{color:var(--muted);font-size:14px;letter-spacing:2px;text-transform:uppercase}.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.btn{background:var(--card);border:1px solid transparent;border-radius:999px;color:var(--text);cursor:pointer;font-weight:600;padding:12px 22px;transition:all .2s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 12px 30px #3aa0ff40;color:#0b0b0b}.btn.ghost{border-color:#fff3}.btn:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-2px)}.signal{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:999px;color:var(--muted);display:inline-flex;font-size:14px;gap:8px;margin-top:24px;padding:8px 14px}.signal .dot{animation:pulse 2s infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--glow);height:8px;width:8px}.signal .hot{color:var(--text)}.hero-mockup{display:flex;justify-content:center;position:relative}.phone{background:#0c0c0c;border:1px solid hsla(0,0%,100%,.1);border-radius:36px;box-shadow:0 30px 80px #00000080;height:560px;padding:14px;position:relative;width:280px}.phone-notch{background:#000;border-radius:16px;height:24px;margin:0 auto 12px;width:120px}.phone-screen{background:linear-gradient(180deg,#171717e6,#0a0a0ae6);border-radius:24px;height:calc(100% - 36px);padding:16px}.screen-header{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.status{color:var(--accent);font-weight:600}.screen-tabs{display:flex;font-size:12px;gap:10px;margin:16px 0}.tab{background:#ffffff0a;border-radius:999px;color:var(--muted);padding:6px 10px}.tab.active{background:#3aa0ff33;color:var(--text)}.feed{display:grid;gap:12px}.feed-item{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.04);border-radius:14px;display:grid;gap:10px;grid-template-columns:32px 1fr auto;padding:10px}.avatar{background:linear-gradient(120deg,var(--accent-2),var(--accent));border-radius:50%;height:32px;width:32px}.a1{background:linear-gradient(120deg,#3aa0ff,#6ef2ff)}.a2{background:linear-gradient(120deg,#8b5cf6,#ec4899)}.a3{background:linear-gradient(120deg,#22c55e,#84cc16)}.a4{background:linear-gradient(120deg,#f97316,#facc15)}.a5{background:linear-gradient(120deg,#14b8a6,#3b82f6)}.line{color:var(--muted);font-size:11px}.line.bold{color:var(--text);font-weight:600}.badge{border:1px solid rgba(61,220,151,.3);border-radius:999px;color:var(--accent);font-size:10px;padding:4px 8px}.glow{background:radial-gradient(circle,var(--glow),transparent 60%);filter:blur(20px);height:340px;position:absolute;top:50%;transform:translateY(-50%);width:340px;z-index:-1}.section{padding:80px 0}.section h2{font-size:clamp(26px,3.5vw,40px);margin-bottom:24px}.problem-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.problem-item{background:var(--card);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius);display:grid;gap:12px;padding:22px}.icon{fill:none;height:28px;stroke:var(--accent-2);stroke-width:1.6;width:28px}.section-head{display:flex;flex-direction:column;gap:8px}.muted{color:var(--muted)}.feature-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.card{background:var(--card);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius);box-shadow:0 20px 40px #00000059;padding:26px;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.card:hover{border:1px solid rgba(58,160,255,.3);box-shadow:0 30px 60px #00000073;transform:translateY(-6px)}.card-icon{color:var(--accent);font-weight:700;margin-bottom:10px}.preview-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.preview-card{background:linear-gradient(160deg,#ffffff0a,#ffffff03);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:32px}.mini-phone{background:#0b0b0b;border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:18px}.mini-screen{background:linear-gradient(180deg,#121212e6,#080808e6);border-radius:18px;display:grid;gap:12px;padding:16px}.mini-title{font-weight:600}.mini-chart{background:linear-gradient(120deg,#3aa0ff4d,#3ddc974d);border-radius:12px;height:80px}.mini-list{color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.mini-list .up{color:var(--accent);font-weight:600}.mini-row{align-items:center;display:grid;gap:10px;grid-template-columns:36px 1fr}.use-list{color:var(--muted);display:flex;flex-wrap:wrap;font-size:16px;gap:16px 28px}.cta{padding-bottom:120px}.footer{border-top:1px solid hsla(0,0%,100%,.06);color:var(--muted);font-size:12px;padding:24px 0 48px;text-align:center}.cta-box{align-items:center;background:linear-gradient(120deg,#3aa0ff33,#3ddc9726);border:1px solid hsla(0,0%,100%,.1);border-radius:calc(var(--radius) + 4px);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:36px 32px}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:.6;transform:scale(1)}}@media(max-width:720px){.hero{background-attachment:scroll;padding:90px 0 60px}.hero-copy h1{font-size:36px}.cta-row{align-items:stretch;flex-direction:column}.phone{height:480px;width:240px}}