/* Original brand assets sit on paper so their colors survive either theme. */
.integration-brand{display:flex;align-items:center;justify-content:center;width:84px;height:76px;padding:10px;background:#fffef8;border-radius:9px}
.integration-brand img{width:58px;height:58px;object-fit:contain}
.integration-brand-wide{width:150px}
.integration-brand-wide img{width:128px;height:52px}
.page-integrations .integration-card{padding:34px;min-width:0}
.page-integrations .integration-card h3{margin-top:22px}
.webhook-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:72px}
.webhook-layout .copy{max-width:540px}
.webhook-layout .copy>p{max-width:44ch}
.webhook-layout .feature-list{margin-top:30px}
.webhook-layout .feature-list li{padding-block:18px}
.webhook-layout .feature-list p{font-size:16px}
.webhook-layout .text-link{font-size:15px}
.webhook-orbit{--orbit-duration:72s;--orbit-line:#15151522;--orbit-accent:#9b3f2d;position:relative;container-type:inline-size;width:100%;max-width:610px;aspect-ratio:1;margin:auto;isolation:isolate;overflow:clip}
.orbit-track{position:absolute;inset:15%;animation:orbit-turn var(--orbit-duration) linear infinite;animation-play-state:paused}
.orbit-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit-perimeter{stroke:var(--orbit-line);stroke-width:.25;stroke-dasharray:.7 1.2}
.orbit-ray{stroke:var(--orbit-line);stroke-width:.2}
.orbit-signal{stroke:var(--orbit-accent);stroke-width:.65;stroke-linecap:round;stroke-dasharray:2 98;stroke-dashoffset:100;animation:webhook-signal 5s linear infinite;animation-delay:var(--signal-delay);animation-play-state:paused}
.orbit-nodes{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.orbit-node{position:absolute;width:15cqw;height:15cqw;transform:translate(-50%,-50%)}
.orbit-upright{width:100%;height:100%;position:relative;animation:orbit-upright var(--orbit-duration) linear infinite;animation-play-state:paused}
.orbit-logo-tile{display:grid;place-items:center;width:100%;height:100%;border:1px solid #b8bdb6;border-radius:2.7cqw;background:#fffef8;box-shadow:0 7px 16px #15151508}
.orbit-logo-tile img{width:54%;height:54%;object-fit:contain}
.orbit-logo-tile img[src$="/typeform.svg"]{width:78%}
.orbit-name{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);font-size:clamp(10px,2.1cqw,12px);font-weight:500;line-height:1.2;white-space:nowrap;color:var(--text-secondary)}
.orbit-inner-ring{position:absolute;inset:29%;border:1px solid var(--orbit-line);border-radius:50%}
.orbit-core{position:absolute;inset:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;border:1px solid #a9b0a3;border-radius:50%;background:color-mix(in srgb,#fffef8 62%,var(--steel));box-shadow:0 8px 30px #15151508}
.orbit-core:before{content:'';position:absolute;inset:-17%;z-index:-1;border:1px solid var(--orbit-line);border-radius:50%;animation:webhook-pulse 5s ease-out infinite;animation-play-state:paused}
.orbit-core img{width:48%;height:48%;object-fit:contain}
.orbit-core>span{font-family:Condensed,Arial,sans-serif;font-size:clamp(14px,3.3cqw,20px);font-weight:700;line-height:1}
.orbit-motion-toggle{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #15151535;border-radius:50%;background:transparent;color:var(--text-secondary)}
.orbit-motion-toggle[hidden]{display:none}
.orbit-motion-toggle:hover{background:#ffffff55;border-color:currentColor}
.orbit-motion-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.orbit-motion-toggle .orbit-play-icon{display:none}
.orbit-motion-toggle[aria-pressed="true"] .orbit-pause-icon{display:none}
.orbit-motion-toggle[aria-pressed="true"] .orbit-play-icon{display:block}
.webhook-orbit[data-motion-playing="true"] .orbit-track,.webhook-orbit[data-motion-playing="true"] .orbit-upright,.webhook-orbit[data-motion-playing="true"] .orbit-signal,.webhook-orbit[data-motion-playing="true"] .orbit-core:before{animation-play-state:running}
.integration-faq .faqs p{color:#41241e}
.integration-faq .faqs a{text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] .webhook-orbit{--orbit-line:#edf1fa40;--orbit-accent:var(--accent-lime)}
[data-theme="dark"] .orbit-core{background:var(--surface-raised);border-color:#929ca9}
[data-theme="dark"] .orbit-core img{content:url('/assets/revconvo-mark-on-dark.svg')}
[data-theme="dark"] .orbit-logo-tile{border-color:var(--border);box-shadow:0 7px 16px #0002}
[data-theme="dark"] .orbit-motion-toggle{border-color:#b6c4d255;color:var(--text-secondary)}
[data-theme="dark"] .orbit-motion-toggle:hover{background:#ffffff0d}
[data-theme="dark"] .integration-faq .faqs p{color:#ffe3d7}
[data-theme="dark"] .integration-faq .faqs details{border-color:#ffe3d755}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes orbit-upright{to{transform:rotate(-360deg)}}
@keyframes webhook-signal{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.8}75%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
@keyframes webhook-pulse{0%{transform:scale(.85);opacity:0}20%{opacity:.65}100%{transform:scale(1.25);opacity:0}}
@media(min-width:901px) and (max-width:1150px){.webhook-layout{gap:40px;grid-template-columns:1fr 1fr}.webhook-layout h2{font-size:47px}.webhook-layout .copy>p{font-size:18px}}
@media(max-width:900px){.webhook-layout{grid-template-columns:1fr;gap:40px}.webhook-layout .copy{max-width:650px}.webhook-layout .copy>p{max-width:55ch}.webhook-orbit{max-width:570px}.webhook-layout .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.webhook-layout .feature-list li{margin:0}}
@media(max-width:720px){.page-integrations .integration-card{padding:27px}.webhook-layout{gap:36px}.webhook-layout .feature-list{grid-template-columns:1fr;gap:0}.webhook-orbit{margin-top:4px}.orbit-name{top:calc(100% + 5px)}.orbit-motion-toggle{width:30px;height:30px}.webhook-section .copy h2{font-size:clamp(39px,10.5vw,52px)}}
@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-upright,.orbit-signal,.orbit-core:before{animation:none!important}.orbit-signal,.orbit-core:before{display:none}.orbit-motion-toggle{display:none}}