.automations-page{min-height:100vh;background:#000000;padding-top:80px}.automations-container{max-width:1400px;margin:0 auto;padding:0 40px}.automations-hero{padding:80px 0 60px;text-align:center;background:radial-gradient(ellipse at center top,rgba(0,240,255,.08) 0,transparent 60%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.3);border-radius:100px;margin-bottom:24px}.hero-badge span{font-size:14px;font-weight:600;color:#00f0ff;text-transform:uppercase;letter-spacing:1px}.automations-hero h1{font-size:clamp(36px,6vw,64px);font-weight:700;color:#ffffff;margin:0 0 20px;letter-spacing:-1px}.automations-hero p{font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,.6);max-width:700px;margin:0 auto;line-height:1.6}.automations-content{padding:40px 0 100px}.category-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:60px;padding:0 20px}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;min-height:44px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:rgba(255,255,255,.6);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.category-btn:hover{background:rgba(255,255,255,.08);color:#ffffff;border-color:rgba(255,255,255,.2)}.category-btn.active{background:rgba(0,240,255,.15);border-color:#00f0ff;color:#00f0ff}.category-btn svg{opacity:.7}.category-btn.active svg{opacity:1}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;margin-bottom:80px}.automation-card{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s ease;cursor:pointer}.automation-card:hover{background:rgba(255,255,255,.04);border-color:rgba(0,240,255,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.automation-card.featured{background:linear-gradient(135deg,rgba(0,240,255,.08),rgba(0,240,255,.02));border-color:rgba(0,240,255,.3)}.automation-card.featured:hover{border-color:rgba(0,240,255,.5);box-shadow:0 20px 40px rgba(0,240,255,.1)}.featured-badge{position:absolute;top:-12px;left:24px;padding:6px 12px;background:#00f0ff;color:#000000;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:100px}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-icon{display:flex;align-items:center}.card-icon{justify-content:center;width:48px;height:48px;background:rgba(0,240,255,.1);border-radius:12px;color:#00f0ff}.card-category{font-size:12px;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}.automation-card h3{font-size:20px;font-weight:600;color:#ffffff;margin:0 0 12px}.automation-card p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 20px}.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{padding:6px 10px;background:rgba(255,255,255,.05);border-radius:6px;font-size:12px;color:rgba(255,255,255,.7)}.card-impact{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#00f0ff;font-size:14px;font-weight:600}.card-impact svg{flex-shrink:0}.automations-cta{text-align:center;padding:60px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:24px}.automations-cta h2{font-size:32px;font-weight:700;color:#ffffff;margin:0 0 16px}.automations-cta p{font-size:18px;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto 32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#00f0ff;color:#000000;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease}.cta-primary:hover{background:#ffffff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,240,255,.3)}.cta-secondary{display:inline-flex;align-items:center;padding:16px 32px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease}.cta-secondary:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}@media screen and (max-width:968px){.automations-container{padding:0 24px}.automations-hero{padding:60px 0 40px}.automations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.automation-card{padding:24px}.automations-cta{padding:40px 24px}.automations-cta h2{font-size:26px}}@media screen and (max-width:768px){.automations-page{padding-top:60px}.category-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:0 -24px 40px;padding:4px 24px 12px}.category-filter::-webkit-scrollbar{display:none}.category-btn{padding:11px 16px;font-size:13px;flex-shrink:0}.automations-grid{grid-template-columns:1fr;gap:16px}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}}@media screen and (max-width:480px){.automations-container{padding:0 16px}.category-filter{margin:0 -16px 40px;padding:4px 16px 12px}.automations-hero{padding:40px 0 30px}.automation-card{padding:20px}.card-icon{width:40px;height:40px}.automation-card h3{font-size:18px}.automations-cta{padding:32px 20px}}:root:not([data-theme=dark]) .automations-page{background:#ffffff}:root:not([data-theme=dark]) .automations-hero{background:radial-gradient(ellipse at center top,rgba(0,184,204,.07) 0,transparent 60%)}:root:not([data-theme=dark]) .hero-badge{background:rgba(0,184,204,.08);border-color:rgba(0,150,170,.35)}:root:not([data-theme=dark]) .hero-badge span{color:#00798a}:root:not([data-theme=dark]) .automations-hero h1{color:#1a1a1a}:root:not([data-theme=dark]) .automations-hero p{color:rgba(26,26,26,.62)}:root:not([data-theme=dark]) .category-btn{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12);color:rgba(26,26,26,.65)}:root:not([data-theme=dark]) .category-btn:hover{background:rgba(0,0,0,.06);color:#1a1a1a;border-color:rgba(0,0,0,.22)}:root:not([data-theme=dark]) .category-btn.active{background:rgba(0,184,204,.1);border-color:#00a4b8;color:#00798a}:root:not([data-theme=dark]) .automation-card{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.04)}:root:not([data-theme=dark]) .automation-card:hover{background:#ffffff;border-color:rgba(0,150,170,.45);box-shadow:0 20px 40px rgba(10,30,35,.1)}:root:not([data-theme=dark]) .automation-card.featured{background:linear-gradient(135deg,rgba(0,184,204,.07),rgba(0,184,204,.02));border-color:rgba(0,150,170,.4)}:root:not([data-theme=dark]) .automation-card.featured:hover{border-color:rgba(0,150,170,.6);box-shadow:0 20px 40px rgba(0,150,170,.12)}:root:not([data-theme=dark]) .card-icon{background:rgba(0,184,204,.1);color:#00798a}:root:not([data-theme=dark]) .card-category{color:rgba(26,26,26,.45)}:root:not([data-theme=dark]) .automation-card h3{color:#1a1a1a}:root:not([data-theme=dark]) .automation-card p{color:rgba(26,26,26,.62)}:root:not([data-theme=dark]) .feature-tag{background:rgba(0,0,0,.05);color:rgba(26,26,26,.7)}:root:not([data-theme=dark]) .card-impact{border-top-color:rgba(0,0,0,.08);color:#00798a}:root:not([data-theme=dark]) .automations-cta{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.1)}:root:not([data-theme=dark]) .automations-cta h2{color:#1a1a1a}:root:not([data-theme=dark]) .automations-cta p{color:rgba(26,26,26,.62)}:root:not([data-theme=dark]) .cta-primary:hover{background:#00d6e4;box-shadow:0 10px 30px rgba(0,184,204,.3)}:root:not([data-theme=dark]) .cta-secondary{border-color:rgba(0,0,0,.25);color:#1a1a1a}:root:not([data-theme=dark]) .cta-secondary:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.4)}