:root{--accent:#fff200;--bg:#0b0b0b;--text:#fff;--muted:#9ca3af;--radius:1rem;--max:1120px}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}.container{width:min(95%,var(--max));margin-inline:auto}.grid{display:grid;gap:2rem}.grid2{grid-template-columns:1fr}@media (min-width:980px){.grid2{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-block;padding:.8rem 2.4rem;background:var(--accent);color:#000;font-weight:600;border-radius:.5rem;transition:transform .25s}.btn:hover{transform:translateY(-2px)}.link-btn{font-weight:600;border-bottom:2px solid var(--accent)}.hero{padding:6rem 0}.hero-tag{font-size:.75rem;letter-spacing:.15em;font-weight:600;color:var(--accent)}.hero-title{font-size:clamp(2.4rem,5vw,3.5rem);margin:.6em 0;font-weight:800}.hero-text{color:var(--muted);max-width:30rem;margin-bottom:2rem}.mock-img{border-radius:var(--radius);background:antiquewhite}.hide-mobile{display:none}@media (min-width:980px){.hide-mobile{display:block}}.apps h2{text-align:center;font-size:2rem;margin-bottom:3rem}.cards a{text-decoration:none}.card{border:1px solid #1b1b1b;border-radius:var(--radius);overflow:hidden;transition:transform .3s;display:block}.card:hover{transform:translateY(-6px)}.card-img{position:relative;background-repeat:no-repeat;background-size:contain;background-position:50%;height:400px;border-radius:1rem;overflow:hidden;background-color:#111}.ribbon{position:absolute;top:5rem;right:1rem;background:#ffeb00;color:#000;padding:4px 50px;font-size:12px;font-weight:700;text-transform:uppercase;transform:translate(30%,-30%) rotate(45deg);transform-origin:top right;box-shadow:0 0 0 1px #0002}.card-body{padding:2rem;background:#000}.card-title{font-size:1.3rem;margin-bottom:.35rem}.card-text{color:var(--muted);margin-bottom:1.3rem}.cta{margin-top:4rem;text-align:center;padding:4rem 1rem;background:#000}.cta h2{font-size:2rem;margin-bottom:1rem}.cta p{color:var(--muted);margin-bottom:2rem}.accent{color:var(--accent);font-weight:600}