[hidden]{display:none!important}

/* Clear, recognisable channel icon system */
.channel-inner{gap:32px}.channel-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px!important}.channel-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e2e2db;border-radius:999px;background:#fafaf7;color:#4d4d49;font-size:12px;font-weight:550}.channel-chip svg,.hero-tab svg,.screen-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.timeline-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.timeline-card article{position:relative;margin:24px 0;padding:14px 16px;border:1px solid #e8e8e1;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(20,20,20,.04)}.timeline-card article:after{position:absolute;right:16px;top:50%;width:6px;height:6px;border-top:1px solid #999;border-right:1px solid #999;content:"";transform:translateY(-50%) rotate(45deg)}

/* Three genuinely different hero demonstrations */
.hero-copy,.hero-product{min-width:0}.hero-tabs{align-items:center}.hero-tab{display:inline-flex;align-items:center;gap:7px}.hero-window{min-height:414px}.hero-channel-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);min-height:370px}.voice-stage,.whatsapp-stage,.email-stage{padding:26px;border-right:1px solid #e8e8e1}.voice-caller,.wa-header,.email-meta{display:flex;align-items:center;gap:11px}.voice-caller>div,.wa-header>div,.email-meta>div{flex:1;min-width:0}.voice-caller strong,.voice-caller small,.wa-header strong,.wa-header small,.email-meta strong,.email-meta small{display:block}.voice-caller small,.wa-header small,.email-meta small{color:#8c8c84;font-size:11px}.voice-avatar,.mail-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e7f2c6;color:#57731c;font-size:12px;font-weight:750}.call-live{padding:6px 8px;border-radius:999px;background:#eef5dd;color:#5f7d1e;font-size:10px}.voice-wave,.mini-wave{display:flex;height:70px;align-items:center;justify-content:center;gap:5px;margin:27px 0;border-radius:8px;background:#f6f7f1}.voice-wave i,.mini-wave i{width:3px;height:18px;border-radius:3px;background:#90b83a;animation:signal-wave 1.1s ease-in-out infinite}.voice-wave i:nth-child(2n),.mini-wave i:nth-child(2n){height:34px;animation-delay:-.35s}.voice-wave i:nth-child(3n),.mini-wave i:nth-child(3n){height:50px;animation-delay:-.7s}.voice-caption{padding:15px;border-left:3px solid var(--accent);background:#fbfbf8}.voice-caption span{color:#6c8c24;font-size:10px;font-weight:700;text-transform:uppercase}.voice-caption p{margin:4px 0 0;font-size:13px}.voice-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.voice-actions span{padding:6px 8px;border:1px solid #deded7;border-radius:999px;color:#666;font-size:10px}.hero-side-panel{padding:25px;background:#fcfcfa}.hero-step,.email-action{display:grid;grid-template-columns:26px 1fr auto;gap:10px;padding:16px 0;border-top:1px solid #e6e6df}.hero-step b,.email-action>span{color:#999;font:10px ui-monospace,monospace}.hero-step strong,.hero-step small,.email-action strong,.email-action small{display:block}.hero-step strong,.email-action strong{font-size:12px}.hero-step small,.email-action small{margin-top:3px;color:#8c8c84;font-size:10px}.hero-step i,.email-action b{color:#6d9420;font-style:normal}.hero-step.is-live{color:#597a17}.hero-step.is-live i{animation:pulse-text 1.2s infinite}.wa-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#dff4d7;color:#2e8d4d}.wa-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.wa-chat{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:22px;padding:19px;border-radius:9px;background:#f4f1ea}.bubble{max-width:86%;margin:0;padding:12px 14px;border-radius:10px;font-size:12px}.bubble-in{background:#fff;border-bottom-left-radius:2px}.bubble-out{align-self:flex-end;background:#ddf7cd;border-bottom-right-radius:2px}.message-time{align-self:flex-end;color:#919188;font-size:9px}.extracted-card{display:grid;gap:3px;margin-bottom:10px;padding:13px;border:1px solid #e5e5de;border-radius:6px;background:#fff}.extracted-card small,.email-subject small{color:#8b8b83;font-size:9px;text-transform:uppercase}.extracted-card strong{font-size:12px}.accent-card{border-color:#c6df83;background:#f3f8e4}.email-stage>p{font-size:13px}.email-subject{display:grid;gap:3px;margin:24px 0 13px;padding-bottom:13px;border-bottom:1px solid #e7e7e0}.email-subject strong{font-size:14px}.email-reply{margin-top:22px;padding:15px;border-radius:7px;background:#f2f7e5}.email-reply span{color:#6a8c21;font-size:9px;font-weight:700;text-transform:uppercase}.email-reply p{margin:5px 0 0;font-size:11px}

/* Workflow configurator */
.usecase-builder{border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(20,20,20,.06)}.usecase-option{border-radius:4px}.usecase-option:hover:not(.is-selected){background:#f1f1eb;color:#222}.usecase-option.is-selected{background:var(--accent);color:#223008}.config-head>div{display:grid;gap:3px}.config-head strong{font-size:18px}.config-kicker{color:#78952f;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.config-summary{margin:0 0 8px;padding:13px 15px;border-radius:6px;background:#f5f8ec;color:#5f6552;font-size:12px}.config-row{transition:background .18s}.config-row:hover{background:#fafaf6}.config-button{display:inline-flex;align-items:center;gap:36px}

/* Connected integration canvas */
.integration-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:58px}.integration-heading .section-heading{margin:0}.integration-total{display:grid;color:var(--accent);font-size:2.8rem;font-weight:600;letter-spacing:-.06em;line-height:1}.integration-total small{margin-top:6px;color:#888;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.integration-canvas{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:28px}.integration-orbit{position:relative;min-height:560px;border:1px solid #333;border-radius:14px;background:radial-gradient(circle at center,rgba(197,239,90,.07),transparent 45%),#151515;overflow:hidden}.orbit-ring{position:absolute;top:50%;left:50%;border:1px solid #32362d;border-radius:50%;transform:translate(-50%,-50%)}.orbit-ring-one{width:290px;height:290px}.orbit-ring-two{width:480px;height:480px;border-style:dashed}.signal-hub{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:122px;height:122px;place-items:center;border:1px solid #9ec64a;border-radius:50%;background:var(--accent);color:#1d260c;box-shadow:0 0 0 12px rgba(197,239,90,.07),0 20px 50px rgba(0,0,0,.3);transform:translate(-50%,-50%)}.signal-hub span{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:10px;font-weight:700}.signal-hub strong{margin-top:-15px;font-size:15px}.signal-hub small{margin-top:-19px;font-size:9px}.orbit-tool{position:absolute;z-index:3;display:flex;min-width:132px;align-items:center;gap:9px;padding:10px 12px;border:1px solid #3b3b3b;border-radius:7px;background:#1c1c1c;color:#bbb;font:11px inherit;cursor:pointer;transition:.18s}.orbit-tool:hover,.orbit-tool.is-selected{border-color:var(--accent);background:#252d19;color:#fff;transform:translateY(-3px)}.orbit-tool.is-selected:after{position:absolute;inset:-5px;border:1px solid rgba(197,239,90,.25);border-radius:10px;content:""}.tool-mark,.detail-icon{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#2b2b2b;color:#fff;font-size:11px;font-weight:750}.tool-dynamics{top:13%;left:12%}.tool-zoho{top:13%;right:10%}.tool-salesforce{top:43%;right:5%}.tool-hubspot{right:12%;bottom:12%}.tool-zendesk{bottom:12%;left:12%}.tool-twilio{top:43%;left:5%}.microsoft-mark{background:#4778d0}.zoho-mark{background:#d6653a}.salesforce-mark{background:#299ed2}.hubspot-mark{background:#f17552}.zendesk-mark{background:#678e68}.twilio-mark{background:#d94d5d}.integration-detail{position:relative;align-self:start;grid-template-columns:auto 1fr;gap:14px;padding:22px}.integration-detail>div{display:grid;gap:3px}.integration-detail p{margin:6px 0 0;color:#aaa;font-size:12px}.detail-icon{width:36px;height:36px}.connected-badge{position:absolute;top:22px;right:20px;display:flex;align-items:center;gap:5px;color:#9ec64a!important;font-size:9px!important}.connected-badge i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.connection-path{display:flex;grid-column:2;align-items:center;justify-content:space-between;gap:9px;padding:16px 18px;border:1px solid #333;border-radius:7px;color:#929292;font-size:10px}.connection-path i{color:var(--accent);font-style:normal}.connection-path strong{color:#ddd;font-weight:600}

.tool-mark svg,.detail-icon svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool-mark svg circle,.detail-icon svg circle{fill:none}.zoho-mark svg,.hubspot-mark svg,.twilio-mark svg{fill:none}.detail-icon svg{width:21px;height:21px}

/* Control modes that visibly change */
.control-console{border:1px solid #d9d9d2;border-radius:9px;background:#fbfbf8;box-shadow:0 20px 60px rgba(20,20,20,.09);overflow:hidden}.control-stage{min-height:315px;padding:20px}.stage-head{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #e7e7e0}.stage-head>div{flex:1}.stage-head strong,.stage-head small{display:block}.stage-head strong{font-size:13px}.stage-head small{color:#92928a;font-size:10px}.stage-intent{padding:6px 8px;border-radius:999px;background:#eef4df;color:#617e22;font-size:9px}.control-transcript{display:grid;gap:11px;margin:18px 0}.control-transcript p{display:grid;grid-template-columns:85px 1fr;gap:10px;margin:0;font-size:11px}.control-transcript b{color:#777;font-weight:600}.control-transcript span{color:#333}.listen-visual{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:11px 13px;border-radius:7px;background:#f3f7e8;color:#5f7d20;font-size:10px}.listen-visual .mini-wave{height:30px;margin:0;background:transparent}.listen-visual .mini-wave i{height:9px}.listen-visual .mini-wave i:nth-child(2n){height:18px}.listen-visual .mini-wave i:nth-child(3n){height:24px}.whisper-panel{padding:13px;border:1px solid #d8ccef;border-radius:7px;background:#f6f1fd}.whisper-panel small{color:#795ba7;font-size:9px;font-weight:700;text-transform:uppercase}.whisper-panel p{margin:5px 0 0;font-size:11px}.takeover-panel{display:grid;gap:9px}.takeover-panel>span{color:#5f7e1e;font-size:10px;font-weight:700}.takeover-panel>div{display:flex;justify-content:space-between;padding:12px;border:1px solid #cddcad;border-radius:6px;background:#fff;color:#999;font-size:11px}.takeover-panel b{color:#425b13}.screen-actions button{display:inline-flex;align-items:center;gap:7px}.screen-actions button.is-active{border-color:#779c25;background:var(--accent);color:#26320c}.control-console[data-control-mode="whisper"] .control-stage{background:#fcfaff}.control-console[data-control-mode="takeover"] .screen-status i{background:#7354a2}.control-console[data-control-mode="takeover"] .control-feedback{background:#f3eefb;color:#684c90}

@keyframes signal-wave{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes pulse-text{0%,100%{opacity:.45}50%{opacity:1}}

@media(max-width:900px){.channel-inner{align-items:flex-start;flex-direction:column}.channel-list{justify-content:flex-start}.hero-channel-panel{grid-template-columns:1fr}.voice-stage,.whatsapp-stage,.email-stage{border-right:0;border-bottom:1px solid #e8e8e1}.integration-heading{align-items:flex-start;flex-direction:column}.integration-canvas{grid-template-columns:1fr}.integration-orbit{min-height:530px}.connection-path{grid-column:1}.integration-detail{align-self:stretch}}
@media(max-width:600px){.hero h1{font-size:clamp(2.9rem,13.5vw,3.35rem);line-height:.96}.hero-intro{max-width:100%;font-size:1rem}.channel-chip{padding:6px 8px}.channel-chip svg{width:13px;height:13px}.hero-window{min-height:auto}.hero-channel-panel{min-height:auto}.voice-stage,.whatsapp-stage,.email-stage,.hero-side-panel{padding:19px}.voice-actions span:nth-child(3){display:none}.integration-orbit{min-height:520px}.orbit-ring-two{width:390px;height:390px}.orbit-tool{min-width:auto;padding:8px}.orbit-tool b{display:none}.tool-dynamics{left:8%}.tool-zoho{right:8%}.tool-hubspot{right:8%}.tool-zendesk{left:8%}.connection-path{align-items:flex-start;flex-direction:column}.connection-path i{transform:rotate(90deg)}.control-transcript p{grid-template-columns:1fr;gap:3px}}

@media(prefers-reduced-motion:reduce){.voice-wave i,.mini-wave i,.hero-step.is-live i{animation:none}}

/* Deliberate hero line breaks and a single restrained emphasis */
.hero>.shell{width:min(1320px,calc(100vw - 56px))}.hero-grid{grid-template-columns:minmax(650px,1.08fr) minmax(520px,.92fr);gap:50px}.hero h1{max-width:none;margin-bottom:30px;font-size:clamp(4.15rem,5.1vw,5.35rem);letter-spacing:-.065em;line-height:.93}.hero h1>span{display:block;white-space:nowrap}.platform-underline{position:relative;width:max-content;z-index:0}.platform-underline:after{position:absolute;z-index:-1;right:-3px;bottom:.03em;left:-2px;height:.12em;border-radius:999px;background:var(--accent);content:"";transform:rotate(-1deg)}.hero-intro{max-width:585px}

/* WhatsApp conversation plays from greeting to resolution */
.wa-secure{color:#7a7a73;font-size:9px}.wa-chat{height:278px;gap:7px;margin-top:16px;padding:14px;overflow:hidden}.wa-message{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.wa-message.is-shown{opacity:1;transform:none}.wa-chat .bubble{padding:8px 10px;font-size:10.5px;line-height:1.35}.wa-action,.wa-resolved{display:flex;align-items:center;gap:9px;width:92%;padding:8px 10px;border:1px solid #dfe1d8;border-radius:7px;background:#fff}.wa-action-icon,.wa-resolved>span{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;background:#edf5dd;color:#62851b;font-size:10px;font-weight:750}.wa-action small,.wa-action strong,.wa-resolved small,.wa-resolved strong{display:block}.wa-action small,.wa-resolved small{color:#8b8b84;font-size:8.5px}.wa-action strong,.wa-resolved strong{font-size:10px}.wa-resolved{align-self:flex-end;border-color:#b9d771;background:#f3f8e8}.wa-resolved>span{background:var(--accent);color:#26320d}.wa-progress-panel{display:flex;flex-direction:column}.wa-progress{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:13px 0;border-top:1px solid #e6e6df;opacity:.42;transition:opacity .2s,color .2s}.wa-progress b{color:#999;font:9px ui-monospace,monospace}.wa-progress strong,.wa-progress small{display:block}.wa-progress strong{font-size:11px}.wa-progress small{margin-top:2px;color:#8c8c84;font-size:9px}.wa-progress.is-current{color:#55751a;opacity:1}.wa-progress.is-complete{opacity:.75}.wa-progress.is-complete b{color:#6f9522}.wa-replay{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:9px 0 0;border:0;border-top:1px solid #e6e6df;background:transparent;color:#666;font:9px inherit;cursor:pointer}.wa-replay:hover{color:#4f7015}

/* Each use case has its own workflow structure */
.workflow-structure{display:grid;gap:9px;margin:18px 0 4px}.workflow-stage{position:relative;display:grid;grid-template-columns:27px 18px 1fr auto;align-items:center;gap:8px;min-height:66px;padding:11px 12px;border:1px solid #e4e4dd;border-radius:7px;background:#fff;transition:border-color .18s,transform .18s}.workflow-stage:hover{border-color:#b6cb7f;transform:translateY(-2px)}.stage-index{color:#9a9a92;font:9px ui-monospace,monospace}.stage-glyph{position:relative;width:14px;height:14px;border:1px solid #9ba58b;border-radius:50%}.stage-glyph:after{position:absolute;inset:4px;border-radius:50%;background:#94b849;content:""}.workflow-stage strong,.workflow-stage small{display:block}.workflow-stage strong{font-size:11px}.workflow-stage small{margin-top:2px;color:#888;font-size:9px;line-height:1.35}.workflow-stage>b{color:#739524;font-size:11px}.stage-gate .stage-glyph{border-radius:3px;transform:rotate(45deg)}.stage-gate .stage-glyph:after{border-radius:1px}.stage-branch .stage-glyph{border:0}.stage-branch .stage-glyph:before,.stage-branch .stage-glyph:after{position:absolute;width:9px;height:9px;border:1px solid #8da64f;border-left:0;content:""}.stage-branch .stage-glyph:before{top:0;right:0;border-bottom:0}.stage-branch .stage-glyph:after{right:0;bottom:0;border-top:0}.stage-risk{border-color:#dfc8bd;background:#fffaf7}.stage-risk .stage-glyph,.stage-risk .stage-glyph:after{border-color:#bd7457;background:#d58d70}.stage-clock .stage-glyph:before{position:absolute;top:2px;left:6px;width:1px;height:5px;background:#7c963f;content:"";transform-origin:bottom;transform:rotate(-35deg)}.stage-outcome{border-color:#c9dc9a;background:#f5f9ea}.stage-outcome .stage-glyph{border-color:#8caf3c;background:var(--accent)}
.usecase-config[data-workflow-shape="service"] .workflow-structure,.usecase-config[data-workflow-shape="lookup"] .workflow-structure{grid-template-columns:repeat(2,1fr)}.usecase-config[data-workflow-shape="routing"] .workflow-structure{grid-template-columns:repeat(6,1fr)}.usecase-config[data-workflow-shape="routing"] .workflow-stage:nth-child(1),.usecase-config[data-workflow-shape="routing"] .workflow-stage:nth-child(2){grid-column:span 3}.usecase-config[data-workflow-shape="routing"] .workflow-stage:nth-child(n+3){grid-column:span 2}.usecase-config[data-workflow-shape="risk"] .workflow-structure{grid-template-columns:1fr}.usecase-config[data-workflow-shape="risk"] .workflow-stage{min-height:50px}.usecase-config[data-workflow-shape="timeline"] .workflow-structure{grid-template-columns:repeat(5,1fr);align-items:center}.usecase-config[data-workflow-shape="timeline"] .workflow-stage{display:flex;min-height:118px;align-items:flex-start;flex-direction:column}.usecase-config[data-workflow-shape="timeline"] .workflow-stage:nth-child(even){transform:translateY(10px)}.usecase-config[data-workflow-shape="timeline"] .workflow-stage>b{margin-top:auto;align-self:flex-end}.usecase-config[data-workflow-shape="gated"] .workflow-structure{grid-template-columns:repeat(4,1fr)}.usecase-config[data-workflow-shape="gated"] .workflow-stage:first-child{grid-column:1/-1;border-color:#c3d18f;background:#f4f7e9}.usecase-config[data-workflow-shape="campaign"] .workflow-structure{grid-template-columns:repeat(6,1fr)}.usecase-config[data-workflow-shape="campaign"] .workflow-stage{grid-column:span 2}.usecase-config[data-workflow-shape="campaign"] .workflow-stage:nth-child(4),.usecase-config[data-workflow-shape="campaign"] .workflow-stage:nth-child(5){grid-column:span 3}

/* Integration library and live connection builder */
.connection-builder{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:650px;border:1px solid #343434;border-radius:13px;background:#151515;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.integration-library{border-right:1px solid #343434;background:#121212}.library-head{display:grid;gap:3px;padding:20px;border-bottom:1px solid #303030}.library-head span{font-size:12px;font-weight:650}.library-head small{color:#777;font-size:9px}.library-tools{padding:9px}.library-tool{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aaa;text-align:left;font:inherit;cursor:pointer;transition:.16s}.library-tool:hover{background:#1b1b1b;color:#fff}.library-tool.is-selected{border-color:#657d2f;background:#222a18;color:#fff}.library-tool>span:nth-child(2){display:grid;gap:1px}.library-tool strong{font-size:10.5px}.library-tool small{color:#777;font-size:8.5px}.library-tool>b{color:#777;font-size:10px}.library-tool.is-selected>b{color:var(--accent)}.api-mark,.mcp-mark{background:#343434}.connection-workspace{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:24px 28px}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #303030}.workspace-top>div{display:grid;gap:3px}.workspace-kicker{color:#83a239;font-size:8px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.workspace-top strong{font-size:15px}.connection-flow{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;align-items:stretch;padding:44px 0}.flow-node{position:relative;display:flex;min-width:0;align-items:flex-start;gap:11px;padding:15px;border:1px solid #3a3a3a;border-radius:9px;background:#1a1a1a}.flow-node>div{min-width:0}.flow-node small,.flow-node strong,.flow-node p{display:block}.flow-node small{color:#7f7f7f;font-size:8px;text-transform:uppercase}.flow-node strong{margin-top:4px;color:#eee;font-size:11px;line-height:1.3}.flow-node p{margin:7px 0 0;color:#888;font-size:8.5px;line-height:1.4}.node-number{display:grid;width:23px;height:23px;flex:0 0 23px;place-items:center;border:1px solid #454545;border-radius:50%;color:#888;font:8px ui-monospace,monospace}.signal-node{border-color:#6a8332;background:#202717}.signal-node-mark,.result-check{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:var(--accent);color:#202a0c;font-size:8px;font-weight:800}.system-node{border-color:#515151}.system-node .detail-icon{flex:0 0 36px}.node-status{position:absolute;top:10px;right:10px;color:#95ba42;font-size:8px}.result-node{border-color:#89aa3e;background:#202817}.result-check{font-size:12px}.flow-connector{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:7px}.flow-connector i{position:relative;display:block;width:100%;height:1px;background:#484848}.flow-connector i:after{position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);content:"";transform:rotate(45deg)}.flow-connector b{max-width:68px;color:#777;font-size:7.5px;font-weight:500;line-height:1.3;text-align:center}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #303030;color:#747474;font-size:8.5px}.workspace-footer>span{display:flex;align-items:center;gap:6px}.workspace-footer i{width:5px;height:5px;border-radius:50%;background:#8bae3d}.workspace-footer button{border:0;background:transparent;color:#aaa;font:9px inherit;cursor:pointer}.workspace-footer button:hover{color:#fff}.workspace-footer b{margin-left:8px;color:var(--accent)}

@media(max-width:1350px){.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:900px}.hero h1{font-size:clamp(4rem,7.5vw,5.5rem)}.hero-product{max-width:760px}}
@media(max-width:1180px){.connection-flow{grid-template-columns:1fr}.flow-connector{min-height:50px}.flow-connector i{width:1px;height:36px}.flow-connector i:after{top:auto;right:-3px;bottom:0;transform:rotate(135deg)}.flow-connector b{max-width:none}.connection-builder{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.hero>.shell{width:var(--shell)}.hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}.hero h1>span{white-space:normal}.hero h1>span:nth-child(2){white-space:nowrap}.platform-underline{white-space:nowrap!important}.wa-chat{height:auto;min-height:278px}.usecase-config[data-workflow-shape] .workflow-structure{grid-template-columns:1fr}.usecase-config[data-workflow-shape] .workflow-stage{grid-column:auto!important;min-height:58px;transform:none!important}.connection-builder{grid-template-columns:1fr}.integration-library{border-right:0;border-bottom:1px solid #343434}.library-tools{display:grid;grid-template-columns:repeat(2,1fr)}.connection-workspace{padding:22px 18px}.workspace-top{align-items:flex-start;flex-direction:column;gap:10px}.workspace-top .connected-badge{position:static}.workspace-footer{align-items:flex-start;flex-direction:column}.integration-total{font-size:2.3rem}}
@media(max-width:480px){.hero h1{font-size:2.5rem}.hero h1>span:nth-child(2){white-space:normal}.library-tools{grid-template-columns:1fr}.connection-workspace{padding-inline:14px}}

.connection-flow{align-items:center}.flow-node{min-height:152px}

@media(prefers-reduced-motion:reduce){.wa-message{opacity:1;transform:none}.wa-progress{opacity:.75}.workflow-stage:hover{transform:none}}

/* Keep the fixed hero lines separate from the interactive product window */
@media(min-width:1351px){.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(500px,.94fr);gap:64px}.hero h1{font-size:clamp(3.6rem,4.1vw,3.9rem)}}

/* A simple integration journey, not an internal dashboard */
.integration-showcase{border:1px solid #343434;border-radius:14px;background:#151515;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.integration-picker{padding:22px 24px;border-bottom:1px solid #343434;background:#121212}.picker-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px}.picker-title span{font-size:13px;font-weight:650}.picker-title small{color:#777;font-size:10px}.picker-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.integration-choice{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #303030;border-radius:8px;background:#181818;color:#aaa;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}.integration-choice:hover{border-color:#5e6c42;color:#fff;transform:translateY(-2px)}.integration-choice.is-selected{border-color:#85aa35;background:#222b17;color:#fff}.integration-choice>span:last-child{display:grid;min-width:0;gap:1px}.integration-choice strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.integration-choice small{color:#747474;font-size:8.5px}.integration-choice.is-selected small{color:#9cb469}.integration-journey{padding:27px 30px 30px}.journey-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.journey-head>div{display:grid;gap:3px}.journey-head>div>span{color:#83a239;font-size:8px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.journey-head strong{font-size:16px}.journey-head .connected-badge{position:static}.journey-grid{display:grid;grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr);align-items:center;gap:20px}.journey-card{display:grid;min-height:190px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:15px;padding:22px;border:1px solid #393939;border-radius:10px;background:#1b1b1b}.journey-card>div{display:grid;align-content:start}.journey-card small,.journey-card strong{display:block}.journey-card small{color:#7d7d7d;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase}.journey-card strong{margin-top:9px;color:#f3f3f3;font-size:15px;line-height:1.25}.journey-card p{margin:13px 0 0;color:#8c8c8c;font-size:10.5px;line-height:1.5}.journey-number{display:grid;width:28px;height:28px;place-items:center;border:1px solid #454545;border-radius:50%;color:#888;font:8px ui-monospace,monospace}.system-card{border-color:#56653a}.system-card .detail-icon{width:38px;height:38px}.journey-link{position:relative;display:grid;place-items:center;gap:9px;text-align:center}.journey-link:before,.journey-link:after{position:absolute;z-index:0;top:21px;width:calc(50% - 22px);height:1px;background:#4a4a4a;content:""}.journey-link:before{left:0}.journey-link:after{right:0}.journey-link>span{z-index:1;display:grid;width:44px;height:44px;place-items:center;border:1px solid #8caf3c;border-radius:50%;background:var(--accent);color:#24300d;font-size:10px;font-weight:800;box-shadow:0 0 0 7px rgba(197,239,90,.06)}.journey-link small{max-width:110px;color:#8e8e8e;font-size:8px;line-height:1.35}.journey-outcome{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:20px;padding:17px 20px;border:1px solid #76932f;border-radius:9px;background:#202817}.journey-outcome>span{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;background:var(--accent);color:#27330e;font-size:14px;font-weight:800}.journey-outcome small,.journey-outcome strong{display:block}.journey-outcome small{color:#8da968;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.journey-outcome strong{margin-top:2px;font-size:13px}.journey-outcome p{margin:2px 0 0;color:#89917f;font-size:9.5px}

/* Visitors can book a focused use-case conversation */
.usecase-cta-section{padding:125px 0;background:#f1f1eb}.usecase-cta-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:110px}.usecase-cta-grid .section-heading>p:last-child{max-width:560px;color:var(--muted);font-size:1.08rem}.usecase-cta-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px 18px;padding:32px;border:1px solid #d6d6ce;border-radius:10px;background:#fff;box-shadow:0 20px 55px rgba(20,20,20,.06)}.usecase-cta-number{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--accent);color:#26320d;font:11px ui-monospace,monospace;font-weight:800}.usecase-cta-card small,.usecase-cta-card strong{display:block}.usecase-cta-card small{margin-bottom:4px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.usecase-cta-card strong{font-size:17px;letter-spacing:-.02em}.usecase-cta-card .button{grid-column:1/-1;width:max-content;margin-top:8px}

@media(max-width:1000px){.picker-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.usecase-cta-grid{grid-template-columns:1fr;gap:48px}.journey-grid{grid-template-columns:1fr}.journey-link{display:flex;min-height:72px;justify-content:center}.journey-link:before,.journey-link:after{top:50%;width:calc(50% - 34px)}.journey-link small{position:absolute;top:52px;max-width:none}}
@media(max-width:600px){.integration-picker{padding:18px 14px}.picker-title{align-items:flex-start;flex-direction:column;gap:4px}.picker-tools{grid-template-columns:1fr 1fr}.integration-choice{padding:9px}.integration-choice strong{font-size:9.5px}.integration-journey{padding:21px 14px 18px}.journey-head{align-items:flex-start;flex-direction:column}.journey-card{min-height:auto;padding:17px}.journey-outcome{align-items:start;padding:15px}.usecase-cta-section{padding:85px 0}.usecase-cta-card{grid-template-columns:1fr;padding:24px 20px}.usecase-cta-card .button{width:100%}}

/* Radial integration network inspired by the supplied hub-and-spoke reference */
.integration-network{border:1px solid #343434;border-radius:16px;background:#151515;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.network-map{position:relative;min-height:610px;background:radial-gradient(circle at 50% 45%,rgba(197,239,90,.09),transparent 19%),radial-gradient(circle at 50% 45%,#1a1a1a 0,#131313 57%,#101010 100%);overflow:hidden}.network-map:before{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:18px 18px;content:"";opacity:.28;mask-image:radial-gradient(circle at center,#000,transparent 78%)}.network-lines{position:absolute;inset:4% 2% 8%;width:96%;height:88%}.network-lines line{stroke:#3d4433;stroke-width:1;vector-effect:non-scaling-stroke}.network-hub{position:absolute;z-index:3;top:46%;left:50%;display:grid;width:164px;height:164px;place-items:center;border:1px solid #555;border-radius:50%;background:#090909;box-shadow:0 0 0 12px rgba(255,255,255,.025),0 20px 55px rgba(0,0,0,.42);transform:translate(-50%,-50%)}.network-hub img{width:116px;height:116px;border-radius:50%;object-fit:cover}.network-hub small{position:absolute;bottom:-28px;color:#91ad51;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hub-ring{position:absolute;inset:-10px;border:1px solid rgba(197,239,90,.25);border-radius:50%;animation:hub-breathe 2.6s ease-in-out infinite}.network-tool{position:absolute;z-index:4;display:grid;width:104px;place-items:center;gap:7px;border:0;background:transparent;color:#8f8f8f;font:inherit;cursor:pointer;transform:translate(-50%,-50%);transition:color .18s,transform .18s}.network-tool .tool-mark{width:68px;height:68px;border:8px solid #202020;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:border-color .18s,box-shadow .18s,transform .18s}.network-tool strong{font-size:9.5px;font-weight:600;white-space:nowrap}.network-tool:hover,.network-tool.is-selected{color:#fff;transform:translate(-50%,-50%) translateY(-3px)}.network-tool:hover .tool-mark,.network-tool.is-selected .tool-mark{border-color:#4c592f;box-shadow:0 0 0 1px var(--accent),0 13px 32px rgba(0,0,0,.4);transform:scale(1.05)}.network-tool.is-selected:after{position:absolute;top:-6px;right:10px;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--accent);color:#26320d;content:"✓";font-size:9px;font-weight:800}.node-top{top:9%;left:50%}.node-top-right{top:20%;left:76%}.node-right{top:46%;left:90%}.node-bottom-right{top:74%;left:76%}.node-bottom{top:86%;left:50%}.node-bottom-left{top:74%;left:24%}.node-left{top:46%;left:10%}.node-top-left{top:20%;left:24%}.network-detail{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;padding:24px 30px;border-top:1px solid #343434;background:#121212}.network-system,.network-outcome{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0}.network-system>div,.network-outcome>div{min-width:0}.network-detail small,.network-detail strong{display:block}.network-detail small{color:#7e7e7e;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.network-detail strong{margin-top:3px;font-size:13px}.network-detail p{margin:4px 0 0;color:#858585;font-size:9.5px;line-height:1.45}.network-connection{display:flex;align-items:center;gap:10px;padding:10px 18px;border-right:1px solid #333;border-left:1px solid #333}.network-connection>span,.network-outcome>span{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:var(--accent);color:#26320d;font-size:9px;font-weight:800}.network-outcome>span{font-size:13px}.network-outcome strong{color:#dff5a8}.form-success.is-error{border-color:#d3aaa0;background:#fff4f1;color:#8b4e40}.form-submit-row .button:disabled{cursor:wait;opacity:.65;transform:none}
@keyframes hub-breathe{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.035)}}

/* Keep the integrations interaction compact and beside its copy on desktop */
@media(min-width:1001px){#integrations>.shell{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr);align-items:center;gap:64px}#integrations .integration-heading{display:block;margin:0}#integrations .integration-heading .section-heading{max-width:430px}#integrations .integration-heading h2{font-size:clamp(2.65rem,3.6vw,4.1rem)}#integrations .integration-total{margin-top:34px}#integrations .network-map{min-height:430px}#integrations .network-hub{width:122px;height:122px}#integrations .network-hub img{width:86px;height:86px}#integrations .network-hub small{bottom:-23px;font-size:7px}#integrations .network-tool{width:82px;gap:5px}#integrations .network-tool .tool-mark{width:50px;height:50px;border-width:5px}#integrations .network-tool strong{font-size:7.5px}#integrations .network-tool.is-selected:after{top:-3px;right:6px;width:15px;height:15px;font-size:7px}#integrations .network-detail{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:16px 18px}#integrations .network-system,#integrations .network-outcome{gap:9px}#integrations .network-connection{gap:7px;padding:8px 10px}#integrations .network-detail p{display:none}#integrations .network-detail strong{font-size:10px}}
@media(max-width:900px){.network-map{min-height:560px}.network-tool{width:88px}.network-tool .tool-mark{width:58px;height:58px;border-width:6px}.network-detail{grid-template-columns:1fr}.network-connection{justify-content:flex-start;border:0;border-top:1px solid #303030;border-bottom:1px solid #303030}.network-hub{width:142px;height:142px}.network-hub img{width:100px;height:100px}}
@media(max-width:600px){.network-map{min-height:480px}.network-hub{top:47%;width:112px;height:112px}.network-hub img{width:80px;height:80px}.network-tool{width:66px;gap:5px}.network-tool .tool-mark{width:48px;height:48px;border-width:5px}.network-tool strong{font-size:7px}.node-top{top:10%}.node-top-right{top:21%;left:75%}.node-right{top:47%;left:87%}.node-bottom-right{top:73%;left:75%}.node-bottom{top:86%}.node-bottom-left{top:73%;left:25%}.node-left{top:47%;left:13%}.node-top-left{top:21%;left:25%}.network-tool.is-selected:after{right:2px}.network-detail{gap:16px;padding:20px 16px}.network-connection{padding:13px 0}}
@media(prefers-reduced-motion:reduce){.hub-ring{animation:none}}