/* /ai-receptionist (src/ai-receptionist.njk) and the industry pages under it (src/_includes/ai-receptionist/industry.njk),
   inside the normal site nav and footer. Composed from the brand-v2 home-* primitives (hero, sections, steps, info cards,
   FAQ, CTA band); the pages' own pieces are prefixed ar- and only reference the --v2-* tokens. Focus rings come from the
   global :focus-visible rule in brand-v2.css. */

.theme-2026.brand-v2 .ar-icon { display: block; width: 20px; height: 20px; flex: none; }

/* == hero: the homepage's dark band, with the text PhoneIQ sends after a call beside the claim == */
.theme-2026.brand-v2 .ar-hero { min-height: auto; padding: clamp(var(--v2-space-8), 9vw, var(--v2-space-11)) 0; }
.theme-2026.brand-v2 .ar-hero__assure { margin: var(--v2-space-4) 0 0; color: color-mix(in srgb, var(--v2-paper) 64%, transparent); font: 400 14px/1.5 var(--display); font-variant-numeric: tabular-nums; }

/* == breadcrumb (industry pages): the way back to the hub, above the H1 == */
.theme-2026.brand-v2 .ar-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v2-space-2); margin: 0 0 var(--v2-space-3); padding: 0; list-style: none; color: color-mix(in srgb, var(--v2-paper) 64%, transparent); font: 500 14px/1.3 var(--display); }
.theme-2026.brand-v2 .ar-crumbs li { display: inline-flex; align-items: center; gap: var(--v2-space-2); }
.theme-2026.brand-v2 .ar-crumbs li + li::before { content: "/"; color: color-mix(in srgb, var(--v2-paper) 36%, transparent); }
.theme-2026.brand-v2 .ar-crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--v2-paper); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--v2-paper) 40%, transparent); text-underline-offset: 4px; transition: text-decoration-color 240ms var(--v2-ease); }
.theme-2026.brand-v2 .ar-crumbs a:hover { text-decoration-color: var(--v2-paper); }

.theme-2026.brand-v2 .ar-note {
  width: 100%;
  max-width: 400px;
  margin: 0;
  justify-self: end;
  padding: var(--v2-space-5);
  border: 1px solid color-mix(in srgb, var(--v2-paper) 20%, transparent);
  border-radius: var(--v2-radius-md);
  color: var(--v2-paper);
  background: color-mix(in srgb, var(--v2-band) 82%, var(--v2-ink));
  box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 0, 0, .3);
}
.theme-2026.brand-v2 .ar-note__head { display: flex; align-items: center; justify-content: space-between; gap: var(--v2-space-3); margin: 0; padding-bottom: var(--v2-space-3); border-bottom: 1px solid color-mix(in srgb, var(--v2-paper) 10%, transparent); color: var(--v2-paper); text-align: left; }
.theme-2026.brand-v2 .ar-note__from { color: var(--v2-paper); font: 500 15px/1.2 var(--display); }
.theme-2026.brand-v2 .ar-note__label { color: color-mix(in srgb, var(--v2-paper) 64%, transparent); font: 500 10px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.theme-2026.brand-v2 .ar-note__time { margin: var(--v2-space-4) 0 0; color: color-mix(in srgb, var(--v2-paper) 52%, transparent); text-align: center; font: 400 12px/1.4 var(--display); font-variant-numeric: tabular-nums; }
.theme-2026.brand-v2 .ar-note__msg { max-width: 86%; margin: var(--v2-space-2) 0 0; padding: var(--v2-space-3) var(--v2-space-4); border-radius: var(--v2-radius-md) var(--v2-radius-md) var(--v2-radius-md) var(--v2-radius-sm); background: color-mix(in srgb, var(--v2-paper) 12%, transparent); font: 400 15px/1.5 var(--display); text-wrap: pretty; }
.theme-2026.brand-v2 .ar-note__msg + .ar-note__msg { margin-top: var(--v2-space-1); }

/* == what it handles: one tile per outcome == */
.theme-2026.brand-v2 .ar-handles { display: grid; gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--v2-rule); border-radius: var(--v2-radius-sm); background: var(--v2-rule); list-style: none; }
.theme-2026.brand-v2 .ar-handles li { display: grid; align-content: start; gap: var(--v2-space-3); margin: 0; padding: var(--v2-space-6) var(--v2-space-5); background: var(--v2-paper); }
.theme-2026.brand-v2 .ar-handles__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--v2-radius-sm); background: color-mix(in srgb, var(--v2-signal) 10%, transparent); color: var(--v2-signal); }
.theme-2026.brand-v2 .ar-handles__icon .ar-icon { width: 22px; height: 22px; }
.theme-2026.brand-v2 .ar-handles h3 { margin: var(--v2-space-2) 0 0; color: var(--v2-ink); font: 500 19px/1.25 var(--display); letter-spacing: -.01em; }
.theme-2026.brand-v2 .ar-handles p { margin: 0; color: var(--v2-quiet); font: 400 15px/1.5 var(--display); }

