:root{font-family:'DM Sans',Arial,sans-serif;color:#182c40;background:#fff;font-synthesis:none;--blue:#1e73be;--action:#0b81e9}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;padding:0 40px;margin:auto}header{display:flex;align-items:center;gap:26px;padding:27px 0;border-bottom:1px solid #dce6ee}.company-logo{width:174px;height:auto;display:block}nav{display:flex;gap:24px;margin-left:auto;font-size:14px}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:4px}nav a{text-decoration:none;color:#263d53}.tag{border:1px solid #d5e5f2;background:#eff7fe;border-radius:30px;padding:7px 12px;font-size:11px;white-space:nowrap}.hero{padding:65px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.integration-logos{display:flex;align-items:center;gap:22px;margin-bottom:34px;min-height:50px}.integration-logos img{object-fit:contain;max-width:145px;max-height:49px}.integration-logos .hero{width:126px;height:49px;display:block;padding:0;margin:0}.integration-logos .crazytel{width:145px}.integration-logos .hubspot{width:124px}.integration-logos span{color:#8b9dad;font-size:23px}h1,h2,h3{font-family:Asap,Arial,sans-serif}h1{font-size:clamp(42px,4.8vw,64px);letter-spacing:-2px;line-height:1.05;margin:20px 0 23px;font-weight:700}h1 em{font-style:normal;color:var(--blue)}h2{font-size:36px;letter-spacing:-.7px;margin:12px 0 18px}h3{font-size:23px;margin:15px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--blue);font-size:11px;font-weight:700}.lead{font-size:18px;line-height:1.7;color:#506378;max-width:670px}p{line-height:1.7}figure{margin:0}figure img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;object-position:52% 50%;border-radius:28px}figcaption{font-size:10px;color:#6f7d8e;text-align:right;margin-top:9px}.button,button{display:block;border:0;background:var(--action);color:white;padding:15px 19px;border-radius:8px;font:700 14px 'DM Sans',Arial;text-decoration:none;text-align:center;cursor:pointer}.button.inline{display:inline-block;margin:13px 14px 10px 0}.text-link{font-size:13px;display:inline-block}button:hover,.button:hover{background:#1e73be}.notice{padding:18px 22px;background:#eef6fd;border:1px solid #d1e4f4;border-radius:10px;font-size:13px;line-height:1.7;color:#36566f}.section{padding:56px 0 10px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.benefits p{color:#5f7081;font-size:15px}.step{display:inline-grid;place-items:center;width:43px;height:43px;background:#eaf4fc;color:var(--blue);font-size:16px;font-weight:700;border-radius:12px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.plan{padding:30px;border:1px solid #d9e4ed;border-radius:18px;display:flex;flex-direction:column}.advanced{border:2px solid var(--blue);background:#f5faff}.plan h2{font-size:42px}.plan h2 small{font:400 13px 'DM Sans',Arial;letter-spacing:0}.plan>p{color:#586e81;font-size:14px;margin:6px 0}.plan .eyebrow{color:var(--blue);font-weight:700}.plan ul{padding-left:20px;font-size:15px;line-height:2.1;margin:18px 0 28px}.plan form{margin-top:auto}label{display:flex;justify-content:space-between;align-items:center;font-size:14px}input[type=number]{width:85px;padding:10px;font:inherit;border:1px solid #becdd9;border-radius:6px;background:white}button{width:100%;margin-top:17px}.terms,.fine{font-size:12px;color:#65798a;line-height:1.8}.table-wrap{overflow:auto;margin-top:35px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}caption{text-align:left;font-size:22px;font-family:Asap;margin-bottom:15px;font-weight:600}th,td{padding:16px 12px;border-bottom:1px solid #dce6ee}thead{background:#f1f7fc}tbody th{font-weight:500}.ai-panel{padding:38px 42px;background:#edf6fd;border-radius:20px;margin:46px 0}.ai-panel p{max-width:750px;color:#466078}.intro{padding:55px 0 30px;max-width:860px}footer{border-top:1px solid #dce6ee;padding:30px 0;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:32px;align-items:start;margin-top:50px}footer p{margin:0;font-size:12px}.guide article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #dce6ee}.guide .step{flex-shrink:0}.guide h2{font-size:25px;margin:5px 0}.guide p{max-width:800px;color:#506378}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:12px 0 25px}.workflow>section{padding:30px;border-radius:20px;background:#f4f6f8;border:1px solid #dce4eb}.workflow .after{background:#ecf6ff;border-color:#a4caeb}.workflow h2{font-size:29px}.flow-card{background:white;border:1px solid #d5e2ec;border-radius:10px;padding:22px;font-size:20px;font-family:Asap}.flow-card small{font-family:'DM Sans';font-size:13px;color:#617689}.flow-arrow{padding:13px;text-align:center;font-size:12px;color:#65798a}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #814ad0;outline-offset:4px}@media(max-width:800px){main{padding:0 20px}header{gap:15px;flex-wrap:wrap}nav{order:3;width:100%;margin:0;gap:20px;font-size:12px}.tag{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:35px}.hero figure img{aspect-ratio:1.85}.benefits{grid-template-columns:1fr;gap:15px}.plans,.workflow{grid-template-columns:1fr}.plan{padding:24px}.ai-panel{padding:26px}footer{grid-template-columns:1fr;gap:20px}h1{letter-spacing:-1px}.section{padding-top:36px}}

.signin-panel{max-width:720px;margin:auto}.signin-options{display:grid;gap:14px;max-width:440px;margin:28px 0;justify-items:start}.signin-provider{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:240px;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;text-decoration:none}.signin-provider img{display:block;width:100%;height:auto}.signin-provider:hover{background:transparent;box-shadow:0 2px 8px #182c401a}.signin-provider:disabled{background:transparent;color:#566779;cursor:default;box-shadow:none}.signin-unavailable{font-size:12px;line-height:1.8;margin-top:5px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.setup-grid h2{font-size:28px}.setup-grid .button{margin-top:20px}.signout{width:auto;min-width:140px}@media(max-width:800px){.setup-grid{grid-template-columns:1fr}}

/* Private Hero calling and messaging forms. */
.setup-grid:has(form[action^="/communications/"]){grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid form[action^="/communications/"]{margin-top:20px;display:grid;gap:16px}.setup-grid form[action^="/communications/"] label{display:grid;gap:8px;justify-content:normal;align-items:start}.setup-grid form[action^="/communications/"] input[type="tel"],.setup-grid form[action^="/communications/"] textarea{width:100%;padding:12px;font:inherit;color:inherit;border:1px solid #becdd9;border-radius:8px;resize:vertical}.setup-grid form[action^="/communications/"] :disabled{cursor:not-allowed;background:#f1f4f7;color:#627385}.setup-grid form[action^="/communications/"] button:disabled{background:#dbe5ee;color:#465c71}.setup-grid form[action^="/communications/"] button{margin-top:0}.setup-grid form[action^="/communications/"] .fine{margin:0}@media(max-width:800px){.setup-grid:has(form[action^="/communications/"]){grid-template-columns:1fr}}

/* Private SMS template library and editor. */
.template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.template-card{min-width:0}.template-card h2,.template-editor h2{font-size:27px;overflow-wrap:anywhere}.template-message{white-space:pre-wrap;overflow-wrap:anywhere}.template-editor{max-width:760px}.template-editor form,.template-picker form{display:grid;gap:16px;margin-top:18px}.template-editor label,.template-picker label{display:grid;gap:8px;justify-content:normal;align-items:start}.template-editor input:not([type=hidden]):not([type=checkbox]),.template-editor textarea,.template-picker select{width:100%;padding:12px;border:1px solid #becdd9;border-radius:8px;font:inherit;color:inherit;background:white}.template-editor textarea{resize:vertical}.template-editor button,.template-picker button{margin-top:0}.template-remove{margin-top:28px;border-top:1px solid #d9e4ed;padding-top:20px}.template-remove summary{cursor:pointer}.template-remove .consent{display:flex;align-items:center;justify-content:flex-start}.template-remove input[type=checkbox]{width:auto}.template-picker{border-bottom:1px solid #d9e4ed;padding-bottom:16px;margin-bottom:16px}.template-picker button:disabled{opacity:.5;cursor:not-allowed}.template-editor textarea:focus-visible,.template-picker select:focus-visible{outline:3px solid #814ad0;outline-offset:4px}

/* Private call reports */
.report-filter form{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.report-filter label{flex:1;min-width:170px;display:grid;gap:.5rem}.report-filter input{width:100%;padding:.7rem;border:1px solid #b9cbd8;border-radius:8px;font:inherit;box-sizing:border-box;background:#fff;color:#173042}.report-filter button{width:auto;margin:0}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.report-summary strong{font-size:1.8rem;color:#1e73be}.report-summary p{margin-top:0}.report-scroll{overflow-x:auto}.report-table{margin:1.5rem 0}.report-table table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.report-table th,.report-table td{padding:.75rem;white-space:nowrap;border-bottom:1px solid #dce5ed}.report-table thead{background:#edf6fc}.report-table caption{text-align:left;padding:.75rem;color:#526778}.report-empty{padding:1.2rem;background:#edf6fc;border-radius:12px}@media(max-width:650px){.report-summary{grid-template-columns:1fr}.report-summary strong{font-size:1.5rem}}

/* Shared callback workflow */
.callback-tabs{display:flex;gap:1.5rem;margin:1.5rem 0}.callback-tabs [aria-current=page]{font-weight:700;text-decoration-thickness:3px}.callback-list{display:grid;gap:1.2rem;margin-bottom:1.5rem}.callback-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:1.5rem}.callback-card h2{font-size:1.8rem;overflow-wrap:anywhere}.callback-actions{display:grid;align-content:center;gap:1rem}.callback-actions form{display:grid;gap:.5rem}.callback-actions button{margin:0;width:100%}.callback-actions button:disabled{opacity:.5;cursor:not-allowed}.callback-actions .callback-confirm{display:flex;align-items:start;justify-content:start;gap:.6rem}.callback-confirm input{width:auto;margin-top:.3rem}.callback-actions .button{margin:0}.callback-actions form[action$="/release"] button{background:#526778}@media(max-width:650px){.callback-card{grid-template-columns:1fr}}

.plan audio{display:block;width:100%;max-width:100%;margin:1.25rem 0}

/* Business administrator data-sharing choices. */
.preference-panel{max-width:820px}.preference-panel form{display:grid;gap:1.4rem}.preference-panel .preference-choice{display:flex;align-items:flex-start;justify-content:flex-start;gap:.8rem;font-weight:400}.preference-choice input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:.25rem}.preference-choice span{min-width:0;line-height:1.6}.preference-panel button{margin:0}.preference-panel input:disabled+span{color:#667786}

.signin-provider.signin-hubspot{min-height:46px;background:#fff;border:1px solid #8c8c8c;border-radius:2px;color:#33475b;padding:8px 12px}.hubspot-signin-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500;line-height:1.3}.signin-provider .hubspot-signin-label img{width:100px;height:auto;flex-shrink:0}.signin-provider:focus-visible{outline:3px solid #0b81e9;outline-offset:4px}

/* Simple setup and complete feature comparison. */
.setup-next{grid-column:1/-1;grid-row:1}.setup-next h2{font-size:28px}.setup-help-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.setup-help-cards .button{margin-top:auto}.setup-help-cards h3{font-size:32px}.feature-group{margin:38px 0}.feature-group .table-wrap{margin-top:12px}.feature-group th span{font-size:13px;color:#506378}.feature-group tbody th{width:64%}.feature-group td{min-width:110px}.feature-group caption{font-size:16px}.guide details{padding:14px;background:#f1f7fc;border-radius:8px}.guide summary{cursor:pointer;font-weight:600}nav{flex-wrap:wrap}@media(max-width:800px){.setup-help-cards{grid-template-columns:1fr}.feature-group tbody th{min-width:210px}.setup-next{grid-row:auto}}

/* One accessible package-comparison table: meaning is visible without colour. */
.feature-comparison table{table-layout:fixed}.feature-comparison thead th:first-child{width:60%}.feature-comparison th:not(:first-child),.feature-comparison td{text-align:center}.feature-category th{background:#eaf3fb;color:#153e60;font-weight:700;padding:14px 12px}.feature-description{font-size:13px;font-weight:400;color:#506378}.feature-check{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-weight:700;font-size:12px}.feature-check>span:first-child{font-size:26px;line-height:1.2}.feature-check.included{color:#146b36}.feature-check.excluded{color:#b42318}@media(max-width:650px){.feature-comparison th,.feature-comparison td{padding:12px 7px}.feature-comparison thead th:first-child{width:54%}.feature-check{display:flex;flex-direction:column;gap:2px;font-size:11px}.feature-description{font-size:12px}}

/* Setup forms and screenshot guides: keep fields readable on small screens. */
.provider-grid form label,.setup-grid form label,.intro form label{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:14px 0;font-weight:600}
.provider-grid form input:not([type=checkbox]):not([type=hidden]),.provider-grid form select,.setup-grid form input:not([type=checkbox]):not([type=hidden]),.setup-grid form select,.intro form input:not([type=checkbox]):not([type=hidden]),.intro form select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #b8c8d6;border-radius:7px;font:inherit;background:#fff;color:#182c40}
.provider-grid form .preference-choice{flex-direction:row;align-items:flex-start;font-weight:400}.provider-grid form .preference-choice input{flex:none}
.screen-guide{margin:24px 0 10px;max-width:100%}.screen-guide a{display:block}.screen-guide img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px;border:1px solid #dce6ee;background:#f5f8fc}.screen-guide figcaption{text-align:left;font-size:13px;line-height:1.6;color:#506378}.screen-guide a:focus-visible{outline:3px solid var(--action);outline-offset:4px;border-radius:12px}
.guide article>div{min-width:0;width:100%}.guide .screen-guide{max-width:760px}.integration-preview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:28px;align-items:start}.integration-preview .screen-guide{margin:0}.integration-preview h3{margin-top:0}.integration-preview li{margin:12px 0;line-height:1.7}.integration-preview p{color:#506378}.integration-preview+.text-link{margin-top:20px}.seo-intro{max-width:860px}.seo-intro details{border-bottom:1px solid #dce6ee;padding:16px 0}.seo-intro summary{font-weight:700;cursor:pointer}
@media(max-width:760px){.integration-preview{grid-template-columns:1fr}.guide .screen-guide{width:100%}.screen-guide figcaption{font-size:12px}}

/* Product identity uses the separately approved app artwork. */
.product-brand{display:flex;align-items:center;gap:12px;padding:18px 0 0;font-size:16px;font-weight:700;color:#17324c}.product-brand img{flex:none;width:44px;height:44px;border-radius:10px}.product-brand span{min-width:0}.product-brand small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#526b80;margin-top:3px}@media(max-width:480px){.product-brand{font-size:14px}.product-brand small{font-size:10px}}
