html.dark .integrate-page{--color-surface-lowered-2:#110f14}.integrate-page{--intg-emboss:inset 0 1px 0 var(--color-elevation-highlight),inset 0 -1px 0 var(--color-elevation-shadow);--intg-emboss-lo:inset 0 1px 0 var(--color-elevation-shadow),inset 0 -1px 0 var(--color-elevation-highlight);--intg-font-sans:var(--font-inter);--intg-font-serif:var(--font-garamond);--intg-font-mono:var(--font-inconsolata)}.integrate-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.integrate-controls{position:sticky;top:80px}@media (max-width:900px){.integrate-grid{grid-template-columns:1fr;gap:20px}.integrate-controls{position:static;top:auto}}.integrate-widget-frame-body{padding:48px 32px}@media (max-width:640px){.integrate-widget-frame-body{padding:32px 12px}}.integrate-hero-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.integrate-desktop-break{display:none}@media (min-width:768px){.integrate-desktop-break{display:block}}.intg-emboss{background:var(--color-surface-raised);box-shadow:var(--intg-emboss);border-radius:10px}.intg-eyebrow{font-family:var(--intg-font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:500}.intg-btn{font-size:14px;font-weight:500;font-family:var(--intg-font-sans);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:filter .15s,box-shadow .15s,background .15s;display:inline-flex}.intg-btn-primary{background:var(--color-brand-purple);color:#fff;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #0000003d}.intg-btn-primary:hover{filter:brightness(1.12)}.intg-btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--intg-emboss)}.intg-btn-secondary:hover{box-shadow:var(--intg-emboss),0 4px 8px #00000012}.intg-seg{background:var(--color-surface-lowered-2);box-shadow:var(--intg-emboss-lo);border-radius:8px;gap:2px;padding:2px;display:grid}.intg-seg-btn{font-size:13px;font-weight:500;font-family:var(--intg-font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px}.intg-seg-btn[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--intg-emboss)}.intg-hero{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:56px;display:flex}.intg-hero h1{font-family:var(--intg-font-serif);letter-spacing:-.03em;color:var(--color-text-primary);max-width:900px;margin:0;font-size:clamp(44px,6.5vw,68px);font-weight:500;line-height:1.05}.intg-hero h1 em{font-size:.98em;font-style:italic;font-weight:300}.intg-hero-sub{font-family:var(--intg-font-sans);color:var(--color-text-secondary);max-width:580px;margin:0;font-size:15px;line-height:1.65}.intg-frame{background:var(--color-base-primary);box-shadow:var(--intg-emboss);border-radius:10px;min-height:720px;position:relative;overflow:hidden}.intg-frame-chrome{background:var(--color-surface-default);box-shadow:var(--intg-emboss);border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:12px 16px;display:flex}.intg-frame-chrome span.dot{border-radius:50%;width:10px;height:10px}.intg-frame-chrome span.url{color:var(--color-text-secondary);font-size:12px;font-family:var(--intg-font-mono);margin-left:12px}.intg-frame-tag{background:var(--color-surface-raised);border:1px solid var(--color-elevation-shadow);border-top:1px solid var(--color-elevation-highlight);box-shadow:inset 0 -1px 0 var(--color-elevation-shadow);border-radius:6px;padding:4px 8px;position:absolute;top:48px;right:24px}.intg-frame-sub{max-width:520px}.intg-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:flex-start;padding:32px;display:flex;position:fixed;inset:0;overflow-y:auto}.intg-h{font-family:var(--intg-font-sans);color:var(--color-text-primary);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.15}.intg-sub{color:var(--color-text-secondary);margin:6px 0 0;line-height:1.5}.integrate-controls{background:var(--color-surface-default)}.intg-field{flex-direction:column;gap:8px;display:flex}.intg-field-hint{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.intg-select-wrap{position:relative}.intg-select{width:100%;font-size:13px;font-family:var(--intg-font-sans);background:var(--color-surface-lowered-1);color:var(--color-text-secondary);box-shadow:var(--intg-emboss-lo);cursor:pointer;appearance:none;border:none;border-radius:6px;outline:none;padding:8px 30px 8px 10px;font-weight:500}.intg-select-caret{pointer-events:none;color:var(--color-text-secondary);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.intg-code-link{color:var(--color-brand-purple);font-size:13px;font-weight:500;text-decoration:none}.intg-code-card{background:var(--color-surface-raised);border-radius:10px;overflow:hidden}.intg-code-tabbar{background:var(--color-surface-default);box-shadow:var(--intg-emboss);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:8px 8px 8px 12px;display:flex}.intg-code-copy{font-size:12px;font-weight:500;font-family:var(--intg-font-sans);background:var(--color-elevation-highlight);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--intg-emboss);border:none;border-radius:6px;padding:6px 12px}.integrate-shiki-container{font-size:13px;line-height:1.7;font-family:var(--intg-font-mono);background:var(--color-surface-lowered-2);box-shadow:inset 0 -1px 0 var(--color-elevation-highlight);border-radius:0 0 10px 10px;padding:20px 22px;overflow:auto}.integrate-shiki-container pre.shiki{overflow:visible;background:0 0!important;margin:0!important;padding:0!important}.integrate-shiki-container pre.shiki,.integrate-shiki-container pre.shiki code{font-family:inherit;font-size:inherit}.intg-features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.intg-feature{background:var(--color-surface-raised);box-shadow:var(--intg-emboss);border-radius:10px;flex-direction:column;align-items:flex-start;gap:24px;padding:20px;display:flex}.intg-feature-icon{background:var(--color-base-primary);width:36px;height:36px;box-shadow:var(--intg-emboss-lo);color:var(--color-text-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.intg-feature-title{font-family:var(--intg-font-sans);color:var(--color-text-primary);letter-spacing:-.005em;margin:0;font-size:15px;font-weight:600}.intg-feature-desc{color:var(--color-text-secondary);margin:0;font-size:13.5px;line-height:1.6}.intg-vp{position:relative}.intg-vp-trigger{width:100%;min-height:34px;font-size:13px;font-family:var(--intg-font-sans);background:var(--color-surface-lowered-1);color:var(--color-text-primary);box-shadow:var(--intg-emboss-lo);cursor:pointer;text-align:left;border:none;border-radius:6px;outline:none;align-items:center;gap:8px;padding:7px 10px;font-weight:500;transition:background .15s;display:flex}.intg-vp-trigger:hover,.intg-vp-trigger[aria-expanded=true]{background:var(--color-elevation-highlight)}.intg-vp-logo{object-fit:cover;background:var(--color-surface-default);width:20px;height:20px;box-shadow:inset 0 -1px 0 var(--color-elevation-shadow);border-radius:50%;flex-shrink:0}.intg-vp-logo--placeholder{background:var(--color-surface-default);display:inline-block}.intg-vp-logo--universal{color:var(--color-text-secondary);background:var(--color-elevation-highlight);box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 var(--color-elevation-shadow);justify-content:center;align-items:center;display:inline-flex}.intg-vp-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text-primary);flex:1;overflow:hidden}.intg-vp-caret{color:var(--color-text-secondary);flex-shrink:0}.intg-vp-pop{z-index:50;background:var(--color-surface-raised);box-shadow:var(--intg-emboss),0 8px 24px #0000001f;border-radius:8px;flex-direction:column;gap:4px;max-height:320px;padding:4px;animation:.14s ease-out intg-vp-fade;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes intg-vp-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.intg-vp-search-wrap{padding:4px 4px 0;position:relative}.intg-vp-search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.intg-vp-search{width:100%;font-size:13px;font-family:var(--intg-font-sans);background:var(--color-surface-lowered-2);color:var(--color-text-primary);box-shadow:var(--intg-emboss-lo);border:none;border-radius:6px;outline:none;padding:7px 10px 7px 32px}.intg-vp-search::placeholder{color:var(--color-text-secondary)}.intg-vp-list{flex-direction:column;flex:1;gap:1px;padding:4px;display:flex;overflow-y:auto}.intg-vp-row{width:100%;min-height:34px;font-size:13px;font-family:var(--intg-font-sans);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;font-weight:500;transition:background .1s;display:flex}.intg-vp-row:hover{background:var(--color-surface-lowered-1)}.intg-vp-row.is-selected{background:var(--color-surface-lowered-1);box-shadow:var(--intg-emboss-lo)}.intg-vp-row-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.intg-vp-empty{text-align:center;color:var(--color-text-secondary);padding:16px 12px;font-size:13px}