/* == how it works: three numbered steps on the shared home-steps counter == */
.theme-2026.brand-v2 .ar-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v2-space-6); margin: 0; padding: 0; list-style: none; }
.theme-2026.brand-v2 .ar-steps .home-step { margin: 0; padding-top: var(--v2-space-5); border-top: 1px solid var(--v2-rule-strong); }
.theme-2026.brand-v2 .ar-steps .home-step p { font-size: 15px; }
.theme-2026.brand-v2 .ar-steps .home-step a { padding-block: var(--v2-space-3); color: var(--v2-ink); text-decoration: underline; text-underline-offset: 3px; }
.theme-2026.brand-v2 .ar-steps .home-step a:hover { color: var(--v2-signal); }

/* == example calls (industry pages): the caller's line and what PhoneIQ does with it == */
.theme-2026.brand-v2 .ar-calls { display: grid; gap: var(--v2-space-5); }
.theme-2026.brand-v2 .ar-call { gap: var(--v2-space-3); }
.theme-2026.brand-v2 .ar-call p { margin: 0; }
.theme-2026.brand-v2 .ar-call__outcome { display: grid; gap: var(--v2-space-2); margin-top: auto; padding-top: var(--v2-space-4); border-top: 1px solid var(--v2-rule); }
.theme-2026.brand-v2 .ar-call__who { color: var(--v2-signal); font: 500 10px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; }

/* == industries: one link card per industry page == */
.theme-2026.brand-v2 .ar-industries { display: grid; gap: var(--v2-space-5); }
.theme-2026.brand-v2 .ar-industry { gap: var(--v2-space-3); color: var(--v2-ink); text-decoration: none; transition: border-color 240ms var(--v2-ease), box-shadow 240ms var(--v2-ease); }
.theme-2026.brand-v2 .ar-industry:hover { border-color: var(--v2-signal); box-shadow: var(--v2-shadow-soft); }
.theme-2026.brand-v2 .ar-industry__label,
.theme-2026.brand-v2 .ar-call__label { color: var(--v2-faint); font: 500 10px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.theme-2026.brand-v2 .ar-industry h3 { font-size: 24px; }
.theme-2026.brand-v2 .ar-industry p { margin: 0; }
.theme-2026.brand-v2 .ar-industry .ar-industry__quote,
.theme-2026.brand-v2 .ar-call__quote { color: var(--v2-ink); font-size: 20px; line-height: 1.35; letter-spacing: -.01em; text-wrap: pretty; }
.theme-2026.brand-v2 .ar-industry__more { display: inline-flex; align-items: center; gap: var(--v2-space-2); margin-top: auto; padding-top: var(--v2-space-3); color: var(--v2-signal); font: 500 15px/1.3 var(--display); }
.theme-2026.brand-v2 .ar-industry__more .ar-icon { width: 18px; height: 18px; transition: transform 240ms var(--v2-ease); }
.theme-2026.brand-v2 .ar-industry:hover .ar-industry__more .ar-icon { transform: translateX(3px); }

/* == trial band: the price anchor on the signal color == */
.theme-2026.brand-v2 .ar-trial { padding: clamp(var(--v2-space-8), 7vw, var(--v2-space-10)) 0; background: var(--v2-signal); color: var(--v2-paper); }
.theme-2026.brand-v2 .ar-trial__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--v2-space-6); }
.theme-2026.brand-v2 .ar-trial .home-eyebrow { color: color-mix(in srgb, var(--v2-paper) 76%, transparent); }
.theme-2026.brand-v2 .ar-trial .home-eyebrow::before { background: var(--v2-paper); }
.theme-2026.brand-v2 .ar-trial h2 { margin: 0; color: var(--v2-paper); font: 300 clamp(36px, 4.6vw, 60px)/1.02 var(--display); letter-spacing: -.035em; text-wrap: balance; }
.theme-2026.brand-v2 .ar-trial h2 strong { display: block; font-weight: 500; }
.theme-2026.brand-v2 .ar-trial__actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--v2-space-3); }
.theme-2026.brand-v2 .ar-trial .home-button--light:hover { color: var(--v2-signal); background: var(--v2-paper); border-color: var(--v2-paper); }
.theme-2026.brand-v2 .ar-trial__link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--v2-space-2); color: var(--v2-paper); font: 500 15px/1.3 var(--display); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--v2-paper) 50%, transparent); text-underline-offset: 4px; transition: text-decoration-color 240ms var(--v2-ease); }
.theme-2026.brand-v2 .ar-trial__link:hover { text-decoration-color: var(--v2-paper); }

