.demo-component{--demo-paper:#f3f1eb;--demo-ink:#19242c;--demo-blue:#315ac7;--demo-line:#d1d4d1;background:var(--demo-paper);color:var(--demo-ink);font-family:"Inter Tight",Helvetica,Arial,sans-serif;isolation:isolate}
.demo-component *{box-sizing:border-box}
.demo-component button{font-family:inherit;cursor:pointer}
.demo-component button:focus-visible{outline:2px solid var(--demo-blue);outline-offset:5px}
.demo-component [hidden]{display:none!important}
.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:0 0 28px}
.demo-heading h2{margin:0;font-size:clamp(30px,3.5vw,52px);font-weight:550;line-height:1.06;letter-spacing:-.04em}
.demo-heading p{margin:0;max-width:35ch;font-size:13px;line-height:1.6;color:#5c666b}
.demo-kicker{display:block;margin-bottom:12px;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--demo-blue)}
.demo-shell{border:1px solid var(--demo-line);background:#fff}
.demo-tabs{display:flex;align-items:stretch;background:var(--demo-paper);border-bottom:1px solid var(--demo-line)}
.demo-tab{position:relative;flex:1;border:0;background:transparent;color:#5c666b;padding:19px 24px;min-height:60px;text-align:left;font-size:15px;font-weight:550;line-height:1.25;letter-spacing:-.015em}
.demo-tab span{margin-right:12px;font-size:10px;font-weight:500;color:#5c666b}
.demo-tab[aria-selected="true"]{background:#fff;color:var(--demo-ink)}
.demo-tab[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:2px;background:var(--demo-blue)}
.demo-tab:hover{color:var(--demo-ink)}
.demo-component:not(.demo-enhanced) .demo-tabs,.demo-component:not(.demo-enhanced) .demo-view-button,.demo-component:not(.demo-enhanced) .demo-step-controls{display:none}
.demo-component:not(.demo-enhanced) .demo-panel+.demo-panel{border-top:1px solid var(--demo-line)}
.demo-enhanced .demo-panel:not(.demo-active){display:none}
.demo-enhanced.demo-interacted .demo-panel.demo-active{animation:demo-arrive .35s ease-out both}
.demo-panel{min-width:0}
.demo-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:18px 30px;border-bottom:1px solid #e3e5e1}
.demo-panel-top p{margin:0;font-size:12px;font-weight:550}
.demo-panel-top span{font-size:9px;color:#5c666b;letter-spacing:.1em;text-transform:uppercase}
.demo-caption{display:flex;justify-content:space-between;align-items:start;gap:25px;padding:21px 30px;background:#fff;border-top:1px solid #e3e5e1}
.demo-caption strong{font-size:15px;font-weight:600;letter-spacing:-.02em}
.demo-caption p{margin:0;max-width:54ch;font-size:12px;line-height:1.65;color:#5c666b}
.demo-digital-stage{padding:32px;background:#e8edf2}
.demo-browser{background:var(--demo-paper);border:1px solid #c8d0d7;box-shadow:0 18px 38px #19242c0c}
.demo-browser-bar{display:flex;justify-content:space-between;align-items:center;min-height:32px;padding:8px 18px;border-bottom:1px solid #d8dddF;background:#fff;color:#5c666b;font-size:9px;letter-spacing:.06em}
.demo-browser-dots{display:flex;gap:5px}
.demo-browser-dots i{display:block;width:4px;height:4px;border:1px solid #a9b4bb;border-radius:50%}
.demo-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 30px;border-bottom:1px solid #d8dbd5}
.demo-logo{display:block;width:190px;height:auto;overflow:visible;flex-shrink:0;color:var(--demo-ink)}
.demo-mini-nav>span{font-size:9px;color:#5c666b}
.demo-web-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;min-height:345px;padding:38px 30px 30px}
.demo-web-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;padding-right:20px}
.demo-web-copy .demo-kicker{font-size:8px;margin-bottom:19px}
.demo-web-copy h3{font-size:clamp(27px,3.3vw,48px);font-weight:600;line-height:1.06;letter-spacing:-.045em;margin:0}
.demo-web-copy p{font-size:12px;line-height:1.7;color:#5c666b;max-width:34ch;margin:19px 0 23px}
.demo-web-action{border:0;min-height:44px;background:var(--demo-ink);color:#fff;padding:13px 17px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;font-weight:550}
.demo-web-action:hover{background:var(--demo-blue)}
.demo-web-art{min-width:0;display:flex;align-items:stretch;background:var(--demo-blue);overflow:hidden}
.demo-web-art svg{display:block;width:100%;height:100%;min-height:280px;max-height:385px}
.demo-web-capabilities{padding:36px 30px 32px;min-height:345px}
.demo-web-capabilities h3{margin:0 0 24px;font-size:clamp(28px,3vw,43px);font-weight:600;line-height:1.1;letter-spacing:-.04em}
.demo-web-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bbc4c7;border-bottom:1px solid #bbc4c7}
.demo-web-card{padding:22px 20px 26px 0;min-width:0}
.demo-web-card+.demo-web-card{padding-left:20px;border-left:1px solid #cbd2d1}
.demo-web-card>span{display:block;font-size:9px;color:var(--demo-blue);margin-bottom:27px;letter-spacing:.08em}
.demo-web-card h4{margin:0;font-size:19px;font-weight:600;line-height:1.15;letter-spacing:-.025em}
.demo-web-card p{margin:12px 0 0;font-size:11px;line-height:1.65;color:#5c666b;max-width:28ch}
.demo-return{border:0;background:none;min-height:44px;padding:15px 0 0;color:var(--demo-blue);font-size:11px;font-weight:550}
.demo-operations-stage{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:455px;background:var(--demo-paper)}
.demo-operations-rail{padding:34px 28px;background:var(--demo-ink);color:var(--demo-paper)}
.demo-operations-rail{min-width:0}
.demo-operations-rail .demo-logo{width:175px;color:var(--demo-paper);margin-bottom:34px}
.demo-operations-rail>p{margin:0;color:#b0bec6;font-size:12px;line-height:1.6;max-width:25ch}
.demo-step-controls{display:flex;flex-direction:column;margin-top:30px}
.demo-step-button{position:relative;display:flex;align-items:center;gap:13px;min-height:62px;padding:12px 0;background:none;border:0;border-top:1px solid #41505b;color:#9db0be;text-align:left;font-size:14px;font-weight:550}
.demo-step-button:last-child{border-bottom:1px solid #41505b}
.demo-step-button>span{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #5e6f7b;font-size:9px}
.demo-step-button[aria-pressed="true"]{color:#fff}
.demo-step-button[aria-pressed="true"]>span{border-color:#91aeff;background:var(--demo-blue);color:#fff}
.demo-step-button:hover{color:#fff}
.demo-operations-body{padding:36px 38px;min-width:0}
.demo-step-panel.demo-step-active{animation:demo-arrive .3s ease-out both}
.demo-step-panel h3{margin:8px 0 13px;font-size:clamp(29px,3.2vw,45px);font-weight:550;line-height:1.06;letter-spacing:-.04em}
.demo-step-panel>p{margin:0;color:#5c666b;font-size:12px;line-height:1.65;max-width:56ch}
.demo-brief-example{margin:27px 0 0;border-top:1px solid #c4cccF}
.demo-brief-example>div{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;padding:13px 0;border-bottom:1px solid #d8dedf}
.demo-brief-example dt{margin:0;font-size:11px;font-weight:550;line-height:1.55}
.demo-brief-example dd{margin:0;font-size:11px;line-height:1.6;color:#5c666b}
.demo-priorities{list-style:none;margin:29px 0 0;padding:0;border-top:1px solid #c4cccf}
.demo-priorities li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #d8dedf}
.demo-priorities li>span{color:var(--demo-blue);font-size:11px;padding-top:3px}
.demo-priorities h4{font-size:16px;font-weight:550;letter-spacing:-.02em;margin:0 0 6px}
.demo-priorities p{font-size:11px;color:#5c666b;line-height:1.6;margin:0}
.demo-handoff-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:33px}
.demo-handoff-item{position:relative;padding:30px 16px 20px;background:#fff;border:1px solid #d4dbdD;min-height:176px}
.demo-handoff-item::before{content:"";position:absolute;left:16px;top:-7px;width:48px;height:8px;background:#fff;border:1px solid #d4dbdd;border-bottom:0}
.demo-handoff-item svg{display:block;width:24px;height:24px;color:var(--demo-blue);margin-bottom:24px}
.demo-handoff-item strong{display:block;font-size:13px;font-weight:550;line-height:1.25;letter-spacing:-.015em}
.demo-handoff-item p{font-size:10px;color:#5c666b;line-height:1.6;margin:8px 0 0}
.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-footnote{display:flex;justify-content:space-between;gap:24px;margin-top:15px;font-size:10px;line-height:1.6;color:#5c666b}
.demo-footnote p{margin:0}
@keyframes demo-arrive{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.demo-operations-stage{grid-template-columns:205px minmax(0,1fr)}.demo-operations-rail{padding:30px 23px}.demo-operations-rail .demo-logo{width:155px}.demo-operations-body{padding:31px 26px}.demo-digital-stage{padding:24px}.demo-web-overview{gap:18px;padding:30px 24px}.demo-web-copy{padding-right:0}.demo-web-copy h3{font-size:35px}.demo-mini-nav{padding-inline:24px}.demo-handoff-items{gap:10px}.demo-handoff-item{padding-inline:12px}.demo-handoff-item::before{left:12px}}
@media(max-width:650px){.demo-heading{display:block;margin-bottom:23px}.demo-heading p{margin-top:17px;max-width:45ch;font-size:12px}.demo-tab{padding:16px 12px;min-height:68px;font-size:12px}.demo-tab span{display:block;margin:0 0 5px;font-size:8px}.demo-tab[aria-selected="true"]::after{left:12px;right:12px}.demo-panel-top{padding:15px 18px;min-height:56px}.demo-panel-top p{font-size:11px}.demo-panel-top span{font-size:8px;max-width:17ch;text-align:right}.demo-caption{display:block;padding:19px 18px}.demo-caption p{margin-top:9px;font-size:11px}.demo-digital-stage{padding:16px}.demo-browser-bar{padding-inline:12px;font-size:8px}.demo-mini-nav{padding:20px 17px}.demo-logo{width:155px}.demo-mini-nav>span{font-size:8px;max-width:14ch;text-align:right}.demo-web-overview{grid-template-columns:1fr;padding:25px 17px 17px;gap:24px}.demo-web-copy h3{font-size:37px;max-width:18ch}.demo-web-copy p{font-size:11px;max-width:38ch;margin:17px 0}.demo-web-art svg{min-height:220px;max-height:245px}.demo-web-capabilities{padding:27px 17px 20px}.demo-web-capabilities h3{font-size:34px}.demo-web-card-grid{grid-template-columns:1fr}.demo-web-card,.demo-web-card+.demo-web-card{padding:18px 0;border-left:0}.demo-web-card+.demo-web-card{border-top:1px solid #cbd2d1}.demo-web-card>span{margin-bottom:11px}.demo-web-card h4{font-size:20px}.demo-web-card p{max-width:44ch;margin-top:8px}.demo-operations-stage{grid-template-columns:1fr}.demo-operations-rail{padding:25px 20px}.demo-operations-rail .demo-logo{width:175px;margin-bottom:18px}.demo-operations-rail>p{max-width:40ch;font-size:11px}.demo-step-controls{flex-direction:row;margin-top:23px;gap:13px}.demo-step-button{flex:1;min-height:54px;border-bottom:1px solid #41505b;font-size:12px;gap:8px}.demo-step-button>span{width:20px;height:20px;font-size:8px}.demo-operations-body{padding:29px 20px 32px}.demo-brief-example>div{grid-template-columns:1fr;gap:5px;padding-block:14px}.demo-handoff-items{grid-template-columns:1fr;gap:20px}.demo-handoff-item{min-height:0;display:grid;grid-template-columns:30px 1fr;column-gap:13px;padding:20px}.demo-handoff-item svg{grid-row:1/3;margin:0}.demo-handoff-item p{margin-top:5px}.demo-handoff-item::before{left:20px}.demo-footnote{display:block;font-size:9px}.demo-footnote>p+p{margin-top:5px}}
@media(max-width:380px){.demo-operations-stage{grid-template-columns:minmax(0,1fr)}.demo-step-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-step-button{min-width:0;min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:11px 0;font-size:11px}.demo-mini-nav{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 14px}.demo-mini-nav>span{max-width:none;text-align:left}.demo-web-capabilities h3{font-size:30px}.demo-handoff-items{grid-template-columns:minmax(0,1fr)}.demo-handoff-item{grid-template-columns:30px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.demo-component *{animation:none!important;transition:none!important}}