.qt-products-send-feature{gap:calc(28 * var(--qt-products-u));display:grid}.qt-products-sending-workflows{gap:calc(24 * var(--qt-products-u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:is(.qt-products-api-workflow.qt-products-api-workflow,.qt-products-portal-workflow.qt-products-portal-workflow){min-width:0;padding:calc(24 * var(--qt-products-u));border:1px solid var(--qt-homepage-border-panel);border-radius:calc(var(--qt-radius-lg) * var(--qt-products-u));background:var(--qt-bg-2);box-shadow:none;flex-direction:column;display:flex}.qt-products-sending-workflows h2{font-size:max(20px, calc(22 * var(--qt-products-u)));font-weight:var(--qt-font-weight-semibold);line-height:1.3}.qt-products-api-flow{margin:calc(28 * var(--qt-products-u)) 0}.qt-products-api-flow__nodes{align-items:start;gap:calc(8 * var(--qt-products-u));grid-template-columns:1fr auto 1fr auto 1fr;display:grid}.qt-products-api-flow__nodes>div{justify-items:center;gap:calc(12 * var(--qt-products-u));text-align:center;min-width:0;display:grid}.qt-products-api-flow__nodes>div>span{width:calc(56 * var(--qt-products-u));height:calc(56 * var(--qt-products-u));background:var(--qt-bg-1);border:1px solid var(--qt-border-subtle);border-radius:calc(var(--qt-radius-md) * var(--qt-products-u));place-items:center;display:grid}.qt-products-api-flow__nodes>.qt-products-api-flow__service>span{color:var(--qt-cyan-200);border-color:var(--qt-ui-border);background:var(--qt-interaction-hover-surface)}.qt-products-api-flow__nodes strong{font-size:max(13px, calc(14 * var(--qt-products-u)));font-weight:var(--qt-font-weight-semibold);line-height:1.4}.qt-products-api-flow__nodes>div svg{width:24px;height:24px}.qt-products-api-flow__arrow{margin-top:calc(19 * var(--qt-products-u));width:18px;height:18px;color:var(--qt-cyan-200)}.qt-products-api-flow figcaption{margin:calc(24 * var(--qt-products-u)) 0 0;padding-top:calc(20 * var(--qt-products-u));border-top:1px solid var(--qt-border-subtle);color:var(--qt-text-on-canvas-secondary);font-size:max(14px, calc(14 * var(--qt-products-u)));align-items:center;gap:10px;line-height:1.5;display:flex}.qt-products-api-flow figcaption svg{flex:none;width:18px;height:18px}.qt-products-api-workflow>.qt-products-action{align-self:flex-start;margin-top:auto}.qt-products-portal-workflow ol{gap:calc(20 * var(--qt-products-u));margin:calc(24 * var(--qt-products-u)) 0;padding:0;list-style:none;display:grid}.qt-products-portal-workflow li{align-items:center;gap:12px;display:flex}.qt-products-portal-workflow li>span{border:1px solid var(--qt-ui-border);border-radius:calc(var(--qt-radius-md) * 1px);width:36px;height:36px;color:var(--qt-cyan-200);background:var(--qt-interaction-hover-surface);flex:none;place-items:center;display:grid}.qt-products-portal-workflow li svg{width:18px;height:18px}.qt-products-portal-workflow li strong{font-size:max(14px, calc(14 * var(--qt-products-u)));font-weight:var(--qt-font-weight-medium);line-height:1.5}.qt-products-portal-workflow__result{color:var(--qt-text-on-canvas-secondary);font-size:max(14px, calc(14 * var(--qt-products-u)));line-height:1.5;margin-top:auto!important}@media (max-width:767px){.qt-products-sending-workflows{grid-template-columns:minmax(0,1fr);gap:20px}:is(.qt-products-api-workflow.qt-products-api-workflow,.qt-products-portal-workflow.qt-products-portal-workflow){padding:20px}.qt-products-api-flow__nodes{gap:4px}.qt-products-api-flow__nodes>div>span{width:48px;height:48px}.qt-products-api-flow__arrow{width:14px;height:18px;margin-top:15px}}
.qt-product-visual{width:100%;min-width:0;color:var(--qt-text-on-canvas-primary);font-size:max(14px, calc(15 * var(--qt-products-u)));line-height:1.4}.qt-product-visual strong{font-size:inherit;font-weight:var(--qt-font-weight-semibold)}.qt-product-visual code{font-size:max(14px, calc(14 * var(--qt-products-u)));overflow-wrap:anywhere}.qt-product-visual svg{width:calc(24 * var(--qt-products-u));height:calc(24 * var(--qt-products-u));stroke-width:1.6px;min-width:20px;min-height:20px;color:var(--qt-icon-on-surface);flex:none}.qt-product-visual-node.qt-product-visual-node{justify-content:center;align-items:center;gap:calc(12 * var(--qt-products-u));min-width:0;padding:calc(20 * var(--qt-products-u));border:1px solid var(--qt-border-subtle);border-radius:calc(var(--qt-radius-md) * var(--qt-products-u));background:var(--qt-bg-2);box-shadow:none;text-align:center;flex-direction:column;display:flex}.qt-product-visual-node>span{color:var(--qt-text-on-canvas-secondary);font-size:max(14px, calc(14 * var(--qt-products-u)))}.qt-product-visual-carrier{gap:calc(24 * var(--qt-products-u));display:grid}.qt-product-visual-carrier__connection{align-items:center;gap:calc(12 * var(--qt-products-u));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);display:grid}.qt-product-visual-carrier__endpoint.qt-product-visual-carrier__endpoint{min-height:calc(188 * var(--qt-products-u));padding:calc(16 * var(--qt-products-u))}.qt-product-visual-carrier__flows{gap:calc(16 * var(--qt-products-u));text-align:center;display:grid}.qt-product-visual-carrier__flows>div{justify-content:center;align-items:center;gap:calc(8 * var(--qt-products-u));color:var(--qt-text-on-canvas-secondary);flex-wrap:wrap;display:flex}.qt-product-visual-carrier__flows>div>svg{width:24px;height:20px}.qt-product-visual-carrier__endpoint:last-child svg{color:var(--qt-cyan-200)}@media (max-width:820px){.qt-product-visual-node.qt-product-visual-node{gap:10px;padding:16px}.qt-product-visual-carrier__connection{grid-template-columns:minmax(0,1fr)}.qt-product-visual-carrier__endpoint.qt-product-visual-carrier__endpoint{min-height:0}.qt-product-visual-carrier__flows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:4px}.qt-product-visual-carrier__flows>strong{grid-column:1/-1}.qt-product-visual-carrier__flows>div{flex-direction:column}.qt-product-visual-carrier__flows>div>svg{transform:rotate(90deg)}}
.qt-products-channels{gap:calc(24 * var(--qt-products-u));display:grid}.qt-products-channel-tabs.qt-products-channel-tabs{background:var(--qt-ui-neutral-surface);border-color:var(--qt-border-subtle);gap:4px;width:100%;height:auto;min-height:48px;padding:4px}.qt-products-channel-tabs>button{min-width:0;min-height:40px;font-size:max(14px, calc(15 * var(--qt-products-u)));flex:1;padding:8px 12px}.qt-products-channel-body{align-items:start;gap:calc(36 * var(--qt-products-u));outline-offset:6px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.qt-products-channel-copy{min-width:0;padding-block:calc(8 * var(--qt-products-u));flex-direction:column;align-items:flex-start;display:flex}.qt-products-channel-copy h2{max-width:28ch;font-size:max(22px, calc(26 * var(--qt-products-u)));line-height:1.25;font-weight:var(--qt-font-weight-semibold)}.qt-products-channel-copy>p{max-width:42ch;color:var(--qt-text-on-canvas-secondary);font-size:max(14px, calc(15 * var(--qt-products-u)));margin-top:12px;line-height:1.5}.qt-products-channel-copy dl{margin:calc(20 * var(--qt-products-u)) 0;gap:12px;display:grid}.qt-products-channel-copy dt{color:var(--qt-text-on-canvas-secondary);font-size:13px}.qt-products-channel-copy dd{font-size:max(14px, calc(15 * var(--qt-products-u)));margin:4px 0 0;line-height:1.4}.qt-products-channel-copy>.qt-products-channel-copy__note{margin-top:0;font-size:13px}.qt-products-channel-copy>a{max-width:100%;margin-top:20px}.qt-products-channel-preview.qt-products-channel-preview{--channel-accent:var(--qt-cyan-200);--channel-tint:var(--qt-ui-neutral-surface);--channel-border:var(--qt-ui-neutral-border);border:1px solid var(--qt-ui-neutral-border);border-radius:calc(var(--qt-radius-lg) * 1px);background:var(--qt-bg-1);min-width:0;box-shadow:none;padding:0;overflow:hidden}.qt-products-channel-preview[data-channel=whatsapp]{--channel-accent:var(--qt-ui-text-success);--channel-tint:var(--qt-ui-success-surface);--channel-border:var(--qt-ui-success-border)}.qt-products-channel-preview[data-channel=telegram]{--channel-accent:var(--qt-cyan-200);--channel-tint:var(--qt-ui-accent-surface);--channel-border:var(--qt-ui-accent-border)}.qt-products-channel-preview[data-channel=viber]{--channel-accent:color-mix(in oklab, var(--qt-ui-text-danger) 48%, var(--qt-canvas-glow-blue));--channel-tint:color-mix(in srgb, var(--channel-accent) 12%, transparent);--channel-border:color-mix(in srgb, var(--channel-accent) 32%, transparent)}.qt-products-channel-preview svg{flex:none;width:18px;height:18px}.qt-products-channel-preview__platform{background:var(--channel-tint);border-bottom:1px solid var(--channel-border);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 18px;display:flex}.qt-products-channel-preview__platform>span{color:var(--channel-accent);font-size:14px;font-weight:var(--qt-font-weight-semibold);align-items:center;gap:8px;display:inline-flex}.qt-products-channel-preview__platform>small{color:var(--qt-text-on-canvas-secondary);font-size:12px}.qt-products-channel-preview__sender{border-bottom:1px solid var(--qt-border-subtle);align-items:center;gap:10px;min-width:0;padding:14px 18px;display:flex}.qt-products-channel-preview__sender>div{min-width:0}.qt-products-channel-preview__avatar{width:32px;height:32px;color:var(--channel-accent);border-radius:calc(var(--qt-radius-full) * 1px);background:var(--channel-tint);font-size:15px;font-weight:var(--qt-font-weight-semibold);flex:0 0 32px;place-items:center;display:grid}.qt-products-channel-preview__sender strong{font-size:14px;line-height:1.3;display:block}.qt-products-channel-preview__sender small{color:var(--qt-text-on-canvas-secondary);margin-top:3px;font-size:12px;line-height:1.3;display:block}.qt-products-channel-preview__more{margin-left:auto}.qt-products-channel-preview__conversation{padding:12px 18px 18px}.qt-products-channel-preview__date{text-align:center;color:var(--qt-text-on-canvas-secondary);margin-bottom:10px;font-size:11px;display:block}.qt-products-channel-preview__message{border:1px solid var(--channel-border);border-radius:0 calc(var(--qt-radius-md) * 1px) calc(var(--qt-radius-md) * 1px);background:var(--channel-tint);width:92%;overflow:hidden}.qt-products-channel-preview__message>p{font-size:max(14px, calc(15 * var(--qt-products-u)));overflow-wrap:anywhere;padding:12px 14px;line-height:1.45}.qt-products-channel-preview__topic{color:var(--channel-accent);padding:12px 14px 0;font-size:14px;display:block}.qt-products-channel-preview__artwork{background:var(--channel-tint);border-bottom:1px solid var(--channel-border);min-height:70px;color:var(--channel-accent);align-items:center;gap:14px;padding:12px 14px;display:flex}.qt-products-channel-preview__artwork>svg{width:36px;height:36px}.qt-products-channel-preview__artwork strong{font-size:14px;display:block}.qt-products-channel-preview__artwork span{color:var(--qt-text-on-canvas-secondary);margin-top:4px;font-size:12px;line-height:1.3;display:block}.qt-products-channel-preview__example-button{border-top:1px solid var(--channel-border);min-height:36px;color:var(--channel-accent);justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.35;display:flex}.qt-products-channel-preview__example-button svg{width:15px;height:15px}.qt-products-channel-preview__receipt{width:92%;color:var(--channel-accent);justify-content:flex-end;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.qt-products-channel-preview__receipt svg{width:14px;height:14px}.qt-products-channel-preview[data-channel=sms] .qt-products-channel-preview__sender{justify-content:center;position:relative}.qt-products-channel-preview[data-channel=sms] .qt-products-channel-preview__sender>svg{position:absolute;left:18px}.qt-products-channel-preview[data-channel=sms] .qt-products-channel-preview__avatar{display:none}.qt-products-channel-preview[data-channel=sms] .qt-products-channel-preview__conversation{padding-block:20px 30px}.qt-products-channel-preview[data-channel=sms] .qt-products-channel-preview__message{border-radius:calc(var(--qt-radius-lg) * 1px) calc(var(--qt-radius-lg) * 1px) calc(var(--qt-radius-lg) * 1px) 4px;width:86%}.qt-products-channel-preview[data-channel=telegram] .qt-products-channel-preview__message{border-radius:calc(var(--qt-radius-md) * 1px) calc(var(--qt-radius-md) * 1px) calc(var(--qt-radius-md) * 1px) 3px}.qt-products-channel-preview[data-channel=telegram] .qt-products-channel-preview__conversation>.qt-products-channel-preview__example-button{border:1px solid var(--channel-border);border-radius:calc(var(--qt-radius-sm) * 1px);background:var(--channel-tint);width:92%;margin-top:4px}.qt-products-channel-preview[data-channel=viber] .qt-products-channel-preview__message{border-radius:calc(var(--qt-radius-md) * 1px);width:100%}.qt-products-channel-preview[data-channel=viber] .qt-products-channel-preview__artwork{justify-content:center;min-height:82px}.qt-products-channel-preview[data-channel=viber] .qt-products-channel-preview__example-button{border:1px solid var(--channel-border);border-radius:calc(var(--qt-radius-sm) * 1px);background:var(--channel-tint);margin:0 12px 12px}.qt-products-channel-preview__inbox{border-bottom:1px solid var(--qt-border-subtle);color:var(--qt-text-on-canvas-secondary);align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex}.qt-products-channel-preview__inbox>svg:last-child{margin-left:auto}.qt-products-channel-preview__email h3{font-size:max(17px, calc(19 * var(--qt-products-u)));line-height:1.3;font-weight:var(--qt-font-weight-semibold);margin:18px 18px 0}.qt-products-channel-preview__email .qt-products-channel-preview__sender{border:0}.qt-products-channel-preview__email-address{font-size:11px;font-weight:var(--qt-font-weight-regular);overflow-wrap:anywhere;color:var(--qt-text-on-canvas-secondary)}.qt-products-channel-preview__email-body{padding:0 18px 20px}.qt-products-channel-preview__email-body>p{font-size:max(14px, calc(15 * var(--qt-products-u)));line-height:1.5}.qt-products-channel-preview__attachment{border:1px solid var(--qt-ui-neutral-border);border-radius:calc(var(--qt-radius-sm) * 1px);background:var(--qt-ui-neutral-surface);align-items:center;gap:8px;margin-top:18px;padding:8px 10px;font-size:12px;display:inline-flex}@media (max-width:767px){.qt-products-channels{gap:20px}.qt-products-channel-tabs.qt-products-channel-tabs{flex-wrap:wrap}.qt-products-channel-tabs>button{white-space:normal;flex:28%;height:auto;min-height:44px;padding-inline:8px}.qt-products-channel-body{grid-template-columns:minmax(0,1fr);gap:24px}.qt-products-channel-copy>a{margin-top:16px}:is(.qt-products-channel-preview__platform,.qt-products-channel-preview__sender,.qt-products-channel-preview__conversation,.qt-products-channel-preview__inbox,.qt-products-channel-preview__email-body){padding-inline:12px}.qt-products-channel-preview__email h3{margin-inline:12px}}
.qt-tool-visual{--qt-tool-gap:calc(18 * var(--qt-products-u))}.qt-tool-card.qt-tool-card{min-width:0;padding:calc(24 * var(--qt-products-u));border:1px solid var(--qt-ui-border-soft);border-radius:calc(var(--qt-radius-lg) * var(--qt-products-u));background:var(--qt-ui-panel-surface);box-shadow:none}:is(.qt-tool-visual h2,.qt-tool-visual p){margin:0}.qt-tool-visual h2{font-size:max(17px, calc(20 * var(--qt-products-u)));line-height:1.25;font-weight:var(--qt-font-weight-semibold)}.qt-tool-heading{align-items:center;gap:calc(12 * var(--qt-products-u));display:flex}.qt-tool-heading>svg{color:var(--qt-cyan-200)}.qt-tool-caption{color:var(--qt-text-on-canvas-secondary);font-size:max(13px, calc(13 * var(--qt-products-u)))}.qt-tool-caption code{color:var(--qt-cyan-200);margin-inline-start:calc(8 * var(--qt-products-u))}.qt-tool-flow-arrow{place-self:center}.qt-tool-audience{grid-template-columns:minmax(0, 1fr) calc(32 * var(--qt-products-u)) minmax(0, 1fr);align-items:center;gap:var(--qt-tool-gap);display:grid}.qt-tool-audience__input{gap:calc(20 * var(--qt-products-u));display:grid}.qt-tool-audience__table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:max(13px, calc(14 * var(--qt-products-u)))}:is(.qt-tool-audience__table th,.qt-tool-audience__table td){padding:calc(14 * var(--qt-products-u)) calc(8 * var(--qt-products-u));border-bottom:1px solid var(--qt-border-subtle)}.qt-tool-audience__table th{color:var(--qt-text-on-canvas-secondary);font-weight:var(--qt-font-weight-medium)}:is(.qt-tool-audience__table th:first-child,.qt-tool-audience__table td:first-child){padding-left:0}:is(.qt-tool-audience__table th:last-child,.qt-tool-audience__table td:last-child){padding-right:0}.qt-tool-audience__table td:not(:first-child){color:var(--qt-cyan-200)}.qt-tool-audience__output{gap:calc(12 * var(--qt-products-u));display:grid}.qt-tool-audience__template{padding:0 calc(4 * var(--qt-products-u)) calc(6 * var(--qt-products-u))}:is(.qt-tool-audience__template>span,.qt-tool-audience__message span){color:var(--qt-text-on-canvas-secondary);font-size:max(13px, calc(13 * var(--qt-products-u)));margin-bottom:calc(7 * var(--qt-products-u));display:block}.qt-tool-audience__template>p{color:var(--qt-cyan-200)}.qt-tool-audience__message.qt-tool-card{align-items:center;gap:calc(14 * var(--qt-products-u));padding:calc(16 * var(--qt-products-u)) calc(20 * var(--qt-products-u));background:var(--qt-ui-success-surface);border-color:var(--qt-ui-success-border);display:flex}.qt-tool-audience__message>svg{color:var(--qt-ui-text-success)}.qt-tool-audience__message>div{min-width:0}.qt-tool-three-step{grid-template-columns:minmax(0, 1fr) calc(32 * var(--qt-products-u)) minmax(0, 1fr) calc(32 * var(--qt-products-u)) minmax(0, 1fr);gap:calc(12 * var(--qt-products-u));margin:0;padding:0;list-style:none;display:grid}.qt-tool-three-step>li{min-width:0;display:flex}.qt-tool-three-step__connector{justify-content:center;align-items:center}.qt-tool-step.qt-tool-card{justify-content:center;align-items:center;gap:calc(14 * var(--qt-products-u));min-height:calc(250 * var(--qt-products-u));text-align:center;flex-direction:column;flex:1;display:flex}.qt-tool-step>svg{width:calc(32 * var(--qt-products-u));height:calc(32 * var(--qt-products-u));color:var(--qt-cyan-200)}.qt-tool-step>p{color:var(--qt-text-on-canvas-secondary)}.qt-tool-step--accent.qt-tool-card{background:var(--qt-interaction-hover-surface);border-color:var(--qt-ui-accent-border)}.qt-tool-step--success.qt-tool-card{background:var(--qt-ui-success-surface);border-color:var(--qt-ui-success-border)}:is(.qt-tool-step--success>svg,.qt-tool-step--success>h2){color:var(--qt-ui-text-success)}.qt-tool-step>code{color:var(--qt-cyan-200)}.qt-tool-sender__destinations{gap:calc(8 * var(--qt-products-u));width:100%;display:grid}.qt-tool-sender__destinations>span{padding:calc(7 * var(--qt-products-u));border-radius:calc(var(--qt-radius-sm) * var(--qt-products-u));background:var(--qt-ui-neutral-surface)}.qt-tool-sender__name{width:100%;padding:calc(12 * var(--qt-products-u));border:1px solid var(--qt-ui-border);border-radius:calc(var(--qt-radius-sm) * var(--qt-products-u));color:var(--qt-cyan-200);background:var(--qt-ui-input-surface)}.qt-tool-sender__sms.qt-tool-card{text-align:left;align-items:stretch}.qt-tool-sender__sms>h2{color:var(--qt-cyan-200)}.qt-tool-sender__sms>.qt-tool-sender__bubble{padding:calc(18 * var(--qt-products-u));border-radius:calc(var(--qt-radius-md) * var(--qt-products-u));background:var(--qt-ui-neutral-surface);color:var(--qt-text-on-canvas-primary)}.qt-tool-delivery{gap:calc(20 * var(--qt-products-u));display:grid}.qt-tool-number{gap:calc(16 * var(--qt-products-u));display:grid}.qt-tool-number__phone{align-items:center;gap:calc(12 * var(--qt-products-u));padding-bottom:calc(18 * var(--qt-products-u));border-bottom:1px solid var(--qt-ui-border-soft);display:flex}.qt-tool-number__phone>svg{color:var(--qt-cyan-200)}.qt-tool-number__facts{gap:calc(18 * var(--qt-products-u));margin:calc(20 * var(--qt-products-u)) 0 0;display:grid}.qt-tool-number__facts>div{justify-content:space-between;align-items:center;gap:calc(8 * var(--qt-products-u));flex-wrap:wrap;display:flex}.qt-tool-number__facts dt{align-items:center;gap:calc(10 * var(--qt-products-u));color:var(--qt-text-on-canvas-secondary);display:flex}.qt-tool-number__facts dt>svg{width:20px;height:20px}.qt-tool-number__facts dd{font-weight:var(--qt-font-weight-semibold);margin:0}.qt-tool-number__facts>div:last-child dd{color:var(--qt-ui-text-success)}.qt-tool-environments{gap:calc(24 * var(--qt-products-u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qt-tool-environment.qt-tool-card{gap:calc(15 * var(--qt-products-u));display:grid}.qt-tool-environment--sandbox.qt-tool-card{border-color:var(--qt-ui-accent-border)}.qt-tool-environment--production.qt-tool-card{border-color:var(--qt-ui-success-border)}.qt-tool-environment--production .qt-tool-heading>svg{color:var(--qt-ui-text-success)}.qt-tool-environment .qt-tool-heading{flex-wrap:wrap}.qt-tool-environment .qt-tool-heading>span{color:var(--qt-text-on-canvas-secondary);font-size:max(13px, calc(13 * var(--qt-products-u)));margin-left:auto}.qt-tool-environment__key{gap:calc(8 * var(--qt-products-u));font-size:max(13px, calc(13 * var(--qt-products-u)));color:var(--qt-text-on-canvas-secondary);align-items:center;display:flex}.qt-tool-environment__key>svg{width:18px;min-width:18px;height:18px;min-height:18px}.qt-tool-environment__flow{align-items:center;gap:calc(12 * var(--qt-products-u));padding:calc(18 * var(--qt-products-u)) calc(8 * var(--qt-products-u));border-radius:calc(var(--qt-radius-md) * var(--qt-products-u));background:var(--qt-interaction-hover-surface);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.qt-tool-environment__flow>div{align-content:start;justify-items:center;gap:calc(12 * var(--qt-products-u));text-align:center;min-width:0;display:grid}.qt-tool-environment__flow>div>svg{width:calc(28 * var(--qt-products-u));height:calc(28 * var(--qt-products-u))}.qt-tool-environment__facts{gap:calc(10 * var(--qt-products-u));margin:0;display:grid}.qt-tool-environment__facts>div{gap:calc(16 * var(--qt-products-u));grid-template-columns:max-content minmax(0,1fr);display:grid}.qt-tool-environment__facts dt{color:var(--qt-text-on-canvas-secondary)}.qt-tool-environment__facts dd{text-align:right;margin:0}.qt-tool-environment__note{padding-top:calc(12 * var(--qt-products-u));border-top:1px solid var(--qt-ui-border-soft);color:var(--qt-text-on-canvas-secondary);font-size:max(13px, calc(13 * var(--qt-products-u)))}@media (max-width:820px){.qt-tool-visual{--qt-tool-gap:16px}.qt-tool-card.qt-tool-card{padding:20px}:is(.qt-tool-audience,.qt-tool-three-step,.qt-tool-environments){grid-template-columns:minmax(0,1fr)}:is(.qt-tool-flow-arrow,.qt-tool-three-step__connector>svg){transform:rotate(90deg)}.qt-tool-step.qt-tool-card{gap:12px;min-height:0;padding:22px}:is(.qt-tool-audience__table th,.qt-tool-audience__table td){padding:12px 5px}.qt-tool-audience__table td:first-child{overflow-wrap:anywhere}.qt-tool-environments{gap:20px}.qt-tool-environment__flow{gap:8px;padding:18px 8px}.qt-tool-environment__flow>div{gap:10px}.qt-tool-environment__facts>div{grid-template-columns:minmax(0,1fr);gap:4px}.qt-tool-environment__facts dd{text-align:left}.qt-tool-number__facts>div{align-items:flex-start}}
.qt-products-cascade{--cascade-gap:calc(20 * var(--qt-products-u));grid-template-columns:minmax(0, 1fr) calc(64 * var(--qt-products-u)) minmax(0, 1.2fr);gap:var(--cascade-gap) 0;grid-template-rows:auto auto;display:grid}.qt-products-cascade svg{flex:none;width:22px;height:22px}.qt-products-cascade__message{padding:calc(24 * var(--qt-products-u));border:1px solid color-mix(in oklab, var(--qt-ui-text-danger) 48%, var(--qt-canvas-glow-blue));border-radius:calc(var(--qt-radius-lg) * var(--qt-products-u));background:color-mix(in srgb, color-mix(in oklab, var(--qt-ui-text-danger) 48%, var(--qt-canvas-glow-blue)) 14%, var(--qt-bg-2));grid-row:1/3;align-self:center;gap:16px;display:grid}.qt-products-cascade__heading{font-size:max(16px, calc(18 * var(--qt-products-u)));align-items:center;gap:12px;display:flex}.qt-products-cascade__order{padding:calc(20 * var(--qt-products-u));border-radius:calc(var(--qt-radius-md) * var(--qt-products-u));background:var(--qt-interaction-hover-surface);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px 12px;display:grid}.qt-products-cascade__order svg{width:36px;height:36px;color:var(--qt-cyan-200);grid-row:span 2}.qt-products-cascade__order strong{font-size:max(16px, calc(18 * var(--qt-products-u)))}.qt-products-cascade__order span{color:var(--qt-text-on-canvas-secondary);font-size:14px}.qt-products-cascade__sample-action{text-align:center;border:1px solid var(--qt-ui-border);border-radius:calc(var(--qt-radius-md) * 1px);color:var(--qt-cyan-200);padding:12px;font-size:14px;display:block}.qt-products-cascade__fork{grid-area:1/2/3;grid-template-rows:subgrid;gap:var(--cascade-gap);display:grid;position:relative}.qt-products-cascade__fork>i{border-top:1px solid var(--qt-ui-border);width:50%;position:absolute;top:50%}.qt-products-cascade__fork>span{width:50%;margin-left:50%;position:relative}.qt-products-cascade__fork>span:before{content:"";top:50%;left:0;bottom:calc(var(--cascade-gap) / -2);border-left:1px solid var(--qt-ui-border);position:absolute}.qt-products-cascade__fork>span:last-child:before{top:calc(var(--cascade-gap) / -2);bottom:50%}.qt-products-cascade__fork>span:after{content:"";border-top:1px solid var(--qt-ui-border);position:absolute;top:50%;left:0;right:0}:is(.qt-products-cascade__stop,.qt-products-cascade__fallback){min-width:0;padding:calc(20 * var(--qt-products-u));border-radius:calc(var(--qt-radius-lg) * var(--qt-products-u));font-size:max(14px, calc(16 * var(--qt-products-u)));grid-column:3;line-height:1.45}.qt-products-cascade__stop{color:var(--qt-ui-text-success);background:var(--qt-ui-success-surface);border:1px solid var(--qt-ui-success-border);grid-template-columns:28px minmax(0,1fr);align-content:center;gap:6px 12px;display:grid}.qt-products-cascade__stop svg{grid-row:span 2;align-self:center}.qt-products-cascade__stop span{color:var(--qt-text-on-canvas-secondary);grid-column:2}.qt-products-cascade__fallback{border:1px solid var(--qt-ui-border);background:var(--qt-bg-2);gap:12px;display:grid}.qt-products-cascade__condition{color:var(--qt-warning);font-size:max(13px, calc(14 * var(--qt-products-u)))}.qt-products-cascade__delivered{color:var(--qt-ui-text-success);align-items:center;gap:8px;font-size:14px;display:flex}@media (max-width:767px){.qt-products-cascade{grid-template-rows:auto auto auto;grid-template-columns:24px minmax(0,1fr);gap:20px 0}.qt-products-cascade__message{grid-area:1/1/auto/3;padding:20px}.qt-products-cascade__fork{display:none}:is(.qt-products-cascade__stop,.qt-products-cascade__fallback){position:relative}.qt-products-cascade__stop:before{content:"";border-left:1px solid var(--qt-ui-border);position:absolute;top:-21px;bottom:-21px;left:-13px}.qt-products-cascade__fallback:before{content:"";border-left:1px solid var(--qt-ui-border);position:absolute;top:-21px;bottom:50%;left:-13px}:is(.qt-products-cascade__stop:after,.qt-products-cascade__fallback:after){content:"";border-top:1px solid var(--qt-ui-border);width:12px;position:absolute;top:50%;left:-13px}:is(.qt-products-cascade__stop,.qt-products-cascade__fallback){grid-column:2;padding:16px}.qt-products-cascade__stop{grid-row:2}.qt-products-cascade__fallback{grid-row:3}}