/* == FAQ: the front-matter list rendered as native disclosures == */
.theme-2026.brand-v2 .ar-faq { max-width: 780px; }

@media (min-width: 600px) {
  .theme-2026.brand-v2 .ar-handles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .theme-2026.brand-v2 .ar-handles li:last-child { grid-column: 1 / -1; }
}
@media (min-width: 760px) {
  .theme-2026.brand-v2 .ar-industries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .theme-2026.brand-v2 .ar-handles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .theme-2026.brand-v2 .ar-handles li:last-child { grid-column: auto; }
  .theme-2026.brand-v2 .ar-calls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .theme-2026.brand-v2 .ar-industries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .theme-2026.brand-v2 .ar-note { justify-self: start; }
}
@media (max-width: 760px) {
  .theme-2026.brand-v2 .ar-steps { grid-template-columns: 1fr; }
  .theme-2026.brand-v2 .ar-trial h2 strong { display: inline; }
}
@media (max-width: 599px) {
  .theme-2026.brand-v2 .ar-hero .home-actions { flex-direction: column; align-items: stretch; }
  .theme-2026.brand-v2 .ar-handles li { padding: var(--v2-space-5); }
  .theme-2026.brand-v2 .ar-trial__actions, .theme-2026.brand-v2 .ar-trial .home-button { width: 100%; }
  .theme-2026.brand-v2 .ar-trial__link { justify-content: center; width: 100%; }
}

/* Legacy Webflow rules these pages still use, copied from phoneiq.purged.css (116 of 11031 rules, selected by
   matching selectors on /ai-receptionist, /restaurants and /salons) because skipLegacyStyles drops that file here.
   The layer keeps them below the theme, as they were when the legacy file loaded first. */
