.intg-hero{background:radial-gradient(circle at top right, #2563eb1f, transparent 30%), radial-gradient(circle at 60% 50%, #06b6d41a, transparent 20%), var(--bg);padding:80px 0 48px;position:relative;overflow:hidden}.intg-hero h1{letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1}.intg-hero-lead{max-width:680px;color:var(--text-muted);margin:20px 0 0;font-size:1.15rem;line-height:1.7}.intg-search-wrap{max-width:480px;margin-top:28px;position:relative}.intg-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.intg-search{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px 14px 48px;font-size:1rem;transition:border-color .2s}.intg-search::placeholder{color:var(--text-muted)}.intg-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.intg-filter-bar{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.intg-filter{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.intg-filter:hover{border-color:var(--blue);color:var(--blue)}.intg-filter.active{background:var(--blue);border-color:var(--blue);color:#fff}.intg-section-header{max-width:640px;margin-bottom:36px}.intg-section-header h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.15}.intg-section-icon{color:var(--blue)}.intg-section-header p{color:var(--text-muted);margin:10px 0 0;font-size:1.05rem}.intg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.intg-grid-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.intg-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.intg-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.intg-active{border-color:#2563eb4d}.intg-active:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#2563eb33,#06b6d433);border-radius:14px;padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.intg-pick{background:linear-gradient(135deg, var(--card-bg) 80%, #2563eb0a);border-color:#2563eb59}.intg-pick:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#2563eb4d,#06b6d44d);border-radius:14px;padding:2px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.intg-soon{opacity:.7}.intg-soon:hover{opacity:1}.intg-card-icon{border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid;overflow:hidden}.intg-card-icon svg{width:32px;height:32px}.intg-card-icon span{font-size:1.5rem;font-weight:700}.intg-list-icon svg{width:26px;height:26px}.intg-list-icon span{font-size:1.2rem;font-weight:700}.intg-icon-muted{background:var(--bg-soft);border:1px solid var(--border)}.intg-icon-muted span{color:var(--text-muted);letter-spacing:.02em;font-size:.85rem;font-weight:700}.intg-card-body{flex:1}.intg-card-body h3{letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.intg-card-body p{color:var(--text-muted);margin:8px 0 0;font-size:.9rem;line-height:1.55}.intg-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.intg-badge{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.intg-badge-native{color:var(--blue);background:#2563eb1a}.intg-badge-partner{color:#7c3aed;background:#7c3aed1a}.intg-badge-free{color:#059669;background:#10b9811a}.intg-badge-premium{color:#d97706;background:#f59e0b1a}.intg-demo-btn{color:#fff;background:var(--accent,#2563eb);cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.intg-demo-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.intg-demo-btn svg{fill:currentColor;vertical-align:middle;flex-shrink:0;width:14px;max-width:14px;height:14px;max-height:14px;display:inline-block}.intg-list-item .intg-demo-btn{white-space:nowrap;margin-top:0;padding:6px 14px;font-size:.75rem}.intg-card-status{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-top:16px;font-size:.8rem;font-weight:700;display:flex}.intg-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.intg-status-live{color:#059669}.intg-status-live .intg-dot{background:#10b981;animation:2s ease-in-out infinite intg-pulse;box-shadow:0 0 8px #10b98180}.intg-status-soon{color:var(--text-muted)}.intg-status-soon .intg-dot{background:var(--border)}@keyframes intg-pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-active{color:var(--blue)!important}.intg-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.intg-list-item{background:var(--card-bg);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 24px;transition:background .15s;display:flex}.intg-list-item:last-child{border-bottom:none}.intg-list-item:hover{background:var(--bg-soft)}.intg-list-live{background:linear-gradient(90deg,#10b98108,#0000 40%)}.intg-list-icon{border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.intg-list-icon.intg-icon-muted{width:40px;height:40px}.intg-list-body{flex:1;min-width:0}.intg-list-body h3{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.intg-list-body p{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.intg-list-item .intg-card-status{flex-shrink:0;margin-top:0}.faq-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;max-width:800px;margin:0 auto;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--border);background:var(--card-bg)}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;font-size:1.05rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--text-muted);flex-shrink:0;font-size:1.4rem;font-weight:400;transition:transform .2s}.faq-item[open] summary:after{content:"−";color:var(--blue)}.faq-item summary:hover{background:var(--bg-soft)}.faq-body{padding:0 24px 20px}.faq-body p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.7}.faq-body a{color:var(--blue);text-decoration:underline}@media (width<=1180px){.intg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intg-grid-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.intg-grid,.intg-grid-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.intg-hero{padding:64px 0 36px}.intg-list-item{gap:12px;padding:14px 16px}.faq-item summary{padding:16px 18px;font-size:.95rem}.faq-body{padding:0 18px 16px}}@media (width<=560px){.intg-grid,.intg-grid-picks{grid-template-columns:1fr}.intg-filter-bar{gap:8px}.intg-filter{padding:8px 14px;font-size:.82rem}.intg-search{padding:12px 14px 12px 42px;font-size:.95rem}}