.integrations-page{min-height:100vh;background-color:#F7F7F5;padding-bottom:60px;}.integrations-header{text-align:center;padding:48px 20px 56px;}.integrations-header .container{max-width:800px;margin:0 auto;}.integrations-icon-wrapper{width:64px;height:64px;margin:0 auto 24px;}.integrations-icon-wrapper img{width:64px;height:64px;}.integrations-header h1{font-size:48px;font-weight:600;color:#212529;margin-bottom:16px;}.integrations-header p{font-size:18px;font-weight:400;color:#666666;line-height:1.6;margin-bottom:0px;}.integrations-tabs{padding:0 20px 56px;}.integrations-tabs .container{max-width:600px;margin:0 auto;}.tabs-wrapper{display:inline-flex;background-color:rgba(255,255,255,0.8);border-radius:24px;padding:6px 0px;box-shadow:rgba(0,0,0,0.03) 0px 1px 2px 0px;}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:0 6px;border:none;background:transparent;border-radius:20px;font-size:14px;font-weight:500;color:#666666;cursor:pointer;transition:all 0.2s ease;}.tab-btn:hover{background-color:rgba(0,0,0,0.04);color:#212529;}.tab-btn.active{background-color:#FF8000;color:#FFFFFF;}.tab-btn.active .tab-icon{filter:brightness(0) invert(1);}.tab-icon{width:18px;height:18px;display:inline-block;}.integrations-grid-section{padding:0 20px;}.integrations-grid-section .container{max-width:1200px;margin:0 auto;}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.integration-card{background-color:#FFFFFF;border-radius:32px;padding:28px;box-shadow:rgba(0,0,0,0.08) 0px 12px 24px -12px,rgba(0,0,0,0.02) 0px 2px 4px -2px;transition:all 0.2s ease;}.integration-card:hover{box-shadow:rgba(0,0,0,0.18) 0px 20px 40px -16px;transform:translateY(-8px);}.integration-icon{width:64px;height:64px;margin-bottom:16px;}.integration-icon img{width:64px;height:64px;}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.integration-card h3{font-size:18px;font-weight:600;color:#1A1A1A;margin:0;}.category-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;}.category-tag.documents{background-color:#FDF1E6;color:#ED7109;}.category-tag.issues{background-color:#E1F5EE;color:#085041;}.category-tag.tasks{background-color:#FAECE7;color:#712B13;}.category-tag.pr{background-color:#FEF3C7;color:#B45309;}.integration-card p{font-size:16px;color:#666666;line-height:24px;height:72px;margin-bottom:32px;margin-top:16px;}.view-details-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#ED7109;text-decoration:none;transition:all 0.2s ease;}.view-details-btn:hover{color:#D96008;gap:12px;}.view-details-btn .arrow{font-weight:700;}@media (max-width:768px){.integrations-header h1{font-size:28px;}.integrations-header p{font-size:15px;}.tabs-wrapper{flex-wrap:wrap;justify-content:center;}.tab-btn{padding:10px 16px;font-size:13px;}.integrations-grid{grid-template-columns:1fr;}}