.integrations-page{background-color:var(--bg-dark,#050a14);min-height:100vh;color:var(--text-main,#fff);padding-top:80px;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.integrations-page .hero{z-index:1;align-items:center;min-height:calc(100vh - 80px);padding:5rem 0;display:flex;position:relative}.integrations-page .particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.integrations-page .hero-content-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid;position:relative}.integrations-page .hero-text-block{background:radial-gradient(circle 350px at var(--cursor-x,0) var(--cursor-y,0), #2dd4bf0a 0%, transparent 100%);border-radius:24px;padding:2rem;position:relative}.integrations-page .badge{letter-spacing:.08em;text-transform:uppercase;color:var(--primary,#2dd4bf);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.integrations-page h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Outfit,Inter,sans-serif;font-size:3.75rem;font-weight:800;line-height:1.15}.integrations-page h1 .highlight{background:var(--gradient-1,linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.integrations-page .subheadline{color:var(--text-muted,#94a3b8);max-width:540px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.65}.integrations-page .hero-actions{gap:1.25rem;display:flex}.integrations-page .btn-primary{background:var(--primary,#2dd4bf);color:var(--bg-dark,#050a14);cursor:pointer;border:none;border-radius:12px;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #2dd4bf33}.integrations-page .btn-primary:hover{background:#14b8a6;transform:translateY(-2px);box-shadow:0 6px 24px #2dd4bf4d}.integrations-page .btn-secondary{color:var(--text-main,#fff);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.9rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.integrations-page .btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.integrations-page .hero-visual-block{justify-content:center;align-items:center;display:flex}.integrations-page .sip-diagram-card{-webkit-backdrop-filter:blur(24px);background:#0a1224b3;border:1px solid #2dd4bf33;border-radius:28px;max-width:440px;padding:2.25rem;animation:6s ease-in-out infinite floatCard;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000008c,inset 0 1px #ffffff0d}.integrations-page .sip-diagram-card svg{width:100%;height:auto;overflow:visible}.integrations-page .sip-node{stroke:#2dd4bf38;stroke-width:1.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.integrations-page .diagram-node-group{cursor:pointer}.integrations-page .diagram-node-group:hover .sip-node{fill:#1e293b;stroke:#2dd4bf99;filter:drop-shadow(0 0 10px #2dd4bf59)}.integrations-page .sip-cloud-node{fill:#081121;stroke:#2dd4bf;stroke-width:2.5px;filter:drop-shadow(0 0 15px #2dd4bf80)}.integrations-page .sip-connector-line{fill:none;stroke:#2dd4bf47;stroke-width:2.5px;stroke-dasharray:6 6;animation:25s linear infinite dashStream}@keyframes dashStream{to{stroke-dashoffset:-1000px}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.integrations-page .fade-up{opacity:0;transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.integrations-page .fade-up.visible{opacity:1;transform:translateY(0)}.integrations-page .delay-1{transition-delay:.1s}.integrations-page .delay-2{transition-delay:.2s}.integrations-page .delay-3{transition-delay:.3s}.integrations-page .delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.integrations-page .fade-up{transition:none}.integrations-page .fade-up.visible{opacity:1;transform:none}}.integrations-page .section-header{text-align:center;max-width:700px;margin:0 auto 6rem}.integrations-page .section-header h2{margin-bottom:1.5rem;font-family:Outfit,Inter,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.integrations-page .section-header p{color:var(--text-muted,#94a3b8);font-size:1.15rem;line-height:1.6}.integrations-page .stats-strip{color:#0f172a;z-index:10;background-color:#fff;padding:3rem 0;position:relative;box-shadow:0 10px 30px #0000000d}.integrations-page .stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.integrations-page .stat-box{flex-direction:column;align-items:center;display:flex}.integrations-page .stat-icon{color:#0d9488;background:#2dd4bf14;border:1px solid #2dd4bf1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;font-size:1.75rem;display:flex}.integrations-page .stat-num{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800}.integrations-page .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:600}.integrations-page .how-it-works{padding:8rem 0;position:relative}.integrations-page .steps-grid-list{flex-direction:column;gap:7rem;display:flex}.integrations-page .step-row{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.integrations-page .step-row.reversed .step-visual-container{order:-1}.integrations-page .step-text-container{position:relative}.integrations-page .large-step-number{color:#2dd4bf12;pointer-events:none;z-index:1;font-family:Outfit,sans-serif;font-size:9.5rem;font-weight:900;line-height:1;position:absolute;top:-50px;left:-20px}.integrations-page .step-row.reversed .large-step-number{left:auto;right:-20px}.integrations-page .step-text-container h3{z-index:2;margin-bottom:1.25rem;font-family:Outfit,Inter,sans-serif;font-size:2.25rem;font-weight:800;position:relative}.integrations-page .step-text-container p{color:var(--text-muted,#94a3b8);z-index:2;font-size:1.1rem;line-height:1.65;position:relative}.integrations-page .step-visual-container{justify-content:center;align-items:center;display:flex}.integrations-page .step-visual-card{background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:1.75rem;box-shadow:0 15px 35px #0003}.integrations-page .checklist-item{color:var(--text-muted,#94a3b8);border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:.85rem 0;font-size:.95rem;font-weight:500;display:flex}.integrations-page .checklist-item:last-child{border-bottom:none}.integrations-page .check-icon{color:#0000;border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;transition:all .4s;display:flex}.integrations-page .checklist-item.checked .check-icon{background:var(--primary,#2dd4bf);border-color:var(--primary,#2dd4bf);color:#050a14}.integrations-page .checklist-item.checked{color:#fff}.integrations-page .step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--primary,#2dd4bf);background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:100px;margin-bottom:1rem;padding:.4rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.integrations-page .cred-header{color:var(--primary,#2dd4bf);margin-bottom:1rem;font-size:.85rem;font-weight:700}.integrations-page .cred-field{color:var(--text-muted,#94a3b8);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.integrations-page .cred-field.filled{color:#fff;background:#2dd4bf0f;border-color:#2dd4bf33}.integrations-page .cred-status{color:var(--primary,#2dd4bf);border-top:1px solid #2dd4bf1f;align-items:center;gap:.4rem;margin-top:.75rem;padding-top:.5rem;font-size:.75rem;font-weight:600;display:flex}.integrations-page .status-dot{background:var(--primary,#2dd4bf);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.integrations-page .dash-header-row{color:var(--text-main,#fff);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.integrations-page .dash-active-badge{color:var(--primary,#2dd4bf);background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:100px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:flex}.integrations-page .dash-active-badge .dot{background:var(--primary,#2dd4bf);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse}.integrations-page .dash-device-row{gap:1rem;margin-bottom:1.25rem;display:flex}.integrations-page .dash-device-card{text-align:center;color:var(--text-main,#fff);background:#2dd4bf0d;border:1px solid #2dd4bf1f;border-radius:12px;flex:1;padding:1rem;font-size:.8rem;font-weight:600}.integrations-page .dash-device-card .dev-icon{margin-bottom:.4rem;font-size:1.75rem;display:block}.integrations-page .dash-device-card .dev-status{color:var(--primary,#2dd4bf);background:#2dd4bf14;border-radius:100px;margin-top:.4rem;padding:.15rem .4rem;font-size:.65rem;display:inline-block}.integrations-page .dash-feature-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.integrations-page .dash-tag{color:var(--text-muted,#94a3b8);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:.3rem .75rem;font-size:.7rem;font-weight:600}.integrations-page .features-bento{padding:8rem 0;position:relative}.integrations-page .bento-section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.integrations-page .bento-section-header h2{margin-bottom:1.5rem;font-family:Outfit,Inter,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.integrations-page .bento-section-header h2 .highlight{background:var(--gradient-1,linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.integrations-page .bento-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.integrations-page .bento-card{background:#0f172a66;border:1px solid #2dd4bf14;border-radius:24px;flex-direction:column;justify-content:space-between;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.integrations-page .bento-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #2dd4bf0f, transparent 45%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.integrations-page .bento-card:hover{border-color:#2dd4bf2e;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.integrations-page .bento-card:hover:before{opacity:1}.integrations-page .bento-card.full-width{grid-column:span 2;grid-template-columns:1.2fr .8fr;gap:3rem;display:grid}.integrations-page .bento-card.full-width.visual-left{grid-template-columns:.8fr 1.2fr}.integrations-page .card-content{z-index:2;position:relative}.integrations-page .bento-icon{width:48px;height:48px;color:var(--primary,#2dd4bf);background:#2dd4bf14;border:1px solid #2dd4bf1f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.75rem;font-size:1.3rem;display:flex}.integrations-page .bento-card h3{color:var(--text-main,#fff);z-index:2;margin-bottom:1rem;font-size:1.85rem;font-weight:800;line-height:1.3;position:relative}.integrations-page .bento-card p{color:var(--text-muted,#94a3b8);z-index:2;font-size:1rem;line-height:1.6;position:relative}.integrations-page .why-sip{background:var(--bg-dark,#050a14);padding:8rem 0;position:relative}.integrations-page .value-cards-row{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.integrations-page .value-card{background:#0f172a66;border:1px solid #2dd4bf14;border-radius:24px;padding:3rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.integrations-page .value-card:hover{border-color:#2dd4bf2e;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.integrations-page .value-card .value-icon{background:#2dd4bf14;border:1px solid #2dd4bf1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.75rem;font-size:1.3rem;display:flex}.integrations-page .value-card h3{color:var(--text-main,#fff);margin-bottom:1rem;font-family:Outfit,Inter,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.3}.integrations-page .value-card p{color:var(--text-muted,#94a3b8);font-size:.95rem;line-height:1.6}.integrations-page .closing-cta{padding:8rem 0;position:relative}.integrations-page .cta-glow-container{text-align:center;background:radial-gradient(600px,#2dd4bf14 0%,#0000 100%),#0f172a80;border:1px solid #2dd4bf26;border-radius:32px;max-width:1000px;margin:0 auto;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000004d,0 0 60px #2dd4bf08}.integrations-page .cta-glow-container:before{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#2dd4bf05 100%);width:100%;height:100%;position:absolute;top:0;left:0}.integrations-page .cta-glow-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2dd4bf0a 0%,#0000 60%);width:200%;height:200%;animation:30s linear infinite slowSpin;position:absolute;top:-50%;left:-50%}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.integrations-page .cta-glow-container h2{z-index:1;margin-bottom:1.5rem;font-family:Outfit,Inter,sans-serif;font-size:3.25rem;font-weight:800;line-height:1.15;position:relative}.integrations-page .cta-glow-container h2 .highlight{background:var(--gradient-1,linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.integrations-page .cta-glow-container p{color:var(--text-muted,#94a3b8);z-index:1;max-width:750px;margin:0 auto 3rem;font-size:1.2rem;line-height:1.6;position:relative}.integrations-page .cta-actions-group{z-index:1;justify-content:center;gap:1.25rem;display:flex;position:relative}.integrations-page .card-visual{z-index:2;justify-content:center;display:flex;position:relative}.integrations-page .mini-device-illustration{flex-direction:column;align-items:center;gap:.5rem;display:flex}.integrations-page .mini-device-icon{background:#2dd4bf0f;border:1px solid #2dd4bf1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;display:flex}.integrations-page .mini-flow-line{background:#2dd4bf33;border-radius:1px;width:2px;height:16px}@media (max-width:1024px){.integrations-page h1{font-size:3.25rem}.integrations-page .hero-content-grid{grid-template-columns:1fr;gap:3rem}.integrations-page .hero-text-block{text-align:center}.integrations-page .hero-actions{justify-content:center}.integrations-page .subheadline{max-width:100%}.integrations-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.integrations-page .step-row,.integrations-page .step-row.reversed{grid-template-columns:1fr;gap:3rem}.integrations-page .step-row.reversed .step-visual-container{order:0}.integrations-page .bento-card.full-width,.integrations-page .bento-card.full-width.visual-left{grid-column:span 1;grid-template-columns:1fr;gap:2rem}.integrations-page .bento-grid{grid-template-columns:1fr}.integrations-page .value-cards-row{grid-template-columns:1fr 1fr}.integrations-page .cta-glow-container h2{font-size:2.5rem}.integrations-page .section-header h2,.integrations-page .bento-section-header h2{font-size:2rem}}@media (max-width:768px){.integrations-page h1{font-size:2.5rem}.integrations-page .stats-grid{grid-template-columns:1fr;gap:2rem}.integrations-page .stat-num{font-size:2.75rem}.integrations-page .step-text-container h3{font-size:1.75rem}.integrations-page .large-step-number{font-size:6rem;top:-30px;left:-10px}.integrations-page .step-row.reversed .large-step-number{right:-10px}.integrations-page .bento-card{padding:2rem}.integrations-page .bento-card h3{font-size:1.5rem}.integrations-page .value-cards-row{grid-template-columns:1fr}.integrations-page .cta-glow-container{padding:3rem 1.5rem}.integrations-page .cta-glow-container h2{font-size:2rem}.integrations-page .cta-glow-container p{font-size:1rem}.integrations-page .cta-actions-group,.integrations-page .hero-actions{flex-direction:column;align-items:center}.integrations-page .btn-primary,.integrations-page .btn-secondary{text-align:center;justify-content:center;width:100%;max-width:320px}}@media (max-width:640px){.integrations-page{padding-top:64px}.integrations-page .hero{min-height:auto;padding:3rem 0}.integrations-page h1{font-size:2rem}.integrations-page .steps-grid-list{gap:4rem}.integrations-page .section-header,.integrations-page .bento-section-header{margin-bottom:3rem}}