/* Scoped for aixgrowth.ai: every rule applies only inside <div class="ais-root">. Generated by next-handoff.mjs. */
.ais-root .pbk--instant-customer-answers { --lo: #ff9c7d; --mid: #ffd166; --hi: var(--lime); }
.ais-root .icaq-copy h2, .ais-root .ica-ticket h2, .ais-root .ica-send h2 { margin-top: 16px; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; font-weight: 500; text-wrap: balance; }
.ais-root .ica-queue { padding: 104px 0 96px; border-radius: 36px 36px 0 0; margin-top: -36px; z-index: 2; }
.ais-root .icaq-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.ais-root .icaq-copy .sec-sub { margin-left: 0; }
.ais-root .icaq-inbox { border-radius: 26px; background: var(--white); border: 1px solid var(--line-light); box-shadow: 0 40px 80px -50px rgba(13,38,20,.45); overflow: hidden; }
.ais-root .icaq-top { display: flex; align-items: center; gap: 10px; padding: 16px 22px; border-bottom: 1px solid var(--line-light); font-size: 14px; }
.ais-root .icaq-top span { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--on-light); }
.ais-root .icaq-top .ic { width: 17px; height: 17px; color: var(--grass); }
.ais-root .icaq-top b { padding: 2px 9px; border-radius: 999px; background: #fdeee8; color: #b4532f; font-size: 12px; font-weight: 700; }
.ais-root .icaq-top em { margin-left: auto; font-style: normal; font-size: 12.5px; color: #8a9888; }
.ais-root .icaq-t { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 4px 14px; align-items: center; padding: 14px 22px; border-bottom: 1px solid #14331d10; }
.ais-root .icaq-t:last-child { border-bottom: 0; }
.ais-root .icaq-av { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; flex: none; background: #eef0e8; color: var(--on-light-mute); font-size: 12px; font-weight: 700; }
.ais-root .icaq-q { font-size: 14.5px; line-height: 1.4; color: var(--on-light); min-width: 0; }
.ais-root .icaq-q b { display: block; font-size: 12.5px; font-weight: 600; color: var(--on-light-mute); }
.ais-root .icaq-meta { display: grid; justify-items: end; gap: 6px; }
.ais-root .icaq-wait { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: #b4532f; white-space: nowrap; }
.ais-root .icaq-wait .ic { width: 14px; height: 14px; }
.ais-root .icaq-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: #e7f3e4; color: var(--grass); font-size: 12px; font-weight: 700; white-space: nowrap; }
.ais-root .icaq-badge .ic { width: 13px; height: 13px; stroke-width: 2; }
.ais-root .icaq-t--new { background: #fff8ec; }
.ais-root .icaq-t--new .icaq-badge { background: var(--ink); color: var(--lime); }
.ais-root .icaq-note { margin-top: 28px; display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: var(--ink); color: var(--on-dark); font-size: 15px; line-height: 1.5; }
.ais-root .icaq-note .ic { width: 22px; height: 22px; padding: 4px; margin-top: 1px; border-radius: 50%; background: var(--lime); color: var(--ink); stroke-width: 2.2; }
.ais-root .ica-how { background: linear-gradient(180deg, var(--ink-2), var(--forest)); color: var(--on-dark); padding: 112px 0 116px; overflow: hidden; }
.ais-root .ica-l { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--on-dark-mute); }
.ais-root .ica-l span { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: rgba(188,232,95,.16); color: var(--lime); font-size: 12px; font-weight: 700; flex: none; }
.ais-root .ica-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.ais-root .ica-in, .ais-root .ica-dial, .ais-root .ica-ck { padding: 22px 22px 24px; border-radius: 24px; border: 1px solid var(--line-dark); background: rgba(255,255,255,.03); }
.ais-root .ica-in ol { margin-top: 16px; display: grid; gap: 8px; }
.ais-root .ica-tk { display: flex; align-items: flex-start; gap: 10px; padding: 11px 13px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); font-size: 14px; line-height: 1.45; color: #fff; }
.ais-root .ica-n { width: 22px; height: 22px; flex: none; border-radius: 50%; display: inline-grid; place-items: center; font-size: 12px; font-weight: 700; color: var(--ink); background: var(--c); }
.ais-root .ica-tk--lo, .ais-root .ica-lane--lo { --c: var(--lo); }
.ais-root .ica-tk--mid, .ais-root .ica-lane--mid { --c: var(--mid); }
.ais-root .ica-tk--hi, .ais-root .ica-lane--hi { --c: var(--hi); }
.ais-root .ica-dial { border-color: rgba(188,232,95,.4); background: radial-gradient(120% 100% at 50% 100%, rgba(188,232,95,.10), rgba(255,255,255,.03) 70%); box-shadow: 0 40px 80px -40px rgba(0,0,0,.6); display: flex; flex-direction: column; }
.ais-root .ica-gauge { display: block; width: 100%; max-width: 330px; height: auto; margin: auto auto 0; padding-top: 14px; overflow: visible; }
.ais-root .ica-z { fill: none; stroke-width: 24; }
.ais-root .ica-z--lo { stroke: var(--lo); }
.ais-root .ica-z--mid { stroke: var(--mid); }
.ais-root .ica-z--hi { stroke: var(--hi); }
.ais-root .ica-tick { stroke: rgba(238,243,232,.28); stroke-width: 2; stroke-linecap: round; }
.ais-root .ica-mk circle { fill: var(--ink); stroke-width: 4; }
.ais-root .ica-mk--lo circle { stroke: var(--lo); }
.ais-root .ica-mk--mid circle { stroke: var(--mid); }
.ais-root .ica-mk--hi circle { stroke: var(--hi); }
.ais-root .ica-mk text { fill: #fff; font-family: var(--font-sans); font-size: 15px; font-weight: 700; text-anchor: middle; }
.ais-root .ica-g-end { fill: var(--on-dark-mute); font-family: var(--font-sans); font-size: 13px; font-weight: 600; text-anchor: middle; }
.ais-root .ica-ck ul { margin-top: 16px; display: grid; gap: 10px; }
.ais-root .ica-ck li { display: flex; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--on-dark); }
.ais-root .ica-ck .ic { width: 17px; height: 17px; margin-top: 1px; color: var(--mint); }
.ais-root .ica-l--plain { color: var(--on-dark); }
.ais-root .ica-l--lanes { margin-top: 40px; justify-content: center; }
.ais-root .ica-fork { display: block; width: 100%; height: 56px; margin-top: 6px; }
.ais-root .ica-fork path { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-dasharray: 5 5; }
.ais-root .ica-f--lo { stroke: var(--lo); }
.ais-root .ica-f--mid { stroke: var(--mid); }
.ais-root .ica-f--hi { stroke: var(--hi); }
.ais-root .ica-lanes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ais-root .ica-lane { display: flex; flex-direction: column; padding: 20px 22px 22px; border-radius: 22px; background: rgba(255,255,255,.035); border: 1px solid var(--line-dark); border-top: 4px solid var(--c); }
.ais-root .ica-lane-s { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c); }
.ais-root .ica-lane-s i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.ais-root .ica-lane h3 { margin-top: 8px; display: flex; align-items: center; gap: 9px; font-size: 21px; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.ais-root .ica-lane h3 .ic { width: 20px; height: 20px; color: var(--c); }
.ais-root .ica-lane-ex { margin-top: 14px; display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(10,13,9,.4); font-size: 14px; line-height: 1.45; color: var(--on-dark); }
.ais-root .ica-lane-w { margin: 12px 0 16px; font-size: 14px; line-height: 1.55; color: var(--on-dark-mute); }
.ais-root .ica-lane-who { margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--line-dark); display: flex; gap: 8px; font-size: 14px; line-height: 1.45; font-weight: 600; color: #fff; }
.ais-root .ica-lane-who .ic { width: 17px; height: 17px; margin-top: 1px; color: var(--c); }
.ais-root .ica-always { margin-top: 16px; display: flex; align-items: flex-start; gap: 12px; padding: 16px 20px; border-radius: 18px; border: 1px dashed rgba(255,156,125,.5); background: rgba(255,156,125,.06); font-size: 14.5px; line-height: 1.5; color: var(--on-dark-mute); }
.ais-root .ica-always b { color: #fff; font-weight: 600; }
.ais-root .ica-always .ic { width: 20px; height: 20px; margin-top: 1px; color: var(--lo); }
.ais-root .ica-ticket { background: var(--paper); padding: 104px 0 96px; }
.ais-root .icat-desk { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 16px; align-items: start; }
.ais-root .icat-msg, .ais-root .icat-draft { padding: 24px; border-radius: 24px; background: var(--white); border: 1px solid var(--line-light); }
.ais-root .icat-id { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 13px; font-weight: 600; color: var(--on-light-mute); }
.ais-root .icat-id .ic { width: 16px; height: 16px; color: var(--grass); }
.ais-root .icat-lane { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 999px; background: #eef8d8; color: #3f6b12; font-size: 12px; font-weight: 700; }
.ais-root .icat-lane .ic { width: 13px; height: 13px; color: #3f6b12; stroke-width: 2.2; }
.ais-root .icat-from { margin-top: 18px; display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--on-light-mute); }
.ais-root .icat-from b { display: block; font-size: 15px; color: var(--on-light); }
.ais-root .icat-sub { margin-top: 18px; font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: var(--on-light); }
.ais-root .icat-body { margin-top: 8px; font-size: 15px; line-height: 1.6; color: #2c4434; }
.ais-root .icat-left { display: grid; gap: 16px; }
.ais-root .icat-why { padding: 22px 24px; border-radius: 24px; background: var(--ink); color: var(--on-dark); }
.ais-root .icat-why-h { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lime); }
.ais-root .icat-meter { position: relative; margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px; height: 8px; }
.ais-root .icat-meter i { border-radius: 4px; }
.ais-root .icat-m--lo { background: #ff9c7d; }
.ais-root .icat-m--mid { background: #ffd166; }
.ais-root .icat-m--hi { background: var(--lime); }
.ais-root .icat-meter b { position: absolute; left: 86%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: var(--ink); border: 4px solid var(--lime); }
.ais-root .icat-why ul { margin-top: 16px; display: grid; gap: 8px; }
.ais-root .icat-why li { display: flex; gap: 9px; font-size: 14px; line-height: 1.45; color: var(--on-dark); }
.ais-root .icat-why li .ic { width: 16px; height: 16px; margin-top: 2px; color: var(--lime); stroke-width: 2.2; }
.ais-root .icat-draft { background: #fffbea; border-color: #efe2a6; box-shadow: 0 40px 80px -55px rgba(13,38,20,.5); }
.ais-root .icat-dh { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 14px; font-weight: 700; color: var(--on-light); }
.ais-root .icat-dh .ic { width: 17px; height: 17px; color: #a37a00; }
.ais-root .icat-dh span { margin-left: auto; padding: 3px 10px; border-radius: 999px; background: #f6e9b0; color: #7a5b00; font-size: 12px; font-weight: 700; }
.ais-root .icat-reply { margin-top: 14px; display: grid; gap: 10px; font-size: 15px; line-height: 1.6; color: #2c4434; }
.ais-root .icat-reply sup, .ais-root .icat-src sup { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-left: 4px; border-radius: 50%; background: var(--signal); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; vertical-align: 3px; }
.ais-root .icat-src { margin-top: 18px; padding-top: 14px; border-top: 1px dashed #e2d394; display: grid; gap: 8px; }
.ais-root .icat-src li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; line-height: 1.4; color: var(--on-light-mute); }
.ais-root .icat-src sup { margin-left: 0; vertical-align: 0; flex: none; }
.ais-root .icat-src .ic { width: 16px; height: 16px; color: var(--grass); }
.ais-root .icat-src b { font-weight: 600; color: var(--on-light); margin-right: 8px; }
.ais-root .icat-acts { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.ais-root .icat-send { padding: 9px 24px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 600; }
.ais-root .icat-btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px; border-radius: 999px; border: 1px solid #14331d29; background: var(--white); font-size: 14px; font-weight: 600; color: var(--on-light); }
.ais-root .icat-btn .ic { width: 15px; height: 15px; }
.ais-root .ica-send { padding: 104px 0 104px; }
.ais-root .icas-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.ais-root .icas-grid .sec-sub { margin-left: 0; }
.ais-root .icas-never { margin-top: 28px; padding: 18px 20px; border-radius: 18px; border: 1px solid var(--line-light); background: var(--white); }
.ais-root .icas-never > p { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #b4532f; }
.ais-root .icas-never > p .ic { width: 16px; height: 16px; stroke-width: 2.2; }
.ais-root .icas-never ul { margin-top: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; }
.ais-root .icas-never li { position: relative; padding-left: 16px; font-size: 14px; line-height: 1.45; color: var(--on-light); }
.ais-root .icas-never li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 2px; background: #d9774f; }
.ais-root .icas-set { padding: 24px; border-radius: 26px; background: var(--white); border: 1px solid var(--line-light); box-shadow: 0 40px 80px -50px rgba(13,38,20,.45); }
.ais-root .icas-h { display: flex; align-items: center; gap: 9px; padding-bottom: 14px; border-bottom: 1px solid var(--line-light); font-size: 15px; font-weight: 600; color: var(--on-light); }
.ais-root .icas-h .ic { width: 18px; height: 18px; color: var(--grass); }
.ais-root .icas-opt { margin-top: 14px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 14px; padding: 18px; border-radius: 18px; border: 1px solid var(--line-light); }
.ais-root .icas-opt--on { border-color: var(--signal); background: #f1f8ef; }
.ais-root .icas-radio { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #b9c4b5; margin-top: 1px; }
.ais-root .icas-opt--on .icas-radio { border: 6px solid var(--ink); background: var(--lime); }
.ais-root .icas-opt p:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 15.5px; color: var(--on-light); }
.ais-root .icas-opt em { font-style: normal; padding: 2px 9px; border-radius: 999px; background: var(--ink); color: var(--lime); font-size: 11.5px; font-weight: 700; }
.ais-root .icas-tog { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: #8a9888; }
.ais-root .icas-tog i { position: relative; width: 36px; height: 20px; border-radius: 999px; background: #dfe3da; }
.ais-root .icas-tog i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.ais-root .icas-d { margin-top: 5px; font-size: 14px; line-height: 1.5; color: var(--on-light-mute); }
.ais-root .icas-opt ul { margin-top: 10px; display: grid; gap: 8px; }
.ais-root .icas-opt li { display: flex; gap: 9px; font-size: 14px; line-height: 1.45; color: var(--on-light-mute); }
.ais-root .icas-opt li .ic { width: 16px; height: 16px; margin-top: 2px; color: var(--grass); stroke-width: 2.2; }
@media (max-width: 1100px) {
.ais-root .icaq-grid, .ais-root .icas-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.ais-root .icaq-copy { order: -1; }
.ais-root .ica-top { grid-template-columns: minmax(0, 1fr) minmax(0, 330px) minmax(0, 1fr); gap: 14px; }
.ais-root .ica-in, .ais-root .ica-dial, .ais-root .ica-ck { padding: 20px 18px 22px; }
}
@media (max-width: 860px) {
.ais-root .ica-lanes { grid-template-columns: minmax(0, 1fr); }
.ais-root .ica-fork { display: none; }
.ais-root .ica-l--lanes { justify-content: flex-start; margin-bottom: 16px; }
.ais-root .ica-top { grid-template-columns: minmax(0, 1fr); }
.ais-root .ica-gauge { max-width: 360px; }
.ais-root .icat-desk { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
.ais-root .icas-never ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
.ais-root .ica-queue { padding: 80px 0 72px; border-radius: 26px 26px 0 0; margin-top: -26px; }
.ais-root .ica-how, .ais-root .ica-ticket, .ais-root .ica-send { padding: 84px 0 88px; }
.ais-root .icaq-top { flex-wrap: wrap; padding: 14px 16px; }
.ais-root .icaq-top em { margin-left: 0; width: 100%; }
.ais-root .icaq-t { grid-template-columns: 32px minmax(0, 1fr); padding: 12px 16px; }
.ais-root .icaq-av { width: 32px; height: 32px; }
.ais-root .icaq-meta { grid-column: 2; display: flex; flex-wrap: wrap; justify-items: start; gap: 6px 10px; }
.ais-root .icat-msg, .ais-root .icat-draft, .ais-root .icas-set { padding: 18px; }
.ais-root .icat-lane { margin-left: 0; }
.ais-root .icat-dh span { margin-left: 0; }
.ais-root .icat-src li { align-items: flex-start; }
.ais-root .icat-src b { display: block; margin-right: 0; }
.ais-root .icas-opt { padding: 14px; gap: 12px; }
.ais-root .icas-tog { margin-left: 0; }
}