@font-face{font-family:ZdeshneeName;src:url(/fonts/zdeshnee-name.woff2) format("woff2");font-weight:700;font-display:swap}.integrationStudio{display:grid;gap:18px;padding-bottom:60px}.integrationControls{position:sticky;top:84px;z-index:5;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.integrationControl{display:grid;gap:8px;min-width:0}.integrationControl>span{color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.integrationSegment{display:flex;flex-wrap:wrap;gap:6px}.integrationSegment button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);font:inherit;font-weight:650;cursor:pointer}.integrationSegment button.on{border-color:var(--avocado);color:var(--avocado);background:var(--success-soft)}.integrationSegment button:disabled{opacity:.5;cursor:not-allowed}.integrationFarmInput{display:grid;gap:4px;width:min(460px,100%)}.integrationFarmInput input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.integrationFarmInput small,.integrationNote{color:var(--muted);font-size:13.5px}.integrationFarmInput small.bad{color:var(--danger-text)}.integrationRef{flex:1 1 100%;margin:0;display:flex;align-items:center;gap:6px;color:var(--avocado)}.integrationHeading{margin:18px 0 0;font-size:clamp(22px,2.6vw,28px)}.integrationLead{margin:-6px 0 0;color:var(--muted);max-width:760px}.integrationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integrationItem{min-width:0;padding:18px;display:grid;gap:12px;align-content:start;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.integrationItem.v-banner{grid-column:1/-1}.integrationItem>header{display:grid;gap:2px}.integrationItem>header strong{font-size:17px}.integrationItem>header small{color:var(--muted);font-size:14px}.integrationPreview{padding:22px;display:grid;place-items:center;border-radius:14px;background:#ece7d6;background-image:radial-gradient(color-mix(in srgb,#000 6%,transparent) 1px,transparent 0);background-size:14px 14px}.integrationPreview.dark{background-color:#2a3324;background-image:radial-gradient(color-mix(in srgb,#fff 8%,transparent) 1px,transparent 0)}.integrationPreview img{max-width:100%;height:auto;display:block}.integrationPreview iframe{width:100%;max-width:760px;border:0}.integrationCode{margin:0;padding:12px 14px;max-height:120px;overflow:auto;border-radius:12px;color:#e9eedd;background:#1f271b;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.integrationActions{display:flex;flex-wrap:wrap;gap:8px}.brandKit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brandKit .brandLogo{grid-column:1/-1}.brandLogoRow{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px}.brandLogoTile{min-height:150px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#fffdf7}.brandLogoTile.dark{background:#1d2617}.brandLogoTile img{max-height:110px;width:auto}.brandLogoTile.lockup img{max-height:60px}.brandColors{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.brandColors button{padding:8px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.brandColors i{width:42px;height:42px;flex:0 0 auto;border-radius:10px;border:1px solid color-mix(in srgb,#000 10%,transparent)}.brandColors span{display:grid;min-width:0}.brandColors code,.brandColors small{color:var(--muted);font-size:12.5px}.brandColors small{line-height:1.3}.brandFonts,.brandPromo{margin:0;padding:0;list-style:none;display:grid;gap:10px}.brandFonts li{padding:10px 0;display:grid;gap:2px;border-top:1px solid var(--line)}.brandFonts li:first-child{border-top:0}.brandFonts b{font-size:24px;color:var(--avocado)}.brandFonts span{font-weight:650}.brandFonts small{color:var(--muted)}.brandRules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brandRules ul{margin:6px 0 0;padding-left:18px;color:var(--muted);line-height:1.5}.brandPromo li{padding:12px;display:grid;gap:8px;border-radius:12px;background:var(--cream)}.brandPromo p{margin:0;line-height:1.5}.brandPromo .button{justify-self:start}@media (max-width:900px){.brandKit,.brandRules,.integrationGrid{grid-template-columns:minmax(0,1fr)}.brandLogoRow{grid-template-columns:1fr 1fr}.brandLogoTile.lockup{grid-column:1/-1}.integrationControls{position:static}}