.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content: center;padding:.8rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#fff;backdrop-filter:saturate(140%) blur(6px);cursor:pointer;white-space: nowrap;}
.btn:hover{background:rgba(255,255,255,.12)}
.btn.secondary{background:#fff;color:#000;border-color:transparent}
.btn.secondary:hover{filter:brightness(.75)}


.stats{display:grid;gap:16px;margin-top:24px}
.card .stats{grid-template-columns: repeat(2, 1fr);}
.stat{border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:16px;text-align:center;padding:16px}
.stat .v{font-size:28px;font-weight:600}
.stat .l{font-size:11px;letter-spacing:.14em;color:#a7a7a7;text-transform:uppercase}


.grid-3{display:grid;gap:16px}
@media(min-width:900px){
    .grid-3{
        grid-template-columns:repeat(3,1fr);
    }
    .stats{
        grid-template-columns:repeat(3,1fr);
    }
}
.grid-2{display:grid;gap:16px}
@media(min-width:720px){.grid-2{grid-template-columns:repeat(2,1fr)}}


.card{border:1px solid var(--border);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border-radius:16px;padding:18px}
.card .row{grid-template-columns: repeat(1, 1fr);}
.card .title{display:flex;align-items:center;gap:.6rem;font-weight:600;}
.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--border)}


.screen{border:1px solid var(--border);border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.screen .inner{aspect-ratio:16/9;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;background:#0b0b0b;color:#7a7a7a}


.cta{border:1px solid var(--border);border-radius:24px;padding:26px;background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(6,182,212,.12),rgba(167,139,250,.12));position:relative}
.stripes{position:absolute;inset:0;opacity:.25;background-image:repeating-linear-gradient(90deg,transparent,transparent 12px,rgba(255,255,255,.12) 12px,rgba(255,255,255,.12) 13px);pointer-events:none;border-radius:24px}


.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#fff}
.input:focus{outline:none;box-shadow:0 0 0 4px rgba(52,211,153,.15)}