.integration-page,.integration-page :is(h1,h2,h3,h4){letter-spacing:0}.integration-page .integration-green-text{color:var(--green-readable)}.integration-page .integration-demo{background:var(--green);color:var(--deep-viz);border:2px solid #0000}.integration-page .integration-demo:hover{background:var(--green-light);color:var(--deep-viz)}.integration-visual{isolation:isolate;background:var(--blue-soft);border-radius:24px 96px 24px 24px;width:100%;max-width:600px;margin-inline:auto;position:relative;overflow:hidden}.integration-circle{z-index:-1;background:var(--green);border-radius:50%;width:290px;height:290px;position:absolute;bottom:-70px;right:-65px}.integration-dots{z-index:-1;background-image:radial-gradient(var(--primary) 1.5px,transparent 1.5px);opacity:.22;background-size:12px 12px;width:100px;height:70px;position:absolute;top:22px;left:22px}.integration-connection{padding:86px 28px 90px}.integration-flow{grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,.85fr);align-items:center;gap:12px;display:grid}.integration-browser,.integration-window{background:var(--card);border:1px solid var(--border);box-shadow:var(--integration-shadow);border-radius:12px;overflow:hidden}.integration-page{--integration-shadow:0 16px 38px -20px color-mix(in oklch,var(--deep-viz) 35%,transparent)}.integration-browser-bar{border-bottom:1px solid var(--border);background:var(--background);height:28px;color:var(--primary);align-items:center;gap:3px;padding:0 8px;display:flex}.integration-browser-bar i{background:var(--primary);opacity:.3;border-radius:50%;width:4px;height:4px}.integration-browser-bar span{text-align:center;flex:1;font-size:9px}.integration-mock-action{background:var(--green);color:var(--green-foreground);text-align:center;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:700;display:flex}.integration-mock-action svg{flex:none}.integration-browser .integration-mock-action{padding:8px 2px;font-size:10px}.integration-sms{text-align:center;background:var(--card);border:1px solid var(--border);box-shadow:var(--integration-shadow);border-radius:12px 12px 12px 2px;padding:14px 5px}.integration-phone{border:5px solid var(--deep-viz);background:var(--card);box-shadow:var(--integration-shadow);border-radius:24px;position:relative}.integration-phone-notch{background:var(--deep-viz);border-radius:4px;width:30%;height:5px;position:absolute;top:6px;left:35%}.integration-phone-home{background:var(--deep-viz);border-radius:4px;width:40%;height:3px;position:absolute;bottom:6px;left:30%}.integration-float{background:var(--card);border:1px solid var(--border);box-shadow:var(--integration-shadow);border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex;position:absolute}.integration-float-top{top:28px;right:34px}.integration-float-bottom{bottom:25px;left:30px}.integration-workspace{padding:50px 35px 90px}.integration-connection-compact .integration-visual{border-radius:18px 60px 18px 18px;max-width:680px}.integration-connection-compact .integration-connection{padding:58px 22px 62px}.integration-connection-compact .integration-float{padding:7px 11px;font-size:10px}.integration-connection-compact .integration-float-top{top:16px;right:22px}.integration-connection-compact .integration-float-bottom{bottom:16px;left:22px}.integration-window{position:relative}.integration-window-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:18px 22px;display:grid}.integration-call-body{grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:30px 22px;display:grid}.integration-note{border-left:1px solid var(--border);padding-left:20px}.integration-timeline{position:relative}.integration-timeline li>span{color:var(--deep-viz)}.integration-timeline:before{content:"";background:var(--green-light);width:2px;position:absolute;top:24px;bottom:24px;left:23px}@media(min-width:1024px){.integration-timeline:before{width:auto;height:2px;inset:23px 24px auto}}@media(max-width:639px){.integration-connection{border-top-right-radius:70px;padding:76px 14px 80px}.integration-flow{gap:7px}.integration-phone{border-width:4px;border-radius:19px}.integration-phone>div{padding-inline:5px}.integration-workspace{padding:38px 18px 78px}.integration-call-body{gap:12px;padding:22px 15px}.integration-note{padding-left:12px}.integration-window-header{padding:16px}.integration-float-bottom{bottom:22px;left:18px}.integration-float-top{top:24px;right:20px}.integration-connection-compact .integration-connection{padding:66px 12px 70px}.integration-connection-compact .integration-float-top{top:18px;right:14px}.integration-connection-compact .integration-float-bottom{bottom:18px;left:14px}}