:root{--blue:#1546C0;--blue-g:rgba(21, 70, 192, .08);--blue-b:rgba(21, 70, 192, .2);--ink:#0D1117;--ink2:#2A3141;--ink3:#586070;--ink4:#939BAC;--bg:#F8F7F4;--bg2:#FFFFFF;--bg3:#F1EFE9;--bdr:#E4E1DB;--s2:0 4px 16px rgba(0, 0, 0, .08),0 1px 4px rgba(0, 0, 0, .04);--s3:0 12px 40px rgba(0, 0, 0, .10),0 2px 8px rgba(0, 0, 0, .05);--r:12px;--t:.3s ease}[data-theme=dark]{--bg:#080B14;--bg2:#0E1220;--bg3:#141928;--ink:#EEF0F8;--ink2:#C4CCDC;--ink3:#8290A8;--bdr:rgba(255, 255, 255, .07);--s2:0 4px 16px rgba(0, 0, 0, .45),0 1px 4px rgba(0, 0, 0, .25)}body{background:var(--bg);color:var(--ink);font-family:Outfit,sans-serif;line-height:1.6;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:80px 5vw}header{text-align:center;margin-bottom:60px;padding:100px 5vw 60px;border-radius:30px;background:linear-gradient(rgba(248,247,244,.8),rgba(248,247,244,.95)),url('../assets/images/integrations_bg.png') center/cover no-repeat;border:1px solid var(--bdr)}.title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem, 5vw, 4rem);margin-bottom:15px}.subtitle{font-size:1.25rem;color:var(--ink3);max-width:600px;margin:0 auto}.category-section{margin-bottom:60px}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:25px;display:flex;align-items:center;gap:12px}.category-title::after{content:'';flex:1;height:1px;background:var(--bdr)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:24px;transition:all var(--t);position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--s3);border-color:var(--blue)}.card-logo{width:48px;height:48px;background:var(--bg3);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.5rem}.card h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:var(--ink)}.card p{font-size:.95rem;color:var(--ink3);margin-bottom:18px;line-height:1.5}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:100px}.status-available{background:var(--blue-g);color:var(--blue)}.status-coming-soon{background:#f1f5f9;color:#64748b}footer{text-align:center;padding:40px;color:var(--ink4);font-size:.85rem;border-top:1px solid var(--bdr);margin-top:60px}@media (max-width:640px){.grid{grid-template-columns:1fr}}