/* Reference-led connected product hero. */
.hero{grid-template-columns:minmax(340px,33%) minmax(0,1fr);min-height:800px;background:#fff;padding-left:4.4%}
.hero-copy{border:0;padding-right:35px;justify-content:center}.hero h1{font-size:clamp(44px,4.1vw,76px);line-height:1.02;letter-spacing:-.06em}.hero-intro{font-size:clamp(17px,1.35vw,22px);line-height:1.5}.hero-actions{flex-wrap:wrap}.service-tags{margin-top:38px;margin-bottom:0;gap:18px;font-size:9px}.eyebrow{margin-bottom:32px}
.hero-system{position:relative;min-width:0;min-height:800px;container-type:inline-size;background-color:#fff;background-image:linear-gradient(#e9edf140 1px,transparent 1px),linear-gradient(90deg,#e9edf140 1px,transparent 1px);background-size:28px 28px;isolation:isolate;overflow:hidden}
.hero-panel{position:absolute;background:#fff;border:1px solid #e2e5ea;border-radius:12px;box-shadow:0 9px 24px #16283c09;color:#101d36;z-index:3;padding:10px;font-size:clamp(9px,1.02cqw,13px)}
.hero-panel header{display:flex;align-items:center;justify-content:space-between;margin:0 3px 9px}.hero-panel header h2{font:750 1.3cqw/1.2 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0}.hero-panel header>a{font-size:1.8cqw;line-height:1;color:#61758f;min-width:24px;text-align:right}
.hero-experience{left:4%;top:8%;width:33%}.hero-mini-nav{border:1px solid #eceef1;border-radius:6px;padding:7px 6px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.6cqw;white-space:nowrap}.hero-mini-nav>span{display:flex;align-items:center;font-weight:700;gap:3px}.hero-mini-nav img{object-fit:cover;clip-path:polygon(88% 5%,56% 42%,90% 49%,24% 89%,45% 55%,14% 39%)}.hero-mini-nav small{font-size:.52cqw;color:#697992}.hero-mini-nav>a{background:#06152d;color:#fff;padding:6px;border-radius:4px}
.hero-experience-body{position:relative;height:18.8cqw;min-height:145px;overflow:hidden;border:1px solid #edf0f2;border-radius:6px;margin-top:2px;background:#f9fbfd}.hero-building{position:absolute;right:0;top:0;height:100%;width:61%;object-fit:cover;clip-path:polygon(53% 0,100% 0,100% 100%,0 100%)}.hero-experience-body>div{position:relative;padding:1.7cqw .9cqw}.hero-experience-body h3{font:600 1.9cqw/1.13 "DM Sans",sans-serif;letter-spacing:-.04em;margin:0 0 1.25cqw}.hero-experience-body p{color:#61718a;font-size:1.02cqw;line-height:1.35;margin:0 0 1.15cqw}.hero-experience-body a{display:inline-flex;gap:10px;background:#06152d;color:#fff;padding:.7cqw 1cqw;border-radius:5px;font-weight:600;font-size:.9cqw}
.hero-bolt{position:absolute;left:39%;top:28%;width:26%;height:47%;z-index:2}.hero-bolt img{height:100%;width:100%;object-fit:cover;clip-path:polygon(88% 5%,56% 42%,90% 49%,24% 89%,45% 55%,14% 39%)}
.hero-orbits{position:absolute;left:36%;top:27%;width:32%;aspect-ratio:1;border:1px solid #ffcf9945;border-radius:50%;background:radial-gradient(circle,#fff0d2aa,transparent 65%);box-shadow:0 0 0 25px #ffcc9910,0 0 0 50px #ffcc9908;z-index:0}.hero-orbits:before,.hero-orbits:after{content:"";position:absolute;border:1px solid #ffc78b35;border-radius:50%;inset:-25px}.hero-orbits:after{inset:25px}
.hero-connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-workflow{left:4%;top:59%;width:30%}.hero-workflow-body{border:1px solid #eceef2;border-radius:7px;padding:9px 7px}.hero-flow-node{border:1px solid #e7ebef;border-radius:8px;display:flex;align-items:center;gap:9px;padding:8px;background:#fff;box-shadow:0 4px 9px #1b2c4306;max-width:82%;margin:auto}.hero-flow-node h3{font-size:1.15cqw;margin:0 0 3px;font-weight:600}.hero-flow-node p{font-size:.8cqw;color:#78859b;margin:0}.node-icon{display:grid;place-items:center;flex-shrink:0;width:3.1cqw;height:3.1cqw;border-radius:7px;font-size:2cqw;color:#fff;font-style:normal}.node-green{background:#21bc76}.node-blue{background:#2779ff}.node-red{background:#ff4554}.node-navy{background:#06152d}.node-orange{background:#ff6a09}.hero-flow-arrow{display:block;text-align:center;color:#617693;font-size:21px;height:18px;line-height:18px}.hero-flow-branch{width:54%;height:15px;border:1.5px solid #8d9db5;border-bottom:0;border-radius:8px 8px 0 0;margin:12px auto 0;position:relative}.hero-flow-branch:before{content:"";position:absolute;height:13px;left:50%;top:-14px;border-left:1.5px solid #8d9db5}.hero-flow-outcomes{display:flex;gap:7px}.hero-flow-outcomes .hero-flow-node{max-width:none;flex:1;padding:6px;gap:5px}.hero-flow-outcomes .node-icon{width:2.2cqw;height:2.2cqw;font-size:1.6cqw}.hero-flow-outcomes h3{font-size:.76cqw}.hero-flow-outcomes p{font-size:.64cqw}
.hero-email{right:4%;top:8%;width:28%}.hero-email-modes{display:flex;justify-content:space-between;padding:7px 3px;color:#8b96a9;font-weight:600;border:1px solid #edf0f4;border-radius:6px;margin-bottom:6px;font-size:.88cqw}.hero-email-modes strong{color:#f56930;position:relative}.hero-email-modes strong:after{content:"";position:absolute;left:0;right:0;height:2px;background:#ff6d37;bottom:-7px}.hero-email-preview{border:1px solid #e7ebf1;border-radius:7px;overflow:hidden}.hero-report-heading{background:#06112b;border-bottom:3px solid #ffd500;color:#fff;padding:1.4cqw 1.15cqw}.hero-report-heading p{color:#ffd400;text-transform:uppercase;letter-spacing:.12em;font-size:.8cqw;font-weight:700;margin:0 0 1cqw}.hero-report-heading h3{font:500 2.15cqw/1.15 Georgia,serif;letter-spacing:-.04em;margin:0;white-space:nowrap}.hero-report-content{padding:1.15cqw}.hero-report-content>p{font-size:1.05cqw;line-height:1.4;color:#637490;margin:0 0 1cqw}.hero-report-file{display:flex;align-items:center;gap:9px;border:1px solid #e9ecf2;border-radius:6px;padding:8px 7px;margin-bottom:9px}.hero-report-file>span{font-size:2.3cqw;background:#f1f3f7;padding:3px 7px;border-radius:5px}.hero-report-file strong{font-size:.95cqw}.hero-report-file small{display:block;color:#8793a6;font-size:.85cqw;margin-top:4px}.hero-report-content>a{display:flex;justify-content:center;align-items:center;gap:13px;background:#ff640b;color:#fff;border-radius:5px;padding:.8cqw;font-size:1.1cqw;font-weight:600}
.hero-products{right:4%;top:62%;width:27%}.hero-products ul{list-style:none;margin:0;padding:0 7px;border:1px solid #edf0f3;border-radius:8px}.hero-products li+li{border-top:1px solid #f0f2f5}.hero-products li a{display:flex;align-items:center;gap:13px;padding:7px 0;font-size:1.2cqw;font-weight:600}.product-chevron{margin-left:auto;color:#69809c;font-size:1.75cqw}
.hero-panel a{transition:color 180ms,background 180ms}.hero-panel a:focus-visible{outline:2px solid #ff7900;outline-offset:3px}.hero-products a:hover{color:#e85d12}.hero-experience-body a:hover,.hero-mini-nav>a:hover{background:#173660}.hero-report-content>a:hover{background:#e95500}
@media(min-width:1600px){.hero,.hero-system{min-height:880px}}
@media(max-width:1100px){.hero{grid-template-columns:35% 65%;padding-left:3%}.hero h1{font-size:40px}.hero-copy{padding-right:20px}.hero-panel{padding:8px}.hero-mini-nav small{display:none}.hero,.hero-system{min-height:700px}.hero-intro{font-size:16px}.hero-actions .button{min-width:0;font-size:12px;padding:12px}.hero-system{background-size:24px 24px}.hero-experience{top:10%}.hero-email{top:10%}.hero-workflow{top:56%}.hero-products{top:64%}}
@media(max-width:900px){.hero{display:block;padding:0}.hero-copy{padding:44px 26px}.hero h1{font-size:clamp(44px,7vw,65px)}.hero-intro{font-size:18px}.hero-system{height:780px;min-height:0}.hero-panel header h2{font-size:1.6cqw}}
@media(max-width:600px){.hero-copy{padding:32px 22px}.hero h1{font-size:clamp(38px,10.8vw,57px)}.hero-intro{font-size:17px}.hero-actions .button{font-size:14px}.hero-system{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:20px;padding:24px 22px;background-size:24px 24px}.hero-panel{position:relative;inset:auto;width:100%;padding:14px;font-size:13px}.hero-panel header h2{font-size:14px}.hero-panel header>a{font-size:22px}.hero-bolt{position:relative;inset:auto;grid-row:2;height:200px;width:150px;justify-self:center}.hero-connections,.hero-orbits{display:none}.hero-experience{grid-row:1}.hero-workflow{grid-row:3}.hero-email{grid-row:4}.hero-products{grid-row:5}.hero-mini-nav{font-size:8px}.hero-mini-nav>a{padding:7px;font-size:8px}.hero-experience-body{height:210px}.hero-experience-body>div{padding:20px 10px}.hero-experience-body h3{font-size:23px;margin-bottom:15px}.hero-experience-body p{font-size:12px;margin-bottom:15px}.hero-experience-body a{font-size:11px;padding:10px 12px}.hero-flow-node h3{font-size:15px}.hero-flow-node p{font-size:11px}.node-icon{width:38px;height:38px;font-size:24px}.hero-flow-outcomes .node-icon{width:28px;height:28px;font-size:20px}.hero-flow-outcomes h3{font-size:10px}.hero-flow-outcomes p{font-size:9px}.hero-email-modes{font-size:11px}.hero-report-heading{padding:20px}.hero-report-heading p{font-size:10px;margin-bottom:16px}.hero-report-heading h3{font-size:28px}.hero-report-content{padding:18px}.hero-report-content>p{font-size:15px;margin-bottom:18px}.hero-report-file>span{font-size:28px}.hero-report-file strong{font-size:12px}.hero-report-file small{font-size:11px}.hero-report-content>a{font-size:15px;padding:13px}.hero-products li a{font-size:16px}.product-chevron{font-size:22px}.hero-panel .hero-flow-outcomes{gap:5px}}
.hero-products{top:59%}.hero-products li a{padding:6px 0}.node-icon img{width:62%;height:62%;filter:brightness(0) invert(1)}.hero-report-file>span img{width:21px;height:24px;display:block}
@media(max-width:600px){.hero-panel{min-width:0;max-width:100%;overflow:hidden}.hero-mini-nav,.hero-mini-nav>span,.hero-products li a{min-width:0}.hero-products{top:auto}.hero-products li a{padding:10px 0}}