#engage-home{--navy:#1e3f66;--teal:#0086ad;--blue:#2d73ba;--ice:#eff4f8;--ink:#183654;--muted:#586d83;--line:#dce5ee;--hero-space:70px;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55;color-scheme:light;isolation:isolate}#engage-home *{box-sizing:border-box}#engage-home button,#engage-home a{font:inherit}#engage-home button{cursor:pointer}#engage-home a{color:inherit;text-decoration:none}#engage-home h1,#engage-home h2,#engage-home h3,#engage-home p{margin:0}#engage-home .wrap{padding-left:5.5%;padding-right:5.5%}#engage-home .top{background:var(--navy);color:#fff;padding-top:23px;padding-bottom:23px;display:flex;align-items:center;gap:28px}#engage-home .logo{font-size:34px;font-weight:400;letter-spacing:-2px;line-height:1}#engage-home .logo em{font-size:49px;font-style:normal;letter-spacing:-5px;vertical-align:-3px}#engage-home .nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px}#engage-home .nav a:hover{text-decoration:underline;text-underline-offset:5px}#engage-home .nav .login{opacity:.8}#engage-home .top-cta{background:#fff;color:var(--navy);padding:11px 17px;border:0;border-radius:6px;font-weight:700;font-size:12px;white-space:nowrap}#engage-home .mobile-toggle{display:none;background:none;color:#fff;border:1px solid #7891ac;border-radius:5px;padding:8px 12px}#engage-home .hero-shell{background:#fff;padding:0 10px 10px}#engage-home .hero{position:relative;overflow:hidden;background:var(--ice);border-radius:13px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:560px;padding-top:var(--hero-space);padding-bottom:var(--hero-space);gap:30px}#engage-home .hero:after{content:'';width:430px;height:430px;border-radius:50%;background:#e1eaf4;position:absolute;left:-180px;bottom:-370px;z-index:0}#engage-home .hero-copy{position:relative;z-index:1}#engage-home .eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700;color:#4975a0;display:block;margin-bottom:22px}#engage-home h1{font-size:clamp(38px,5.3vw,61px);line-height:1.07;letter-spacing:-2.5px;font-weight:750;color:var(--navy)}#engage-home h1 span{display:block}#engage-home h1 .teal{color:var(--teal)}#engage-home .intro{font-size:15px;line-height:1.75;color:var(--muted);margin-top:24px;max-width:410px}#engage-home .actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:27px}#engage-home .primary{background:var(--blue);color:#fff;border:0;padding:13px 20px;border-radius:6px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:15px}#engage-home .secondary{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}#engage-home .under{font-size:11px;color:var(--muted);margin-top:14px}#engage-home .product-stage{position:relative;padding:16px 0 36px 5px;z-index:1;min-width:0}#engage-home .product-window{background:#fff;border:1px solid #d8e3ee;border-radius:10px;box-shadow:0 22px 44px #1e3f6615;overflow:hidden;transform:rotate(-1.5deg)}#engage-home .window-top{background:var(--navy);color:#fff;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;font-size:11px}#engage-home .window-top b{font-size:16px;font-weight:400;letter-spacing:-.7px}#engage-home .window-body{padding:23px 20px 24px}#engage-home .window-label{color:#738599;text-transform:uppercase;letter-spacing:1.6px;font-size:9px}#engage-home .window-title{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:5px 0 18px}#engage-home .risk{background:#f2f6fa;border-radius:7px;padding:15px;font-size:12px}#engage-home .risk-label{display:flex;align-items:center;gap:7px;font-weight:700}#engage-home .small-tag{font-size:9px;background:#e2eef3;color:#17637f;border-radius:4px;padding:3px 6px;display:inline-block;margin-top:9px}#engage-home .connector{height:21px;margin-left:23px;border-left:1px solid #bfd0df}#engage-home .workflow-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:12px 0;border-bottom:1px solid #edf1f5}#engage-home .workflow-row:last-child{border:0}#engage-home .check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8f2f4;color:#167787;flex-shrink:0}#engage-home .workflow-row strong{display:block;font-size:11px}#engage-home .workflow-row small{font-size:10px;color:#6b7c8d}#engage-home .workflow-row .status{margin-left:auto;font-size:9px;color:#397b69;white-space:nowrap}#engage-home .float-note{position:absolute;bottom:7px;right:-8px;background:#fff;padding:13px 18px;border-radius:8px;box-shadow:0 12px 28px #1e3f6620;border:1px solid #e0e9f0;display:flex;gap:12px;align-items:center;font-size:11px}#engage-home .float-note .icon{background:#e5f2f7;color:var(--teal);padding:9px;border-radius:7px;display:flex}#engage-home .float-note small{display:block;color:#728295;font-size:10px}#engage-home .sample-label{position:absolute;bottom:-20px;left:7px;font-size:9px;color:#758699}#engage-home .trust{padding-top:30px;padding-bottom:31px;border-bottom:1px solid var(--line);text-align:center}#engage-home .trust p{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#61758b}#engage-home .sectors{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;font-size:14px;font-weight:700;color:#3f5c77;margin-top:17px}#engage-home .section{padding-top:67px;padding-bottom:67px}#engage-home h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:700;color:var(--navy)}#engage-home .section-intro{color:var(--muted);font-size:14px;margin-top:14px;max-width:580px}#engage-home .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}#engage-home .pillar{border-top:2px solid #d5e3ef;padding-top:22px}#engage-home .pillar-icon{color:var(--teal);margin-bottom:15px}#engage-home h3{font-size:19px;letter-spacing:-.5px;font-weight:700}#engage-home .pillar p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.8}#engage-home .platform{background:var(--ice)}#engage-home .section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}#engage-home .section-head .eyebrow{margin-bottom:13px}#engage-home .module-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0 24px}#engage-home .module-tabs button{border:1px solid #d1dfeb;background:#fff;color:#536b80;border-radius:5px;padding:9px 13px;font-size:11px}#engage-home .module-tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}#engage-home .module-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;background:#fff;padding:34px;border-radius:10px;align-items:center}#engage-home .module-detail h3{font-size:25px;line-height:1.25}#engage-home .module-detail p{color:var(--muted);font-size:13px;margin:16px 0 23px;line-height:1.8}#engage-home .feature-list{list-style:none;margin:0;padding:0;display:grid;gap:13px;font-size:12px}#engage-home .feature-list li{display:flex;gap:9px}#engage-home .feature-list i{color:var(--teal);flex-shrink:0}#engage-home .flow-visual{background:#f3f7fa;border-radius:8px;padding:22px}#engage-home .flow-visual .flow-head{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#718497;margin-bottom:17px}#engage-home .flow-step{padding:13px 15px;background:#fff;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:12px;border:1px solid #e0e8ef}#engage-home .flow-step i{color:var(--teal)}#engage-home .flow-line{height:17px;border-left:1px solid #b4c9db;margin-left:25px}#engage-home .flow-step.last{background:var(--navy);color:#fff;border:0}#engage-home .flow-step.last i{color:#82d3e6}#engage-home .switch{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}#engage-home .switch .eyebrow{margin-bottom:17px}#engage-home .steps{display:grid;gap:21px}#engage-home .step{display:flex;gap:17px}#engage-home .step-num{font-size:11px;flex-shrink:0;background:#edf3f8;color:#4876a1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}#engage-home .step h3{font-size:15px;letter-spacing:0}#engage-home .step p{font-size:12px;color:var(--muted);margin-top:5px}#engage-home .closing{background:var(--navy);padding-top:47px;padding-bottom:47px;display:flex;justify-content:space-between;gap:30px;align-items:center;color:#fff}#engage-home .closing h2{color:#fff;font-size:31px}#engage-home .closing p{color:#ccdae7;margin-top:11px;font-size:13px}#engage-home .closing .primary{background:#fff;color:var(--navy);white-space:nowrap}#engage-home .footer{display:flex;align-items:center;gap:25px;padding-top:27px;padding-bottom:27px;font-size:11px;color:#63788e}#engage-home .footer .logo{color:var(--navy);font-size:24px;letter-spacing:-1px;margin-right:auto}#engage-home .footer-links{display:flex;gap:22px}#engage-home .demo-panel{margin:0;background:#e9f2f9;padding:26px 5.5%;border-top:1px solid #cfdfec}#engage-home .demo-panel[hidden]{display:none}#engage-home .demo-panel h3{font-size:20px}#engage-home .demo-panel p{font-size:13px;margin-top:9px;max-width:640px}#engage-home .demo-panel button{margin-top:14px;border:1px solid #bbccdc;border-radius:5px;background:#fff;padding:8px 15px;font-size:12px}#engage-home svg{width:18px;height:18px}#engage-home .pillar-icon svg{width:25px;height:25px}#engage-home button:hover{filter:brightness(.96)}#engage-home a:focus-visible,#engage-home button:focus-visible{outline:3px solid #04a9d5;outline-offset:4px}
@media(max-width:760px){#engage-home .top{gap:15px;flex-wrap:wrap}#engage-home .nav{display:none;order:5;flex-basis:100%;margin:8px 0 0;flex-wrap:wrap}#engage-home .nav.open{display:flex}#engage-home .mobile-toggle{display:block;margin-left:auto}#engage-home .top-cta{padding:10px 12px}#engage-home .hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:47px;gap:35px}#engage-home h1{font-size:53px}#engage-home .hero-copy{max-width:500px}#engage-home .product-stage{max-width:460px;width:100%;margin:auto}#engage-home .pillars{gap:20px}#engage-home .module-detail{gap:25px;padding:24px}#engage-home .switch{gap:35px}#engage-home .sectors{gap:17px}#engage-home .section{padding-top:45px;padding-bottom:45px}}
@media(max-width:500px){#engage-home .logo{font-size:26px}#engage-home .logo em{font-size:37px}#engage-home .top{padding-top:17px;padding-bottom:17px;gap:10px}#engage-home .top-cta{font-size:10px}#engage-home .mobile-toggle{font-size:11px}#engage-home h1{font-size:43px;letter-spacing:-1.7px}#engage-home .intro{font-size:14px}#engage-home .eyebrow{font-size:9px;letter-spacing:1.8px}#engage-home .pillars,#engage-home .module-detail,#engage-home .switch{grid-template-columns:1fr}#engage-home .pillars{gap:25px}#engage-home .section-head{display:block}#engage-home h2{font-size:28px}#engage-home .closing{display:block}#engage-home .closing .primary{margin-top:22px}#engage-home .footer{flex-wrap:wrap;gap:17px}#engage-home .footer-links{flex-wrap:wrap;gap:15px}#engage-home .sectors{font-size:11px}#engage-home .float-note{right:0}#engage-home .module-tabs button{min-height:44px}#engage-home .nav a{padding:10px 0}}

body{margin:0}html{scroll-behavior:smooth}#engage-home .top-cta,#engage-home .closing .primary{background:var(--blue);color:#fff}#engage-home .module-tabs button[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}#engage-home .logo img{width:145px;height:auto;display:block}#engage-home .top .logo img{filter:brightness(0) invert(1)}#engage-home .wrap{padding-left:max(5.5%,calc((100% - 1180px)/2));padding-right:max(5.5%,calc((100% - 1180px)/2))}#engage-home .nav a,#engage-home button{min-height:44px}#engage-home .nav a{display:inline-flex;align-items:center}#engage-home .skip{position:absolute;left:12px;top:-100px;background:white;color:var(--navy);padding:12px;z-index:9}#engage-home .skip:focus{top:12px}#engage-home .demo-panel{outline:none} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Primary actions: teal primary actions. */
#engage-home .primary,#engage-home .top-cta,#engage-home .closing .primary{background:#0086ad;color:#fff;font-weight:700;padding:14px 23px;min-height:48px;box-shadow:0 2px 0 #18365418}#engage-home .primary:hover,#engage-home .top-cta:hover{background:#006e90;filter:none}

#engage-home h1 .teal{color:#0086ad}

#engage-home .hero-copy .eyebrow{text-transform:none;letter-spacing:0;font-family:inherit;font-size:15px;line-height:1.75;font-weight:400;color:var(--muted)}
@media(max-width:500px){#engage-home .hero-copy .eyebrow{font-size:14px}}

#engage-home .hero-support{font-size:18px;line-height:1.5;color:var(--navy);margin-top:24px}#engage-home .hero-support + .intro{margin-top:12px}
@media(max-width:500px){#engage-home .hero-support{font-size:17px}}

#engage-home .connection-story{padding:0;max-width:520px;width:100%;margin:auto}#engage-home .connection-story .product-window{transform:none}#engage-home .connection-story .window-body{padding:20px}#engage-home .connection-story .window-label{margin-bottom:14px}#engage-home .report-card{background:var(--navy);color:white;border-radius:9px;padding:18px}#engage-home .story-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;margin-bottom:6px}#engage-home .report-card .story-kicker{color:#bdeaf5}#engage-home .connection-story h3{font-size:15px;line-height:1.35;letter-spacing:0}#engage-home .connection-story p{font-size:11px;line-height:1.5;margin-top:7px}#engage-home .report-ref{display:block;font-size:9px;opacity:.75;margin-top:12px}#engage-home .story-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}#engage-home .relationship{position:relative;display:block;text-align:center;font-size:9px;color:var(--muted);padding:15px 0 8px}#engage-home .relationship:before{content:'';position:absolute;left:50%;top:0;height:10px;width:1px;background:#9bb9ca}#engage-home .story-card{border:1px solid var(--line);border-radius:8px;padding:13px;background:#f4f8fb;height:calc(100% - 37px)}#engage-home .story-card .story-kicker{color:#4975a0}#engage-home .story-card h3{font-size:13px}#engage-home .action-card{background:#edf7fa;border-color:#a9d3df}#engage-home .action-card p{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}#engage-home .follow-card{background:white;border-left:3px solid var(--teal)}#engage-home .follow-card p{color:var(--muted)}#engage-home .connection-story .sample-label{display:block;text-align:center;margin-top:12px;position:static}

#engage-home .safety-loop{padding:0;width:100%;max-width:540px;margin:auto}#engage-home .loop-canvas{position:relative;width:100%;aspect-ratio:1/1.02}#engage-home .loop-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#engage-home .orbit-track{fill:none;stroke:#c0dbe5;stroke-width:2}#engage-home .orbit-pulse{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-dasharray:35 1046;transform-origin:250px 255px;animation:engage-orbit 22s linear infinite}#engage-home .loop-spokes{fill:none;stroke:#cbdde7;stroke-width:1;stroke-dasharray:4 6}#engage-home .cross-link{fill:none;stroke:#b3d3df;stroke-width:1.5;stroke-dasharray:3 5}#engage-home .loop-centre{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:32%;aspect-ratio:1;background:var(--navy);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 10px #ffffff80,0 15px 35px #1e3f6612}#engage-home .loop-centre img{width:72%;height:auto;filter:brightness(0) invert(1)}#engage-home .loop-centre span{font-size:clamp(8px,1vw,11px);color:#d6e7f1;margin-top:12px}#engage-home .loop-node{position:absolute;width:30%;background:#fff;border:1px solid #d9e6ed;box-shadow:0 8px 24px #1e3f660b;border-radius:14px;text-align:center;padding:13px 6px;transform:translate(-50%,-50%)}#engage-home .loop-node h3{font-size:15px;line-height:1.3;color:var(--navy);margin-top:7px}#engage-home .loop-node p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px}#engage-home .loop-icon{width:28px;height:28px;border-radius:9px;background:#e9f5f8;color:var(--teal);display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}#engage-home .prevent{left:50%;top:14%}#engage-home .manage{left:84%;top:42%}#engage-home .report{left:71%;top:81%}#engage-home .act{left:29%;top:81%}#engage-home .follow{left:16%;top:42%}#engage-home .loop-caption{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);max-width:330px;margin:0 auto} @keyframes engage-orbit{to{transform:rotate(360deg)}}@media(max-width:500px){#engage-home .loop-node{padding:10px 4px;border-radius:10px}#engage-home .loop-node h3{font-size:12px}#engage-home .loop-node p{font-size:9px}#engage-home .loop-icon{width:23px;height:23px;font-size:17px}#engage-home .loop-centre span{font-size:8px;margin-top:7px}}@media(prefers-reduced-motion:reduce){#engage-home .orbit-pulse{animation:none}}

/* Give each stage its own depth and synchronize its highlight with the orbit. */
#engage-home .loop-canvas{background:radial-gradient(ellipse at 50% 51%,#b7e6f166 0%,#d7eafa55 36%,transparent 69%)}
#engage-home .loop-centre{background:radial-gradient(circle at 30% 20%,#32658d,#163553 78%);box-shadow:0 0 0 9px #ffffffaa,0 0 0 11px #afd4e080,0 20px 35px #16355330}
#engage-home .loop-node{border-color:#c8dce9;background:linear-gradient(145deg,#fff,#edf5fb);box-shadow:0 9px 22px #1e3f6618,inset 0 1px 0 #fff;animation:engage-stage 22s linear infinite;animation-delay:var(--phase)}
#engage-home .loop-node .loop-icon{width:40px;height:40px;border-radius:12px;color:white;background:linear-gradient(145deg,var(--stage),var(--stage-dark));box-shadow:0 5px 10px #1e3f6620}
#engage-home .loop-icon svg{width:25px;height:25px}
#engage-home .prevent{--stage:#0086ad;--stage-dark:#006581;--phase:-5.5s;background:linear-gradient(145deg,#fff,#e1f3f6)}
#engage-home .manage{--stage:#2d73ba;--stage-dark:#235787;--phase:-.8s;background:linear-gradient(145deg,#fff,#e4eefb)}
#engage-home .report{--stage:#42659d;--stage-dark:#304975;--phase:3.3s;background:linear-gradient(145deg,#fff,#e9eef8)}
#engage-home .act{--stage:#00869a;--stage-dark:#006271;--phase:7.7s;background:linear-gradient(145deg,#fff,#e0f2f4)}
#engage-home .follow{--stage:#427f9a;--stage-dark:#2b5a75;--phase:12.1s;background:linear-gradient(145deg,#fff,#e5f0f5)}
#engage-home .orbit-track{stroke:#a5cadb;stroke-width:2.5}#engage-home .orbit-pulse{stroke:#0086ad;stroke-width:4;filter:drop-shadow(0 0 3px #0086ad88)}
@keyframes engage-stage{0%,14%,100%{border-color:#c8dce9;box-shadow:0 9px 22px #1e3f6618;transform:translate(-50%,-50%) scale(1)}3%,9%{border-color:#0086ad;box-shadow:0 0 0 3px #0086ad18,0 12px 26px #1e3f6625;transform:translate(-50%,-50%) scale(1.035)}}
@media(max-width:500px){#engage-home .loop-node .loop-icon{width:30px;height:30px;border-radius:9px}#engage-home .loop-icon svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){#engage-home .loop-node{animation:none}}
/* Strong colour blocks distinguish the five connected stages. */
#engage-home .loop-node{background:var(--stage);border-color:transparent;box-shadow:0 12px 25px #18365426}
#engage-home .loop-node h3{color:#fff}#engage-home .loop-node p{color:#ffffffeb}
#engage-home .loop-node .loop-icon{background:#ffffff20;color:#fff;box-shadow:none;border:1px solid #ffffff38}
#engage-home .prevent{--stage:#007e9b}#engage-home .manage{--stage:#2869ae}#engage-home .report{--stage:#37578b}#engage-home .act{--stage:#087f88}#engage-home .follow{--stage:#286782}
#engage-home .orbit-track{stroke:#76aec4;stroke-width:3}#engage-home .orbit-pulse{stroke:#0086ad;stroke-width:5}#engage-home .loop-spokes{stroke:#a5c8d7}
@keyframes engage-stage{0%,14%,100%{border-color:transparent;box-shadow:0 12px 25px #18365426;transform:translate(-50%,-50%) scale(1)}3%,9%{border-color:#ffffffcc;box-shadow:0 0 0 4px #0086ad25,0 16px 30px #18365438;transform:translate(-50%,-50%) scale(1.035)}}
/* Quiet resting state; one stage becomes the focus as the pulse arrives. */
#engage-home .loop-centre{width:25%;box-shadow:0 0 0 6px #ffffffaa,0 10px 25px #16355320}
#engage-home .loop-centre span{font-size:8px;margin-top:8px}
#engage-home .loop-node{background:#f5fafc;border:1px solid #cbdfe8;box-shadow:0 5px 15px #1836540d;animation:engage-stage 22s linear infinite;animation-delay:var(--phase)}
#engage-home .loop-node h3{color:inherit}#engage-home .loop-node p{color:inherit;opacity:.85}
#engage-home .loop-node .loop-icon{background:transparent;color:inherit;border:0;box-shadow:none}
#engage-home .prevent{--phase:-5.5s}#engage-home .manage{--phase:-.9s}#engage-home .report{--phase:3.3s}#engage-home .act{--phase:7.7s}#engage-home .follow{--phase:11.9s}
#engage-home .orbit-track{stroke:#a5cadb;stroke-width:2}#engage-home .orbit-pulse{stroke-width:4}
@keyframes engage-stage{0%,15%,100%{background:#f5fafc;color:#1e3f66;border-color:#cbdfe8;box-shadow:0 5px 15px #1836540d;transform:translate(-50%,-50%) scale(1)}2%,11%{background:#0086ad;color:#fff;border-color:#0086ad;box-shadow:0 12px 25px #0086ad26;transform:translate(-50%,-50%) scale(1.07)}}
@media(prefers-reduced-motion:reduce){#engage-home .loop-node{animation:none;color:#1e3f66}}
#engage-home .loop-node{border-width:2px}

#engage-home .safety-loop{width:90%;max-width:486px}

#engage-home .hero-photo{min-width:0;position:relative}#engage-home .hero-photo img{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 18px 40px #1e3f6620}#engage-home .hero-photo>span{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:9px}#engage-home .connection-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:#fff}#engage-home .connection-copy{max-width:430px}#engage-home .connection-section .safety-loop{width:90%;max-width:486px}@media(max-width:760px){#engage-home .connection-section{grid-template-columns:1fr;gap:30px}#engage-home .hero-photo{max-width:600px;margin:auto}#engage-home .connection-copy{max-width:550px}}
/* Slightly deeper shading within the orbit. */
#engage-home .orbit-track{fill:#c6dfe9;fill-opacity:.65}
#engage-home .loop-spokes,#engage-home .cross-link{stroke:#6696ad;stroke-width:2;stroke-dasharray:4 5}

/* Rounded navy benefits panel. */
#engage-home #engage-why{position:relative;isolation:isolate;overflow:hidden;background:#1e3f66;color:#fff;border-radius:26px;margin:28px 18px;padding-top:52px;padding-bottom:56px}
#engage-home #engage-why:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:650px;height:650px;border:1px solid #74c9dc24;border-radius:50%;right:-200px;top:-370px;box-shadow:0 0 0 65px #74c9dc08}
#engage-home #engage-why .eyebrow{color:#85d6e5;margin-bottom:17px}
#engage-home #engage-why h2{color:#fff;max-width:650px}
#engage-home #engage-why .section-intro{color:#cfdeeb;max-width:720px}
#engage-home #engage-why .pillars{margin-top:38px;gap:42px}
#engage-home #engage-why .pillar{background:transparent;border:0;box-shadow:none;padding:0}
#engage-home #engage-why .pillar-icon{background:transparent;color:#70d1e1;width:42px;height:42px;margin-bottom:15px;border:0}
#engage-home #engage-why .pillar-icon svg{width:32px;height:32px}
#engage-home #engage-why .pillar h3{color:#fff}
#engage-home #engage-why .pillar p{color:#cfdeeb}
@media(max-width:760px){#engage-home #engage-why{margin:18px 10px;border-radius:20px;padding-top:36px;padding-bottom:38px}#engage-home #engage-why .pillars{gap:28px}}
/* Separate panels with matching outer edges and corner radii. */
#engage-home #engage-why{margin:28px 10px;border-radius:26px;padding-left:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2));padding-right:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2))}
@media(max-width:760px){#engage-home #engage-why{margin-top:18px;margin-bottom:18px}}

/* A human focal point, cut out against the navy panel. */
#engage-home #engage-why{padding-top:32px;padding-bottom:60px}
#engage-home .benefits-lead{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:48px;min-height:390px}
#engage-home .benefits-copy{padding:30px 0}
#engage-home .benefits-person{display:block;width:100%;max-width:330px;height:400px;object-fit:contain;justify-self:center;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}
#engage-home #engage-why .pillars{margin-top:32px}
@media(max-width:760px){#engage-home .benefits-lead{gap:12px;grid-template-columns:1.2fr 1fr;min-height:300px}#engage-home .benefits-person{height:310px}#engage-home .benefits-copy{padding:10px 0}}
@media(max-width:500px){#engage-home .benefits-lead{grid-template-columns:1fr;gap:0}#engage-home .benefits-person{height:290px;width:220px}#engage-home #engage-why{padding-bottom:38px}}

/* Shared curves and a wider report-focused cutout. */
#engage-home .hero,#engage-home #engage-why{border-radius:26px}
#engage-home .hero-shell{border-radius:0 0 26px 26px}
#engage-home .benefits-lead{grid-template-columns:1.15fr 1fr}
#engage-home .benefits-person{max-width:470px;height:400px}
@media(max-width:760px){#engage-home .benefits-person{height:280px}}
@media(max-width:500px){#engage-home .benefits-lead{grid-template-columns:1fr}#engage-home .benefits-person{width:100%;max-width:330px;height:290px}}

/* Tighter separation while retaining the white gap. */
#engage-home #engage-why{margin-top:14px}
@media(max-width:760px){#engage-home #engage-why{margin-top:9px}}

/* Fade the actual image edge rather than its letterboxed container. */
#engage-home .benefits-person{height:auto;max-height:none;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
@media(max-width:760px){#engage-home .benefits-person{height:auto}}
@media(max-width:500px){#engage-home .benefits-person{height:auto}}

/* Balance the report illustration with the copy. */
#engage-home .benefits-lead{min-height:300px;gap:36px;grid-template-columns:1.2fr 1fr}
#engage-home .benefits-person{max-width:350px}
#engage-home #engage-why .pillars{margin-top:24px}
@media(max-width:760px){#engage-home .benefits-lead{gap:20px;min-height:260px}}
@media(max-width:500px){#engage-home .benefits-lead{grid-template-columns:1fr}}

/* Two columns: benefit list left, larger report image right. */
#engage-home .benefits-lead{grid-template-columns:1fr 1.15fr;gap:48px;min-height:0}
#engage-home .benefits-person{width:100%;max-width:620px;height:auto;align-self:center}
#engage-home #engage-why .pillars{display:grid;grid-template-columns:1fr;gap:24px;margin-top:52px}
#engage-home #engage-why .pillar{display:grid;grid-template-columns:36px 1fr;column-gap:16px;row-gap:6px}
#engage-home #engage-why .pillar-icon{grid-row:1 / 3;width:32px;height:32px;margin:0}
#engage-home #engage-why .pillar h3{margin:0;font-size:19px}
#engage-home #engage-why .pillar p{grid-column:2;margin:0}
@media(max-width:760px){#engage-home .benefits-lead{grid-template-columns:1fr;gap:10px}#engage-home .benefits-person{max-width:430px}#engage-home .benefits-copy{padding:10px 0}}

/* Soft tabs and a connected example for each area. */
#engage-home #engage-platform{margin:14px 10px 28px;border-radius:26px;overflow:hidden}
#engage-home .platform-instruction{margin-top:20px;max-width:none}
#engage-home .module-tabs{gap:12px;margin-top:24px}
#engage-home .module-tabs button{border-radius:999px;padding:13px 21px;font-size:13px;background:#f9fcfd;transition:background .2s,color .2s,box-shadow .2s}
#engage-home .module-tabs button[aria-pressed=true]{background:#0086ad;border-color:#0086ad;color:#fff;box-shadow:0 4px 12px #0086ad24}
#engage-home .module-tabs button:focus-visible{outline:3px solid #1e3f66;outline-offset:3px}
#engage-home .module-detail{border-radius:22px}
#engage-home .flow-visual{background:transparent;padding:12px}
#engage-home .story-path{display:grid;gap:19px;position:relative}
#engage-home .story-path:before{content:'';position:absolute;top:30px;bottom:30px;left:28px;width:2px;background:#9bcbd7}
#engage-home .story-card{position:relative;display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #c7e0e8;border-radius:18px;background:#f1f8fa;animation:story-focus 12s ease-in-out infinite;animation-delay:calc(var(--step)*3s)}
#engage-home .story-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;color:#0086ad}
#engage-home .story-icon svg{width:24px;height:24px}
#engage-home .story-card small{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:9px;color:#55748c;margin-bottom:5px}
#engage-home .story-card strong{display:block;font-size:14px;color:#1e3f66}
@keyframes story-focus{0%,24%,100%{background:#f1f8fa;box-shadow:none}5%,19%{background:#d9f2f6;box-shadow:0 0 0 2px #0086ad55}}
@media(prefers-reduced-motion:reduce){#engage-home .story-card{animation:none}}
@media(max-width:760px){#engage-home .module-detail{grid-template-columns:1fr}#engage-home .module-tabs{gap:8px}#engage-home .module-tabs button{padding:11px 16px}}

/* Align section copy and give each step its proper height. */
#engage-home #engage-platform{padding-left:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2));padding-right:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2))}
#engage-home .module-detail{align-items:start}
#engage-home .flow-visual{padding:0}
#engage-home .story-card{height:auto;min-height:78px;border-radius:16px;box-sizing:border-box}
#engage-home .story-icon{width:40px;height:40px;border-radius:12px;background:#d9f2f6;color:#0086ad}
#engage-home .story-card:nth-child(2) .story-icon{background:#e0edff;color:#2b6db3}
#engage-home .story-card:nth-child(3) .story-icon{background:#fff0d9;color:#a76511}
#engage-home .story-card:nth-child(4) .story-icon{background:#e3f4ed;color:#238060}
#engage-home .story-path:before{left:35px}
#engage-home .feature-list{gap:18px}
#engage-home .feature-list li{align-items:center;gap:13px}
#engage-home .feature-list svg{width:38px;height:38px;padding:8px;box-sizing:border-box;border-radius:11px;flex-shrink:0;background:#d9f2f6;color:#0086ad}
#engage-home .feature-list li:nth-child(2) svg{background:#e0edff;color:#2b6db3}
#engage-home .feature-list li:nth-child(3) svg{background:#eee6fa;color:#7957a8}

#engage-home #engage-platform .section-head{display:block}
#engage-home #engage-platform .section-head h2{max-width:none}

/* A supported move, with the same rounded panel geometry. */
#engage-home #engage-switch{margin:14px 10px;background:#eff4f8;border-radius:26px;padding:58px max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2));grid-template-columns:1fr 1fr;gap:64px;align-items:center}
#engage-home #engage-switch h2{max-width:480px;font-size:clamp(28px,3vw,38px)}
#engage-home #engage-switch .section-intro{max-width:470px;line-height:1.8;margin-top:22px}
#engage-home #engage-switch .primary{border-radius:999px;padding:15px 23px;background:var(--teal)}
#engage-home #engage-switch .steps{position:relative;gap:30px}
#engage-home #engage-switch .steps:before{content:'';position:absolute;width:2px;left:24px;top:25px;bottom:40px;background:#b8d9e4}
#engage-home #engage-switch .step{position:relative;gap:20px;align-items:flex-start}
#engage-home #engage-switch .step-num{width:50px;height:50px;background:#0086ad;color:#fff;font-size:16px;font-weight:700;border:5px solid #eff4f8;box-shadow:0 0 0 1px #b8d9e4}
#engage-home #engage-switch .step h3{font-size:19px;padding-top:7px;color:var(--navy)}
#engage-home #engage-switch .step p{font-size:14px;line-height:1.7;max-width:400px;margin-top:7px}
#engage-home #engage-industries{border:0;padding-top:28px;padding-bottom:40px}
@media(max-width:760px){#engage-home #engage-switch{grid-template-columns:1fr;gap:36px;padding-top:38px;padding-bottom:38px}#engage-home #engage-switch .steps{gap:26px}#engage-home #engage-switch .step{gap:16px}}

/* Warm hero with restrained colour in the stage icons. */
#engage-home .hero{background:#f5f9fc}
#engage-home .hero:after{background:#eaf2f8}
#engage-home .loop-canvas{background:radial-gradient(ellipse at 50% 51%,#e3f0f766,transparent 68%)}
#engage-home .orbit-track{fill:#deedf5;fill-opacity:.55;stroke:#b8d4e2}
#engage-home .loop-spokes{stroke:#789eaf}
#engage-home .loop-node{background:#fff;border-color:#dce3df;box-shadow:0 8px 20px #243d4a15}
#engage-home .loop-node .loop-icon{background:#e0f1e9;color:#287b65}
#engage-home .manage .loop-icon{background:#ede5f7;color:#76559c}
#engage-home .report .loop-icon{background:#f9e5db;color:#a95d40}
#engage-home .act .loop-icon{background:#e0f1ec;color:#267a68}
#engage-home .follow .loop-icon{background:#ece8f6;color:#79629b}
@keyframes engage-stage{0%,15%,100%{background:#fff;color:#1e3f66;border-color:#dce3df;box-shadow:0 8px 20px #243d4a15;transform:translate(-50%,-50%) scale(1)}2%,11%{background:#0086ad;color:#fff;border-color:#0086ad;box-shadow:0 12px 25px #0086ad26;transform:translate(-50%,-50%) scale(1.07)}}

#engage-home .footer .logo img{display:block;width:160px;height:auto;filter:none}

#engage-home .story-card{animation-duration:15s}
#engage-home .story-card:nth-child(5) .story-icon{background:#e3f4ed;color:#238060}
@keyframes story-focus{0%,20%,100%{background:#f1f8fa;box-shadow:none}4%,16%{background:#d9f2f6;box-shadow:0 0 0 2px #0086ad55}}

#engage-home #engage-industries{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left;padding-top:55px;padding-bottom:55px;margin:14px 10px;border-radius:26px;padding-left:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2));padding-right:max(calc((100vw - 20px)*.055),calc((100vw - 1200px)/2))}
#engage-home #engage-industries h2{max-width:510px}
#engage-home #engage-industries .section-intro{line-height:1.8;max-width:440px;margin-top:22px}
#engage-home .industry-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
#engage-home .industry-list li{position:relative;padding:18px 0 18px 19px;border-bottom:1px solid #dce5ee;font-size:16px;font-weight:700;color:var(--navy)}
#engage-home .industry-list li:before{content:'';position:absolute;left:0;top:27px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
#engage-home .industry-list li span{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:6px}
@media(max-width:760px){#engage-home #engage-industries{grid-template-columns:1fr;gap:24px;padding-top:38px;padding-bottom:38px}}
@media(max-width:400px){#engage-home .industry-list{grid-template-columns:1fr}}

#engage-home .orbit-track{fill:url(#orbit-depth);fill-opacity:1;stroke:#b0cddd}

/* Straight section edges, retaining the spacing between panels. */
#engage-home .hero-shell,#engage-home .hero,#engage-home #engage-why,#engage-home #engage-platform,#engage-home #engage-switch,#engage-home #engage-industries,#engage-home .closing{border-radius:0}
#engage-home .hero-shell{padding:0}
#engage-home #engage-why,#engage-home #engage-platform,#engage-home #engage-switch,#engage-home #engage-industries{margin:0;width:auto}

#engage-home .practical-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;background:#fff;padding-top:29px;padding-bottom:29px}
#engage-home .practical-item{display:flex;align-items:center;gap:16px}
#engage-home .practical-item>svg{width:30px;height:30px;flex-shrink:0;color:var(--teal)}
#engage-home .practical-item h3{font-size:16px;letter-spacing:0;color:var(--navy)}
#engage-home .practical-item p{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.6}
@media(max-width:760px){#engage-home .practical-strip{grid-template-columns:1fr;gap:22px;padding-top:27px;padding-bottom:27px}}
#engage-home .practical-strip{border-top:1px solid #1e3f6614;box-shadow:inset 0 5px 7px -6px #1e3f6633}
#engage-home #engage-switch{background:#fff}
#engage-home #engage-switch .step-num{border-color:#fff}

/* Give the actual report the space to tell the story. */
#engage-home #engage-why{padding:64px max(5.5vw,calc((100vw - 1440px)/2))}
#engage-home .benefits-lead{grid-template-columns:minmax(300px,.8fr) minmax(0,1.35fr);align-items:center;gap:48px}
#engage-home .report-preview{min-width:0;background:#fff;border:1px solid #ffffff38;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #071a3240}
#engage-home .report-browser{display:flex;align-items:center;gap:6px;padding:14px 16px;background:#edf3f7;border-bottom:1px solid #dce5ec;color:#385674;font-size:11px}
#engage-home .report-browser span{width:7px;height:7px;border-radius:50%;background:#b3c5d3}
#engage-home .report-browser b{margin-left:10px;font-weight:500}
#engage-home .report-viewport{overflow:hidden;background:#f5f7f9}
#engage-home .report-viewport img{display:block;width:114.1%;max-width:none;height:auto;margin-left:-14.1%;margin-top:-3.3%}
#engage-home .report-caption{margin:0;padding:17px 20px;color:#1e3f66;background:#e8f5f8;font-size:13px;font-weight:600}
@media(max-width:900px){#engage-home .benefits-lead{grid-template-columns:1fr;gap:36px}#engage-home #engage-why{padding:40px 5.5%}}
/* Smaller report with a clearer lift from the navy background. */
#engage-home .report-preview{width:88%;justify-self:center;box-shadow:0 24px 54px #06142680,0 4px 14px #06142655;border-color:#ffffff55}
@media(max-width:900px){#engage-home .report-preview{width:100%;max-width:680px}}

/* Report section: introduction, product view, then supporting benefits. */
#engage-home #engage-why{padding:56px max(5.5vw,calc((100vw - 1200px)/2)) 60px}
#engage-home #engage-why .benefits-lead{display:flex;flex-direction:column;gap:36px;align-items:stretch}
#engage-home #engage-why .benefits-copy{padding:0;text-align:center}
#engage-home #engage-why h2{max-width:none;margin-left:auto;margin-right:auto}
#engage-home #engage-why .section-intro{max-width:760px;margin-left:auto;margin-right:auto}
#engage-home #engage-why .report-preview{width:100%;max-width:860px;align-self:center}
#engage-home #engage-why .pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:8px}
#engage-home #engage-why .pillar{grid-template-columns:30px 1fr;column-gap:12px;align-content:start}
#engage-home #engage-why .pillar h3{font-size:18px}
@media(max-width:760px){#engage-home #engage-why{padding:38px 5.5%}#engage-home #engage-why .benefits-copy{text-align:left}#engage-home #engage-why .pillars{grid-template-columns:1fr;gap:24px}#engage-home #engage-why .benefits-lead{gap:28px}}
/* Stronger heading for the full width report introduction. */
#engage-home #engage-why h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.035em;max-width:1050px;margin-top:0;margin-bottom:20px;text-wrap:balance}
#engage-home #engage-why .section-intro{font-size:18px;line-height:1.6}
@media(max-width:760px){#engage-home #engage-why .section-intro{font-size:16px}}
/* Consistent breathing room, with continuous section backgrounds. */
#engage-home .hero{padding-top:96px;padding-bottom:96px}
#engage-home #engage-why,#engage-home #engage-platform,#engage-home #engage-switch,#engage-home #engage-industries{padding-top:88px;padding-bottom:88px}
#engage-home .practical-strip{padding-top:40px;padding-bottom:40px}
#engage-home .closing{padding-top:72px;padding-bottom:72px}
#engage-home .footer{padding-top:40px;padding-bottom:40px}
#engage-home #engage-why .benefits-lead{gap:48px}
#engage-home #engage-why .pillars{margin-top:12px;gap:40px}
#engage-home .module-tabs{margin-top:36px;margin-bottom:36px}
#engage-home .module-detail{padding:44px;gap:48px}
#engage-home #engage-switch .steps{gap:40px}
#engage-home .industry-list li{padding-top:23px;padding-bottom:23px}
@media(max-width:760px){
#engage-home .hero{padding-top:60px;padding-bottom:60px;gap:44px}
#engage-home #engage-why,#engage-home #engage-platform,#engage-home #engage-switch,#engage-home #engage-industries{padding-top:56px;padding-bottom:56px}
#engage-home .practical-strip{padding-top:34px;padding-bottom:34px;gap:28px}
#engage-home .closing{padding-top:52px;padding-bottom:52px}
#engage-home .footer{padding-top:32px;padding-bottom:32px}
#engage-home #engage-why .benefits-lead{gap:36px}
#engage-home #engage-why .pillars{gap:30px}
#engage-home .module-tabs{margin-top:28px;margin-bottom:28px}
#engage-home .module-detail{padding:28px;gap:36px}
#engage-home #engage-switch .steps{gap:32px}
}
/* Separate supported move and industries through colour and breathing room. */
#engage-home #engage-switch,#engage-home #engage-industries{padding-top:112px;padding-bottom:112px}
#engage-home #engage-industries{background:#eff4f8}
@media(max-width:760px){#engage-home #engage-switch,#engage-home #engage-industries{padding-top:68px;padding-bottom:68px}}
#engage-home #engage-switch .actions{margin-top:44px}

#engage-home .customer-proof{grid-column:1/-1;border-top:1px solid #cfdeea;padding-top:48px;text-align:center}
#engage-home .customer-proof h3{font-size:28px;color:#1e3f66;margin-bottom:32px}
#engage-home .customer-logos{list-style:none;margin:0;padding:28px 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 36px;background:#fff;border-radius:16px}
#engage-home .customer-logos li{display:flex;align-items:center;justify-content:center;height:104px;overflow:hidden}
#engage-home .customer-logos img{display:block;width:auto;height:auto;max-width:155px;max-height:64px;object-fit:contain}
#engage-home .customer-logos .customer-bidfood{max-height:104px;width:155px}
#engage-home .customer-logos .customer-my-food-bag{max-height:82px}
@media(max-width:760px){#engage-home .customer-proof{padding-top:36px}#engage-home .customer-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 12px}#engage-home .customer-logos img{max-width:125px}#engage-home .customer-logos li{height:88px}}

/* A simple full width customer strip above the closing invitation. */
#engage-home .customer-proof{background:#fff;border:0;border-radius:0;padding-top:36px;padding-bottom:36px;text-align:center}
#engage-home .customer-proof h3{font-size:20px;margin-bottom:24px}
#engage-home .customer-logos{grid-template-columns:repeat(6,minmax(0,1fr));padding:0;gap:28px;background:transparent;border-radius:0}
#engage-home .customer-logos li{height:72px}
#engage-home .customer-logos img{max-width:130px;max-height:54px}
#engage-home .customer-logos .customer-bidfood{width:130px;max-height:87px}
@media(max-width:760px){#engage-home .customer-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#engage-home .customer-logos img{max-width:100%;max-height:48px}#engage-home .customer-proof{padding-top:30px;padding-bottom:30px}}

#engage-home .customer-quote{margin:0;padding:32px;background:#f5f9fc;border:1px solid #dce5ee;border-left:4px solid #0086ad;border-radius:12px;color:#1e3f66}#engage-home .customer-quote>p{font-size:20px;line-height:1.65;margin:0 0 24px}#engage-home .customer-quote footer{font-size:14px;line-height:1.8}#engage-home .customer-quote a{text-decoration:underline;text-underline-offset:3px;color:#0086ad}#engage-home .customer-band{background:white;padding-top:56px;padding-bottom:56px}#engage-home .customer-band .customer-quote{max-width:900px;margin:auto}#engage-home .customer-band>.eyebrow{display:block;max-width:900px;margin:0 auto 24px}@media(max-width:760px){#engage-home .customer-quote{padding:24px}#engage-home .customer-quote>p{font-size:18px}}
/* Homepage visual direction trial: people, contrast and customer proof. */
#engage-home.home-refresh .hero{background:var(--navy);grid-template-columns:1fr 1.1fr;gap:64px;min-height:640px;padding-top:58px;padding-bottom:58px;overflow:hidden}
#engage-home.home-refresh .hero:after{display:none}
#engage-home.home-refresh .hero h1{color:white;font-size:clamp(44px,5.1vw,72px);line-height:1.03;letter-spacing:-2.8px}
#engage-home.home-refresh .hero h1 .teal{color:#7edbea}
#engage-home.home-refresh .hero .eyebrow{color:#9cdae5;font-size:11px;letter-spacing:2px;margin-bottom:28px}
#engage-home.home-refresh .hero-support{color:#fff;font-size:19px;margin-top:28px}
#engage-home.home-refresh .hero .intro{color:#d2deea;max-width:430px;font-size:16px;margin-top:14px}
#engage-home.home-refresh .hero .actions{margin-top:32px;gap:24px}
#engage-home.home-refresh .hero .primary{background:#8ddce5;color:#173652;border-radius:5px;padding:16px 22px}
#engage-home.home-refresh .hero .secondary{color:white}
#engage-home.home-refresh .workplace-visual{margin:0;position:relative;align-self:stretch;min-width:0;min-height:475px}
#engage-home.home-refresh .workplace-visual>img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:63% center;border-radius:5px 5px 70px 5px}
#engage-home.home-refresh .workplace-visual figcaption{position:absolute;bottom:25px;left:-24px;background:white;color:#173652;padding:18px 24px;font-weight:700;font-size:14px;box-shadow:0 12px 36px #09233333;display:flex;align-items:center;gap:12px;border-radius:4px}
#engage-home.home-refresh .live-mark{width:12px;height:12px;background:#0087a8;box-shadow:0 0 0 6px #ddf4f4;border-radius:50%;margin-right:6px}
#engage-home.home-refresh .customer-proof{display:grid;grid-template-columns:190px 1fr;column-gap:40px;padding-top:34px;padding-bottom:34px;text-align:left;align-items:center}
#engage-home.home-refresh .customer-proof h3{font-size:21px;margin:0}
#engage-home.home-refresh .customer-proof>p{grid-column:1;font-size:12px;color:#586d83;margin-top:6px;max-width:180px}
#engage-home.home-refresh .customer-logos{grid-column:2;grid-row:1/3;gap:24px}
#engage-home.home-refresh .customer-logos img{max-width:100%;max-height:48px}
#engage-home.home-refresh .practical-strip{background:#f0f6f8;padding-top:24px;padding-bottom:24px;border-top:1px solid #e2ebef}
#engage-home.home-refresh #engage-why{background:#fff;color:#1e3f66;padding-top:88px;padding-bottom:88px}
#engage-home.home-refresh #engage-why:before,#engage-home.home-refresh #engage-why:after{display:none}
#engage-home.home-refresh #engage-why .benefits-copy{max-width:820px;margin:0 auto;text-align:center}
#engage-home.home-refresh #engage-why h2{color:#1e3f66;font-size:clamp(30px,3vw,44px)}
#engage-home.home-refresh #engage-why .eyebrow{color:#0086ad}
#engage-home.home-refresh #engage-why .intro{color:#586d83}
#engage-home.home-refresh #engage-why .report-preview{max-width:1000px;box-shadow:0 22px 55px #193d6520;border:1px solid #dce5ee}
#engage-home.home-refresh #engage-why .pillars{border-top:1px solid #dce5ee;padding-top:32px}
#engage-home.home-refresh #engage-why .pillars h3{color:#1e3f66}
#engage-home.home-refresh #engage-why .pillars p{color:#586d83}
@media(max-width:900px){#engage-home.home-refresh .hero{gap:30px}#engage-home.home-refresh .customer-proof{display:block;text-align:center}#engage-home.home-refresh .customer-proof>p{max-width:none;margin:5px 0 20px}#engage-home.home-refresh .workplace-visual figcaption{left:-10px;padding:16px;font-size:12px}}
@media(max-width:760px){#engage-home.home-refresh .hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:36px;gap:36px}#engage-home.home-refresh .hero h1{font-size:52px}#engage-home.home-refresh .hero .eyebrow{font-size:9px}#engage-home.home-refresh .workplace-visual{min-height:330px}#engage-home.home-refresh .workplace-visual>img{object-position:60% center;border-bottom-right-radius:45px}#engage-home.home-refresh .workplace-visual figcaption{left:12px;bottom:18px}#engage-home.home-refresh #engage-why{padding-top:56px;padding-bottom:56px}#engage-home.home-refresh .customer-proof{padding-top:28px;padding-bottom:28px}}
#engage-home.home-refresh #engage-why .benefits-copy p{color:#586d83}
#engage-home.home-refresh .top,#engage-home.home-refresh .hero{background:#173652}
/* Stronger navigation and an integrated photo treatment. */
#engage-home .top .nav{font-size:15px;gap:24px}
#engage-home.home-refresh .workplace-visual{isolation:isolate}
#engage-home.home-refresh .workplace-visual::before{content:"";position:absolute;inset:22px -16px -16px 22px;border:1px solid #7edbea65;border-radius:12px 12px 78px 12px;background:#7edbea12;z-index:-1}
#engage-home.home-refresh .workplace-visual>img{border:7px solid #ffffff18;box-shadow:0 16px 40px #071b2d40;border-radius:12px 12px 70px 12px}
@media(min-width:761px) and (max-width:1100px){#engage-home .top .nav{font-size:13px;gap:15px}}
@media(max-width:760px){#engage-home .top .nav{font-size:16px}#engage-home.home-refresh .workplace-visual::before{inset:14px -9px -10px 14px;border-bottom-right-radius:52px}#engage-home.home-refresh .workplace-visual>img{border-width:5px;border-bottom-right-radius:45px}}
#engage-home.home-refresh .top-cta{background:#8ddce5;color:#173652}
#engage-home.home-refresh #engage-why .benefits-copy .eyebrow{color:#173652}
/* Shared framing for product visuals. */
#engage-home .selected-extract,#engage-home .report-preview,#engage-home .forms-phone{position:relative;isolation:isolate}
#engage-home .selected-extract::before,#engage-home .report-preview::before,#engage-home .forms-phone::before{content:"";position:absolute;inset:18px -14px -14px 18px;border:1px solid #0086ad45;background:#0086ad0c;border-radius:14px 14px 42px 14px;z-index:-1;pointer-events:none}
#engage-home.home-refresh #engage-why .report-preview{overflow:visible;border:6px solid #dce8ee;border-radius:14px;box-shadow:0 16px 40px #071b2d20}
#engage-home .report-preview .report-browser{border-radius:8px 8px 0 0}
@media(max-width:760px){#engage-home .selected-extract::before,#engage-home .report-preview::before,#engage-home .forms-phone::before{inset:12px -8px -9px 12px;border-bottom-right-radius:28px}}
/* Consistent header palette across all pages. */
#engage-home .top{background:#173652}
#engage-home .top .top-cta{background:#8ddce5;color:#173652}

#engage-home .login-dropdown{position:relative}#engage-home .login-dropdown summary{cursor:pointer;list-style:none;white-space:nowrap;color:#fff;padding:8px 0}#engage-home .login-dropdown summary::-webkit-details-marker{display:none}#engage-home .login-dropdown summary span{display:inline-block;margin-left:5px;font-size:12px}#engage-home .login-dropdown[open] summary span{transform:rotate(180deg)}#engage-home .login-links{position:absolute;right:0;top:calc(100% + 12px);width:170px;background:#fff;color:#173652;border:1px solid #dce5ee;border-radius:8px;box-shadow:0 12px 28px #17365226;z-index:100;overflow:hidden}#engage-home .nav .login-links a{display:block;padding:10px 15px;margin:0;font-size:14px;font-weight:500;color:#173652;text-decoration:none}#engage-home .login-links a+a{border-top:1px solid #e4ecf1}#engage-home .nav .login-links a:hover,#engage-home .nav .login-links a:focus-visible{background:#eef5f9}#engage-home .login-dropdown summary:focus-visible{outline:2px solid #8ddce5;outline-offset:4px;border-radius:3px}#engage-home .top{position:relative;z-index:110}@media(max-width:760px){#engage-home .login-dropdown{width:100%}#engage-home .login-links{position:static;width:100%;margin-top:8px;box-shadow:none}#engage-home .login-dropdown summary{padding:8px 0}}

@media(max-width:760px){#engage-home .nav .login-links a{min-height:44px;padding:12px 15px}}

/* Balanced shared footer. */
#engage-home footer.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px}
#engage-home footer.footer>.logo{margin:0;justify-self:start}
#engage-home footer.footer>span{text-align:center;justify-self:center}
#engage-home footer.footer>.footer-links{justify-self:end;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px}
@media(max-width:900px){#engage-home footer.footer{grid-template-columns:1fr;gap:20px}#engage-home footer.footer>.logo,#engage-home footer.footer>span,#engage-home footer.footer>.footer-links{justify-self:center}#engage-home footer.footer>.footer-links{justify-content:center}}

/* Insights navigation and centred footer links. */
#engage-home footer.footer{grid-template-columns:1fr;justify-items:center;gap:20px;padding-top:40px;padding-bottom:40px}
#engage-home footer.footer>.logo,#engage-home footer.footer>span,#engage-home footer.footer>.footer-links{justify-self:center;margin:0}
#engage-home footer.footer>.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px}
#engage-home footer.footer>.footer-links>a,#engage-home footer.footer>.footer-links>button{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;font:inherit;line-height:1.5}
@media(min-width:761px) and (max-width:1150px){#engage-home .top{flex-wrap:wrap;gap:16px}#engage-home .top .nav{display:none;order:5;flex-basis:100%;margin:8px 0 0;flex-wrap:wrap;font-size:16px;gap:12px 24px}#engage-home .top .nav.open{display:flex}#engage-home .top .mobile-toggle{display:block;margin-left:auto}#engage-home .top .nav>a{padding:10px 0}}