:root{--cs-blue:#4285F4;--cs-red:#EA4335;--cs-yellow:#FBBC05;--cs-green:#34A853;}.cs-hero{padding:160px 5% 100px;text-align:center;background:var(--bg);position:relative;overflow:hidden;}.cs-hero h1{font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-0.02em;}.cs-hero h1 span{background:linear-gradient(90deg, var(--cs-blue), var(--cs-green), var(--cs-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.cs-hero p{font-size:1.2rem;color:var(--muted);max-width:700px;margin:0 auto 48px;line-height:1.6;}.cs-filters{display:flex;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap;}.cs-filter{padding:10px 24px;border-radius:50px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;}.cs-filter:hover, .cs-filter.active{border-color:var(--cs-blue);color:var(--text);background:rgba(66, 133, 244, 0.1);}.cs-filter[data-cat="seo"].active{border-color:var(--cs-blue);color:var(--cs-blue);background:rgba(66, 133, 244, 0.1);}.cs-filter[data-cat="ads"].active{border-color:var(--cs-red);color:var(--cs-red);background:rgba(234, 67, 53, 0.1);}.cs-filter[data-cat="gbp"].active{border-color:var(--cs-yellow);color:var(--cs-yellow);background:rgba(251, 188, 5, 0.1);}.cs-filter[data-cat="social"].active{border-color:var(--cs-green);color:var(--cs-green);background:rgba(52, 168, 83, 0.1);}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:32px;margin-bottom:100px;}.cs-card{background:var(--surface);border:1px solid var(--border);border-radius:32px;padding:40px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(0.165, 0.84, 0.44, 1);text-decoration:none;color:inherit;position:relative;overflow:hidden;}.cs-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,0.15);box-shadow:0 30px 60px rgba(0,0,0,0.2);}.cs-card::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right, var(--accent), transparent 70%);opacity:0;transition:opacity .4s;}.cs-card:hover::after{opacity:0.1;}.cs-badge{display:inline-block;padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;}.cs-card[data-cat="seo"] .cs-badge{background:rgba(66, 133, 244, 0.1);color:var(--cs-blue);}.cs-card[data-cat="ads"] .cs-badge{background:rgba(234, 67, 53, 0.1);color:var(--cs-red);}.cs-card[data-cat="gbp"] .cs-badge{background:rgba(251, 188, 5, 0.1);color:var(--cs-yellow);}.cs-card[data-cat="social"] .cs-badge{background:rgba(52, 168, 83, 0.1);color:var(--cs-green);}.cs-card h3{font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--text);}.cs-card p{color:var(--muted);font-size:1rem;line-height:1.6;margin-bottom:32px;flex-grow:1;}.cs-results{display:flex;gap:24px;padding-top:32px;border-top:1px solid var(--border);}.cs-stat{display:flex;flex-direction:column;}.cs-stat-val{font-size:1.5rem;font-weight:800;color:var(--text);}.cs-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;}.cs-cta{background:var(--surface);border:1px solid var(--border);border-radius:40px;padding:80px 40px;text-align:center;margin-bottom:120px;}.cs-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;}.cs-cta p{color:var(--muted);margin-bottom:40px;font-size:1.1rem;}@media (max-width:768px){.cs-grid{grid-template-columns:1fr;}.cs-card{padding:30px;}.cs-hero{padding-top:120px;}}