#business-explorer{--ink: #effbff; --muted: #91a8b4; --cyan: #29d7e8; --cyan-bright: #76f5ff; --cyan-dark: rgba(33,123,142,.4); --amber: #ffad12; --line: rgba(137,188,208,.18); --shadow: 0 24px 70px rgba(0,0,0,.34); --radius: 22px;}
#business-explorer *{box-sizing: border-box;}

#business-explorer{margin: 0px; min-width: 320px; overflow-x: hidden; color: var(--ink); background: radial-gradient(circle at 49% 43%, rgba(18, 92, 111, 0.18), transparent 31rem), linear-gradient(145deg, rgba(5, 11, 18, 0.72), rgba(7, 19, 29, 0.58) 48%, rgba(9, 18, 26, 0.7)), url("../../ai-environment/assets/cinematic-data-wave.png") center bottom / cover no-repeat; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.45;}

#business-explorer button,#business-explorer select{font: inherit; color: inherit;}
#business-explorer .page{width: min(1760px, 100%); margin: 0px auto; padding: 24px clamp(14px, 2vw, 36px) 42px;}
#business-explorer .topbar{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px;}
#business-explorer .brand{display: flex; align-items: center; gap: 12px;}
#business-explorer .brand-mark{display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(41, 215, 232, 0.4); border-radius: 13px; color: var(--cyan); background: rgba(41, 215, 232, 0.08); font-weight: 800; letter-spacing: -0.06em;}
#business-explorer .brand-name{font-size: 1rem; font-weight: 760; letter-spacing: 0.02em;}
#business-explorer .experiment-tag{color: var(--muted); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase;}
#business-explorer .intro{max-width: 780px; margin: 0px 0px 20px;}
#business-explorer .eyebrow{margin: 0px 0px 7px; color: var(--cyan); font-size: 0.75rem; font-weight: 760; letter-spacing: 0.16em; text-transform: uppercase;}
#business-explorer #page-title{max-width: 720px; margin: 0px; font-size: clamp(1.7rem, 2.6vw, 3rem); line-height: 1.03; letter-spacing: -0.04em;}
#business-explorer .lede{max-width: 690px; margin: 10px 0px 0px; color: var(--muted); font-size: 0.96rem;}
#business-explorer .experience{position: relative; display: grid; grid-template: "people brain systems" "phone brain systems" minmax(0px, 1fr) / minmax(300px, 0.9fr) minmax(520px, 1.55fr) minmax(315px, 0.92fr); gap: 15px; min-height: 850px; isolation: isolate;}
#business-explorer .panel{position: relative; z-index: 1; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(160deg, rgba(15, 35, 49, 0.93), rgba(8, 21, 31, 0.83)); box-shadow: var(--shadow); backdrop-filter: blur(18px);}
#business-explorer .panel::after{content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; box-shadow: rgba(255, 255, 255, 0.043) 0px 1px 0px inset;}
#business-explorer .panel-pad{padding: 17px;}
#business-explorer .panel-kicker{margin: 0px 0px 9px; color: var(--muted); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
#business-explorer .people{grid-area: people;}
#business-explorer .role-row{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
#business-explorer .role{min-width: 0px; padding: 9px 6px; border: 1px solid rgba(127, 180, 201, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.024); text-align: center; cursor: pointer; transition: border-color 0.18s, background 0.18s, box-shadow 0.18s, transform 0.18s;}
#business-explorer .role:hover,#business-explorer .role:focus-visible{border-color: rgba(41, 215, 232, 0.6); background: rgba(41, 215, 232, 0.07); outline: none; transform: translateY(-1px);}
#business-explorer .role.selected{border-color: var(--cyan); background: rgba(41, 215, 232, 0.12); box-shadow: rgba(41, 215, 232, 0.09) 0px 0px 24px;}
#business-explorer .role:disabled{opacity: 0.42; cursor: not-allowed; transform: none;}
#business-explorer .role-icon{position: relative; width: 29px; height: 29px; margin: 0px auto 5px;}
#business-explorer .role-icon::before{content: ""; position: absolute; top: 1px; left: 9px; width: 11px; height: 11px; border: 1.5px solid var(--cyan); border-radius: 50%;}
#business-explorer .role-icon::after{content: ""; position: absolute; bottom: 1px; left: 3px; width: 23px; height: 13px; border: 1.5px solid rgba(41, 215, 232, 0.8); border-radius: 13px 13px 5px 5px;}
#business-explorer .role span{display: block; overflow: hidden; font-size: 0.78rem; font-weight: 720; text-overflow: ellipsis;}
#business-explorer .context-step{margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(137, 188, 208, 0.13);}
#business-explorer .step-label{display: flex; align-items: center; gap: 8px; margin: 0px 0px 7px; color: rgb(198, 217, 224); font-size: 0.72rem; font-weight: 740;}
#business-explorer .step-number{display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid rgba(41, 215, 232, 0.35); border-radius: 50%; color: var(--cyan); font-size: 0.65rem;}
#business-explorer .sector-select,#business-explorer .more-select{width: 100%; min-height: 40px; padding: 8px 34px 8px 10px; border: 1px solid rgba(145, 189, 205, 0.2); border-radius: 11px; color: rgb(220, 235, 240); background: rgb(11, 28, 40); outline: none;}
#business-explorer .sector-select:focus-visible,#business-explorer .more-select:focus-visible{border-color: var(--cyan); box-shadow: rgba(41, 215, 232, 0.1) 0px 0px 0px 2px;}
#business-explorer .sector-select:disabled,#business-explorer .more-select:disabled{color: rgb(96, 118, 130); opacity: 0.62; cursor: not-allowed;}
#business-explorer .sector-context{min-height: 17px; margin: 6px 0px 0px; color: var(--muted); font-size: 0.67rem;}
#business-explorer .category-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px; margin-top: 8px;}
#business-explorer .category-choice{min-height: 41px; padding: 7px 8px; border: 1px solid rgba(145, 189, 205, 0.16); border-radius: 10px; color: rgb(200, 219, 226); background: rgba(255, 255, 255, 0.024); text-align: left; font-size: 0.68rem; line-height: 1.22; cursor: pointer;}
#business-explorer .category-choice:hover,#business-explorer .category-choice:focus-visible{border-color: rgba(41, 215, 232, 0.52); color: var(--ink); outline: none;}
#business-explorer .category-choice.selected{border-color: var(--cyan); color: var(--ink); background: rgba(41, 215, 232, 0.11);}
#business-explorer .more-select{margin-top: 7px; min-height: 37px; font-size: 0.7rem;}
#business-explorer .selection-path{margin: 10px 0px 0px; color: var(--muted); font-size: 0.66rem; line-height: 1.35;}
#business-explorer .selection-path strong{color: var(--cyan-bright); font-weight: 700;}
#business-explorer .phone{grid-area: phone; align-self: start; overflow: visible; padding: 10px; border-radius: 34px; background: linear-gradient(155deg, rgb(22, 43, 56), rgb(7, 18, 27) 76%); box-shadow: var(--shadow),inset 0 0 0 2px rgba(255,255,255,.035);}
#business-explorer .phone::before{content: ""; display: block; width: 68px; height: 5px; margin: 0px auto 8px; border-radius: 99px; background: rgb(51, 75, 89); box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 1px inset;}
#business-explorer .phone-screen{overflow: hidden; border: 1px solid rgba(137, 188, 208, 0.15); border-radius: 24px; background: linear-gradient(rgba(8, 25, 36, 0.98), rgba(6, 18, 27, 0.96));}
#business-explorer .assistant{border-bottom: 1px solid rgba(137, 188, 208, 0.14);}
#business-explorer .assistant-head{display: flex; align-items: center; gap: 10px; margin-bottom: 11px;}
#business-explorer .chatgpt-logo{display: block; width: 29px; height: 29px; flex: 0 0 auto; color: rgb(255, 255, 255);}
#business-explorer .assistant-orb{width: 29px; height: 29px; flex: 0 0 auto; border: 1px solid rgba(41, 215, 232, 0.5); border-radius: 50%; background: radial-gradient(circle, rgba(41, 215, 232, 0.72), rgba(41, 215, 232, 0.08) 46%, transparent 48%); box-shadow: rgba(41, 215, 232, 0.2) 0px 0px 24px;}
#business-explorer .assistant-title{margin: 0px; font-size: 0.96rem;}
#business-explorer .assistant-sub{margin: 1px 0px 0px; color: var(--muted); font-size: 0.72rem;}
#business-explorer .question-list{display: grid; gap: 8px;}
#business-explorer .question-row{position: relative; display: grid; gap: 3px;}
#business-explorer .question-expand{display: none; justify-self: end; padding: 2px 5px; border: 0px; color: var(--cyan); background: transparent; font-size: 0.56rem; cursor: pointer;}
#business-explorer .question-placeholder{grid-column: 1 / -1; margin: 0px; padding: 13px; border: 1px dashed rgba(145, 189, 205, 0.18); border-radius: 12px; color: var(--muted); font-size: 0.77rem;}
#business-explorer .question{position: relative; width: 100%; padding: 10px 32px 10px 11px; border: 1px solid rgba(144, 188, 205, 0.18); border-radius: 12px; color: rgb(220, 235, 240); background: rgba(255, 255, 255, 0.024); text-align: left; cursor: pointer; font-size: 0.78rem; line-height: 1.32; transition: border-color 0.18s, background 0.18s, transform 0.18s;}
#business-explorer .question::after{content: "›"; position: absolute; top: 50%; right: 12px; color: var(--cyan); font-size: 1.2rem; transform: translateY(-52%);}
#business-explorer .question:hover,#business-explorer .question:focus-visible{border-color: rgba(41, 215, 232, 0.62); background: rgba(41, 215, 232, 0.075); transform: translateX(2px); outline: none;}
#business-explorer .question.selected{border-color: rgb(255, 148, 46); border-left-width: 4px; border-left-style: solid; padding-left: 8px; background: rgba(255, 148, 46, 0.09); box-shadow: rgba(255, 148, 46, 0.5) 1px 0px 0px inset, rgba(255, 148, 46, 0.18) 0px 0px 16px;}
#business-explorer .question.selected::after{color: rgb(255, 242, 139);}
#business-explorer .question.question-hit{animation: 0.8s ease-out 0s 1 normal none running questionHit;}
#business-explorer .question-area{display: block; margin-bottom: 3px; color: var(--cyan); font-size: 0.58rem; font-weight: 780; letter-spacing: 0.1em; text-transform: uppercase;}
#business-explorer .brain{grid-area: brain; height: 850px; min-height: 850px; align-self: start; display: flex; flex-direction: column;}
#business-explorer .brain-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px 0px;}
#business-explorer .brain-title{margin: 0px; font-size: clamp(1.05rem, 1.5vw, 1.45rem); letter-spacing: -0.025em;}
#business-explorer .brain-caption{max-width: 430px; margin: 5px 0px 0px; color: var(--muted); font-size: 0.8rem;}
#business-explorer .owned-badge{flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(41, 215, 232, 0.3); border-radius: 999px; color: var(--cyan); background: rgba(41, 215, 232, 0.07); font-size: 0.66rem; font-weight: 760; letter-spacing: 0.1em; text-transform: uppercase;}
#business-explorer .canvas-wrap{position: relative; container-type: inline-size; flex: 1 1 0%; min-height: 700px; margin-top: 3px; cursor: crosshair; touch-action: pan-y;}
#business-explorer #brainCanvas{position: absolute; inset: 0px; width: 100%; height: 100%;}
#business-explorer .ai-core{position: absolute; top: 49%; left: 50%; z-index: 3; display: grid; place-items: center; width: 112px; height: 112px; border: 2px solid var(--amber); border-radius: 50%; color: var(--cyan); background: radial-gradient(circle at 35% 25%, rgb(20, 89, 105), rgb(10, 48, 58) 60%, rgb(7, 21, 29)); box-shadow: rgba(41, 215, 232, 0.13) 0px 0px 34px, rgba(255, 173, 18, 0.09) 0px 0px 18px; transform: translate(-50%, -50%); pointer-events: none;}
#business-explorer .ai-core small{position: absolute; top: 20px; color: var(--amber); font-size: 0.49rem; font-weight: 800; letter-spacing: 0.08em;}
#business-explorer .ai-core strong{font-size: 2.4rem; line-height: 1; letter-spacing: -0.08em;}
#business-explorer .ai-core span{position: absolute; bottom: 20px; color: rgb(215, 237, 241); font-size: 0.48rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase;}
#business-explorer .brain-label{position: absolute; z-index: 3; color: var(--muted); font-size: 0.58rem; font-weight: 760; letter-spacing: 0.1em; text-transform: uppercase; pointer-events: none;}
#business-explorer .question-label{top: 47%; left: 4%;}
#business-explorer .data-label{top: 47%; right: 3%; text-align: right;}
#business-explorer .answer-label-canvas{bottom: 11%; left: 50%; transform: translateX(-50%);}
#business-explorer .brain-status{position: absolute; left: 50%; bottom: 13px; z-index: 4; width: min(90%, 470px); padding: 9px 13px; border: 1px solid rgba(151, 191, 205, 0.15); border-radius: 999px; color: var(--muted); background: rgba(5, 15, 23, 0.78); text-align: center; font-size: 0.73rem; transform: translateX(-50%); backdrop-filter: blur(10px);}
#business-explorer .brain-status.live{border-color: rgba(255, 173, 18, 0.5); color: rgb(255, 240, 202); box-shadow: rgba(255, 173, 18, 0.1) 0px 0px 24px;}
#business-explorer .brain-status.initialisation-error{border-color: rgba(255, 173, 18, 0.58); color: rgb(255, 240, 202);}
#business-explorer .initialisation-retry{margin-left: 9px; padding: 4px 9px; border: 1px solid var(--amber); border-radius: 999px; color: rgb(7, 21, 29); background: var(--amber); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; cursor: pointer;}
#business-explorer .initialisation-retry:focus-visible{outline: 2px solid var(--cyan); outline-offset: 2px;}
#business-explorer .systems{grid-area: systems; display: flex; flex-direction: column;}
#business-explorer .systems .panel-pad{display: flex; min-height: 100%; flex: 1 1 0%; flex-direction: column;}
#business-explorer .systems-title{margin: 0px; font-size: 1.02rem;}
#business-explorer .systems-copy{margin: 5px 0px 13px; color: var(--muted); font-size: 0.75rem;}
#business-explorer .system-list{display: grid; gap: 7px;}
#business-explorer .system{position: relative; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 9px; min-height: 46px; padding: 7px 8px; border: 1px solid rgba(145, 189, 205, 0.14); border-radius: 12px; background: rgba(255, 255, 255, 0.024); transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.2s;}
#business-explorer .system.active{border-color: var(--amber); background: rgba(255, 173, 18, 0.08); box-shadow: rgba(255, 173, 18, 0.13) 0px 0px 28px; transform: translateX(-3px);}
#business-explorer .system.arrival-hit{animation: 0.64s ease-out 0s 1 normal none running systemArrivalHit;}
#business-explorer .system.active.return-flow{animation: 1.35s ease-in-out 0s infinite normal none running systemReturnPulse;}
#business-explorer .system-mark{display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: var(--cyan); background: rgba(41, 215, 232, 0.08); font-size: 0.59rem; font-weight: 850;}
#business-explorer .system.active .system-mark{color: rgb(22, 16, 5); background: var(--amber);}
#business-explorer .system strong{display: block; font-size: 0.72rem; line-height: 1.18;}
#business-explorer .system small{display: block; margin-top: 2px; color: var(--muted); font-size: 0.61rem; line-height: 1.2;}
#business-explorer .ownership-note{margin: auto 0px 0px; padding-top: 14px; color: var(--muted); font-size: 0.68rem;}
#business-explorer .ownership-note strong{color: var(--ink);}
#business-explorer .answer{padding: 0px 7px 7px;}
#business-explorer .answer-card{position: relative; min-height: 238px; padding: 16px; border: 1px dashed rgba(140, 186, 203, 0.2); border-radius: 17px; background: rgba(0, 0, 0, 0.12); transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;}
#business-explorer .answer-card::before{content: ""; position: absolute; left: -2px; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: rgb(82, 105, 116); transform-origin: center center;}
#business-explorer .answer-card.processing{border-color: rgba(255, 173, 18, 0.45); background: rgba(255, 173, 18, 0.04);}
#business-explorer .answer-card.ready{border-style: solid; border-color: rgb(255, 179, 92); background: rgba(255, 148, 46, 0.09); box-shadow: rgba(255, 148, 46, 0.25) 0px 0px 36px, rgba(255, 148, 46, 0.08) 0px 0px 22px inset; animation: 1.35s ease-out 0s 1 normal none running answerPanelGlow;}
#business-explorer .answer-card.ready::before{background: rgb(255, 148, 46); animation: 1.35s ease-out 0s 1 normal none running answerBarHit;}
#business-explorer .answer-heading{display: flex; align-items: center; gap: 7px; margin: 0px 0px 8px; color: var(--muted); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase;}
#business-explorer .answer-dot{width: 7px; height: 7px; border-radius: 50%; background: rgb(82, 105, 116);}
#business-explorer .processing .answer-dot{background: var(--amber); box-shadow: 0 0 13px var(--amber); animation: 1s ease-in-out 0s infinite normal none running dotPulse;}
#business-explorer .ready .answer-heading{color: rgb(244, 195, 108); animation: 1.35s ease-out 0s 1 normal none running answerHeadingHit;}
#business-explorer .ready .answer-dot{background: rgb(255, 148, 46); box-shadow: rgb(255, 148, 46) 0px 0px 13px;}
#business-explorer .answer-text{margin: 0px; color: rgb(185, 203, 210); font-size: 0.78rem; line-height: 1.48;}
#business-explorer .ready .answer-text{color: rgb(234, 252, 255);}
#business-explorer .answer-source,#business-explorer .answer-meta{display: none; margin: 9px 0px 0px; color: var(--muted); font-size: 0.65rem; line-height: 1.35;}
#business-explorer .ready .answer-source,#business-explorer .ready .answer-meta{display: block;}
#business-explorer .answer-source{padding-top: 8px; border-top: 1px solid rgba(137, 188, 208, 0.14);}
#business-explorer .answer-meta{color: rgb(184, 209, 216);}
#business-explorer .flow-overlay{position: absolute; inset: 0px; z-index: 5; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
#business-explorer .flow-line{fill: none; stroke: var(--cyan-dark); stroke-width: 3; stroke-linecap: round; transition: stroke 0.25s, opacity 0.25s, filter 0.25s;}
#business-explorer .flow-line.question-line{stroke-width: 4;}
#business-explorer .flow-line.active{stroke: rgba(41, 215, 232, 0.55); opacity: 1; filter: drop-shadow(rgba(41, 215, 232, 0.35) 0px 0px 5px);}
#business-explorer .system-connector.active,#business-explorer .flow-line.answer-active{stroke: var(--amber); opacity: 1; filter: drop-shadow(0 0 6px rgba(var(--amber-rgb),.68));}
#business-explorer .system-connector.active{stroke-width: 4.2;}
#business-explorer .flow-line.answer-active{stroke-width: 5;}
#business-explorer .flow-energy-haze{fill: none; stroke: rgb(255, 148, 46); stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; opacity: 0.34; filter: blur(5px);}
#business-explorer .flow-energy-trail{fill: none; stroke: rgb(255, 148, 46); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(255, 148, 46, 0.72) 0px 0px 4px);}
#business-explorer .flow-energy-laser{fill: none; stroke: rgb(255, 242, 139); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgb(255, 230, 66) 0px 0px 5px);}
#business-explorer .gateway-edge-trace{fill: none; stroke: rgba(41, 215, 232, 0.28); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 9, 15; opacity: 0.62;}
#business-explorer .gateway-edge-trace.active{stroke: var(--amber); animation: 3.4s linear 0s infinite normal none running gatewayEdgeTravel;}
#business-explorer .gateway-edge-trace.api{stroke-width: 2.4; opacity: 0.72;}
#business-explorer .gateway-edge-trace.api.active{stroke: rgb(255, 240, 194); stroke-width: 5.5; stroke-dasharray: 20, 154; opacity: 1; filter: drop-shadow(0 0 10px rgba(var(--amber-rgb),1)); animation: 2.35s linear 0s infinite normal none running gatewayApiEnergyTravel;}
#business-explorer .gateway-edge-trace.api.active.returning{animation-direction: reverse;}
#business-explorer .gateway-edge-trace.secondary{stroke-width: 2.1; opacity: 0.42; filter: drop-shadow(0 0 4px rgba(var(--amber-rgb),.34)); animation-duration: 4.6s;}
#business-explorer .experience.motion-settled .gateway-edge-trace.active,#business-explorer .experience.motion-settled .system.active.return-flow,#business-explorer .experience.motion-settled .gateway-node.returning,#business-explorer .experience.motion-settled .gateway.returning .gateway-port{animation: auto ease 0s 1 normal none running none;}
#business-explorer .experience.motion-settled .mobile-phone-link .wave-pulse{animation: auto ease 0s 1 normal none running none !important; opacity: 0 !important;}
#business-explorer .experience.motion-settled .system-connector.active{stroke: rgba(var(--amber-rgb),.68); stroke-width: 3.4; filter: drop-shadow(0 0 4px rgba(var(--amber-rgb),.42));}
#business-explorer .experience.motion-settled .gateway-edge-trace.active{opacity: 0.58;}
#business-explorer .experience.motion-settled .system.active{box-shadow: 0 0 18px rgba(var(--amber-rgb),.09);}
@keyframes dotPulse { 
  0%, 100% { opacity: 0.45; }
  50% { opacity: 1; }
}
@keyframes questionHit { 
  0% { filter: brightness(1); }
  35% { filter: brightness(1.7); box-shadow: rgba(255, 148, 46, 0.48) 0px 0px 24px; }
  100% { filter: brightness(1); }
}
@keyframes answerBarHit { 
  0% { transform: scaleY(0.25) scaleX(1); box-shadow: none; }
  28% { transform: scaleY(1.13) scaleX(2); background: rgb(255, 242, 139); box-shadow: rgba(255, 148, 46, 0.8) 0px 0px 18px; }
  56% { transform: scaleY(1) scaleX(1.2); background: rgb(255, 148, 46); box-shadow: rgba(255, 148, 46, 0.33) 0px 0px 5px; }
  75% { transform: scaleY(1.07) scaleX(1.65); background: rgb(255, 242, 139); box-shadow: rgba(255, 148, 46, 0.67) 0px 0px 14px; }
  100% { transform: scaleY(1) scaleX(1); background: rgb(255, 148, 46); box-shadow: none; }
}
@keyframes answerHeadingHit { 
  0%, 100% { color: rgb(244, 195, 108); text-shadow: none; }
  28%, 75% { color: rgb(255, 245, 179); text-shadow: rgba(255, 148, 46, 0.67) 0px 0px 14px; }
  56% { color: rgb(255, 148, 46); text-shadow: rgba(255, 148, 46, 0.27) 0px 0px 3px; }
}
@keyframes answerPanelGlow { 
  0%, 100% { background: rgba(255, 148, 46, 0.09); box-shadow: rgba(255, 148, 46, 0.25) 0px 0px 36px; }
  28% { background: rgba(255, 148, 46, 0.18); box-shadow: rgba(255, 148, 46, 0.55) 0px 0px 36px, rgba(255, 148, 46, 0.13) 0px 0px 28px inset; }
  60% { background: rgba(255, 148, 46, 0.12); box-shadow: rgba(255, 148, 46, 0.3) 0px 0px 22px; }
}
@keyframes systemArrivalHit { 
  0% { filter: brightness(1); }
  38% { filter: brightness(1.75); box-shadow: rgba(255, 173, 18, 0.5) 0px 0px 34px; }
  100% { filter: brightness(1); }
}
@keyframes systemReturnPulse { 
  0%, 100% { border-color: rgb(255, 173, 18); box-shadow: rgba(255, 173, 18, 0.15) 0px 0px 22px; }
  50% { border-color: rgb(255, 242, 139); box-shadow: rgba(255, 173, 18, 0.38) 0px 0px 34px, rgba(255, 173, 18, 0.08) 0px 0px 14px inset; }
}
@keyframes gatewayEdgeTravel { 
  100% { stroke-dashoffset: -48; }
}
@keyframes gatewayApiEnergyTravel { 
  100% { stroke-dashoffset: -174; }
}
@supports (width:1cqw) {#business-explorer .answer-label-canvas{top: calc(50% + 15px + min(34.2%, 35.7cqw)); bottom: auto;}}
@media (max-width: 1240px) {#business-explorer .experience{grid-template-columns: minmax(275px, 0.86fr) minmax(465px, 1.4fr) minmax(285px, 0.86fr);}
#business-explorer .brain-head{padding-inline: 18px;}
#business-explorer .panel-pad{padding: 15px;}}
@media (max-width: 1100px) {#business-explorer .page{padding-top: 18px;}
#business-explorer .experiment-tag{display: none;}
#business-explorer .experience{display: flex; flex-direction: column; min-height: 0px; gap: 12px;}
#business-explorer .people{order: 1;}
#business-explorer .phone{order: 2;}
#business-explorer .brain{order: 3; height: 690px; min-height: 690px;}
#business-explorer .systems{order: 4;}
#business-explorer .flow-overlay{display: none;}
#business-explorer .brain-head{flex-direction: column; gap: 9px;}
#business-explorer .canvas-wrap{min-height: 560px;}
#business-explorer .system-list{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#business-explorer .system.active{transform: none;}
#business-explorer .ownership-note{margin-top: 14px;}
#business-explorer .question-label{top: 3%; left: 50%; transform: translateX(-50%);}
#business-explorer .data-label{top: auto; right: 4%; bottom: 11%;}
#business-explorer .answer-label-canvas{display: none;}}
@media (max-width: 560px) {#business-explorer .page{padding-inline: 11px;}
#business-explorer .brand-name{font-size: 0.9rem;}
#business-explorer #page-title{font-size: 1.95rem;}
#business-explorer .lede{font-size: 0.9rem;}
#business-explorer .panel-pad{padding: 14px;}
#business-explorer .brain{height: 625px; min-height: 625px;}
#business-explorer .canvas-wrap{min-height: 510px;}
#business-explorer .brain-head{padding: 16px 16px 0px;}
#business-explorer .ai-core{width: 90px; height: 90px;}
#business-explorer .ai-core small{top: 15px;}
#business-explorer .ai-core strong{font-size: 1.95rem;}
#business-explorer .ai-core span{bottom: 15px;}
#business-explorer .system-list{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce) {
#business-explorer *,#business-explorer ::before,#business-explorer ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}}
#business-explorer .icon-defs{position: absolute; width: 0px; height: 0px; overflow: hidden;}
#business-explorer .brand-mark{display: block; width: 66px; height: 66px; flex: 0 0 auto; object-fit: contain;}
#business-explorer .brand-name{font-size: 1.28rem; letter-spacing: 0.12em;}
#business-explorer .brand-sub{margin-top: 2px; color: var(--cyan); font-size: 0.72rem; font-weight: 780; letter-spacing: 0.2em;}
#business-explorer .brand-sub span{margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(145, 189, 205, 0.24); color: var(--muted); font-size: 0.62rem; letter-spacing: 0.1em;}
#business-explorer .experience{grid-template: "people people people people" "phone brain gateway systems" minmax(0px, 1fr) / minmax(285px, 0.88fr) minmax(500px, 1.48fr) minmax(145px, 0.42fr) minmax(315px, 0.94fr); min-height: 1080px;}
#business-explorer .people{grid-area: people;}
#business-explorer .control-strip{display: grid; grid-template-columns: minmax(250px, 0.82fr) minmax(280px, 0.86fr) minmax(540px, 1.7fr); gap: 14px 18px; align-items: start;}
#business-explorer .control-step{min-width: 0px;}
#business-explorer .control-step + .control-step{padding-left: 18px; border-left: 1px solid rgba(137, 188, 208, 0.13);}
#business-explorer .control-strip .selection-path{grid-column: 1 / -1; margin: 0px; padding-top: 8px; border-top: 1px solid rgba(137, 188, 208, 0.1);}
#business-explorer .control-strip .category-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#business-explorer .phone{width: 100%; max-width: 390px; justify-self: center;}
#business-explorer .assistant-connected{margin: 0px; color: var(--cyan); font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;}
#business-explorer .question-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 9px; margin: 0px 0px 10px; padding-top: 9px; border-top: 1px solid rgba(137, 188, 208, 0.12);}
#business-explorer .question-toolbar .step-label{margin: 0px; text-transform: uppercase; letter-spacing: 0.07em;}
#business-explorer .automation-toggle{display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 4px 7px; border: 1px solid rgba(41, 215, 232, 0.3); border-radius: 999px; background: rgba(41, 215, 232, 0.067); cursor: pointer;}
#business-explorer .automation-toggle span{color: rgb(199, 220, 227); font-size: 0.55rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;}
#business-explorer .automation-toggle i{position: relative; width: 30px; height: 16px; border: 1px solid var(--cyan); border-radius: 999px; background: rgba(41, 215, 232, 0.16); box-shadow: rgba(41, 215, 232, 0.14) 0px 0px 12px;}
#business-explorer .automation-toggle i::after{content: ""; position: absolute; top: 2px; left: 16px; width: 10px; height: 10px; border-radius: 50%; background: rgb(145, 251, 255); box-shadow: 0 0 8px var(--cyan); transition: left 0.2s, background 0.2s;}
#business-explorer .automation-toggle b{width: 20px; color: var(--cyan-bright); font-size: 0.55rem; text-transform: uppercase;}
#business-explorer .automation-toggle[aria-checked="false"]{border-color: rgba(145, 189, 205, 0.18); background: rgba(255, 255, 255, 0.024);}
#business-explorer .automation-toggle[aria-checked="false"] i{border-color: rgb(82, 105, 116); background: rgba(82, 105, 116, 0.2); box-shadow: none;}
#business-explorer .automation-toggle[aria-checked="false"] i::after{left: 2px; background: rgb(113, 136, 146); box-shadow: none;}
#business-explorer .automation-toggle[aria-checked="false"] b{color: var(--muted);}
#business-explorer .brain{height: 850px; min-height: 850px;}
#business-explorer .section-line-title{display: flex; align-items: center; gap: 9px; margin: 0px 0px 10px; color: var(--cyan); font-size: 0.67rem; font-weight: 820; letter-spacing: 0.14em; text-transform: uppercase;}
#business-explorer .section-line-title::before,#business-explorer .section-line-title::after{content: ""; height: 1px; flex: 1 1 0%; background: linear-gradient(90deg,transparent,var(--cyan)); opacity: 0.8;}
#business-explorer .section-line-title::after{background: linear-gradient(90deg,var(--cyan),transparent);}
#business-explorer .brain-head .section-line-title::before{display: none;}
#business-explorer .brain-label strong,#business-explorer .brain-label small{display: block;}
#business-explorer .brain-label strong{color: rgb(189, 211, 219); font-size: 0.59rem; letter-spacing: 0.08em;}
#business-explorer .brain-label small{margin-top: 2px; color: rgb(131, 154, 165); font-size: 0.48rem; letter-spacing: 0.04em;}
#business-explorer .question-label{top: 46%; left: 1.5%; width: 102px;}
#business-explorer .data-label{top: 53%; right: 1.5%; width: 112px;}
#business-explorer .orbit-status{position: absolute; z-index: 3; top: 13%; right: 10%; display: flex; align-items: center; gap: 6px; color: var(--cyan); font-size: 0.57rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; pointer-events: none;}
#business-explorer .orbit-status span{width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px var(--amber);}
#business-explorer .gateway{grid-area: gateway; height: 850px; min-height: 850px; overflow: visible; border-color: rgba(41, 215, 232, 0.34); background: linear-gradient(rgba(11, 38, 50, 0.94), rgba(6, 23, 33, 0.9));}
#business-explorer .gateway-pad{position: relative; display: flex; height: 100%; padding: 18px 12px; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center;}
#business-explorer .gateway-brand{display: flex; flex-direction: column; align-items: center; gap: 7px; color: var(--ink); font-size: 0.72rem; font-weight: 820; letter-spacing: 0.08em; text-transform: uppercase;}
#business-explorer .gateway-brand > span:last-child small{display: block; margin-top: 2px; color: var(--cyan); font-size: 0.52rem; letter-spacing: 0.12em;}
#business-explorer .gateway-seal{display: block; width: 72px; height: 72px; object-fit: contain;}
#business-explorer .gateway h2{margin: 2px 0px 5px; font-size: 0.83rem; line-height: 1.25;}
#business-explorer .gateway-node{position: relative; z-index: 2; display: grid; place-items: center; width: 100%; min-height: 106px; padding: 12px 6px; border: 1px solid rgba(41, 215, 232, 0.42); border-radius: 14px; background: rgba(4, 17, 26, 0.78); transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;}
#business-explorer .gateway-node svg{width: 32px; height: 32px; margin-bottom: 8px; fill: none; stroke: var(--cyan); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
#business-explorer .gateway-node strong{font-size: 0.62rem; line-height: 1.2; letter-spacing: 0.06em; text-transform: uppercase;}
#business-explorer .compact-gateway-label{display: none;}
#business-explorer .gateway-node.flowing{border-color: var(--amber); background: rgba(255, 173, 18, 0.08); box-shadow: rgba(255, 173, 18, 0.22) 0px 0px 24px, rgba(255, 173, 18, 0.06) 0px 0px 16px inset;}
#business-explorer .gateway-node.flowing svg{stroke: rgb(255, 211, 107); filter: drop-shadow(rgba(255, 173, 18, 0.7) 0px 0px 5px);}
#business-explorer .gateway-node.returning{animation: 1.25s ease-in-out 0s infinite normal none running gatewayReturn;}
#business-explorer .gateway-port{display: block; position: absolute; z-index: 7; top: 50%; width: 18px; height: 18px; border: 2px solid var(--cyan); border-radius: 50%; background: rgb(7, 19, 29); box-shadow: rgba(41, 215, 232, 0.35) 0px 0px 14px; transform: translateY(-50%);}
#business-explorer .gateway-port-in{left: -10px;}
#business-explorer .gateway-port-out{right: -10px;}
#business-explorer .gateway.flowing .gateway-port{border-color: var(--amber); box-shadow: rgba(255, 173, 18, 0.72) 0px 0px 18px;}
#business-explorer .gateway.returning .gateway-port{animation: 1s ease-in-out 0s infinite normal none running gatewayPortReturn;}
#business-explorer .gateway-credit{margin: 2px 0px 0px; color: rgb(196, 216, 223); font-size: 0.55rem; font-weight: 780; line-height: 1.35; text-transform: uppercase;}
#business-explorer .gateway-owned{margin: 0px; color: var(--cyan); font-size: 0.55rem; font-weight: 820; line-height: 1.35; text-transform: uppercase;}
#business-explorer .systems{height: 850px; min-height: 850px;}
#business-explorer .systems .section-line-title{margin-bottom: 8px;}
#business-explorer .system-mark svg{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
#business-explorer .system.has-data-source{padding-right: 36px;}
#business-explorer .data-source-badge{position: absolute; top: 50%; right: 9px; display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid rgba(41, 215, 232, 0.22); border-radius: 7px; color: rgba(118, 245, 255, 0.62); background: rgba(41, 215, 232, 0.043); transform: translateY(-50%);}
#business-explorer .data-source-badge svg{width: 12px; height: 12px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
#business-explorer .flow-line.wireless-line{opacity: 0; stroke: none;}
#business-explorer .flow-signal-arc{fill: none; stroke: rgb(255, 173, 18); stroke-width: 3; stroke-linecap: round; filter: drop-shadow(rgba(255, 173, 18, 0.8) 0px 0px 5px);}
#business-explorer .flow-energy-bead{fill: rgb(255, 242, 139); stroke: rgb(255, 148, 46); stroke-width: 2; filter: drop-shadow(rgb(255, 148, 46) 0px 0px 7px);}
@keyframes gatewayReturn { 
  0%, 100% { box-shadow: rgba(255, 173, 18, 0.1) 0px 0px 12px; }
  50% { border-color: rgb(255, 242, 139); box-shadow: rgba(255, 173, 18, 0.32) 0px 0px 25px, rgba(255, 173, 18, 0.08) 0px 0px 15px inset; }
}
@keyframes gatewayPortReturn { 
  0%, 100% { background: rgb(7, 19, 29); }
  50% { background: rgb(255, 242, 139); box-shadow: rgba(255, 173, 18, 0.95) 0px 0px 22px; }
}
@media (max-width: 1400px) {#business-explorer .experience{grid-template-columns: minmax(265px, 0.8fr) minmax(455px, 1.35fr) minmax(132px, 0.39fr) minmax(285px, 0.86fr);}
#business-explorer .control-strip{grid-template-columns: minmax(230px, 0.72fr) minmax(250px, 0.78fr) minmax(470px, 1.5fr);}
#business-explorer .gateway-pad{padding-inline: 10px;}}
@media (max-width: 1100px) {#business-explorer .experience{display: flex; min-height: 0px;}
#business-explorer .people{order: 1;}
#business-explorer .phone{order: 2;}
#business-explorer .brain{order: 3;}
#business-explorer .gateway{order: 4;}
#business-explorer .systems{order: 5;}
#business-explorer .control-strip{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#business-explorer .control-strip .category-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#business-explorer .phone{max-width: 450px;}
#business-explorer .gateway{width: 100%; height: auto; min-height: 0px;}
#business-explorer .gateway-pad{display: grid; grid-template-columns: 150px repeat(3, 1fr) 170px; gap: 12px;}
#business-explorer .gateway-brand{grid-area: 1 / 1 / 3;}
#business-explorer .gateway h2{grid-column: 2 / 5;}
#business-explorer .gateway-node{min-height: 112px;}
#business-explorer .gateway-credit,#business-explorer .gateway-owned{grid-column: 5;}
#business-explorer .gateway-port{display: none;}
#business-explorer .systems{height: auto; min-height: 0px;}
#business-explorer .question-label{top: 2.2%; left: 50%; width: 150px; text-align: center; transform: translateX(-50%);}
#business-explorer .data-label{inset: auto auto 8% 50%; width: 160px; text-align: center; transform: translateX(-50%);}
#business-explorer .orbit-status{top: 14%; right: 8%;}}
@media (max-width: 780px) {#business-explorer .brand-sub span{display: block; margin: 3px 0px 0px; padding: 0px; border: 0px;}
#business-explorer .control-strip{grid-template-columns: 1fr;}
#business-explorer .control-step + .control-step{padding: 12px 0px 0px; border-top: 1px solid rgba(137, 188, 208, 0.13); border-left: 0px;}
#business-explorer .control-strip .selection-path{grid-column: 1;}
#business-explorer .gateway-pad{display: flex;}
#business-explorer .gateway-brand{grid-area: auto;}
#business-explorer .gateway-node{min-height: 88px;}}
@media (max-width: 560px) {#business-explorer .brand-mark{width: 50px; height: 50px;}
#business-explorer .brand-name{font-size: 1rem;}
#business-explorer .brand-sub{font-size: 0.6rem;}
#business-explorer .question-toolbar{align-items: flex-start; flex-direction: column;}
#business-explorer .automation-toggle{align-self: stretch; justify-content: flex-end;}
#business-explorer .brain{height: 680px; min-height: 680px;}
#business-explorer .canvas-wrap{min-height: 555px;}
#business-explorer .orbit-status{right: 4%; font-size: 0.49rem;}}
#business-explorer{--amber: #ff942e; --amber-rgb: 255,148,46;}
#business-explorer .experience{grid-template: "people people" "phone client" minmax(0px, 1fr) / minmax(300px, 0.72fr) minmax(900px, 2.55fr); min-height: 980px;}
#business-explorer .client-environment-group{grid-area: client; position: relative; z-index: 1; min-width: 0px; padding: 70px 10px 10px; border: 1px solid rgba(41, 215, 232, 0.68); border-radius: 30px; background: linear-gradient(150deg, rgba(7, 28, 39, 0.72), rgba(5, 17, 26, 0.48)); box-shadow: rgba(41, 215, 232, 0.07) 0px 0px 48px, rgba(255, 255, 255, 0.043) 0px 1px 0px inset;}
#business-explorer .environment-heading{position: absolute; top: 0px; left: 0px; right: 0px; display: flex; min-height: 62px; padding: 12px 18px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(41, 215, 232, 0.18);}
#business-explorer .environment-heading span{color: var(--cyan); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase;}
#business-explorer .environment-heading h2{margin: 2px 0px 0px; color: rgb(223, 248, 251); font-size: 0.84rem; font-weight: 720;}
#business-explorer .environment-heading > strong{flex: 0 0 auto; padding: 7px 11px; border: 1px solid rgba(41, 215, 232, 0.42); border-radius: 999px; color: var(--cyan); background: rgba(41, 215, 232, 0.07); font-size: 0.61rem; letter-spacing: 0.1em; text-transform: uppercase;}
#business-explorer .client-environment-layout{display: grid; grid-template-columns: minmax(455px, 1.45fr) minmax(155px, 0.44fr) minmax(300px, 0.92fr); gap: 14px; align-items: start;}
#business-explorer .client-environment-layout .brain{grid-area: auto;}
#business-explorer .client-environment-layout .gateway{grid-area: auto; width: 88%; justify-self: start;}
#business-explorer .client-environment-layout .systems{grid-area: auto; width: 100%; justify-self: stretch; overflow: visible;}
#business-explorer .client-environment-layout .systems{height: auto; min-height: 850px;}
#business-explorer .client-environment-layout .systems::before{content: ""; position: absolute; z-index: 0; top: -1px; bottom: -1px; left: -38px; width: 39px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(160deg, rgba(15, 35, 49, 0.93), rgba(8, 21, 31, 0.83)); pointer-events: none;}
#business-explorer .client-environment-layout .systems .panel-pad{position: relative; z-index: 1;}
#business-explorer .client-environment-layout .systems .panel-pad{width: 88%; margin-left: auto;}
#business-explorer .phone{grid-area: phone; position: relative; z-index: 3; container-type: inline-size; width: 100%; max-width: none; height: clamp(682px, 213.3cqw + 12px, 862px); min-height: 0px; place-self: start stretch; overflow: visible; padding: 0px; border: 0px; border-radius: 0px; background: none; box-shadow: none;}
#business-explorer .phone::before{content: none;}
#business-explorer .hand-phone-asset{position: absolute; z-index: 1; left: -43%; bottom: 0px; width: 160%; height: auto; pointer-events: none; user-select: none;}
#business-explorer .phone-screen{position: absolute; z-index: 2; left: 9.8cqw; bottom: calc(35cqw - 8px); width: 70.2cqw; height: clamp(445px, 144cqw, 570px); overflow: hidden; border: 0px; border-radius: clamp(18px, 5.6cqw, 25px); background: linear-gradient(rgba(6, 22, 31, 0.984), rgba(5, 16, 24, 0.984)); box-shadow: rgba(137, 188, 208, 0.16) 0px 0px 0px 1px inset;}
#business-explorer .phone .panel-pad{padding: 9px 10px;}
#business-explorer .phone .assistant-head{margin-bottom: 6px;}
#business-explorer .phone .assistant-orb{width: 24px; height: 24px;}
#business-explorer .phone .assistant-title{font-size: 0.78rem;}
#business-explorer .phone .assistant-sub{font-size: 0.55rem; line-height: 1.25;}
#business-explorer .phone .question-toolbar{justify-content: flex-start; margin-bottom: 6px; padding-top: 6px;}
#business-explorer .phone .question-toolbar .step-label{font-size: 0.58rem;}
#business-explorer .phone .question-list{gap: 5px;}
#business-explorer .phone .question{padding: 7px 25px 7px 8px; font-size: 0.61rem;}
#business-explorer .phone .question-area{font-size: 0.5rem;}
#business-explorer .phone .answer{padding: 0px 4px 4px;}
#business-explorer .phone .answer-card{min-height: 166px; padding: 9px; border-radius: 13px;}
#business-explorer .phone .answer-heading{margin-bottom: 6px; font-size: 0.52rem;}
#business-explorer .phone .answer-text{font-size: 0.6rem; line-height: 1.3;}
#business-explorer .phone .answer-source,#business-explorer .phone .answer-meta{margin-top: 5px; font-size: 0.48rem; line-height: 1.25;}
#business-explorer .phone .answer-source{padding-top: 5px;}
#business-explorer .brain-automation-toggle{position: absolute; z-index: 6; top: 22px; right: 20px; min-width: 148px; justify-content: center; backdrop-filter: blur(8px);}
#business-explorer .orbit-status{top: 72px; right: 22px;}
#business-explorer .mobile-phone-link,#business-explorer .stack-connector{display: none;}
#business-explorer .gateway-chain{position: relative; z-index: 2; display: flex; width: 100%; flex-direction: column; gap: 0px; padding: 10px 0px;}
#business-explorer .gateway-node{min-height: 120px;}
#business-explorer .gateway-node svg{width: 48px; height: 48px; margin-bottom: 10px; stroke: var(--amber); stroke-width: 2;}
#business-explorer .gateway-join-node{position: relative; display: block; width: 100%; height: 26px; flex: 0 0 26px; background: linear-gradient(rgba(41, 215, 232, 0.4), rgba(41, 215, 232, 0.4)) center center / 2px 100% no-repeat; filter: drop-shadow(rgba(41, 215, 232, 0.24) 0px 0px 4px);}
#business-explorer .gateway-join-node::before,#business-explorer .gateway-join-node::after{content: ""; position: absolute; left: 50%; width: 14px; height: 14px; border: 2px solid var(--cyan); border-radius: 50%; background: rgb(7, 19, 29); box-shadow: rgba(41, 215, 232, 0.45) 0px 0px 12px; transform: translate(-50%, -50%);}
#business-explorer .gateway-join-node::before{top: 0px;}
#business-explorer .gateway-join-node::after{top: 100%;}
#business-explorer .gateway.flowing .gateway-join-node{background-image: linear-gradient(var(--amber),var(--amber)); filter: drop-shadow(0 0 6px rgba(var(--amber-rgb),.55));}
#business-explorer .gateway.flowing .gateway-join-node::before,#business-explorer .gateway.flowing .gateway-join-node::after{border-color: var(--amber); background: rgb(255, 240, 210); box-shadow: 0 0 17px rgba(var(--amber-rgb),.88);}
#business-explorer .gateway-node.returning{animation-duration: 2.2s;}
#business-explorer .gateway-node.flowing.returning{animation: auto ease 0s 1 normal none running none;}
#business-explorer .gateway.returning .gateway-port{animation-duration: 1.8s;}
#business-explorer .gateway-node.flowing{border-color: var(--amber); background: rgba(var(--amber-rgb),.07); box-shadow: 0 0 22px rgba(var(--amber-rgb),.18),inset 0 0 14px rgba(var(--amber-rgb),.05);}
#business-explorer .gateway-node.flowing svg{stroke: rgb(255, 208, 161); filter: drop-shadow(0 0 5px rgba(var(--amber-rgb),.62));}
#business-explorer #gatewayApis.flowing{border-width: 3px; border-color: rgb(255, 173, 18); background: rgba(var(--amber-rgb),.13); box-shadow: 0 0 44px rgba(var(--amber-rgb),.62),0 0 18px rgba(var(--amber-rgb),.48),inset 0 0 26px rgba(var(--amber-rgb),.18);}
#business-explorer #gatewayApis.flowing svg{stroke: rgb(255, 224, 189); filter: drop-shadow(0 0 8px rgba(var(--amber-rgb),.92));}
#business-explorer #gatewayApis.flowing strong{color: rgb(255, 244, 229); text-shadow: 0 0 9px rgba(var(--amber-rgb),.72);}
#business-explorer .gateway-port{top: 50%; width: 22px; height: 22px;}
#business-explorer .gateway-port-in{left: -12px;}
#business-explorer .gateway-port-out{right: -12px;}
#business-explorer .question.selected,#business-explorer .answer-card.ready{border-color: var(--amber);}
#business-explorer .question.selected{border-left-color: var(--amber); background: rgba(var(--amber-rgb),.09); box-shadow: inset 1px 0 0 rgba(var(--amber-rgb),.5),0 0 16px rgba(var(--amber-rgb),.18);}
#business-explorer .system.active{border-color: var(--amber); background: rgba(var(--amber-rgb),.075); box-shadow: 0 0 24px rgba(var(--amber-rgb),.13);}
#business-explorer .system.active .system-mark{background: var(--amber);}
#business-explorer .flow-energy-haze{stroke: var(--amber); stroke-width: 11; opacity: 0.27; filter: blur(6px);}
#business-explorer .flow-energy-trail{stroke: var(--amber); stroke-width: 4.2; filter: drop-shadow(0 0 5px rgba(var(--amber-rgb),.7));}
#business-explorer .flow-energy-laser{stroke: rgb(255, 215, 173); stroke-width: 4.5; filter: drop-shadow(0 0 7px rgba(var(--amber-rgb),.95));}
#business-explorer .flow-signal-wave{fill: none; stroke: var(--amber); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(var(--amber-rgb),.86));}
#business-explorer .flow-signal-dot{fill: rgb(255, 224, 189); stroke: var(--amber); stroke-width: 2; filter: drop-shadow(0 0 8px rgba(var(--amber-rgb),.9));}
#business-explorer .flow-signal-arc{display: none;}
#business-explorer .flow-energy-bead{display: none;}
#business-explorer .system.active.return-flow{animation-duration: 2.35s;}
#business-explorer .automation-paused .system.active.return-flow,#business-explorer .automation-paused .gateway-node.returning,#business-explorer .automation-paused .gateway.returning .gateway-port{animation: auto ease 0s 1 normal none running none;}
#business-explorer .automation-paused .system-connector.active{stroke: var(--amber); stroke-width: 4.2; filter: drop-shadow(0 0 5px rgba(var(--amber-rgb),.55));}
#business-explorer .automation-paused .answer-card.ready{animation: auto ease 0s 1 normal none running none;}
@media (max-width: 1400px) {#business-explorer .experience{grid-template-columns: minmax(275px, 0.68fr) minmax(880px, 2.45fr);}
#business-explorer .client-environment-layout{grid-template-columns: minmax(430px, 1.36fr) minmax(140px, 0.4fr) minmax(285px, 0.88fr); gap: 10px;}
#business-explorer .environment-heading h2{font-size: 0.74rem;}
#business-explorer .gateway-pad{padding-inline: 8px;}}
@media (max-width: 960px) {#business-explorer .experience{display: flex; min-height: 0px; gap: 12px;}
#business-explorer .people{order: 1;}
#business-explorer .phone{order: 2; width: min(100%, 470px); height: clamp(772px, 213.3cqw + 12px, 1014px); align-self: center;}
#business-explorer .phone-screen{overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(41, 215, 232, 0.38) transparent;}
#business-explorer .mobile-phone-link{order: 3;}
#business-explorer .client-environment-group{order: 4; width: 100%; padding: 74px 10px 10px;}
#business-explorer .client-environment-layout{display: flex; flex-direction: column;}
#business-explorer .brain{order: 1; width: 100%;}
#business-explorer .stack-brain-gateway{order: 2;}
#business-explorer .gateway{order: 3; width: 100%;}
#business-explorer .stack-gateway-systems{order: 4;}
#business-explorer .systems{order: 5; width: 100%;}
#business-explorer .flow-overlay{display: none;}
#business-explorer .mobile-phone-link,#business-explorer .stack-connector{display: flex; position: relative; height: 72px; align-items: center; justify-content: center; gap: 13px; color: var(--muted); text-align: center;}
#business-explorer .mobile-phone-link::before,#business-explorer .stack-connector::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: 50%; width: 2px; background: rgba(41, 215, 232, 0.35); transform: translateX(-50%);}
#business-explorer .mobile-phone-link span,#business-explorer .stack-connector span{position: relative; z-index: 1; width: 18px; height: 18px; border: 2px solid var(--cyan); border-radius: 50%; background: rgb(7, 19, 29); box-shadow: rgba(41, 215, 232, 0.35) 0px 0px 14px;}
#business-explorer .mobile-phone-link .mobile-wave{position: relative; z-index: 1; width: 58px; height: 72px; overflow: visible; fill: none; stroke: var(--cyan); stroke-width: 2.1; stroke-linecap: round; filter: drop-shadow(rgba(41, 215, 232, 0.5) 0px 0px 5px);}
#business-explorer .mobile-phone-link .mobile-wave .wave-pulse{stroke: var(--amber); stroke-width: 3; stroke-dasharray: 5, 13; opacity: 0;}
#business-explorer .experience:not([data-phase="idle"]) .mobile-phone-link .mobile-wave .wave-pulse{opacity: 1; animation: 1.35s linear 0s infinite normal none running mobileSignalTravel;}
#business-explorer .experience:not([data-phase="idle"]) .mobile-phone-link .mobile-wave .wave-pulse.second{animation-delay: -0.45s;}
#business-explorer .experience:not([data-phase="idle"]) .mobile-phone-link .mobile-wave .wave-pulse.third{animation-delay: -0.9s;}
#business-explorer .mobile-phone-link .mobile-wave circle{fill: rgb(7, 19, 29);}
#business-explorer .mobile-phone-link b,#business-explorer .stack-connector b{position: relative; z-index: 1; margin-left: 34px; padding: 5px 9px; border-radius: 999px; background: rgb(7, 19, 29); color: rgb(169, 192, 201); font-size: 0.61rem; font-weight: 720; letter-spacing: 0.06em; text-transform: uppercase;}
#business-explorer .experience[data-phase="question"] .mobile-phone-link::before,#business-explorer .experience[data-phase="outbound"] .mobile-phone-link::before,#business-explorer .experience[data-phase="querying"] .stack-connector::before,#business-explorer .experience[data-phase="sourceReturn"] .stack-connector::before,#business-explorer .experience[data-phase="returning"] .stack-connector::before,#business-explorer .experience[data-phase="answering"] .mobile-phone-link::before,#business-explorer .experience[data-phase="complete"] .mobile-phone-link::before,#business-explorer .experience[data-phase="complete"] .stack-connector::before{background: var(--amber); box-shadow: 0 0 10px rgba(var(--amber-rgb),.58);}
#business-explorer .experience[data-phase="question"] .mobile-phone-link span,#business-explorer .experience[data-phase="outbound"] .mobile-phone-link span,#business-explorer .experience[data-phase="querying"] .stack-connector span,#business-explorer .experience[data-phase="sourceReturn"] .stack-connector span,#business-explorer .experience[data-phase="returning"] .stack-connector span,#business-explorer .experience[data-phase="answering"] .mobile-phone-link span,#business-explorer .experience[data-phase="complete"] .mobile-phone-link span,#business-explorer .experience[data-phase="complete"] .stack-connector span{border-color: var(--amber); background: rgb(255, 224, 189); box-shadow: 0 0 18px rgba(var(--amber-rgb),.78);}
#business-explorer .experience:not([data-phase="idle"]) .mobile-phone-link .mobile-wave{stroke: var(--amber); filter: drop-shadow(0 0 7px rgba(var(--amber-rgb),.72));}
#business-explorer .experience:not([data-phase="idle"]) .mobile-phone-link .mobile-wave circle{fill: rgb(255, 224, 189);}
#business-explorer .client-environment-layout .gateway{height: auto; min-height: 0px;}
#business-explorer .client-environment-layout .gateway,#business-explorer .client-environment-layout .systems{width: 100%; justify-self: stretch;}
#business-explorer .client-environment-layout .systems .panel-pad{width: 100%; margin-left: 0px;}
#business-explorer .client-environment-layout .systems::before{display: none;}
#business-explorer .gateway-pad{display: flex; padding: 22px 16px;}
#business-explorer .gateway-chain{width: min(100%, 500px);}
#business-explorer .gateway-node{min-height: 110px;}
#business-explorer .gateway-port{display: none;}
#business-explorer .systems{height: auto; min-height: 0px;}}
@keyframes mobileSignalTravel { 
  100% { stroke-dashoffset: -54; }
}
@media (max-width: 780px) {#business-explorer .environment-heading{position: relative; min-height: 0px; padding: 14px 8px 16px; align-items: flex-start;}
#business-explorer .environment-heading h2{max-width: 240px;}
#business-explorer .environment-heading > strong{font-size: 0.52rem;}
#business-explorer .client-environment-group{padding: 0px 7px 7px;}
#business-explorer .phone{width: min(100%, 430px);}
#business-explorer .phone .answer-card{min-height: 170px;}}
@media (max-width: 560px) {#business-explorer .phone{width: 100%; height: clamp(732px, 213.3cqw + 12px, 832px);}
#business-explorer .hand-phone-asset{left: -35%; width: 150%;}
#business-explorer .phone-screen{left: 14.1cqw; bottom: calc(32.6cqw - 8px); width: 65.8cqw; height: clamp(430px, 135cqw, 527px); overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(41, 215, 232, 0.38) transparent;}
#business-explorer .phone .panel-pad{padding: 10px;}
#business-explorer .phone .question{font-size: 0.64rem;}
#business-explorer .phone .question-text{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#business-explorer .phone .question-row.expanded .question-text{display: block; overflow: visible; -webkit-line-clamp: unset;}
#business-explorer .phone .question-expand{display: inline-flex;}
#business-explorer .environment-heading{gap: 8px;}
#business-explorer .environment-heading h2{font-size: 0.68rem;}
#business-explorer .brain{height: 700px; min-height: 700px;}}
@media (min-width: 961px) and (max-width: 1220px) {#business-explorer .experience{display: grid; grid-template: "people people" "phone client" minmax(0px, 1fr) / minmax(235px, 0.55fr) minmax(670px, 1.72fr); gap: 12px; min-height: 800px;}
#business-explorer .people{order: initial;}
#business-explorer .phone{order: initial; z-index: 8; width: 360px; height: 780px; place-self: start; margin-right: -112px; transform: translateX(4px);}
#business-explorer .phone-screen{overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(41, 215, 232, 0.38) transparent;}
#business-explorer .client-environment-group{order: initial; width: auto; min-width: 0px; margin-left: -72px; padding: 64px 8px 8px 82px;}
#business-explorer .client-environment-layout{display: grid; grid-template-columns: minmax(300px, 1.2fr) 92px minmax(252px, 0.94fr); gap: 0px;}
#business-explorer .brain{order: initial; width: auto; height: 680px; min-height: 680px;}
#business-explorer .canvas-wrap{min-height: 535px;}
#business-explorer .gateway{order: initial; z-index: 7; width: 112px; height: 72px; min-height: 72px; place-self: center start; overflow: visible; border: 0px; background: transparent; box-shadow: none; transform: translateX(-18px);}
#business-explorer .gateway::after,#business-explorer .gateway-brand,#business-explorer .gateway h2,#business-explorer .gateway-credit,#business-explorer .gateway-owned,#business-explorer #gatewayPlugins,#business-explorer #gatewayOrchestration,#business-explorer .gateway-join-node{display: none;}
#business-explorer .gateway-pad{display: block; height: 72px; padding: 0px;}
#business-explorer .gateway-chain{width: 112px; height: 72px; padding: 0px;}
#business-explorer #gatewayApis{display: flex; width: 112px; height: 72px; min-height: 72px; padding: 8px; flex-direction: column; border-radius: 16px; background: rgba(4, 17, 26, 0.96);}
#business-explorer #gatewayApis svg{width: 23px; height: 23px; margin: 0px 0px 5px;}
#business-explorer #gatewayApis strong{font-size: 0.57rem; line-height: 1.15; letter-spacing: 0.04em;}
#business-explorer .gateway-port{display: block;}
#business-explorer .full-gateway-label{display: none;}
#business-explorer .compact-gateway-label{display: inline;}
#business-explorer .systems{order: initial; width: 100%; height: 680px; min-height: 680px;}
#business-explorer .systems .panel-pad{padding: 12px;}
#business-explorer .system-list{grid-template-columns: 1fr; gap: 5px;}
#business-explorer .system{min-height: 42px; padding: 5px 7px;}
#business-explorer .flow-overlay{display: block;}
#business-explorer .mobile-phone-link,#business-explorer .stack-connector{display: none;}
#business-explorer .question-label{top: 47%; left: 4%; transform: none;}
#business-explorer .data-label{top: 53%; right: 3%; bottom: auto;}
#business-explorer .answer-label-canvas{display: block;}
#business-explorer .client-environment-layout .systems .panel-pad{width: 88%; margin-left: auto;}
#business-explorer .client-environment-layout .systems::before{display: block;}}
@media (max-width: 960px) {#business-explorer .client-environment-layout .gateway{z-index: 7; width: min(100%, 180px); height: 72px; min-height: 72px; align-self: center; overflow: visible; border: 0px; background: transparent; box-shadow: none;}
#business-explorer .gateway::after,#business-explorer .gateway-brand,#business-explorer .gateway h2,#business-explorer .gateway-credit,#business-explorer .gateway-owned,#business-explorer #gatewayPlugins,#business-explorer #gatewayOrchestration,#business-explorer .gateway-join-node{display: none;}
#business-explorer .gateway-pad{display: block; height: 72px; padding: 0px;}
#business-explorer .gateway-chain{width: 100%; height: 72px; padding: 0px;}
#business-explorer #gatewayApis{display: flex; width: 100%; height: 72px; min-height: 72px; padding: 8px 14px; flex-direction: column; border-radius: 16px; background: rgba(4, 17, 26, 0.96);}
#business-explorer #gatewayApis svg{width: 23px; height: 23px; margin: 0px 0px 5px;}
#business-explorer #gatewayApis strong{font-size: 0.59rem; line-height: 1.15; letter-spacing: 0.04em;}
#business-explorer .full-gateway-label{display: none;}
#business-explorer .compact-gateway-label{display: inline;}}
#business-explorer .experience{display: grid; grid-template: "people" "client" / 1fr; min-height: 0px;}
#business-explorer .client-environment-group{margin: 0px; padding: 50px 0px 0px; overflow: visible; border: 1px solid rgba(41, 215, 232, 0.58); border-radius: 26px; background: linear-gradient(150deg, rgba(7, 28, 39, 0.76), rgba(5, 17, 26, 0.58));}
#business-explorer .environment-heading{min-height: 50px; padding: 8px 16px; border-bottom: 0px;}
#business-explorer .environment-heading > div{display: flex; min-width: 0px; align-items: baseline; gap: 12px;}
#business-explorer .environment-heading span{flex: 0 0 auto;}
#business-explorer .environment-heading h2{margin: 0px; color: var(--muted); font-size: 0.7rem; font-weight: 620;}
#business-explorer .client-environment-layout{grid-template-columns: minmax(285px, 0.72fr) minmax(455px, 1.42fr) minmax(145px, 0.43fr) minmax(300px, 0.92fr); gap: 10px; align-items: start;}
#business-explorer .client-environment-layout > .panel{border: 0px; border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none;}
#business-explorer .client-environment-layout > .panel::after{content: none;}
#business-explorer .client-environment-layout > .brain,#business-explorer .client-environment-layout > .gateway,#business-explorer .client-environment-layout > .systems{border-left: 1px solid rgba(41, 215, 232, 0.2);}
#business-explorer .client-environment-layout .phone{grid-area: auto; place-self: start stretch;}
#business-explorer .client-environment-layout .phone{height: clamp(590px, 190cqw, 760px);}
#business-explorer .client-environment-layout .brain{grid-area: auto;}
#business-explorer .client-environment-layout .gateway{grid-area: auto; width: 100%; justify-self: stretch;}
#business-explorer .client-environment-layout .systems{grid-area: auto; width: 100%; justify-self: stretch; overflow: visible;}
#business-explorer .client-environment-layout .systems::before{display: none;}
#business-explorer .brain-head{display: none;}
#business-explorer .brain-automation-toggle{top: 14px;}
#business-explorer .orbit-status{top: 64px;}
@media (max-width: 1400px) {#business-explorer .client-environment-layout{grid-template-columns: minmax(270px, 0.7fr) minmax(420px, 1.3fr) minmax(135px, 0.4fr) minmax(285px, 0.88fr); gap: 8px;}}
@media (min-width: 961px) and (max-width: 1400px) {#business-explorer .phone-screen{height: clamp(390px, 126cqw, 425px); overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(41, 215, 232, 0.38) transparent;}}
@media (min-width: 1221px) and (max-width: 1400px) {#business-explorer .client-environment-layout .phone{z-index: 8; transform: translateY(-26px) scale(1.12); transform-origin: left bottom;}}
@media (min-width: 961px) and (max-width: 1220px) {#business-explorer .experience{display: grid; grid-template: "people" "client" / 1fr; gap: 12px;}
#business-explorer .client-environment-group{width: 100%; margin: 0px; padding: 50px 0px 0px;}
#business-explorer .client-environment-layout{display: grid; grid-template-columns: 240px minmax(300px, 1.15fr) 92px minmax(280px, 0.94fr); gap: 0px;}
#business-explorer .client-environment-layout .phone{z-index: 8; width: 340px; height: 630px; margin-right: -100px; transform: none;}
#business-explorer .client-environment-layout .brain{height: 680px; min-height: 680px;}
#business-explorer .client-environment-layout .systems{height: auto; min-height: 680px;}
#business-explorer .client-environment-layout .gateway{width: 112px;}}
@media (max-width: 960px) {#business-explorer .experience{display: flex; min-height: 0px; gap: 12px;}
#business-explorer .people{order: 1;}
#business-explorer .client-environment-group{order: 2; width: 100%; margin: 0px; padding: 50px 7px 7px;}
#business-explorer .client-environment-group,#business-explorer .client-environment-layout{min-width: 0px; max-width: 100%;}
#business-explorer .environment-heading{min-height: 50px; padding: 8px 12px; align-items: center;}
#business-explorer .environment-heading > div{display: block;}
#business-explorer .environment-heading h2{margin-top: 2px; max-width: none; font-size: 0.62rem;}
#business-explorer .client-environment-layout{display: flex; flex-direction: column; gap: 0px;}
#business-explorer .client-environment-layout .phone{order: 1; align-self: center;}
#business-explorer .mobile-phone-link{order: 2;}
#business-explorer .client-environment-layout .brain{order: 3; width: 100%;}
#business-explorer .stack-brain-gateway{order: 4;}
#business-explorer .client-environment-layout .gateway{order: 5;}
#business-explorer .stack-gateway-systems{order: 6;}
#business-explorer .client-environment-layout .systems{order: 7; width: 100%;}
#business-explorer .client-environment-layout .systems .panel-pad{width: 100%; margin-left: 0px;}
#business-explorer .client-environment-layout > .brain,#business-explorer .client-environment-layout > .gateway,#business-explorer .client-environment-layout > .systems{border-left: 0px; border-top: 1px solid rgba(41, 215, 232, 0.2);}
#business-explorer .mobile-phone-link,#business-explorer .stack-connector{width: 100%; align-self: stretch;}
#business-explorer .mobile-phone-link .mobile-wave,#business-explorer .stack-connector span{position: absolute; left: 50%; transform: translateX(-50%);}
#business-explorer .mobile-phone-link b,#business-explorer .stack-connector b{position: absolute; left: calc(50% + 28px); margin-left: 0px;}
#business-explorer .phone-screen{height: clamp(470px, 146cqw, 590px);}
#business-explorer .brain-automation-toggle{top: 14px;}
#business-explorer .orbit-status{top: 64px;}}
@media (max-width: 560px) {#business-explorer .experience{width: 100%; min-width: 0px;}
#business-explorer .client-environment-group{width: auto; max-width: 100%; min-width: 0px; padding-top: 64px; align-self: stretch;}
#business-explorer .environment-heading{position: absolute; top: 0px; left: 0px; right: 0px; display: grid; min-height: 64px; padding: 8px 9px; grid-template-columns: minmax(0px, 1fr) auto; gap: 6px; align-items: start;}
#business-explorer .environment-heading > div{min-width: 0px; max-width: none;}
#business-explorer .environment-heading span{font-size: 0.49rem; letter-spacing: 0.07em;}
#business-explorer .environment-heading h2{font-size: 0.5rem; line-height: 1.2;}
#business-explorer .environment-heading > strong{position: absolute; top: 8px; right: 32px; padding: 5px 6px; font-size: 0.44rem;}
#business-explorer .client-environment-layout .phone{height: clamp(650px, 170cqw, 740px);}
#business-explorer .phone-screen{height: clamp(470px, 145cqw, 570px);}
#business-explorer .phone .question{padding-right: 34px;}
#business-explorer .phone .question-expand{position: absolute; z-index: 3; right: 7px; bottom: 7px; display: grid; width: 19px; height: 19px; padding: 0px; place-items: center; border: 1px solid rgba(41, 215, 232, 0.38); border-radius: 50%; background: rgba(5, 22, 31, 0.92); font-size: 0px;}
#business-explorer .phone .question-expand::before{content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); transition: transform 0.18s, margin 0.18s;}
#business-explorer .phone .question-row.expanded .question-expand::before{margin-top: 3px; transform: rotate(225deg);}}
@media (max-width: 1220px) {#business-explorer .system{min-height: 38px;}
#business-explorer .system small{display: none;}}
#business-explorer{position:relative;isolation:isolate;min-width:0;border:1px solid rgba(41,215,232,.4);border-radius:24px;margin-top:32px;overflow:clip;}
#business-explorer .eyebrow::before{display:none;}
#business-explorer .page{padding:24px 18px 36px;}
#business-explorer h2{color:var(--ink);}
#business-explorer #page-title{font-size:clamp(1.7rem,2.6vw,3rem);line-height:1.03;letter-spacing:-.04em;}

/* Keep the hand-held assistant legible inside the homepage layout. */
#business-explorer .hand-phone-asset{max-width:none;}
#business-explorer .phone .assistant-title{font-size:1rem;}
#business-explorer .phone .question{font-size:.8rem;line-height:1.4;}
#business-explorer .phone .question-area{font-size:.62rem;}
#business-explorer .phone .answer-text{font-size:.8rem;line-height:1.4;}
#business-explorer .phone .answer-heading,#business-explorer .phone .question-toolbar .step-label{font-size:.65rem;}
#business-explorer .phone .answer-source,#business-explorer .phone .answer-meta{font-size:.62rem;line-height:1.35;}
@media(min-width:1221px){
 #business-explorer .client-environment-layout{grid-template-columns:minmax(400px,1fr) minmax(300px,1.15fr) minmax(125px,.35fr) minmax(240px,.75fr);gap:10px;}
 #business-explorer .client-environment-layout .phone{width:100%;height:780px;transform:none;margin:0;}
 #business-explorer .phone-screen{height:570px;}
}

/* Anchor decorative waves to the bottom without stretching them up the panel. */
#business-explorer{background-size:auto,auto,100% auto;background-position:center,center,center bottom;background-repeat:no-repeat;}