@layer legacy-webflow {
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}a{background-color:#0000}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}img{border:0}svg:not(:root){overflow:hidden}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}.w-inline-block{max-width:100%;display:inline-block}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}p{margin-top:0;margin-bottom:10px}figure{margin:0 0 10px}figcaption{text-align:center;margin-top:5px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:" ";grid-area:1/1/2/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.w-nav-link{vertical-align:top;color:#222;text-align:left;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;display:inline-block;position:relative}.w-nav-menu{float:right;position:relative}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}:root{--dark:#00135e;--dark-slate-blue:#00135e;--royal-blue-2:#5078ee;--main-color:#9165f7;--medium-turquoise:#51d8d6;--white:white;--grey-1:#798099;--grey-3:#e6e8f0;--grade-1-light:#b87df9;--grade-1-dark:#6a4ee1;--gradient-3-light:#62d1f8;--gradient-3-dark:#5c71d9;--gradient-4-light:#84f796;--gradient-4-dark:#11aeaf;--haze:ghostwhite;--white-2:#f0f4ff;--pale-turquoise:#93e8e7;--light-pink-3:#ffb7b1;--cornflower-blue:#7b9cff;--cornflower-blue-2:#9f9fff;--black:#5078ee;--lavender:#f0f0ff;--light-coral:#ffa39b;--light-pink:#ffb7b1;--grey-2:#a9aec3;--haze-dark:#ededff;--pale-turquoise-2:#a8a8ff;--royal-blue:#edf8ff;--midnight-blue:#005898;--dark-slate-blue-3:#3530b2;--lavender-2:#ebffff;--dark-slate-blue-2:#04918c;--color-2:#f92468;--color-3:#ffb543;--medium-slate-blue:#1a47a6;--color-4:#4ee484;--gradient-2-light:#f8bb4b;--gradient-2-dark:#f85252;--royal-blue-4:#3d5bb4;--azure:#ebffff63;--royal-blue-3:#5771bd;--dark-blue:#001f9b;--light-pink-2:#ffb7b1;--ghost-white:#fff5f5}body{color:var(--dark);background-color:#fff;font-family:Roboto,sans-serif;font-size:15px;line-height:24px}h1{margin-top:0;margin-bottom:16px;font-family:Fira Sans,sans-serif;font-size:44px;font-weight:500;line-height:56px}h2{margin-top:0;margin-bottom:28px;font-family:Fira Sans,sans-serif;font-size:32px;font-weight:500;line-height:40px}h3{margin-top:0;margin-bottom:16px;font-family:Fira Sans,sans-serif;font-size:24px;font-weight:500;line-height:32px}p{margin-bottom:24px}a{color:var(--main-color);text-decoration:none}ul{border:2px none var(--medium-turquoise);background-color:var(--dark-slate-blue);color:var(--white);border-radius:6px;margin-top:16px;margin-bottom:24px;padding:35px 20px 20px 50px}ol{border:0px solid var(--medium-turquoise);border-radius:8px;margin-top:16px;margin-bottom:24px;padding:20px 20px 20px 40px}li{margin-bottom:15px}figure{margin-bottom:24px}figcaption{color:var(--grey-1);text-align:center;margin-top:12px;font-size:13px;line-height:20px}.wrapper{z-index:2;background-color:#0000;flex-flow:wrap;justify-content:flex-start;align-items:center;width:100%;max-width:1220px;margin:0 auto 60px;padding-left:3%;padding-right:3%;display:flex;position:relative}.wrapper.nav-bar-wrapper{flex-direction:row;justify-content:space-between;align-items:stretch;height:100%;display:flex}.wrapper.nav-bar-wrapper.mobile{background-color:#fff;max-width:100vw;display:flex}.button{background-color:var(--dark-slate-blue);color:#fff;text-align:center;text-transform:uppercase;border:1px #0000;border-radius:4px;justify-content:center;align-items:center;height:48px;padding:12px 24px;font-size:14px;font-weight:500;line-height:24px;text-decoration:none;transition:border-color .4s,transform .4s,box-shadow .4s;display:flex}.button:hover{transform:translateY(-3px)}.button.small{background-image:linear-gradient(to bottom,var(--gradient-3-dark),var(--gradient-3-dark));height:40px;padding:8px 20px;font-size:13px;line-height:20px}.button.small:hover{box-shadow:none}.button.small.nav{margin-left:10px}.nav-bar{z-index:100;background-color:#fff;justify-content:center;height:88px;display:flex;position:relative;top:0;left:0;right:0}.nav-bar.sticky{background-color:#0000;max-width:100vw;height:80px;position:fixed;top:0;overflow:visible}.nav-link{color:var(--dark-slate-blue);border-radius:4px;padding:8px 16px;transition:background-color .4s}.nav-link:hover{background-color:#30364d1a}.brand{color:var(--white);justify-content:center;align-items:center;padding-left:14px;padding-right:14px;display:flex}.brand.white-bg{z-index:1;color:var(--dark);margin-left:2.5%;padding-top:30px;position:absolute}.brand.white-bg.logonav,.brand.white-bg.logonav.w--current{margin-left:0%;padding-top:0;position:static}.nav-menu{align-items:center;padding-left:0;padding-right:15px;display:flex}.navigation{color:var(--dark-slate-blue);flex:1;justify-content:space-between;align-items:center;padding-left:15px;padding-right:15px;display:flex}.nav-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.div-block-23{z-index:0;width:100%;height:100%;position:absolute;inset:0% auto auto 0%}.div-block-23.divshadow{-webkit-text-fill-color:inherit;background-color:#fff;background-clip:border-box;box-shadow:1px 1px 20px #0000000f}.nav-link-2{color:var(--dark);font-size:1px}.nav-link-2.linksinbisible{color:#0000;width:1px;height:1px;padding:0;position:absolute}@media screen and (min-width:1280px){.wrapper{flex-flow:column;justify-content:center;align-items:center;max-width:1300px;padding-left:3%;padding-right:3%}.wrapper.nav-bar-wrapper.mobile{display:flex}.nav-bar.sticky{overflow:visible}}@media screen and (min-width:1440px){ul{padding-top:35px;padding-bottom:20px}ol{color:var(--dark-slate-blue);background-color:#0000;padding-top:25px;padding-bottom:25px;padding-right:25px}li{margin-bottom:15px}.wrapper{flex-flow:row;max-width:1390px}.wrapper.nav-bar-wrapper{max-width:1390px}.wrapper.nav-bar-wrapper.mobile{padding-left:2%;padding-right:2%}.button{color:var(--white)}.button.small:hover{background-color:var(--dark-slate-blue)}.nav-bar.sticky{background-color:var(--white);background-color:#fff;overflow:visible}.nav-menu{background-color:#0000}}@media screen and (min-width:1920px){.wrapper{flex-flow:column;justify-content:center;width:100%;max-width:1380px;margin-bottom:0;padding-left:3%;display:flex}}@media screen and (max-width:991px){h1{font-size:30px;line-height:40px}h2{font-size:26px;line-height:32px}h3{margin-bottom:12px}p{margin-bottom:24px}.wrapper{flex-wrap:wrap;justify-content:space-between;margin-top:-1px;margin-bottom:0;padding:30px 8px 0}.wrapper.nav-bar-wrapper{padding-left:0;padding-right:0}.wrapper.nav-bar-wrapper.mobile{display:block}.button.small{z-index:5;margin-right:20px;position:relative}.nav-bar{height:64px;padding-left:0;padding-right:0}.nav-bar.sticky{display:none}.nav-link{color:var(--dark);background-color:#fff;border-radius:0;padding:12px 24px}.nav-link:hover{background-color:#fff}.brand{padding-left:16px;padding-right:16px}.brand.white-bg{padding-top:20px}.nav-menu{border-bottom:1px solid var(--haze-dark);background-color:var(--white);max-height:90vh;margin-right:0;padding-bottom:16px;padding-left:0;padding-right:0;overflow:scroll}.navigation{padding-left:0;padding-right:0}.div-block-23.divshadow{opacity:0;opacity:0}}@media screen and (max-width:767px){h1{font-size:26px;line-height:32px}h2{font-size:25px}.wrapper{justify-content:center;margin-top:0;padding-top:20px;padding-left:30px;padding-right:30px;display:block}.nav-bar{height:60px}}@media screen and (max-width:479px){.wrapper{text-align:left;max-width:100vw;margin:0;padding:0 10px;position:relative;overflow:visible}.button.small{padding-left:16px;padding-right:16px;display:none}.nav-menu{width:100%}}@media screen and (min-width:1280px){.wrapper{flex-flow:column;justify-content:center;align-items:center;max-width:1300px;padding-left:3%;padding-right:3%}}
/* Blog post reading time, author card (overlapping hero right side) */

/* Post author card - matches live site sidebar overlay */

/* Fix: Landing page flex layout - ensure row direction on desktop */

/* Fix: Blog post hero image containment - was designed for background-image, now uses img tag */

/* Blog post page: hero image (.post-image) - matches live site */

/* Blog post wrapper: narrow content column */

/* Fix: Homepage product section — wrapper should be row on desktop */

/* Fix: displaynone should never become visible (Webflow CSS cascade bug at 1920px) */

/* Fix: Force visible nav dropdown arrows and bg-elements (Webflow IX2 animation targets) */

/* Rule #11: Blog-specific nav — classes purged because blog nav was not in original templates */

/* Rule #12: Blog nav subscribe button styling */

/* Rule #13: Testimonial grid layout fix — w-node IDs don't match after scrape, use class selectors */

/* Rule #14: What-is hero background fix — SVG background-image doesn't render on CF Pages (special chars in filename), use solid color fallback */
}