.wp-site-blocks > .haillo-features-template,.haillo-features-template > .wp-block-shortcode,.haillo-features-shell { margin-block: 0 !important; }
.haillo-features-template { background: var(--wp--preset--gradient--atmosphere); }
.haillo-features-page { overflow: hidden; background: #fff; color: var(--wp--preset--color--navy); }
.haillo-features-page *,.haillo-features-page *::before,.haillo-features-page *::after { box-sizing: border-box; }
.haillo-features-page :is(h1,h2,h3) { letter-spacing: 0; }
.haillo-gradient-text { color: transparent; background: var(--wp--preset--gradient--signal); background-clip: text; -webkit-background-clip: text; }

.haillo-features-hero { padding: clamp(155px,16vw,210px) 24px clamp(95px,10vw,140px); background: radial-gradient(circle at 82% 29%,rgba(124,58,237,.1),transparent 29%),radial-gradient(circle at 10% 18%,rgba(52,120,246,.1),transparent 26%),var(--wp--preset--gradient--atmosphere); }
.haillo-features-hero__inner { display: grid; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); align-items: center; gap: clamp(50px,8vw,110px); width: var(--wp--custom--container--page); margin: auto; }
.haillo-features-hero__copy { max-width: 670px; }
.haillo-features-hero h1 { margin: 0; font-size: clamp(3.4rem,5.8vw,5.8rem); font-weight: 680; line-height: 1.02; }
.haillo-features-hero h1 span { display: block; }
.haillo-features-hero__copy > p { max-width: 610px; margin: 28px 0 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--lead); line-height: 1.65; }
.haillo-features-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.haillo-platform-map { position: relative; aspect-ratio: 1.25; min-height: 460px; }
.haillo-platform-map > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.haillo-platform-map > svg path { fill: none; stroke: rgba(52,120,246,.48); stroke-width: 1.8; stroke-dasharray: 5 5; filter: drop-shadow(0 0 4px rgba(52,120,246,.16)); vector-effect: non-scaling-stroke; }
.haillo-platform-map__center { position: absolute; left: 50%; top: 50%; display: grid; justify-items: center; width: 190px; padding: 25px 18px 20px; border: 1px solid rgba(52,120,246,.2); border-radius: 24px; background: rgba(255,255,255,.92); box-shadow: var(--wp--custom--shadow--medium); transform: translate(-50%,-50%); }
.haillo-platform-map__center img { width: 112px; height: auto; margin-bottom: 10px; }
.haillo-platform-map__center small { color: var(--wp--preset--color--blue); font-size: .55rem; font-weight: 780; letter-spacing: .1em; }
.haillo-platform-map__center strong { margin-top: 4px; font-size: .9rem; }
.haillo-platform-map__center em { margin-top: 8px; color: var(--wp--custom--interaction--success-text); font-size: .62rem; font-style: normal; }
.haillo-platform-map__item { position: absolute; display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid rgba(52,120,246,.16); border-radius: 22px; background: #fff; box-shadow: 0 14px 35px rgba(35,50,100,.12); color: var(--wp--preset--color--blue); transform: translate(-50%,-50%); }
.haillo-platform-map__item svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }.haillo-platform-map__item svg.is-whatsapp-logo { width: 33px; height: 33px; fill: currentColor; stroke: none; }.haillo-platform-map__item.is-message { border-color: rgba(18,140,98,.2); color: #128c62; }
.haillo-platform-map__item.is-workflow { left: 11.33%; top: 24.58%; }.haillo-platform-map__item.is-voice { left: 88.67%; top: 24.58%; }.haillo-platform-map__item.is-message { left: 11.33%; top: 75.42%; }.haillo-platform-map__item.is-knowledge { left: 88.67%; top: 75.42%; }.haillo-platform-map__item.is-app { left: 50%; top: 10%; }.haillo-platform-map__item.is-team { left: 50%; top: 90%; }

.haillo-platform-order { position: relative; display: flex; align-self: center; flex-direction: column; gap: 9px; height: fit-content; padding: 24px; border: 1px solid rgba(52,120,246,.13); border-radius: 28px; background: rgba(255,255,255,.82); box-shadow: 0 28px 75px rgba(35,50,100,.14); }
.haillo-platform-order__line { position: absolute; z-index: 0; top: 52px; bottom: 52px; left: 100px; width: 2px; background: linear-gradient(180deg,rgba(52,120,246,.28),rgba(124,58,237,.6),rgba(167,44,243,.28)); }
.haillo-platform-order__line i { position: absolute; top: 0; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--wp--preset--color--blue); box-shadow: 0 0 0 5px rgba(52,120,246,.09); transform: translate(-50%,-50%); }
.haillo-platform-order article { position: relative; z-index: 1; display: grid; grid-template-columns: 28px 48px minmax(0,1fr); align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid rgba(6,23,71,.07); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 7px 20px rgba(6,23,71,.045); }
.haillo-platform-order > p:empty,.haillo-platform-order article > p:empty { display: none; }
.haillo-platform-order article > span { color: var(--wp--preset--color--blue); font-size: .54rem; font-weight: 800; }
.haillo-platform-order article > i { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(52,120,246,.12); border-radius: 14px; background: var(--wp--preset--color--soft-blue); color: var(--wp--preset--color--blue); font-style: normal; }
.haillo-platform-order article > i svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.haillo-platform-order article > div { min-width: 0; }
.haillo-platform-order article small { display: block; color: var(--wp--preset--color--slate); font-size: .47rem; font-weight: 760; letter-spacing: .07em; }
.haillo-platform-order article strong { display: block; margin-top: 2px; font-size: .8rem; }
.haillo-platform-order article p { margin: 3px 0 0; color: var(--wp--preset--color--slate); font-size: .56rem; line-height: 1.35; }
.haillo-platform-order article.is-agent { border-color: rgba(124,58,237,.24); background: linear-gradient(110deg,#fff,rgba(241,235,255,.78)); box-shadow: 0 12px 28px rgba(92,74,238,.12); }
.haillo-platform-order article.is-agent > i { background: var(--wp--preset--color--navy); }
.haillo-platform-order article.is-agent .haillo-mark { position: relative; display: flex; align-items: end; justify-content: center; gap: 2px; width: 27px; height: 25px; }
.haillo-platform-order article.is-agent .haillo-mark b { display: block; width: 5px; border-radius: 4px; background: linear-gradient(180deg,#6fa5ff,#b63aff); }
.haillo-platform-order article.is-agent .haillo-mark b:nth-child(1) { height: 13px; }.haillo-platform-order article.is-agent .haillo-mark b:nth-child(2) { height: 22px; }.haillo-platform-order article.is-agent .haillo-mark b:nth-child(3) { height: 16px; }
.haillo-platform-order article.is-tools > i { background: rgba(124,58,237,.08); color: var(--wp--preset--color--purple); }
.haillo-platform-order article.is-knowledge > i { background: rgba(167,44,243,.07); color: var(--wp--preset--color--purple); }

.haillo-feature-section { padding: clamp(110px,13vw,180px) 24px; }
.haillo-feature-intro { max-width: 820px; }
.haillo-feature-intro--center { margin-inline: auto; text-align: center; }.haillo-feature-intro--center .haillo-eyebrow { justify-content: center; }
.haillo-feature-intro h2 { margin: 0; font-size: clamp(3rem,5vw,5rem); font-weight: 670; line-height: 1.06; }.haillo-feature-intro h2 span { display: block; }
.haillo-feature-intro > p { max-width: 690px; margin: 25px 0 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--lead); line-height: 1.65; }.haillo-feature-intro--center > p { margin-inline: auto; }

.haillo-feature-workflow { background: linear-gradient(180deg,#fff,var(--wp--preset--color--mist) 58%,#fff); }
.haillo-feature-workflow > * { width: var(--wp--custom--container--page); margin-inline: auto; }
.haillo-feature-workflow > .haillo-feature-intro,.haillo-feature-review > .haillo-feature-intro { margin-left: auto; margin-right: auto; text-align: left; }
.haillo-feature-workflow > .haillo-feature-intro .haillo-eyebrow,.haillo-feature-review > .haillo-feature-intro .haillo-eyebrow { justify-content: flex-start; margin-left: 0; }
.haillo-feature-workflow > .haillo-builder { margin-top: clamp(50px,7vw,82px); }
.haillo-feature-workflow .haillo-builder__title,.haillo-feature-workflow .haillo-builder__title > div { min-width: 0; }.haillo-feature-workflow .haillo-builder__title strong { white-space: nowrap; }
.haillo-feature-workflow .haillo-builder__topbar > p { display: contents; }.haillo-feature-workflow .haillo-builder__title > p:empty { display: none; }.haillo-feature-workflow .haillo-builder__mode { justify-self: end; }
.haillo-feature-workflow .haillo-workflow-node { min-height: 56px; padding: 7px 9px; border-radius: 12px; gap: 8px; }.haillo-feature-workflow .haillo-workflow-node > p { display: contents; }.haillo-feature-workflow .haillo-workflow-node__icon { width: 26px; height: 26px; border-radius: 8px; }.haillo-feature-workflow .haillo-workflow-node small { font-size: .49rem; }.haillo-feature-workflow .haillo-workflow-node strong { font-size: .63rem; }
.haillo-deep-builder { margin-top: clamp(50px,7vw,82px); overflow: hidden; border: 1px solid rgba(6,23,71,.1); border-radius: 28px; background: #fff; box-shadow: var(--wp--custom--shadow--medium); }
.haillo-deep-builder__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 68px; padding: 0 22px; border-bottom: 1px solid rgba(6,23,71,.08); }
.haillo-deep-builder__bar > span { display: flex; gap: 5px; }.haillo-deep-builder__bar > span i { width: 7px; height: 7px; border-radius: 50%; background: rgba(102,112,133,.25); }
.haillo-deep-builder__bar strong { font-size: .77rem; }.haillo-deep-builder__bar small { justify-self: end; color: var(--wp--custom--interaction--success-text); font-size: .62rem; }
.haillo-deep-builder__body { display: grid; grid-template-columns: 235px minmax(0,1fr); min-height: 590px; }
.haillo-deep-palette { padding: 20px 16px; border-right: 1px solid rgba(6,23,71,.08); background: #fbfcfe; }
.haillo-deep-palette > div + div { margin-top: 16px; }.haillo-deep-palette strong { display: block; margin: 0 0 7px 5px; color: var(--wp--preset--color--slate); font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; }
.haillo-deep-palette span { display: block; margin: 5px 0; padding: 7px 9px; border: 1px solid rgba(6,23,71,.065); border-radius: 8px; background: #fff; color: var(--wp--preset--color--navy); font-size: .64rem; }
.haillo-deep-canvas { position: relative; min-width: 0; overflow: hidden; background-color: #fcfdff; background-image: radial-gradient(rgba(52,120,246,.16) .65px,transparent .65px); background-size: 18px 18px; }
.haillo-deep-canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; }.haillo-deep-canvas path { fill: none; stroke: rgba(52,120,246,.34); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.haillo-flow-node { position: absolute; width: 148px; padding: 12px 13px; border: 1px solid rgba(52,120,246,.16); border-radius: 12px; background: #fff; box-shadow: 0 8px 20px rgba(6,23,71,.07); }
.haillo-flow-node small { display: block; color: var(--wp--preset--color--blue); font-size: .48rem; font-weight: 780; letter-spacing: .08em; }.haillo-flow-node strong { display: block; margin-top: 3px; font-size: .64rem; line-height: 1.3; }
.haillo-flow-node.n1 { left: 5%; top: 12%; }.haillo-flow-node.n2 { left: 5%; top: 36%; }.haillo-flow-node.n3 { left: 31%; top: 36%; }.haillo-flow-node.n4 { left: 55%; top: 22%; }.haillo-flow-node.n5 { left: 55%; top: 55%; }.haillo-flow-node.n6 { right: 4%; top: 22%; }.haillo-flow-node.n7 { right: 4%; top: 69%; }
.haillo-builder-capabilities { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 50px; border-top: 1px solid rgba(6,23,71,.1); }
.haillo-builder-capabilities article { padding: 27px clamp(18px,2.5vw,32px); border-bottom: 1px solid rgba(6,23,71,.1); }.haillo-builder-capabilities article:not(:last-child) { border-right: 1px solid rgba(6,23,71,.1); }
.haillo-builder-capabilities span { color: var(--wp--preset--color--blue); font-size: .58rem; font-weight: 800; }.haillo-builder-capabilities h3 { margin: 9px 0 0; font-size: 1rem; }.haillo-builder-capabilities p { margin: 8px 0 0; color: var(--wp--preset--color--slate); font-size: .72rem; line-height: 1.55; }

.haillo-feature-channels { background: #fff; }.haillo-feature-channels > * { width: var(--wp--custom--container--page); }
.haillo-channel-map { position: relative; width: var(--wp--custom--container--page); margin: 65px auto 0; padding: clamp(30px,5vw,58px); border: 1px solid rgba(6,23,71,.08); border-radius: 28px; background: linear-gradient(180deg,#fbfcff,var(--wp--preset--color--mist)); overflow: hidden; }
.haillo-channel-map__entries { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; padding-bottom: 52px; }.haillo-channel-map__entries::after { position: absolute; left: 8.333%; right: 8.333%; bottom: 24px; height: 2px; background: linear-gradient(90deg,rgba(52,120,246,.25),var(--wp--preset--color--purple),rgba(52,120,246,.25)); content: ""; }.haillo-channel-map__entries > span { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; min-width: 0; min-height: 88px; padding: 10px 6px; border: 1px solid rgba(6,23,71,.07); border-radius: 14px; background: #fff; box-shadow: var(--wp--custom--shadow--small); font-size: .64rem; font-weight: 680; text-align: center; }.haillo-channel-map__entries > span::after { position: absolute; left: 50%; top: 100%; width: 1px; height: 29px; background: rgba(52,120,246,.35); content: ""; }.haillo-channel-map__entries > span > i { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: var(--wp--preset--color--soft-blue); color: var(--wp--preset--color--blue); font-style: normal; }.haillo-channel-map__entries svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }.haillo-channel-map__entries .is-whatsapp > i { background: rgba(18,140,98,.1); color: #128c62; }.haillo-channel-map__entries .is-whatsapp svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }.haillo-channel-map__entries .is-api { font-size: .58rem; font-weight: 800; }.haillo-channel-map__entries .is-secondary { opacity: .9; }.haillo-channel-map__entries .is-slack > i { position: relative; display: block; background: #fff; }.haillo-channel-map__entries .is-slack b { position: absolute; width: 5px; height: 14px; border-radius: 4px; background: #36c5f0; }.haillo-channel-map__entries .is-slack b:nth-child(1) { left: 9px; top: 4px; }.haillo-channel-map__entries .is-slack b:nth-child(2) { right: 9px; top: 9px; background: #2eb67d; transform: rotate(90deg); }.haillo-channel-map__entries .is-slack b:nth-child(3) { right: 9px; bottom: 4px; background: #ecb22e; }.haillo-channel-map__entries .is-slack b:nth-child(4) { left: 9px; bottom: 9px; background: #e01e5a; transform: rotate(90deg); }
.haillo-channel-map__center { position: relative; display: grid; place-items: center; width: 180px; margin: 0 auto; padding: 22px 15px; border-radius: 21px; background: var(--wp--preset--color--navy); box-shadow: var(--wp--custom--shadow--medium); color: #fff; }.haillo-channel-map__center::before { position: absolute; left: 50%; bottom: 100%; width: 2px; height: 26px; background: var(--wp--preset--color--purple); content: ""; }.haillo-channel-map__center .haillo-mark { width: 36px; height: 33px; }.haillo-channel-map__center .haillo-mark i { background: linear-gradient(180deg,#70a4ff,#b866ff); }.haillo-channel-map__center strong { margin-top: 8px; }.haillo-channel-map__center small { color: rgba(255,255,255,.6); font-size: .57rem; }
.haillo-channel-map__outcome { position: relative; display: grid; justify-items: center; gap: 7px; width: 230px; margin: 48px auto 0; padding: 18px; border-radius: 16px; background: #fff; box-shadow: var(--wp--custom--shadow--small); font-size: .65rem; }.haillo-channel-map__outcome::before { position: absolute; left: 50%; bottom: 100%; width: 2px; height: 48px; background: linear-gradient(var(--wp--preset--color--purple),rgba(18,164,111,.55)); content: ""; }.haillo-channel-map__outcome i { color: var(--wp--preset--color--purple); font-style: normal; }.haillo-channel-map__outcome strong { color: var(--wp--custom--interaction--success-text); }
.haillo-feature-statement { margin: 28px auto 0; color: var(--wp--preset--color--slate); text-align: center; }.haillo-feature-statement strong { color: var(--wp--preset--color--navy); }

.haillo-feature-integrations { padding: clamp(110px,13vw,180px) 24px; background: #07132f; color: #fff; }.haillo-feature-integrations__inner { width: var(--wp--custom--container--page); margin: auto; }.haillo-feature-integrations .haillo-feature-intro h2 { color: #fff; }.haillo-feature-integrations .haillo-feature-intro > p { color: rgba(225,232,249,.7); }.haillo-feature-integrations .haillo-eyebrow { border-color: rgba(255,255,255,.12); background: #12234f; color: #fff; }
.haillo-integration-ecosystem { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 70px; padding: clamp(25px,5vw,65px); border: 1px solid rgba(154,180,255,.15); border-radius: 32px; background: radial-gradient(circle at 50% 50%,rgba(52,120,246,.15),transparent 30%),rgba(255,255,255,.025); }
.haillo-integration-center { position: absolute; z-index: 2; left: 50%; top: 50%; display: grid; place-items: center; width: 150px; height: 150px; padding: 20px; border: 1px solid rgba(143,181,255,.28); border-radius: 50%; background: #fff; box-shadow: 0 0 0 16px rgba(52,120,246,.07),0 25px 60px rgba(0,0,0,.35); transform: translate(-50%,-50%); }.haillo-integration-center img { width: 112px; height: auto; }.haillo-integration-center small { margin-top: 2px; color: var(--wp--preset--color--slate); font-size: .5rem; }
.haillo-integration-group { min-height: 205px; padding: 21px; border: 1px solid rgba(154,180,255,.1); border-radius: 18px; background: rgba(255,255,255,.025); }.haillo-integration-group:nth-child(even) { padding-right: 100px; }.haillo-integration-group:nth-child(odd) { padding-left: 100px; }.haillo-integration-group > p { margin: 0 0 15px; color: rgba(222,230,249,.48); font-size: .58rem; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }.haillo-integration-group > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }.haillo-integration-group .haillo-brand-tile { display: grid; place-items: center; min-width: 0; min-height: 46px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: rgba(255,255,255,.065); transition: border-color .2s ease,background .2s ease,transform .2s ease; }.haillo-integration-group .haillo-brand-tile:hover { border-color: rgba(112,164,255,.5); background: rgba(255,255,255,.11); transform: translateY(-2px); }.haillo-brand-tile > b { color: rgba(255,255,255,.9); font-size: .67rem; font-weight: 790; line-height: 1; letter-spacing: -.025em; text-align: center; white-space: nowrap; }
.haillo-brand-tile[data-brand="salesforce"] > b { color: #40a8db; font-size: .62rem; }.haillo-brand-tile[data-brand="hubspot"] > b { color: #ff7a59; }.haillo-brand-tile[data-brand="dynamics-365"] > b,.haillo-brand-tile[data-brand="microsoft-365"] > b,.haillo-brand-tile[data-brand="outlook"] > b,.haillo-brand-tile[data-brand="teams"] > b { color: #76a8ff; }.haillo-brand-tile[data-brand="zoho"] > b { background: linear-gradient(90deg,#ef5350,#fbc02d,#42a5f5,#66bb6a); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 900; }.haillo-brand-tile[data-brand="freshdesk"] > b { color: #45d58d; }.haillo-brand-tile[data-brand="zendesk"] > b { color: #9ad6d3; }.haillo-brand-tile[data-brand="google-workspace"] > b,.haillo-brand-tile[data-brand="google-calendar"] > b { color: #8ab4f8; }.haillo-brand-tile[data-brand="slack"] > b { background: linear-gradient(90deg,#36c5f0,#2eb67d,#ecb22e,#e01e5a); background-clip: text; -webkit-background-clip: text; color: transparent; }.haillo-brand-tile[data-brand="shopify"] > b { color: #95bf47; }.haillo-brand-tile[data-brand="stripe"] > b { color: #a9a5ff; }.haillo-brand-tile[data-brand="payu"] > b { color: #b5d653; }.haillo-brand-tile[data-brand="payfast"] > b { color: #38bdf8; }.haillo-brand-tile[data-brand="paypal"] > b { color: #63a8ff; font-style: italic; }.haillo-brand-tile[data-brand="peach-payments"] > b { color: #ff8e6b; }.haillo-brand-tile[data-brand="yoco"] > b { color: #58d7cf; }.haillo-brand-tile[data-brand="ozow"] > b { color: #b38cff; }.haillo-brand-tile[data-brand="paystack"] > b { color: #4ad8ff; }.haillo-brand-tile[data-brand="xero"] > b { color: #5bd2f4; }.haillo-brand-tile[data-brand="sage"] > b { color: #64e783; }.haillo-brand-tile[data-brand="whatsapp"] > b { color: #63df9a; }.haillo-brand-tile[data-brand="twilio"] > b { color: #ff7180; }.haillo-brand-tile[data-brand="zapier"] > b { color: #ff7a43; }.haillo-brand-tile[data-brand="make"] > b { color: #c185ff; }.haillo-brand-tile[data-brand="rest-api"] > b,.haillo-brand-tile[data-brand="webhook"] > b,.haillo-brand-tile[data-brand="custom-api"] > b { color: #83adff; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.haillo-integration-note { max-width: 800px; margin: 27px 0 0; color: rgba(225,232,249,.72); font-size: .78rem; line-height: 1.6; }.haillo-trademark-note { display: block; margin-top: 9px; color: rgba(225,232,249,.4); font-size: .58rem; }

.haillo-feature-agents > * { width: var(--wp--custom--container--page); margin-inline: auto; }.haillo-feature-agents__grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(500px,1.18fr); align-items: center; gap: clamp(60px,9vw,130px); }
.haillo-feature-agent-ui { padding: 22px; border: 1px solid rgba(6,23,71,.09); border-radius: 27px; background: var(--wp--preset--color--mist); box-shadow: var(--wp--custom--shadow--medium); }.haillo-feature-agent-ui__head { display: flex; align-items: center; gap: 13px; padding: 17px; border-radius: 17px; background: #fff; }.haillo-feature-agent-ui__head .haillo-mark { width: 42px; height: 38px; }.haillo-feature-agent-ui__head > div { display: grid; }.haillo-feature-agent-ui__head small { color: var(--wp--preset--color--blue); font-size: .52rem; font-weight: 780; letter-spacing: .08em; }.haillo-feature-agent-ui__head strong { font-size: .92rem; }.haillo-feature-agent-ui__head em { color: var(--wp--custom--interaction--success-text); font-size: .58rem; font-style: normal; }
.haillo-feature-agent-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 10px; }.haillo-feature-agent-settings > div { min-width: 0; min-height: 105px; padding: 16px; border: 1px solid rgba(6,23,71,.07); border-radius: 14px; background: rgba(255,255,255,.82); }.haillo-feature-agent-settings small { display: block; color: var(--wp--preset--color--slate); font-size: .56rem; }.haillo-feature-agent-settings strong { display: block; margin-top: 6px; font-size: .7rem; }.haillo-feature-agent-settings p { margin: 8px 0 0; color: var(--wp--preset--color--slate); font-size: .57rem; }.haillo-feature-agent-settings em { display: block; margin-top: 8px; color: var(--wp--custom--interaction--success-text); font-size: .57rem; font-style: normal; }
.haillo-mini-wave { display: flex; align-items: center; gap: 3px; height: 18px; margin-top: 10px; }.haillo-mini-wave i { width: 3px; height: 8px; border-radius: 3px; background: var(--wp--preset--gradient--signal); }.haillo-mini-wave i:nth-child(2),.haillo-mini-wave i:nth-child(4) { height: 14px; }
.haillo-agent-capabilities { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 70px; border-top: 1px solid rgba(6,23,71,.1); }.haillo-agent-capabilities article { padding: 25px 28px 25px 0; border-bottom: 1px solid rgba(6,23,71,.1); }.haillo-agent-capabilities article:not(:nth-child(3n+1)) { padding-left: 28px; border-left: 1px solid rgba(6,23,71,.1); }.haillo-agent-capabilities h3 { margin: 0; font-size: 1rem; }.haillo-agent-capabilities p { margin: 8px 0 0; color: var(--wp--preset--color--slate); font-size: .72rem; line-height: 1.55; }

.haillo-feature-live { padding: clamp(110px,13vw,175px) 24px; background: #07132f; color: #fff; }.haillo-feature-live__inner { width: var(--wp--custom--container--page); margin: auto; }.haillo-feature-live .haillo-feature-intro h2 { color: #fff; }.haillo-feature-live .haillo-feature-intro > p { color: rgba(225,232,249,.7); }.haillo-feature-live .haillo-eyebrow { border-color: rgba(255,255,255,.12); background: #12234f; color: #fff; }
.haillo-live-console { margin-top: 65px; overflow: hidden; border: 1px solid rgba(154,180,255,.15); border-radius: 28px; background: rgba(8,19,48,.9); box-shadow: 0 35px 90px rgba(0,0,0,.3); }.haillo-live-console__bar { display: flex; align-items: center; justify-content: space-between; min-height: 70px; padding: 0 25px; border-bottom: 1px solid rgba(154,180,255,.12); }.haillo-live-console__bar > strong { display: flex; align-items: center; gap: 9px; font-size: .78rem; }.haillo-live-console__bar > strong i { width: 7px; height: 7px; border-radius: 50%; background: #22c983; }.haillo-live-badge { display: flex; align-items: center; gap: 7px; color: #80e5b3; font-size: .64rem; font-weight: 700; }.haillo-live-badge i { width: 6px; height: 6px; border-radius: 50%; background: #22c983; animation: haillo-feature-live-pulse 2.4s ease-in-out infinite; }
.haillo-live-console__body { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr); gap: 18px; padding: clamp(22px,4vw,42px); }.haillo-live-conversation,.haillo-live-console aside { padding: clamp(22px,3vw,32px); border: 1px solid rgba(154,180,255,.12); border-radius: 18px; background: rgba(255,255,255,.035); }.haillo-live-conversation > div + div { margin-top: 28px; }.haillo-live-conversation small { color: rgba(222,230,249,.5); font-size: .58rem; font-weight: 700; }.haillo-live-conversation p { margin: 6px 0 0; color: #fff; font-size: 1rem; line-height: 1.6; }.haillo-live-conversation .is-haillo { margin-left: 34px; padding-left: 15px; border-left: 2px solid #6f69f5; }.haillo-live-conversation > span { display: inline-block; margin-top: 38px; padding: 7px 10px; border-radius: 999px; background: rgba(52,120,246,.13); color: #9bbcff; font-size: .59rem; }
.haillo-live-console dl { margin: 0; }.haillo-live-console dl div { padding: 14px 0; border-bottom: 1px solid rgba(154,180,255,.1); }.haillo-live-console dt { color: rgba(222,230,249,.45); font-size: .56rem; text-transform: uppercase; }.haillo-live-console dd { margin: 5px 0 0; color: #fff; font-size: .72rem; font-weight: 650; }.haillo-live-console dd.is-active { color: #80e5b3; }.haillo-live-console button { width: 100%; min-height: 42px; margin-top: 18px; border: 1px solid rgba(143,181,255,.28); border-radius: 10px; background: rgba(52,120,246,.1); color: #fff; font: inherit; font-size: .68rem; font-weight: 700; cursor: default; opacity: 1; }
@keyframes haillo-feature-live-pulse { 50% { box-shadow: 0 0 0 6px rgba(34,201,131,0); } }

.haillo-feature-review > * { width: var(--wp--custom--container--page); margin-inline: auto; }.haillo-review-areas { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 65px; }.haillo-review-area { display: flex; flex-direction: column; padding: 24px; border: 1px solid rgba(6,23,71,.09); border-radius: 20px; background: #fff; box-shadow: var(--wp--custom--shadow--small); }.haillo-review-area header { display: flex; align-items: center; gap: 10px; }.haillo-review-area header span { color: var(--wp--preset--color--blue); font-size: .58rem; font-weight: 800; }.haillo-review-area h3 { margin: 0; font-size: 1.3rem; }.haillo-review-area > p { margin: 18px 0 0; color: var(--wp--preset--color--slate); font-size: .72rem; line-height: 1.55; }
.haillo-review-sample,.haillo-quality-sample,.haillo-feature-chart { flex: 1; min-height: 260px; margin-top: 22px; padding: 20px; border-radius: 15px; background: var(--wp--preset--color--mist); }.haillo-review-sample > small { color: var(--wp--preset--color--blue); font-size: .54rem; font-weight: 780; letter-spacing: .08em; }.haillo-review-sample > p { margin: 12px 0 20px; font-size: .72rem; line-height: 1.55; }.haillo-review-sample dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.haillo-review-sample dt { color: var(--wp--preset--color--slate); font-size: .55rem; }.haillo-review-sample dd { margin: 4px 0 0; font-size: .65rem; font-weight: 700; }.haillo-review-track { display: flex; align-items: center; margin-top: 28px; }.haillo-review-track i { width: 7px; height: 7px; border-radius: 50%; background: var(--wp--preset--color--blue); }.haillo-review-track span { flex: 1; height: 1px; background: rgba(52,120,246,.25); }
.haillo-quality-sample > div { display: flex; align-items: baseline; gap: 4px; }.haillo-quality-sample strong { font-size: 2.5rem; }.haillo-quality-sample small { color: var(--wp--preset--color--slate); font-size: .6rem; }.haillo-quality-sample > span { display: inline-block; margin-top: 8px; padding: 5px 8px; border-radius: 999px; background: rgba(18,164,111,.1); color: var(--wp--custom--interaction--success-text); font-size: .58rem; font-weight: 700; }.haillo-quality-sample ul { display: grid; gap: 11px; margin: 25px 0 0; padding: 0; list-style: none; }.haillo-quality-sample li { font-size: .67rem; }.haillo-quality-sample li::before { margin-right: 7px; color: var(--wp--preset--color--blue); content: "✓"; }
.haillo-feature-chart dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.haillo-feature-chart dt { color: var(--wp--preset--color--slate); font-size: .55rem; }.haillo-feature-chart dd { margin: 5px 0 0; font-size: 1.2rem; font-weight: 680; }.haillo-feature-chart svg { width: 100%; height: 105px; margin-top: 25px; }.haillo-feature-chart path { fill: none; stroke: var(--wp--preset--color--blue); stroke-width: 3; vector-effect: non-scaling-stroke; }.haillo-feature-chart path.is-resolved { stroke: var(--wp--preset--color--purple); stroke-width: 2.5; }.haillo-chart-legend { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 5px; }.haillo-chart-legend span { display: flex; align-items: center; gap: 5px; color: var(--wp--preset--color--slate); font-size: .52rem; }.haillo-chart-legend i { width: 13px; height: 2px; background: var(--wp--preset--color--blue); }.haillo-chart-legend span:last-child i { background: var(--wp--preset--color--purple); }

.haillo-feature-advanced { padding: clamp(110px,13vw,175px) 24px; background: var(--wp--preset--color--mist); }.haillo-feature-advanced__inner { display: flex; align-items: flex-start; gap: clamp(60px,8vw,110px); width: var(--wp--custom--container--page); margin: auto; }.haillo-feature-advanced__inner > .haillo-feature-intro { flex: 0 0 min(46%,520px); }.haillo-advanced-list { flex: 1 1 0; width: 100%; min-width: 0; border-top: 1px solid rgba(6,23,71,.12); }.haillo-advanced-list article { display: flex; align-items: flex-start; gap: 22px; width: 100%; min-width: 0; padding: 25px 0; border-bottom: 1px solid rgba(6,23,71,.12); }.haillo-advanced-list article > p:empty { display: none; }.haillo-advanced-list article > span { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 11px; background: #fff; color: var(--wp--preset--color--blue); box-shadow: var(--wp--custom--shadow--small); font-size: .64rem; font-weight: 750; }.haillo-advanced-list article > div { flex: 1 1 auto; width: auto; min-width: 0; }.haillo-advanced-list h3 { margin: 0; font-size: 1.05rem; }.haillo-advanced-list p { width: 100%; max-width: none; margin: 7px 0 0; color: var(--wp--preset--color--slate); font-size: .76rem; line-height: 1.6; }

.haillo-features-final { display: flex; align-items: end; justify-content: space-between; gap: 60px; width: var(--wp--custom--container--page); margin: clamp(90px,11vw,145px) auto; padding: clamp(45px,7vw,82px); border-radius: 34px; background: linear-gradient(125deg,#102a70,#3478f6 50%,#7c3aed); color: #fff; }.haillo-features-final > div:first-child { max-width: 760px; }.haillo-features-final h2 { margin: 0; color: #fff; font-size: clamp(3rem,4.8vw,4.7rem); line-height: 1.05; }.haillo-features-final h2 span { display: block; }.haillo-features-final > div:first-child p { margin: 22px 0 0; color: rgba(255,255,255,.78); line-height: 1.65; }.haillo-features-final > div:last-child { display: grid; flex: 0 0 auto; justify-items: center; }.haillo-features-final .haillo-button { min-width: 170px; background: #fff; color: var(--wp--preset--color--navy); }.haillo-features-final > div:last-child p { margin: 13px 0 0; color: rgba(255,255,255,.65); font-size: .62rem; }

@media (min-width: 901px) and (max-width: 1100px) {
  .haillo-feature-workflow .haillo-workflow-node { width: 132px; }
  .haillo-feature-workflow .haillo-workflow-node--intent,.haillo-feature-workflow .haillo-workflow-node--decision,.haillo-feature-workflow .haillo-workflow-node--handoff { left: 34%; }
  .haillo-feature-workflow .haillo-workflow-node--availability { left: 59%; }
  .haillo-feature-workflow .haillo-workflow-node--book,.haillo-feature-workflow .haillo-workflow-node--whatsapp,.haillo-feature-workflow .haillo-workflow-node--success { left: 80%; }
}

@media (max-width: 1024px) {
  .haillo-features-hero__inner,.haillo-feature-agents__grid { grid-template-columns: 1fr; }
  .haillo-features-hero__copy { max-width: 800px; }.haillo-platform-map,.haillo-platform-order { width: min(680px,100%); margin: auto; }
  .haillo-builder-capabilities { grid-template-columns: repeat(2,1fr); }.haillo-builder-capabilities article:nth-child(2) { border-right: 0; }
  .haillo-channel-map { grid-template-columns: minmax(0,1fr) 45px 150px 45px minmax(150px,.6fr); padding-inline: 28px; }
  .haillo-integration-center { width: 125px; height: 125px; }.haillo-integration-group:nth-of-type(odd) { padding-right: 75px; }.haillo-integration-group:nth-of-type(even) { padding-left: 75px; }
  .haillo-feature-agent-ui { max-width: 720px; }.haillo-agent-capabilities { grid-template-columns: repeat(2,1fr); }.haillo-agent-capabilities article:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }.haillo-agent-capabilities article:nth-child(even) { padding-left: 28px; border-left: 1px solid rgba(6,23,71,.1); }
  .haillo-review-areas { grid-template-columns: 1fr 1fr; }.haillo-review-area:last-child { grid-column: 1 / -1; }
  .haillo-feature-advanced__inner { flex-direction: column; }.haillo-feature-advanced__inner > .haillo-feature-intro { flex: none; width: 100%; max-width: 820px; }.haillo-advanced-list { width: 100%; max-width: 900px; }
  .haillo-features-final { align-items: start; flex-direction: column; }
}

@media (max-width: 768px) {
  .haillo-features-hero { padding: 135px 18px 90px; }.haillo-features-hero__inner { width: min(100%,680px); }.haillo-features-hero h1 { font-size: clamp(2.8rem,11vw,4.2rem); }.haillo-features-actions { align-items: stretch; flex-direction: column; }.haillo-features-actions .haillo-button { width: 100%; }
  .haillo-platform-map { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; aspect-ratio: auto; min-height: 0; }.haillo-platform-map > svg { display: none; }.haillo-platform-map__center { position: static; grid-column: 1 / -1; width: 100%; transform: none; }.haillo-platform-map__item { position: static !important; justify-self: center; transform: none !important; }
  .haillo-feature-section,.haillo-feature-integrations,.haillo-feature-live,.haillo-feature-advanced { padding-right: 16px; padding-left: 16px; }.haillo-feature-workflow > *,.haillo-feature-channels > *,.haillo-feature-integrations__inner,.haillo-feature-agents > *,.haillo-feature-live__inner,.haillo-feature-review > *,.haillo-feature-advanced__inner { width: 100%; }
  .haillo-feature-intro h2 { font-size: clamp(2.65rem,11vw,3.8rem); }
  .haillo-deep-builder__body { grid-template-columns: 1fr; min-height: 0; }.haillo-deep-palette { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; border-right: 0; border-bottom: 1px solid rgba(6,23,71,.08); }.haillo-deep-palette > div + div { margin-top: 0; }.haillo-deep-canvas { min-height: 500px; }
  .haillo-channel-map { width: 100%; }.haillo-channel-map__entries { grid-template-columns: repeat(6,minmax(82px,1fr)); overflow-x: auto; scrollbar-width: none; }.haillo-channel-map__center { width: 170px; }.haillo-channel-map__outcome { width: min(240px,100%); }
  .haillo-integration-ecosystem { grid-template-columns: 1fr; padding: 22px; }.haillo-integration-center { position: static; width: 100%; height: auto; padding: 22px; border-radius: 18px; transform: none; }.haillo-integration-group { min-height: 0; padding: 19px !important; }
  .haillo-live-console__body { grid-template-columns: 1fr; }.haillo-live-console__bar { align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; padding-block: 15px; }
  .haillo-review-areas { grid-template-columns: 1fr; }.haillo-review-area:last-child { grid-column: auto; }
  .haillo-features-final { width: calc(100% - 32px); padding: 40px 27px; }.haillo-features-final > div:last-child,.haillo-features-final .haillo-button { width: 100%; }
}

@media (max-width: 430px) {
  .haillo-platform-order { padding: 15px; }.haillo-platform-order__line { left: 77px; }.haillo-platform-order article { grid-template-columns: 24px 42px minmax(0,1fr); gap: 9px; padding: 10px; }.haillo-platform-order article > i { width: 42px; height: 42px; }.haillo-platform-order article p { font-size: .53rem; }
  .haillo-platform-map__item { font-size: .62rem; }.haillo-platform-map__item i { width: 24px; height: 24px; }
  .haillo-deep-builder { border-radius: 20px; }.haillo-deep-builder__bar { grid-template-columns: auto 1fr; gap: 12px; }.haillo-deep-builder__bar strong { justify-self: end; }.haillo-deep-builder__bar small { display: none; }.haillo-deep-palette { grid-template-columns: 1fr 1fr; padding: 15px 11px; }.haillo-deep-palette span { font-size: .58rem; }.haillo-deep-canvas { min-height: 550px; }.haillo-flow-node { width: 124px; padding: 10px; }.haillo-flow-node.n1 { left: 5%; }.haillo-flow-node.n2 { left: 5%; top: 29%; }.haillo-flow-node.n3 { left: auto; right: 5%; top: 29%; }.haillo-flow-node.n4 { left: 5%; top: 47%; }.haillo-flow-node.n5 { left: auto; right: 5%; top: 47%; }.haillo-flow-node.n6 { left: 5%; right: auto; top: 66%; }.haillo-flow-node.n7 { right: 5%; top: 81%; }.haillo-deep-canvas svg { display: none; }
  .haillo-builder-capabilities { grid-template-columns: 1fr; }.haillo-builder-capabilities article { border-right: 0 !important; }
  .haillo-channel-map__entries { grid-template-columns: repeat(2,1fr); padding-bottom: 20px; overflow: visible; }.haillo-channel-map__entries::after,.haillo-channel-map__entries > span::after,.haillo-channel-map__center::before { display: none; }.haillo-channel-map__entries span { padding: 9px; font-size: .61rem; }.haillo-channel-map__outcome { margin-top: 38px; }
  .haillo-integration-group > div { grid-template-columns: repeat(2,minmax(0,1fr)); }.haillo-brand-tile > b { font-size: .54rem; }
  .haillo-feature-agent-ui { padding: 14px; border-radius: 21px; }.haillo-feature-agent-settings { grid-template-columns: 1fr; }.haillo-feature-agent-settings > div { min-height: 0; }
  .haillo-agent-capabilities { grid-template-columns: 1fr; }.haillo-agent-capabilities article { padding: 22px 0 !important; border-left: 0 !important; }
  .haillo-live-conversation p { font-size: .88rem; }.haillo-live-conversation .is-haillo { margin-left: 12px; }
  .haillo-features-final h2 { font-size: 2.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .haillo-features-page *,.haillo-features-page *::before,.haillo-features-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}