.integrations-page{min-height:100vh;position:relative}.integrations-grid-bg{pointer-events:none;z-index:-1;background-color:#faf5ff;background-image:linear-gradient(#8b5cf60f 1px,#0000 1px),linear-gradient(90deg,#8b5cf60f 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.integrations-hero{text-align:center;padding:120px 0 80px}.integrations-hero h1{color:#1a1a2e;margin-bottom:20px;font-family:Georgia,Noto Serif SC,serif;font-size:3rem;font-weight:400}.integrations-subtitle{color:#64748b;max-width:600px;margin:0 auto 40px;font-size:1.2rem;line-height:1.7}.integrations-stats{justify-content:center;gap:64px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-number{color:#8b5cf6;font-family:Georgia,Noto Serif SC,serif;font-size:3rem;font-weight:400}.stat-label{color:#64748b;font-size:1rem}.integrations-category{padding:60px 0}.integrations-category:nth-child(odd){background:#fff}.integrations-category h2{color:#1a1a2e;margin-bottom:32px;font-family:Georgia,Noto Serif SC,serif;font-size:1.75rem;font-weight:400}.integrations-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.integration-card{text-align:center;background:#f8fafc;border:1px solid #0000;border-radius:16px;padding:28px 24px;transition:all .3s}.integration-card:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf61a}.integration-icon{margin-bottom:16px;font-size:2.5rem}.integration-card h3{color:#1a1a2e;margin-bottom:8px;font-size:1.1rem;font-weight:700}.integration-card p{color:#64748b;font-size:.9rem}.integrations-custom{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d4a 100%);padding:100px 0}.custom-content h2{color:#fff;margin-bottom:16px;font-family:Georgia,Noto Serif SC,serif;font-size:2.25rem;font-weight:400}.custom-content p{color:#fffc;max-width:600px;margin:0 auto 32px;font-size:1.1rem;line-height:1.7}.custom-buttons{justify-content:center;gap:16px;display:flex}.custom-buttons .btn-primary{color:#1a1a2e;background:#fff;border-radius:8px;padding:14px 32px;font-weight:600}.custom-buttons .btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:14px 32px;font-weight:600}@media (max-width:1024px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.integrations-hero h1{font-size:2.25rem}.integrations-stats{flex-direction:column;gap:24px}.integrations-grid{grid-template-columns:1fr}.custom-buttons{flex-direction:column;align-items:center}}