/* Revisão de 27/09: cinco etapas, três públicos e menos elementos concorrentes. */
.proof-numbers .proof-symbol{display:block;width:44px;height:44px;margin:0 0 18px;background:none;border:0;border-radius:0;box-shadow:none;padding:0}
#recursos .bento-grid>.bento-card{background:#f2f6ef}
#fluxo.simple-flow-block{display:block;margin-top:100px;padding-top:75px;border-top:1px solid var(--line)}
.simple-flow-heading{text-align:center;max-width:680px;margin:0 auto 54px}.simple-flow-heading h3{font-size:36px;line-height:1.2;letter-spacing:-.045em;margin:18px 0}.simple-flow-heading p{font-size:15px;line-height:1.7}
.simple-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:0}.simple-flow li{position:relative;text-align:center}.simple-flow button{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 14px;border:0;background:transparent;text-align:center;cursor:pointer}.flow-node{width:66px;height:66px;border:1px solid #cbdac3;background:#fff;border-radius:18px;display:grid;place-items:center;position:relative;z-index:1;transition:background .45s,border-color .45s,transform .45s;box-shadow:0 4px 12px #163c3105}.flow-node img{width:28px;height:28px}.flow-order{font-size:10px;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px}.simple-flow strong{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.035em}.simple-flow small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px;max-width:170px}.flow-connection{position:absolute;left:calc(50% + 34px);top:32px;width:calc(100% - 68px);height:1px;background:#dce5d9;overflow:visible}.flow-connection::after{content:'';position:absolute;right:0;top:-3px;border-top:1px solid #a5baa0;border-right:1px solid #a5baa0;width:6px;height:6px;rotate:45deg}.flow-connection i{display:block;width:100%;height:2px;background:#89bc6b;transform:scaleX(0);transform-origin:left;transition:transform .5s}.simple-flow .is-complete .flow-connection i{transform:scaleX(1)}.simple-flow .is-complete .flow-node{background:#e7f2df;border-color:#b5d2a3}.simple-flow .is-active .flow-node{background:#98e27a;border-color:#8cd16e;transform:translateY(-3px)}.is-playing .simple-flow .is-active .flow-connection i{animation:flow-forward var(--flow-step-duration,700ms) linear both}.simple-flow button:hover .flow-node{border-color:#759966}.simple-flow-caption{display:flex;align-items:center;justify-content:center;gap:25px;margin:38px 0 0;padding-top:25px;border-top:1px solid #e9eee6}.simple-flow-caption p{font-size:12px}.simple-flow-caption .motion-control{white-space:nowrap;font-size:11px;background:transparent}
@keyframes flow-forward{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.audience-gallery{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.4fr);gap:48px;align-items:center}.audience-copy h3{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:0 0 22px}.audience-copy p{font-size:15px;line-height:1.8;margin-bottom:30px;max-width:350px}.audience-copy .button{font-size:12px}.audience-copy .profile-benefit{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;padding-top:22px;margin-top:26px;border-top:1px solid #d6e1d1}.profile-benefit img{width:18px;height:18px}.audience-stage{position:relative;min-width:0}.audience-scene{position:relative;border:1px solid #d4e1cc;border-radius:18px;overflow:hidden;min-height:525px;background:#e7f0e2;box-shadow:0 15px 38px #163c3108}.audience-scene[hidden]{display:none}.audience-appbar{height:47px;display:flex;align-items:center;gap:9px;padding:0 19px;background:#fff;border-bottom:1px solid #e3e9df;font-size:11px;position:relative;z-index:1}.audience-appbar>img{width:20px;height:20px}.appbar-dots{margin-left:auto;font-size:13px;letter-spacing:3px;color:#83927d}.appointment-context{position:absolute;inset:75px 25px 0;opacity:.25}.appointment-context h4{font-size:21px;margin-bottom:22px}.appointment-context>div{display:flex;gap:14px}.appointment-context>div>span{background:#fff;padding:14px;flex:1;font-size:10px}.appointment-context b{display:block;font-size:24px;margin-top:5px}.appointment-context>p{font-size:13px;margin:28px 0 14px}.appointment-context>span{display:flex;justify-content:space-between;background:white;margin-bottom:10px;padding:20px;font-size:12px}.appointment-context small{font-size:10px}.appointment-demo{position:relative;width:calc(100% - 90px);max-width:405px;margin:24px auto;padding:24px;border:1px solid #dbe6d4;border-radius:15px;background:#fff;box-shadow:0 18px 38px #163c311c;z-index:1;transition:transform .6s,opacity .6s}.component-heading{margin-bottom:22px}.component-heading>span{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.component-heading img{width:19px;height:19px}.component-heading small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:7px}.component-heading h4{font-size:21px;line-height:1.25;letter-spacing:-.04em;font-weight:500}.demo-field{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:500;min-width:0;margin-bottom:18px}.demo-person{display:flex;gap:8px;align-items:center;background:#f7faf4;border:1px solid #e3eadc;border-radius:7px;padding:9px;font-size:10px;white-space:nowrap}.demo-person>img{width:23px;height:23px;border-radius:50%}.demo-person small{margin-left:auto;font-size:8px;color:var(--muted)}.demo-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-field input,.demo-field select{width:100%;min-width:0;height:35px;border:1px solid #dfe7da;border-radius:6px;background:#f7faf4;padding:7px;font:400 10px Inter,sans-serif;color:var(--forest)}.toxic-control{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;background:#f8faf5;border:1px solid #dce6d4;border-radius:8px;cursor:pointer;transition:background .6s,border-color .6s,box-shadow .6s}.toxic-control input{accent-color:#407f4f;width:15px;height:15px;flex-shrink:0;margin:1px 0 0}.toxic-control b{display:block;font-size:11px;font-weight:500}.toxic-control small{display:block;font-size:9px;line-height:1.6;color:var(--muted);margin-top:5px}.audience-scene.is-emphasized .toxic-control{background:#edf8e6;border-color:#82b268;box-shadow:0 0 0 3px #badba940}.appointment-note{display:flex;gap:7px;align-items:flex-start;margin:18px 0}.appointment-note img{width:13px;height:13px;flex-shrink:0}.appointment-note p{font-size:9px;line-height:1.5}.appointment-action{display:flex;align-items:center;gap:14px;border-top:1px solid #e6ebdf;padding-top:16px}.appointment-action>span{font-size:9px;line-height:1.5;color:var(--muted);max-width:115px}.appointment-action button{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--forest);color:#fff;border:0;border-radius:6px;padding:10px;font-size:10px;margin-left:auto}.appointment-action button img{width:13px;height:13px;filter:brightness(0) invert(1)}.appointment-demo.is-confirmed .appointment-action>span{color:#417b46}.appointment-demo.is-confirmed .appointment-action button{background:#edf5e7;color:var(--forest)}
.inventory-demo{padding:29px 23px 18px;background:#fff;margin:20px 15px;border:1px solid #d9e3d2;border-radius:12px}.inventory-demo .component-heading{margin-bottom:18px}.risk-filters{display:flex;gap:6px;margin:0 0 20px}.risk-filters button{font-size:10px;line-height:1.3;background:#f8faf5;border:1px solid #e3eadb;border-radius:6px;padding:7px 11px}.risk-filters button[aria-pressed=true]{background:#e6f3db;border-color:#bdd5ad}.risk-demo-table,.capacity-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.risk-demo-table th,.capacity-table th{font-size:9px;font-weight:400;color:var(--muted);padding:0 5px 14px}.risk-demo-table td{font-size:10px;padding:15px 5px;border-top:1px solid #eef2eb;transition:background .6s}.risk-demo-table th:first-child{width:33%}.risk-demo-table th:nth-child(2){width:17%}.risk-demo-table th:nth-child(3){width:19%}.risk-demo-table tr[hidden]{display:none}.risk-type{display:inline-block;font-size:8px;padding:3px 5px;border-radius:5px}.physical{background:#e6effd;color:#355784}.chemical{background:#fff1cc;color:#806016}.biological{background:#f3e5eb;color:#934463}.ergonomic{background:#e9e5f6;color:#65518d}.norm-chip{display:inline-block;border:1px solid #c5d9bc;border-radius:5px;font-size:8px;padding:3px 5px;margin:2px 2px 2px 0;white-space:nowrap}.is-emphasized .risk-demo-table td:last-child{background:#f0f7e9}.component-footnote{display:flex;align-items:center;gap:7px;font-size:9px;border-top:1px solid #e4ecdd;margin-top:17px;padding-top:15px;line-height:1.5}.component-footnote>img{width:15px;height:15px}.component-footnote>small{margin-left:auto;font-size:8px;color:var(--muted);white-space:nowrap}.network-demo{padding:22px 18px}.network-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.network-totals>div{background:#ffffffb3;border:1px solid #dbe6d3;border-radius:10px;padding:14px 18px}.network-totals span{font-size:9px;color:var(--muted)}.network-totals strong{display:block;font-size:26px;line-height:1.3;margin-top:5px;font-weight:400}.network-capacity{padding:22px 18px;background:#fff;border:1px solid #dce7d3;border-radius:12px;transition:box-shadow .6s}.is-emphasized .network-capacity{box-shadow:0 0 0 3px #b9d8a95c}.network-capacity .component-heading{margin-bottom:24px}.network-capacity h4{font-size:19px}.capacity-table th:first-child{width:28%}.capacity-table th:nth-child(2){width:38%}.capacity-table th:nth-child(3){width:18%}.capacity-table td{font-size:9px;padding:11px 5px;border-top:1px solid #ecf1e6;transition:background .3s}.capacity-table button{border:0;background:none;padding:0;text-align:left;color:var(--forest);font-size:10px;font-weight:500;line-height:1.4}.capacity-table small{display:block;font-size:8px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:3px}.capacity-bar{height:15px;display:block;position:relative;border-radius:4px;overflow:hidden;background:#f0f6e9;color:#416e48}.capacity-bar i{position:absolute;inset:0;background:#c4e3b6;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.is-emphasized .capacity-bar i{transform:scaleX(var(--capacity))}.capacity-bar b{position:relative;z-index:1;font-size:7px;text-transform:uppercase;padding-left:6px;font-weight:500}.capacity-bar.medium{background:#fff7e1;color:#82651a}.capacity-bar.medium i{background:#f5e09c}.capacity-bar.low{background:#fcf0ee;color:#a0544b}.capacity-bar.low i{background:#eebcb2}.capacity-table tr.is-selected{background:#f8fbf5}.capacity-table button:hover{text-decoration:underline;text-underline-offset:3px}.audience-caption{font-size:10px;line-height:1.6;margin-top:15px;text-align:center;color:var(--muted)}
.method-grid{position:relative;gap:50px}.method-grid article{border:0;position:relative;padding-top:0}.method-top{display:flex;align-items:center;gap:14px;margin-bottom:27px;position:relative;z-index:1;width:max-content;background:#fff;padding-right:20px}.method-top .method-icon{margin:0;background:#f0f5ea}.method-top .method-number{font-size:33px;letter-spacing:-.035em}.method-grid article:not(:last-child)::before,.method-grid article:not(:last-child)::after{content:'';height:1px;width:calc(100% + 50px);position:absolute;top:24px;left:0;background:#dce5d6;transform-origin:left}.method-grid article:not(:last-child)::after{height:2px;background:#87b86c;transform:scaleX(0);transition:transform 1.3s ease}.method-grid article:nth-child(2)::after{transition-delay:1.1s}.method-grid article.is-connected::after{transform:scaleX(1)}.method-duration{display:flex;align-items:center;gap:7px;width:fit-content;margin:0 0 22px;padding:6px 9px;border-radius:6px;background:#f0f5ea;color:#607167;font-size:10px;line-height:1.4}.method-duration img{width:13px;height:13px}.method-grid h3{margin:0 0 16px}.method-grid .method-delivery{margin-top:25px}.metrics-grid{margin-bottom:0}.metrics-grid article{padding:31px 27px;gap:24px;min-height:226px}.metrics-grid strong{display:flex;align-items:baseline;gap:5px;font-size:35px;font-weight:400;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-range{display:inline-flex;align-items:baseline;gap:3px}.metric-dash{padding-inline:2px;color:#607167;font-weight:300}.metrics-grid strong small{font-size:.57em;letter-spacing:0;font-weight:400;margin-left:3px}.metrics-grid p{line-height:1.65;font-size:12px}.metrics-glyph{width:25px;height:25px;display:block;color:#173c32;overflow:visible}.metrics-glyph g{transform-box:fill-box;transform-origin:center}.metric-bars g{transform-origin:center bottom}.metric-calendar g{transform-origin:center top}.metrics-grid article:focus-visible{outline:2px solid #82b76a;outline-offset:-3px}.results-section .testimonial-grid{margin-top:48px}
html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-shield g{animation:icon-pop .7s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-connect g{animation:icon-connect .75s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-document g{animation:icon-document .7s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-calendar g{animation:icon-calendar .75s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-health g{animation:icon-pop .75s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-clipboard g{animation:icon-document .7s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-bars g,html.motion-on #resultados .eyebrow:hover .metrics-glyph g{animation:icon-bars .75s ease both}html.motion-on .metrics-grid article:is(:hover,:focus-visible) .metric-users g{animation:icon-users .75s ease both}
@keyframes icon-pop{0%,100%{transform:scale(1)}35%{transform:scale(.85)}65%{transform:scale(1.12)}}@keyframes icon-connect{0%,100%{transform:translate(0,0)}25%{transform:translate(-2px,2px)}55%{transform:translate(2px,-2px)}75%{transform:translate(-1px,1px)}}@keyframes icon-document{0%,100%{transform:translateY(0);opacity:1}35%{transform:translateY(-3px);opacity:.55}65%{transform:translateY(1px);opacity:1}}@keyframes icon-calendar{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}@keyframes icon-bars{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.45)}70%{transform:scaleY(1.08)}}@keyframes icon-users{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}}
html.motion-off .flow-connection i,html.motion-off .method-grid article::after,html.motion-off .capacity-bar i{animation:none;transition:none}html.motion-off .simple-flow .flow-node,html.motion-off .toxic-control,html.motion-off .risk-demo-table td,html.motion-off .network-capacity{transition:none}.tupa-capture .simple-flow .flow-connection i{transform:scaleX(1);animation:none}.tupa-capture .method-grid article::after{transform:scaleX(1)}.tupa-capture .metrics-glyph g{transform:none;animation:none}
@media(max-width:1100px){.audience-gallery{gap:28px;grid-template-columns:.65fr 1.35fr}.audience-copy h3{font-size:28px}.audience-copy p{font-size:14px}.appointment-demo{width:calc(100% - 50px)}.inventory-demo{padding:24px 15px}.risk-demo-table td{font-size:9px}.network-demo{padding:18px 12px}.network-capacity{padding:18px 12px}.metrics-grid article{padding:28px 20px}.metrics-grid strong{font-size:31px}}
@media(max-width:800px){.audience-gallery{grid-template-columns:1fr;gap:28px}.audience-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-copy p{margin-bottom:0;max-width:none}.audience-copy h3{margin:0}.audience-copy .button{justify-self:start;align-self:start}.audience-copy .profile-benefit{margin:0;padding:0;border:0;align-self:center}.audience-scene{min-height:520px}.appointment-demo{max-width:420px}.risk-demo-table td{font-size:12px}.risk-demo-table th{font-size:10px}.risk-type,.norm-chip{font-size:10px}.network-capacity h4{font-size:22px}.capacity-table td,.capacity-table button{font-size:12px}.capacity-table small{font-size:9px}.simple-flow strong{font-size:15px}.simple-flow small{font-size:11px}.simple-flow button{padding:0 8px}.flow-node{width:56px;height:56px;border-radius:15px}.flow-connection{left:calc(50% + 30px);width:calc(100% - 60px);top:28px}.metrics-grid article{min-height:200px}.method-grid{gap:28px}.method-grid article:not(:last-child)::before,.method-grid article:not(:last-child)::after{width:calc(100% + 28px)}}
@media(max-width:600px){#fluxo.simple-flow-block{margin-top:65px;padding-top:50px}.simple-flow-heading{text-align:left;margin-bottom:35px}.simple-flow-heading h3{font-size:29px}.simple-flow{grid-template-columns:1fr;gap:0}.simple-flow li{text-align:left;min-height:108px}.simple-flow button{display:grid;grid-template-columns:58px 1fr;text-align:left;column-gap:20px;align-items:start;padding:0}.flow-node{grid-row:1/4}.flow-order{margin:0 0 5px;font-size:9px}.simple-flow strong{font-size:18px}.simple-flow small{grid-column:2;margin-top:5px;max-width:none;font-size:12px}.flow-connection{left:28px;top:58px;width:1px;height:48px}.flow-connection::after{top:auto;bottom:0;right:-3px;rotate:135deg}.flow-connection i{width:2px;height:100%;transform:scaleY(0);transform-origin:top}.simple-flow .is-complete .flow-connection i{transform:scaleY(1)}.is-playing .simple-flow .is-active .flow-connection i{animation:flow-down var(--flow-step-duration,700ms) linear both}.simple-flow-caption{display:block;margin-top:8px;padding-top:20px}.simple-flow-caption .motion-control{margin-top:15px}.audience-copy{display:block}.audience-copy h3{margin-bottom:18px;font-size:29px}.audience-copy p{font-size:14px;margin-bottom:22px}.audience-copy .profile-benefit{margin-top:22px}.audience-scene{min-height:0;border-radius:13px}.audience-appbar{font-size:10px;height:43px;padding-inline:13px}.appointment-demo{padding:18px 15px;margin:20px auto;width:calc(100% - 26px);border-radius:11px}.component-heading>span{font-size:15px}.demo-person{font-size:9px}.demo-person small{display:none}.appointment-action{gap:10px}.appointment-action>span{max-width:100px;font-size:8px}.appointment-action button{font-size:9px}.demo-field-row{gap:8px}.toxic-control{gap:8px;padding:12px 10px}.toxic-control b{font-size:10px}.inventory-demo{padding:22px 12px;margin:13px 8px}.component-heading h4{font-size:20px}.risk-filters{gap:4px}.risk-filters button{font-size:9px;padding:7px 9px}.risk-demo-table td{font-size:9px;padding:13px 3px}.risk-demo-table th{font-size:8px;padding-inline:3px}.risk-demo-table th:first-child{width:28%}.risk-demo-table th:nth-child(2){width:18%}.risk-demo-table th:nth-child(3){width:22%}.norm-chip{font-size:7px;padding:3px;margin-right:0}.risk-type{font-size:7px;padding:3px}.component-footnote{font-size:8px;gap:5px}.component-footnote>small{font-size:7px}.network-totals{gap:6px}.network-totals>div{padding:12px 10px}.network-totals strong{font-size:25px}.network-demo{padding:15px 8px}.network-capacity{padding:20px 10px 15px}.network-capacity h4{font-size:18px}.capacity-table th{font-size:7px;padding:0 3px 10px}.capacity-table td,.capacity-table button{font-size:9px}.capacity-table td{padding:12px 3px}.capacity-table small{font-size:7px}.capacity-table th:first-child{width:29%}.capacity-table th:nth-child(2){width:36%}.capacity-bar b{font-size:6px}.network-capacity .component-footnote>small{display:none}.method-grid{display:block}.method-grid article{padding:0 0 45px 78px!important}.method-top{display:block;position:absolute;left:0;top:0;padding:0 0 15px;background:#fff}.method-top .method-icon{width:44px;height:44px;margin-bottom:12px}.method-top .method-number{font-size:28px;justify-content:center}.method-grid article:not(:last-child)::before,.method-grid article:not(:last-child)::after{width:1px;height:100%;top:0;left:22px}.method-grid article:not(:last-child)::after{width:2px;transform:scaleY(0);transform-origin:top}.method-grid article.is-connected::after{transform:scaleY(1)}.method-grid h3{font-size:26px!important;margin-bottom:17px}.method-duration{font-size:9px;margin-bottom:19px;gap:5px}.method-grid article>p{font-size:13px}.method-grid .method-delivery{margin-top:20px}.metrics-grid article{padding:24px 17px;min-height:210px;gap:23px}.metrics-grid strong{font-size:27px;gap:2px}.metric-range{gap:1px}.metric-dash{padding-inline:1px}.metrics-grid strong small{font-size:.5em;margin-left:1px}.metrics-grid p{font-size:11px}.proof-numbers .proof-symbol{width:36px;height:36px}.results-section .testimonial-grid{margin-top:32px}}
@keyframes flow-down{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* Shared geometry keeps every audience tab and filter in the same frame. */
/* Entrances are armed again only after leaving the viewport. */
html.motion-on [data-reveal]{transition-duration:650ms,750ms;transition-delay:var(--reveal-delay,0ms)}
html.motion-on [data-reveal]:not(.in-view){transition:none}
html.motion-on .split-title:not(.in-view) .title-word>span{transition:none}
html.motion-on .split-title.in-view .title-word>span{transition-duration:750ms,650ms}
html.motion-on .hero-product-scene:not(.in-view) :is(.hero-system,.hero-compliance,.hero-operation){animation:none;opacity:0}
html.motion-on .adjusted-feature:not(.is-visible) .figma-scene-canvas{transition:none}
html.motion-on .adjusted-feature:not(.is-visible) :is(.focus-veil,.focus-detail,.focus-float){transition:none}
.method-grid article::after{transition-duration:900ms!important}
.method-grid article:nth-child(2)::after{transition-delay:0s}
html.motion-on .method-grid article:not(.is-connected)::after{transition:none}
.audience-gallery{align-items:start}
.audience-copy{align-self:center;display:block}
#role-description{display:grid;grid-template-columns:minmax(0,1fr)}
#role-description>h3{grid-area:1/1;margin:0 0 22px}
#role-description>p{grid-area:2/1;margin:0 0 30px}
#role-description>[data-reveal]{translate:none}
#role-description>[aria-hidden=true]{visibility:hidden;pointer-events:none}
.audience-copy .profile-benefit{min-height:62px;align-items:flex-start}
.audience-copy .profile-benefit img{flex-shrink:0}
.audience-scene{height:640px;min-height:0;display:grid;grid-template-rows:47px minmax(0,1fr)}
.audience-appbar{height:47px}
.appointment-demo{align-self:center;max-height:calc(100% - 48px);overflow:auto}
.appointment-action{min-height:52px}
.inventory-demo{min-height:0;display:flex;flex-direction:column;margin:20px 15px}
.demo-table-viewport{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.risk-demo-table td{padding-block:13px}
.inventory-demo .component-heading,.inventory-demo .risk-filters,.component-footnote{flex-shrink:0}
.network-demo{min-height:0;display:grid;grid-template-rows:92px minmax(0,1fr);gap:18px}
.network-totals{margin:0}
.network-capacity{min-height:0;display:flex;flex-direction:column}
.audience-caption{min-height:32px;margin-bottom:0}

/* Center the heading, timeline and caption on a common axis. */
.simple-flow-heading{display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px;text-align:center}
.simple-flow-heading .eyebrow{align-self:center;justify-content:center}
.simple-flow-heading h3{width:100%;text-align:center}
.simple-flow-heading p{max-width:660px;margin:0 auto;text-align:center}
.simple-flow{max-width:1120px;margin-inline:auto}
.simple-flow-caption{display:flex;justify-content:center;text-align:center}
.simple-flow-caption p{margin:0}

@media(min-width:601px){
  .method-grid article{text-align:center}
  .method-top{margin-inline:auto;padding-inline:16px}
  .method-grid article:not(:last-child)::before,.method-grid article:not(:last-child)::after{left:50%}
  .method-duration{margin-inline:auto}
  .method-grid article>p{max-width:340px;margin-inline:auto}
}
@media(max-width:800px){
  .audience-copy{display:block}
  .audience-copy .profile-benefit{margin-top:26px;padding-top:22px;border-top:1px solid #d6e1d1}
}
@media(max-width:600px){
  .audience-scene{height:620px;grid-template-rows:43px minmax(0,1fr)}
  .audience-appbar{height:43px}
  .appointment-demo{max-height:calc(100% - 40px)}
  .inventory-demo{margin:13px 8px}
  .network-demo{grid-template-rows:82px minmax(0,1fr);gap:15px}
  .simple-flow{width:min(100%,340px);margin-inline:auto}
  .simple-flow-heading{margin-inline:auto}
}
