.int-hero{position:relative;padding:clamp(72px,9vw,120px) 0 clamp(20px,3vw,36px);overflow:hidden}.int-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 60% at 50% -10%,rgba(255,86,6,.13),transparent 70%)}.int-hero h1{font-size:clamp(2.4rem,4.8vw,3.7rem);letter-spacing:-.03em;max-width:820px;margin:6px 0 0}.int-main{padding-top:clamp(28px,4vw,48px)}.int-kinds{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--card)}.int-kind{padding:7px 16px;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:color .16s ease,background .16s ease,box-shadow .16s ease}.int-kind:hover{color:var(--text)}.int-kind.on{color:#fff;background:var(--grad-brand);box-shadow:0 3px 14px rgba(255,86,6,.35)}.int-cats{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:50;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;background:linear-gradient(180deg,var(--bg) 82%,transparent);margin-bottom:6px}.int-browser>.browser-count{margin-bottom:18px}.int-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.int-card{display:flex;flex-direction:column;border-radius:var(--radius);padding:22px;transition:border-color .25s ease,background .25s ease,transform .25s ease}.int-card:hover{border-color:var(--border-strong);background:var(--glass-bg-hover);transform:translateY(-2px)}.int-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.int-card .card-icon{width:46px;height:46px;margin-bottom:16px}.int-card .card-icon.has-logo{background:var(--w-08);border-color:var(--w-12)}.int-card .card-icon img{width:26px;height:26px;object-fit:contain}.int-kind-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 9px;border:1px solid var(--border);color:var(--text-faint)}.int-kind-badge.trigger{color:var(--success);border-color:rgba(62,207,142,.35);background:rgba(62,207,142,.07)}.int-kind-badge.model{color:var(--brand-soft);border-color:var(--brand-a35);background:var(--brand-a08)}.int-card h3{font-size:.9875rem;margin-bottom:4px}.int-id{font-family:var(--font-mono);font-size:.7rem;color:var(--brand-soft);margin-bottom:8px;word-break:break-all}.int-card p{color:var(--text-muted);font-size:.8325rem;line-height:1.6;margin-bottom:12px}.int-cat{margin-top:auto;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}@media (max-width:1100px){.int-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.int-grid{grid-template-columns:1fr 1fr}.int-cats{position:static}}@media (max-width:560px){.int-grid{grid-template-columns:1fr}}.int-extend{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.int-extend-card{display:flex;flex-direction:column;border-radius:var(--radius);padding:28px 26px;transition:border-color .25s ease,background .25s ease}.int-extend-card:hover{border-color:var(--border-strong);background:var(--glass-bg-hover)}.int-extend-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--brand-soft);margin-bottom:14px}.int-extend-card h3{font-size:1.08rem;margin-bottom:10px}.int-extend-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:12px}.int-extend-card .link-arrow{margin-top:auto;padding-top:8px;font-size:.9rem}.int-code{max-width:720px;margin:34px auto 0}@media (max-width:960px){.int-extend{grid-template-columns:1fr}}