.mica-integrations{--integration-ink: hsl(var(--foreground));--integration-warm: hsl(var(--muted) / .48);width:100%;max-width:1240px;margin:0 auto;padding:32px 36px 56px}.mica-integrations-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.mica-integrations-eyebrow{color:hsl(var(--muted-foreground));font-size:12px;display:flex;align-items:center;gap:8px}.mica-integrations-header h1{margin-top:8px}.mica-integrations-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding:32px;border:1px solid hsl(var(--border));border-radius:20px;background:var(--mica-compat-mica-integrations-hero-background);overflow:hidden}.mica-integrations-hero h2{font-family:var(--font-display, var(--font-sans));font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.14;letter-spacing:-.04em}.mica-integrations-hero h2 em{font-family:var(--font-editorial, Georgia, serif);font-weight:400}.mica-integrations-hero p{margin-top:16px;max-width:420px;font-size:14px;line-height:1.8;color:hsl(var(--muted-foreground))}.mica-integration-flow{position:relative;padding:28px 24px;background:var(--mica-compat-mica-integration-flow-background);border:1px solid var(--mica-compat-mica-integration-flow-border);border-radius:14px;color:var(--mica-compat-mica-integration-flow-color);box-shadow:0 14px 28px -20px #23232080}.mica-flow-caption{display:flex;align-items:center;gap:6px;font:10px var(--font-mono);letter-spacing:.06em;color:var(--mica-compat-mica-flow-caption-color)}.mica-flow-caption i{width:5px;height:5px;background:var(--mica-compat-mica-flow-caption-background);border-radius:50%}.mica-flow-track{display:flex;align-items:center;justify-content:center;margin:24px 0;gap:12px}.mica-flow-node{width:64px;height:64px;border:1px solid var(--mica-compat-mica-flow-node-border);border-radius:12px;display:grid;place-items:center;background:var(--mica-compat-mica-flow-node-background);flex-shrink:0}.mica-flow-node svg{width:24px;height:24px}.mica-flow-node.mica-flow-brand{background:var(--mica-compat-mica-integrations-hero-background);border-color:var(--mica-line)}.mica-flow-brand img{width:44px;height:44px}.mica-flow-wire{height:1px;flex:1;max-width:48px;background:var(--mica-compat-mica-flow-wire-background);position:relative}.mica-flow-wire:after{content:"";width:4px;height:4px;background:var(--mica-compat-mica-flow-wire-background-2);border-radius:50%;position:absolute;top:-1.5px;left:48%}.mica-flow-labels{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;font-size:11px;color:var(--mica-compat-mica-flow-labels-color)}.mica-integrations-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 16px}.mica-integrations-section-heading h2{font-size:18px;font-weight:600;letter-spacing:-.025em}.mica-integrations-section-heading p{margin-top:4px;font-size:13px;color:hsl(var(--muted-foreground))}.mica-integration-destination{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--card))}.mica-integration-destination svg{width:16px;height:16px;flex-shrink:0;color:hsl(var(--muted-foreground))}.mica-integration-destination :is(select,.mica-select-trigger){background:transparent;min-width:120px;max-width:230px;font-size:13px;padding-right:8px}.mica-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mica-client-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:22px;min-width:0;border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--card));transition:border-color .16s,box-shadow .16s}.mica-client-card:hover{border-color:hsl(var(--selection-border, var(--input)));box-shadow:var(--shadow-product-card)}.mica-client-card[aria-pressed=true]{border-color:hsl(var(--foreground) / .6);box-shadow:0 0 0 1px hsl(var(--foreground) / .15)}.mica-client-card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.mica-client-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mica-client-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:hsl(var(--muted));color:hsl(var(--foreground))}.mica-client-icon svg{width:23px;height:23px}.mica-client-icon[data-client=claude]{background:var(--mica-compat-mica-client-icon-background);color:var(--mica-compat-mica-client-icon-color)}.mica-client-card h3{margin-top:18px;font-size:17px;font-weight:600;letter-spacing:-.025em}.mica-client-card p{margin-top:6px;font-size:12px;line-height:1.7;color:hsl(var(--muted-foreground))}.mica-client-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:500}.mica-client-card-footer>svg{width:16px;height:16px}.mica-connection-badge{display:inline-flex;align-items:center;gap:5px}.mica-connection-badge svg{width:12px;height:12px}.mica-coding-setup{margin-top:20px;padding:24px;border-radius:14px;border:1px solid hsl(var(--border));background:hsl(var(--card))}.mica-coding-setup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.mica-coding-setup-header h2{font-size:18px;font-weight:600;letter-spacing:-.025em}.mica-coding-setup-header p{margin-top:6px;font-size:13px;line-height:1.7;color:hsl(var(--muted-foreground));max-width:580px}.mica-setup-client-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mica-setup-client-picker label{display:flex;gap:9px;align-items:center;padding:12px 16px;border:1px solid hsl(var(--border));border-radius:8px;font-size:13px;cursor:pointer}.mica-setup-client-picker label:has(input:checked){border-color:hsl(var(--foreground) / .7);background:hsl(var(--muted) / .5)}.mica-setup-client-picker svg{width:16px;height:16px}.mica-coding-setup[data-embedded]{margin:0;padding:0;border:0;background:transparent}.mica-coding-setup-content>p{margin-bottom:20px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.65}.mica-setup-help{margin-top:20px;font-size:13px}.mica-setup-help>summary{width:-moz-fit-content;width:fit-content;cursor:pointer;color:hsl(var(--muted-foreground))}.mica-setup-help summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.mica-setup-copy{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.mica-setup-copy>details{width:100%;font-size:12px}.mica-setup-copy>*{min-width:0;max-width:100%}.mica-setup-copy summary{color:hsl(var(--muted-foreground));cursor:pointer;width:-moz-fit-content;width:fit-content}.mica-setup-copy pre{margin-top:10px;max-height:240px;overflow:auto;padding:14px;border:1px solid hsl(var(--border));border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;background:hsl(var(--card))}.mica-setup-terminal{margin-top:18px;padding-top:16px;border-top:1px solid hsl(var(--border));font-size:12px}.mica-setup-terminal>summary{cursor:pointer;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:8px;min-height:28px}.mica-setup-terminal summary svg{width:14px;height:14px}.mica-integrations-notice{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid hsl(var(--border));border-radius:11px;background:hsl(var(--muted) / .45);font-size:13px;line-height:1.7}.mica-integrations-notice>svg{width:18px;height:18px;margin-top:2px;flex-shrink:0}.mica-integrations .ui-button,.mica-coding-setup .ui-button{min-height:40px}@media(max-width:1050px){.mica-integrations{padding:26px 24px 44px}.mica-integrations-hero{gap:24px;padding:26px}.mica-client-card{padding:18px}}@media(max-width:760px){.mica-integrations{padding:24px 16px 36px}.mica-integrations-hero{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}.mica-integrations-hero h2{font-size:34px}.mica-integrations-section-heading{align-items:flex-start;flex-direction:column}.mica-integration-destination{width:100%}.mica-integration-destination :is(select,.mica-select-trigger){max-width:none;width:100%}.mica-client-card-top{flex-wrap:wrap;gap:8px}.mica-client-card{padding:16px}.mica-client-card p{display:none}.mica-client-card h3{font-size:14px;margin-top:12px}.mica-client-card-footer{font-size:11px;margin-top:12px}.mica-client-card-footer svg{display:none}.mica-coding-setup{padding:20px}}@media(max-width:440px){.mica-integrations-header{gap:12px}.mica-integrations-header>div{min-width:0}.mica-integrations-eyebrow{font-size:11px}.mica-integration-flow{padding:22px 16px}.mica-flow-node{width:48px;height:48px}.mica-flow-brand img{width:36px;height:36px}.mica-client-grid{gap:8px}.mica-client-card{padding:13px 10px}.mica-client-icon{width:34px;height:34px}.mica-client-icon svg{width:19px;height:19px}.mica-integrations-header .ui-button{padding:8px 10px;font-size:12px}.mica-coding-setup .ui-button{white-space:normal;text-align:left}}@media(prefers-reduced-motion:reduce){.mica-client-card{transition:none}}