/* Shared rhythm, surfaces and interaction timing across the complete site. */
:root{--surface-pearl:#f2f6fc;--surface-white:#fff;--surface-ink:#102445;--brand-blue:#2e69ff;--ease-ui:cubic-bezier(.23,1,.32,1);--faq-surface:#f2f6fc}
html{scroll-padding-top:90px}
.renewal{--subtle:#566d8a;--border:#dbe5f3}
.renewal .r-section{padding-block:clamp(76px,7vw,112px)}
.renewal .r-section.has-divider-in{padding-top:clamp(44px,5vw,76px)}
.renewal .r-section.has-divider-out{padding-bottom:clamp(36px,4vw,56px)}
.section-divider{height:clamp(42px,4.5vw,70px)}
.hero-divider{height:clamp(80px,9vw,135px)}
.renewal .crm-section,.renewal .agency-motion-section,.renewal .questions{background:var(--surface-pearl)}
.renewal .gloss-section{background:linear-gradient(180deg,#fff,#f2f6fc 42%,#fff);padding-block:clamp(76px,7vw,112px)}
.chapter-head,.api-heading,.agency-heading{gap:clamp(32px,5vw,80px);margin-bottom:44px}
.chapter-head>p,.api-intro>p,.agency-intro>p{max-width:540px;line-height:1.75}
.renewal .kicker{font-size:11px;letter-spacing:.13em;margin-bottom:20px}
.renewal h2{text-wrap:balance}.renewal h3{text-wrap:balance}.renewal p{text-wrap:pretty}
.product-nav{position:sticky;top:0;z-index:40;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid #dbe5f3}
.product-nav>.wrap{min-height:66px}.product-nav nav{gap:26px}.product-nav a{position:relative;padding:22px 0;transition:color .2s ease}.product-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#2e69ff;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-ui)}.product-nav a[aria-current=true]{color:#2e69ff}.product-nav a[aria-current=true]:after{transform:scaleX(1)}
.renewal .r-button,.renewal .overview-cta,.plan-card-cta,.renewal .form-grid input,.renewal .form-grid select,.renewal .form-grid textarea{border-radius:12px}
.button,.r-button,.text-link,.overview-cta,.plan-card-cta,.demo-options button,.overview-tabs button,.price-tabs button,.billing button,.question-list summary,.api-explorer-menu button{transition:transform .2s var(--ease-ui),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.button:active,.r-button:active,.overview-cta:active,.plan-card-cta:active,.price-tabs button:active,.billing button:active,.api-explorer-menu button:active{transform:scale(.975)}
.renewal .demo-window{border-radius:20px;box-shadow:0 20px 65px -38px #1b407b65}
.demo-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;font-size:12px;color:var(--subtle)}
.demo-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);border-radius:99px;padding:9px 14px;min-height:38px;color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}.demo-toggle:disabled{opacity:.7;cursor:default}.demo-toggle:hover{background:#8eb5ff15}
.demo-options{gap:18px}.demo-options button{border-radius:8px 8px 0 0;padding:18px 12px}.demo-options button.active{background:#2e69ff08}.voip-section .demo-options button.active{background:#ffffff08}
.feature-columns{gap:28px;margin-top:38px}.feature-columns>div{border-top:1px solid var(--border);padding-top:24px}.feature-columns h3{font-size:23px}.feature-columns p{font-size:15px;line-height:1.8;margin-top:13px}.feature-index{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9ebdf0;margin-bottom:14px}
.overview-viewer,.gloss-stage,.partner-calculator.calculator{border-radius:20px}.overview-panel{animation-duration:.25s}.overview-selector-note{margin-top:20px}.ecosystem-showcase .chapter-head>p{max-width:480px}
.ui-keyboard .overview-panel,.ui-keyboard .plan-card{animation:none!important}
.hosting-layout{align-items:start;gap:65px}.hosting-list>div{padding:25px 0}.hosting-list>div:first-child{padding-top:5px}.hosting-list h3{font-size:24px}.hosting-list p{line-height:1.8}.domain-card{border-radius:18px}
.workflow-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 50px;margin:75px 0 34px;align-items:end}.workflow-intro .kicker{grid-column:1/-1;margin:0}.renewal .workflow-intro h3{font-size:34px;letter-spacing:-1.1px;font-weight:500}.workflow-intro>p{font-size:15px;max-width:500px;justify-self:end}
.workflow{gap:28px}.workflow li{border-top:1px solid #adbef0;padding:26px 25px 28px;border-radius:0 0 16px 16px;background:#f5f8fd}.workflow h3{font-size:25px;line-height:1.3;margin:20px 0 15px}.workflow p{max-width:none;font-size:14px;line-height:1.85}.workflow b{font-size:11px;margin:22px 0 16px}.workflow .text-link{font-size:13px}
.price-section{border-top:1px solid #e6edf6}.bundle-motion>div>span{animation:none!important}.plan-card{box-shadow:0 10px 28px -20px #193b7320;transition:transform .25s var(--ease-ui),box-shadow .25s ease,border-color .25s ease}.plan-card.is-recommended{box-shadow:0 17px 36px -18px #2e69ff60}.plan-card-price b{font-variant-numeric:tabular-nums}.price-section .plan-card-description{line-height:1.8}
.setup-steps{gap:28px}.setup-steps>div{border-top:1px solid #c4d6f4;padding:27px 25px;background:#f8faff;border-radius:0 0 16px 16px}.setup-steps p{line-height:1.8}.setup-steps h3{font-size:24px}
.questions .split{grid-template-columns:.8fr 1.2fr;gap:75px}.questions .split>div:first-child{position:sticky;top:105px}.questions .split>div:first-child>p:not(.kicker){max-width:340px;font-size:15px}
.question-list{display:flex;flex-direction:column;gap:10px}.question-list details,.question-list details:first-child{border:1px solid #dae4f3;border-radius:14px;background:#ffffff8c;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.question-list details[open]{background:#fff;border-color:#a9c3f7;box-shadow:0 8px 25px -20px #284f91}
.question-list summary{padding:22px 24px;font-size:16px;line-height:1.5;font-weight:500;gap:22px}.question-list summary span{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #d9e5fa;border-radius:50%;font-size:21px;line-height:1;transition:transform .24s var(--ease-ui),background .2s}.question-list details[open] summary span{background:#edf3ff}.question-list details .faq-answer>p{padding:0 64px 24px 24px;margin:0;font-size:14px;line-height:1.85}.question-list summary:hover{color:#225bcf}
.contact-heading{max-width:1050px}.contact-section .contact-heading .lead{max-width:640px}.contact-section .contact-choice{margin-top:44px}.contact-section .enquiry-v2{box-shadow:0 26px 65px -34px #153c8b55}.contact-ready{box-shadow:0 20px 50px -35px #041b5666}.contact-section .form-result{background:#edf3ff;padding:24px;border:1px solid #c6d9ff}.form-result h3{font-size:26px}.email-preview{border-radius:10px}.form-result .r-button{color:white}
/* Native, resolution-independent Social API walkthrough. */
.gloss-section .workflow{gap:28px;align-items:stretch}
.gloss-section .workflow li{display:flex;flex-direction:column;padding:28px;border:1px solid #dbe5f3;border-radius:16px}
.gloss-section .workflow li>p{flex:1}
.gloss-section .workflow li>b{margin:22px 0 16px}
.gloss-section .workflow li>.text-link{align-self:flex-start}
@media(max-width:800px){.gloss-section .workflow{gap:18px}.gloss-section .workflow li{padding:24px 20px}}
.api-explorer{border:1px solid #dbe5f4;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 25px 70px -42px #14396a50}
.api-explorer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid #e1e9f5}.api-explorer-brand{display:flex;align-items:center;gap:12px}.api-explorer-brand img{width:34px;height:25px;object-fit:contain}.api-explorer-brand b{font:700 18px Manrope;letter-spacing:-.5px}.api-example-label{font-size:11px;color:#7185a1}
.api-explorer-layout{display:grid;grid-template-columns:235px minmax(0,1fr)}.api-explorer-menu{display:flex;flex-direction:column;gap:8px;background:#f5f8fd;border-right:1px solid #e0e8f5;padding:30px 20px}
.api-explorer-menu button{display:grid;grid-template-columns:24px 1fr;gap:6px 12px;text-align:left;padding:18px 14px;border:1px solid transparent;border-radius:12px;background:none;color:#5a718f;cursor:pointer}.api-explorer-menu button>span{grid-row:span 2;padding-top:3px;font-size:11px;color:#8a9fbd}.api-explorer-menu b{font:600 16px Manrope}.api-explorer-menu small{font-size:11px;color:#8293ac}.api-explorer-menu button[aria-selected=true]{background:#fff;border-color:#dce6f7;box-shadow:0 5px 16px #1f4c8508;color:#2e69ff}.api-explorer-menu button[aria-selected=true]>span{color:#2e69ff}
.api-explorer-scenes{background:radial-gradient(ellipse at 100% 0,#f1f6ff,transparent 70%),white;min-width:0;padding:42px;min-height:540px}.api-scene[hidden]{display:none!important}.api-scene-heading>span{font-size:10px;letter-spacing:.11em;font-weight:600;color:#6488bd;display:block;margin-bottom:17px}.renewal .api-scene-heading h3{font:550 clamp(28px,2.8vw,40px)/1.18 Manrope;letter-spacing:-1.6px;color:#193657;margin:0}.api-scene-heading>p{font-size:14px;max-width:600px;line-height:1.8;margin:16px 0 25px;color:#637c9b}
.api-client-list{display:flex;flex-direction:column;gap:10px}.api-client-list>div{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dce7f6;border-radius:12px;background:#fff;box-shadow:0 4px 12px #183a6503}.api-client-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf3ff;color:#2e69ff;font:600 12px Manrope;flex:none}.api-client-list b{display:block;font-size:15px;font-weight:600;color:#27456b}.api-client-list small{display:block;font-size:11px;color:#7b90ae;margin-top:5px}.api-account-tags{margin-left:auto;font-size:11px;color:#5b7daa;background:#f3f7fd;border-radius:6px;padding:8px 10px;white-space:nowrap}.api-scene-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#6b84a8;margin-top:22px}.api-scene-note>span{color:#2e69ff}
.api-content-preview{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}.api-post-sheet{padding:20px;border:1px solid #dce6f5;border-radius:14px;background:#fff;box-shadow:0 12px 30px -22px #244c8240}.api-post-sheet>span{font-size:9px;letter-spacing:.09em;font-weight:600;color:#5278ac}.renewal .api-post-sheet>p{font-size:13px;line-height:1.65;margin:13px 0 18px;color:#3b587e}.api-post-visual{min-height:125px;background:#2e69ff;color:#fff;border-radius:9px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.api-post-visual>span{font:500 22px/1.3 Manrope;letter-spacing:-.65px}.api-post-visual b{font-weight:500;color:#cfdeff}.api-post-visual>i{font:400 48px Manrope;font-style:normal;color:#bdd4ff}.api-destinations>small{font-size:9px;letter-spacing:.08em;color:#7a91b0}.api-destinations>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e1e9f5}.api-destinations>div>span{display:grid;place-items:center;width:30px;height:30px;background:#eaf1ff;border-radius:8px;font:600 11px Manrope;color:#2e69ff}.api-destinations b{font-size:13px;font-weight:500}.api-destinations i{font-style:normal;color:#2e69ff;margin-left:auto}.renewal .api-destinations>p{font-size:12px;line-height:1.8;margin-top:16px;color:#758cab}
.api-integration-steps{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.api-integration-steps li{border-top:1px solid #b6ccf2;padding-top:20px}.api-integration-steps li>span{display:block;font:500 26px Manrope;letter-spacing:-1px;color:#2e69ff;margin-bottom:15px}.api-integration-steps b{font-size:15px;font-weight:600}.renewal .api-integration-steps p{font-size:12px;line-height:1.85;margin-top:10px;color:#6c83a3}
.api-explorer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid #dfe8f6;background:#f9fbfe;font-size:12px;color:#7d91ae}.api-explorer-bottom a{color:#2860ce;font-weight:600;display:flex;gap:18px;align-items:center}.api-explorer-bottom a>span{font-size:18px}
@media(hover:hover) and (pointer:fine){.plan-card:not(.plan-custom):hover{transform:translateY(-4px);box-shadow:0 18px 35px -23px #1d4c8550}.text-link:hover{transform:translateX(3px)}.api-explorer-menu button:hover{background:#fff}.setup-steps>div:hover{background:#f1f6ff}}
@media(max-width:1100px){.api-explorer-layout{grid-template-columns:190px minmax(0,1fr)}.api-explorer-menu{padding:24px 12px}.api-explorer-menu button{padding:17px 10px;gap:6px 8px}.api-explorer-scenes{padding:30px;min-height:570px}.api-account-tags{white-space:normal;font-size:10px;max-width:100px}.questions .split{gap:40px}.hosting-layout{gap:40px}.api-content-preview{gap:18px}.api-post-visual>span{font-size:18px}.api-integration-steps{gap:13px}.product-nav nav{gap:20px}}
@media(max-width:800px){.renewal .r-section,.renewal .gloss-section{padding-block:72px}.chapter-head,.api-heading,.agency-heading{margin-bottom:32px;gap:24px}.product-nav>.wrap{min-height:58px}.product-nav nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.product-nav a{padding:19px 0}.feature-columns{gap:20px}.feature-columns h3{font-size:21px}.feature-columns p{font-size:14px}.hosting-layout{gap:40px}.workflow-intro{grid-template-columns:1fr;gap:16px;margin-top:50px}.workflow-intro>p{justify-self:start}.workflow-intro h3{font-size:30px}.workflow{gap:18px}.workflow li{padding:22px 18px}.workflow h3{font-size:22px}.workflow p{font-size:13px}.questions .split{grid-template-columns:1fr;gap:35px}.questions .split>div:first-child{position:static}.questions .split>div:first-child>p:not(.kicker){max-width:500px}.api-explorer-layout{grid-template-columns:1fr}.api-explorer-menu{flex-direction:row;padding:12px;border-right:0;border-bottom:1px solid #dfe8f6;gap:8px}.api-explorer-menu button{flex:1;grid-template-columns:1fr;gap:5px;text-align:center;justify-items:center;padding:14px 8px}.api-explorer-menu button>span{display:none}.api-explorer-menu b{font-size:14px}.api-explorer-menu small{font-size:10px}.api-explorer-scenes{min-height:520px;padding:28px}.api-account-tags{max-width:none;white-space:nowrap}.api-explorer-bottom{padding:18px 23px;font-size:11px}.api-explorer-bottom>span{max-width:220px}.setup-steps{gap:20px}.setup-steps>div{padding:23px 18px}.setup-steps h3{font-size:21px}}
@media(max-width:520px){html{scroll-padding-top:78px}.renewal .r-section,.renewal .gloss-section{padding-block:58px}.renewal .r-section.has-divider-in{padding-top:32px}.renewal .r-section.has-divider-out{padding-bottom:30px}.section-divider{height:44px}.hero-divider{height:78px}.product-nav nav{font-size:12px;gap:10px}.demo-options{gap:0 12px}.demo-options button{padding:14px 8px;font-size:12px}.renewal .demo-window{border-radius:12px}.demo-tools{font-size:10px;gap:14px;margin-top:13px}.demo-toggle{font-size:11px;padding:8px 11px}.feature-columns{gap:24px;margin-top:30px}.feature-columns>div{padding-top:20px}.feature-columns h3{font-size:23px}.feature-columns p{font-size:14px}.api-explorer{border-radius:16px}.api-explorer-top{padding:17px 18px;gap:12px}.api-explorer-brand{gap:8px}.api-explorer-brand b{font-size:16px}.api-explorer-brand img{width:29px;height:21px}.api-example-label{font-size:9px;max-width:90px;text-align:right;line-height:1.5}.api-explorer-menu{padding:8px;gap:4px}.api-explorer-menu button{padding:13px 5px;border-radius:9px}.api-explorer-menu b{font-size:12px}.api-explorer-menu small{font-size:9px;line-height:1.4}.api-explorer-scenes{min-height:600px;padding:25px 18px}.api-scene-heading>span{font-size:8px;margin-bottom:14px;letter-spacing:.08em}.renewal .api-scene-heading h3{font-size:29px;letter-spacing:-1.1px}.api-scene-heading>p{font-size:13px;margin:15px 0 23px}.api-client-list>div{display:grid;grid-template-columns:34px 1fr;gap:6px 11px;padding:13px}.api-client-avatar{width:34px;height:34px;font-size:10px;grid-row:span 2}.api-client-list b{font-size:13px}.api-client-list small{font-size:10px}.api-account-tags{grid-column:2;justify-self:start;margin:3px 0 0;padding:0;background:transparent;font-size:10px}.api-scene-note{font-size:11px;line-height:1.6;margin-top:18px}.api-content-preview{grid-template-columns:1fr;gap:22px}.api-post-sheet{padding:16px}.api-post-visual{padding:18px;min-height:112px}.api-post-visual>span{font-size:22px}.api-destinations>div{padding:12px 0}.api-integration-steps{grid-template-columns:1fr;gap:18px;margin:24px 0}.api-integration-steps li{display:flex;gap:18px;padding-top:16px}.api-integration-steps li>span{font-size:23px;margin:0}.api-integration-steps b{font-size:14px}.renewal .api-integration-steps p{font-size:12px;margin-top:6px}.api-explorer-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}.api-explorer-bottom>span{max-width:none}.api-explorer-bottom a{font-size:12px}.workflow-intro{margin-top:45px}.renewal .workflow-intro h3{font-size:29px}.workflow{grid-template-columns:1fr;gap:24px}.workflow li{padding:24px}.workflow h3{font-size:25px}.workflow p{font-size:14px}.workflow b{font-size:11px}.workflow .text-link{font-size:13px}.setup-steps>div{padding:25px}.setup-steps h3{font-size:24px}.question-list summary{padding:20px 18px;font-size:15px;gap:16px}.question-list details .faq-answer>p{padding:0 20px 22px;font-size:13px}.question-list summary span{width:24px;height:24px}.contact-section .contact-heading h2{font-size:38px}.contact-section .contact-choice{margin-top:32px}.contact-section .form-result{padding:18px}.r-footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.polish-enter,.overview-panel{animation:none!important}.button,.r-button,.text-link,.overview-cta,.plan-card-cta,.plan-card,.api-explorer-menu button,.question-list summary span{transition:none!important}}