/* Visual components copied from the homepage (inside-the-platform workspace, assessment journey). */
@property --etqxp{syntax:'<number>';inherits:false;initial-value:0;}
  .etqx-appsec{padding:112px 0;background:#fff;}
  .etqx-appsec *{box-sizing:border-box;}
  .etqx-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  .etqx-intro{max-width:680px;margin:0 auto 48px;text-align:center;}
  .etqx-eyebrow{font-family:'Open Sans',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#E74C3C;display:inline-block;margin-bottom:16px;}
  .etqx-h2{font-family:'Open Sans',sans-serif;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:500;line-height:1.2;color:#3A3A3A;margin:0 0 14px;}
  .etqx-accent{color:#E74C3C;font-weight:500;}
  .etqx-lead{font-family:'Open Sans',sans-serif;font-size:1.12rem;color:#7A7A7A;line-height:1.7;margin:0;}

  .etqx-frame{max-width:860px;margin:0 auto;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ECECEC;box-shadow:0 4px 12px rgba(0,0,0,.05),0 30px 60px rgba(0,0,0,.10);}
  .etqx-topbar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#FAFAFA;border-bottom:1px solid #ECECEC;}
  .etqx-dot{width:10px;height:10px;border-radius:50%;background:#D6D6D9;}
  .etqx-dot:first-child{background:#E74C3C;opacity:.8;}
  .etqx-shell{display:flex;height:380px;}
  .etqx-rail{width:54px;flex:none;background:#F4F4F5;border-right:1px solid #ECECEC;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:18px;}
  .etqx-logo{width:24px;height:24px;border-radius:6px;background:#E74C3C;margin-bottom:8px;}
  .etqx-railic{width:20px;height:20px;border-radius:5px;background:#DEDEE1;}
  .etqx-railic.on{background:#E74C3C;opacity:.9;}
  .etqx-main{flex:1;display:flex;flex-direction:column;min-width:0;}
  .etqx-hdr{height:46px;flex:none;background:#E74C3C;display:flex;align-items:center;padding:0 18px;gap:12px;}
  .etqx-hdrs{height:18px;width:180px;border-radius:5px;background:rgba(255,255,255,.25);}
  .etqx-hdrbtn{margin-left:auto;height:22px;width:74px;border-radius:5px;background:rgba(255,255,255,.9);}
  .etqx-hdrav{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.35);}
  .etqx-stage{position:relative;flex:1;background:#fff;}
  .etqx-view{position:absolute;inset:0;padding:20px;opacity:0;transition:opacity .8s ease;}
  .etqx-view.on{opacity:1;}
  .etqx-vhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
  .etqx-vtitle{height:10px;width:130px;border-radius:4px;background:#DEDEE1;}
  .etqx-vchip{height:22px;width:74px;border-radius:6px;background:#F2F2F3;}
  .etqx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;}
  .etqx-scard{background:#fff;border:1px solid #ECECEC;border-radius:9px;padding:13px;height:78px;box-shadow:0 1px 2px rgba(0,0,0,.03);}
  .etqx-scard b{display:block;height:18px;width:42px;border-radius:4px;margin-bottom:9px;}
  .etqx-scard.g b{background:#54a06a;} .etqx-scard.a b{background:#E0A526;} .etqx-scard.r b{background:#E74C3C;}
  .etqx-scard span{display:block;height:6px;width:72%;border-radius:3px;background:#E8E8EA;}
  .etqx-rows{display:flex;flex-direction:column;gap:8px;}
  .etqx-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ECECEC;border-radius:8px;padding:10px 13px;}
  .etqx-nm{height:7px;flex:1;border-radius:3px;background:#E8E8EA;}
  .etqx-pchip{height:16px;width:58px;border-radius:5px;}
  .etqx-pchip.g{background:rgba(84,160,106,.22);} .etqx-pchip.a{background:rgba(224,165,38,.24);} .etqx-pchip.r{background:rgba(231,76,60,.20);}
  .etqx-donutwrap{display:flex;align-items:center;gap:20px;background:#FAFAFA;border:1px solid #ECECEC;border-radius:10px;padding:15px;margin-bottom:16px;}
  .etqx-donut{--etqxp:0;width:60px;height:60px;border-radius:50%;flex:none;position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(#E74C3C calc(var(--etqxp)*1%), #F2F2F3 0);transition:--etqxp 1.4s ease;}
  .etqx-donut::after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:#FAFAFA;}
  .etqx-donut i{position:relative;z-index:1;font-family:'Open Sans',sans-serif;font-style:normal;font-size:.82rem;font-weight:700;color:#3A3A3A;}
  .etqx-dwtxt b{display:block;height:9px;width:140px;border-radius:3px;background:#DEDEE1;margin-bottom:8px;}
  .etqx-dwtxt span{display:block;height:6px;width:96px;border-radius:3px;background:#E8E8EA;}
  .etqx-prog{display:flex;flex-direction:column;gap:16px;}
  .etqx-prtop{display:flex;justify-content:space-between;margin-bottom:7px;}
  .etqx-prl{height:8px;width:120px;border-radius:3px;background:#DEDEE1;}
  .etqx-prp{height:8px;width:28px;border-radius:3px;background:#A6A6A6;}
  .etqx-track{height:8px;border-radius:100px;background:#F2F2F3;overflow:hidden;}
  .etqx-fill{height:100%;border-radius:100px;width:0;transition:width 1.3s cubic-bezier(.22,1,.36,1);}
  .etqx-fill.t1{background:#54a06a;} .etqx-fill.t2{background:#E0A526;} .etqx-fill.t3{background:#E74C3C;}
  .etqx-thead{display:grid;grid-template-columns:22px 1.6fr 1fr .7fr 56px;gap:10px;padding:0 12px 10px;}
  .etqx-thead i{height:6px;border-radius:3px;background:#E8E8EA;display:block;}
  .etqx-trow{display:grid;grid-template-columns:22px 1.6fr 1fr .7fr 56px;gap:10px;align-items:center;background:#fff;border:1px solid #ECECEC;border-radius:8px;padding:11px 12px;margin-bottom:7px;}
  .etqx-star{width:13px;height:13px;border-radius:3px;background:#E0A526;}
  .etqx-star.off{background:#E8E8EA;}
  .etqx-nm2{height:7px;border-radius:3px;background:#DEDEE1;}
  .etqx-sub{height:6px;border-radius:3px;background:#E8E8EA;}
  .etqx-flag{height:15px;width:50px;border-radius:5px;}
  .etqx-flag.r{background:rgba(231,76,60,.22);} .etqx-flag.a{background:rgba(224,165,38,.24);} .etqx-flag.g{background:rgba(84,160,106,.22);}
  .etqx-ddots{display:flex;gap:4px;}
  .etqx-ddots i{width:7px;height:7px;border-radius:50%;display:block;}
  .etqx-ddots i.t1{background:#54a06a;} .etqx-ddots i.t2{background:#E0A526;} .etqx-ddots i.t3{background:#E74C3C;}
  .etqx-ana{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;height:100%;}
  .etqx-acard{background:#fff;border:1px solid #ECECEC;border-radius:10px;padding:16px;display:flex;flex-direction:column;}
  .etqx-acardt{height:8px;width:90px;border-radius:3px;background:#DEDEE1;margin-bottom:16px;}
  .etqx-bars{flex:1;display:flex;align-items:flex-end;gap:10px;padding-bottom:4px;}
  .etqx-bar{flex:1;border-radius:4px 4px 0 0;height:0;transition:height 1.1s cubic-bezier(.22,1,.36,1);}
  .etqx-bar.blue{background:#3E6FB0;} .etqx-bar.t1{background:#54a06a;} .etqx-bar.t2{background:#E0A526;} .etqx-bar.red{background:#E74C3C;}
  .etqx-rightcol{display:flex;flex-direction:column;gap:14px;}
  .etqx-acard--donut{align-items:center;justify-content:center;}
  .etqx-adonut{--etqxp:0;width:96px;height:96px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(#54a06a 0 calc(var(--etqxp)*.45%), #E0A526 calc(var(--etqxp)*.45%) calc(var(--etqxp)*.72%), #E74C3C calc(var(--etqxp)*.72%) calc(var(--etqxp)*1%), #F2F2F3 0);transition:--etqxp 1.4s ease;}
  .etqx-adonut::after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff;}
  .etqx-legend{display:flex;flex-direction:column;gap:8px;margin-top:14px;width:100%;}
  .etqx-leg{display:flex;align-items:center;gap:8px;}
  .etqx-leg i{width:8px;height:8px;border-radius:50%;display:block;}
  .etqx-leg i.t1{background:#54a06a;} .etqx-leg i.t2{background:#E0A526;} .etqx-leg i.red{background:#E74C3C;}
  .etqx-leg span{height:6px;flex:1;border-radius:3px;background:#E8E8EA;}

  /* View 5: split • charts left, world map right */
  .etqx-split5{display:grid;grid-template-columns:.62fr 1fr;gap:14px;height:100%;}
  .etqx-left5{display:flex;flex-direction:column;gap:12px;}
  .etqx-mini{flex:1;background:#fff;border:1px solid #ECECEC;border-radius:10px;padding:14px;display:flex;flex-direction:column;}
  .etqx-minihead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
  .etqx-miniT{height:8px;width:70px;border-radius:3px;background:#DEDEE1;}
  .etqx-donut.sm{width:46px;height:46px;}
  .etqx-donut.sm::after{width:32px;height:32px;}
  .etqx-donut.sm i{font-size:.66rem;}
  .etqx-minibars{flex:1;display:flex;align-items:flex-end;gap:8px;padding-bottom:2px;}
  .etqx-mbar{flex:1;border-radius:3px 3px 0 0;height:0;transition:height 1.1s cubic-bezier(.22,1,.36,1);}
  .etqx-mbar.t1{background:#54a06a;} .etqx-mbar.t2{background:#E0A526;} .etqx-mbar.t3{background:#E74C3C;} .etqx-mbar.blue{background:#3E6FB0;}
  .etqx-mini2{background:#fff;border:1px solid #ECECEC;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:11px;}
  .etqx-mrow{display:flex;align-items:center;gap:10px;}
  .etqx-mdot{width:9px;height:9px;border-radius:50%;flex:none;}
  .etqx-mdot.lo{background:#54a06a;} .etqx-mdot.md{background:#E0A526;} .etqx-mdot.hi{background:#E74C3C;}
  .etqx-mtrack{flex:1;height:7px;border-radius:100px;background:#F2F2F3;overflow:hidden;}
  .etqx-mfill{display:block;height:100%;border-radius:100px;width:0;transition:width 1.3s cubic-bezier(.22,1,.36,1);}
  .etqx-mfill.t1{background:#54a06a;} .etqx-mfill.t2{background:#E0A526;} .etqx-mfill.t3{background:#E74C3C;}

  .etqx-mapwrap{position:relative;height:100%;background:#FAFAFA;border:1px solid #ECECEC;border-radius:10px;overflow:hidden;}
  .etqx-map{width:100%;height:100%;display:block;}
  .etqx-bub{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s);}
  .etqx-bub.show{opacity:.82;transform:scale(1);}
  .etqx-bub.b-hi{fill:#E74C3C;} .etqx-bub.b-md{fill:#E0A526;} .etqx-bub.b-lo{fill:#54a06a;}
  .etqx-maplegend{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.92);border:1px solid #ECECEC;border-radius:8px;padding:6px 11px;}
  .etqx-lgi i{width:9px;height:9px;border-radius:50%;display:block;}
  .etqx-lgi i.hi{background:#E74C3C;} .etqx-lgi i.md{background:#E0A526;} .etqx-lgi i.lo{background:#54a06a;}
  .etqx-lgbar{width:44px;height:6px;border-radius:3px;background:#E8E8EA;}

  @media (max-width:760px){
  .etqx-appsec{padding:72px 0;}
  .etqx-shell{height:340px;}
  .etqx-ana{grid-template-columns:1fr;}
  .etqx-rightcol{display:none;}
  }
  @media (prefers-reduced-motion:reduce){
  .etqx-view{transition:none;}
  .etqx-fill,.etqx-bar,.etqx-donut,.etqx-adonut{transition:none !important;}
  }

.etqj-sec{padding:96px 0;background:#fff;}
  .etqj-sec *{box-sizing:border-box;}
  .etqj-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  .etqj-intro{max-width:720px;margin:0 auto 56px;text-align:center;}
  .etqj-eyebrow{font-family:'Open Sans',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#E74C3C;display:inline-block;margin-bottom:16px;}
  .etqj-h2{font-family:'Open Sans',sans-serif;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:500;line-height:1.2;color:#3A3A3A;margin:0 0 14px;}
  .etqj-accent{color:#E74C3C;font-weight:500;}
  .etqj-lead{font-family:'Open Sans',sans-serif;font-size:1.12rem;color:#7A7A7A;line-height:1.7;margin:0;}

  .etqj-scroll{overflow-x:auto;overflow-y:hidden;padding:8px 0 16px;-webkit-overflow-scrolling:touch;}
  .etqj-journey{display:flex;align-items:flex-start;justify-content:center;gap:0;min-width:min-content;padding:0 8px;}

  .etqj-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:148px;flex:none;
  opacity:0;transform:translateY(14px);transition:opacity .55s ease, transform .55s ease;}
  .etqj-step.in{opacity:1;transform:translateY(0);}
  /* uniform hex zone height so smaller hexagons stay vertically centered in the row */
  .etqj-hexzone{height:122px;display:flex;align-items:center;justify-content:center;}

  .etqj-hex{display:flex;align-items:center;justify-content:center;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}
  .etqj-hex svg{stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  .etqj-hex.green{background:#54a06a;} .etqj-hex.amber{background:#E0A526;} .etqj-hex.blue{background:#3E6FB0;} .etqj-hex.red{background:#E74C3C;}

  /* funnel: hexagons get progressively smaller through the journey */
  .etqj-step[data-i="0"] .etqj-hex{width:108px;height:122px;}
  .etqj-step[data-i="0"] .etqj-hex svg{width:42px;height:42px;}
  .etqj-step[data-i="1"] .etqj-hex{width:100px;height:114px;}
  .etqj-step[data-i="1"] .etqj-hex svg{width:39px;height:39px;}
  .etqj-step[data-i="2"] .etqj-hex{width:92px;height:105px;}
  .etqj-step[data-i="2"] .etqj-hex svg{width:36px;height:36px;}
  .etqj-step[data-i="3"] .etqj-hex{width:84px;height:96px;}
  .etqj-step[data-i="3"] .etqj-hex svg{width:33px;height:33px;}
  .etqj-step[data-i="4"] .etqj-hex{width:76px;height:87px;}
  .etqj-step[data-i="4"] .etqj-hex svg{width:30px;height:30px;}
  /* monitoring cluster • mid size */
  .etqj-step[data-i="5"] .etqj-hex,.etqj-step[data-i="6"] .etqj-hex{width:92px;height:105px;}
  .etqj-step[data-i="5"] .etqj-hex svg,.etqj-step[data-i="6"] .etqj-hex svg{width:36px;height:36px;}

  .etqj-label{margin-top:12px;font-family:'Open Sans',sans-serif;font-size:.82rem;font-weight:700;line-height:1.3;color:#3A3A3A;}
  .etqj-num{color:#E74C3C;}
  .etqj-sub{font-family:'Open Sans',sans-serif;font-size:.68rem;font-weight:400;color:#7A7A7A;margin-top:5px;line-height:1.35;}

  .etqj-arrow{width:30px;flex:none;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:53px;
  opacity:0;transition:opacity .4s ease;}
  .etqj-arrow.in{opacity:1;}
  .etqj-arrow svg{width:15px;height:15px;fill:#E74C3C;}

  .etqj-divider{width:1px;align-self:stretch;min-height:114px;background:#ECECEC;flex:none;margin:0 18px;opacity:0;transition:opacity .4s ease;}
  .etqj-divider.in{opacity:1;}

  .etqj-moncluster{display:flex;flex-direction:column;gap:20px;align-items:center;flex:none;}

  @media (max-width:760px){
  .etqj-sec{padding:64px 0;}
  .etqj-journey{justify-content:flex-start;}
  .etqj-moncluster{flex-direction:row;gap:0;}
  }
  @media (prefers-reduced-motion:reduce){
  .etqj-step,.etqj-arrow,.etqj-divider{transition:none;opacity:1;transform:none;}
  }