{"id":7,"date":"2026-08-16T08:29:32","date_gmt":"2026-08-16T08:29:32","guid":{"rendered":"https:\/\/neonsnowcareplus.com.au\/?page_id=7"},"modified":"2026-08-16T11:51:41","modified_gmt":"2026-08-16T11:51:41","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/neonsnowcareplus.com.au\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff9353 e-con-full e-flex e-con e-parent\" data-id=\"6ff9353\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edcbc1b elementor-widget elementor-widget-html\" data-id=\"edcbc1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ HEADER\r\n     Standalone Elementor HTML Widget\r\n     Full Width Floating Glass Header\r\n     ========================================================= -->\r\n\r\n<header class=\"nscHeader\" id=\"nscHeader\">\r\n\r\n  <div class=\"nscHeader-shell\">\r\n\r\n    <!-- =====================================================\r\n         LOGO\r\n         ===================================================== -->\r\n\r\n    <a\r\n      class=\"nscHeader-logo\"\r\n      href=\"\/\"\r\n      aria-label=\"NS Care+ home\"\r\n    >\r\n\r\n      <!-- Original image retained for accessibility -->\r\n      <img decoding=\"async\"\r\n        class=\"nscHeader-logo-original\"\r\n        src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n        alt=\"NS Care+\"\r\n      >\r\n\r\n      <!-- Gradient logo -->\r\n      <span\r\n        class=\"nscHeader-logo-gradient\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =====================================================\r\n         DESKTOP NAVIGATION\r\n         ===================================================== -->\r\n\r\n    <nav\r\n      class=\"nscHeader-nav\"\r\n      id=\"nscHeaderNav\"\r\n      aria-label=\"Primary navigation\"\r\n    >\r\n\r\n      <a href=\"#nscsitePlatform\">\r\n        Platform\r\n      <\/a>\r\n\r\n      <a href=\"#nscsitePortals\">\r\n        Portals\r\n      <\/a>\r\n\r\n      <a href=\"#nscsiteRostering\">\r\n        Rostering\r\n      <\/a>\r\n\r\n      <a href=\"#nscsiteCompliance\">\r\n        Compliance\r\n      <\/a>\r\n\r\n      <a href=\"#nscsiteWhy\">\r\n        Why NS Care+\r\n      <\/a>\r\n\r\n\r\n      <!-- MOBILE ACTIONS -->\r\n\r\n      <div class=\"nscHeader-mobile-actions\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"nscHeader-mobile-signin\"\r\n          data-nsc-signin\r\n        >\r\n          Sign in\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"nscHeader-button\"\r\n          data-nsc-demo\r\n        >\r\n          Book a demo\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/nav>\r\n\r\n\r\n    <!-- =====================================================\r\n         DESKTOP ACTIONS\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscHeader-actions\">\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"nscHeader-signin\"\r\n        data-nsc-signin\r\n      >\r\n        Sign in\r\n      <\/button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"nscHeader-button\"\r\n        data-nsc-demo\r\n      >\r\n        Book a demo\r\n      <\/button>\r\n\r\n\r\n      <!-- MOBILE MENU -->\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"nscHeader-menu\"\r\n        aria-label=\"Open menu\"\r\n        aria-expanded=\"false\"\r\n        aria-controls=\"nscHeaderNav\"\r\n        data-nsc-menu\r\n      >\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscHeader,\r\n.nscHeader * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscHeader {\r\n\r\n  --nsc-navy:#082b62;\r\n  --nsc-blue:#087cf0;\r\n  --nsc-mid:#277fe7;\r\n  --nsc-purple:#755be6;\r\n  --nsc-border:#d3e0ee;\r\n\r\n  position:fixed;\r\n\r\n  top:10px;\r\n  left:0;\r\n  right:0;\r\n\r\n  z-index:9999;\r\n\r\n  width:100%;\r\n\r\n  padding:0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORDPRESS ADMIN BAR\r\n   ========================================================= *\/\r\n\r\nbody.admin-bar .nscHeader {\r\n  top:42px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH FLOATING GLASS HEADER\r\n   ========================================================= *\/\r\n\r\n.nscHeader-shell {\r\n\r\n  \/*\r\n    Full width while retaining a small gutter\r\n    so the rounded corners remain visible.\r\n  *\/\r\n\r\n  width:calc(100% - 24px);\r\n\r\n  max-width:none;\r\n\r\n  min-height:72px;\r\n\r\n  margin:0 12px;\r\n\r\n  padding:\r\n    7px 12px\r\n    7px 18px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    220px 1fr auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:24px;\r\n\r\n  position:relative;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(211,224,238,.84);\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n    rgba(255,255,255,.84);\r\n\r\n  box-shadow:\r\n    0 14px 42px\r\n    rgba(6,30,67,.075);\r\n\r\n  backdrop-filter:\r\n    blur(20px)\r\n    saturate(1.12);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(20px)\r\n    saturate(1.12);\r\n\r\n  transition:\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    border-color .25s ease;\r\n\r\n  pointer-events:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLLED STATE\r\n   ========================================================= *\/\r\n\r\n.nscHeader.is-scrolled\r\n.nscHeader-shell {\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border-color:\r\n    rgba(204,220,235,.98);\r\n\r\n  box-shadow:\r\n    0 18px 50px\r\n    rgba(6,30,67,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n   ========================================================= *\/\r\n\r\n.nscHeader-logo {\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:190px;\r\n\r\n  height:52px;\r\n\r\n  text-decoration:none;\r\n\r\n  flex:0 0 auto;\r\n}\r\n\r\n\r\n\/* Original source image *\/\r\n\r\n.nscHeader-logo-original {\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  display:block;\r\n\r\n  width:190px;\r\n\r\n  height:52px;\r\n\r\n  object-fit:contain;\r\n\r\n  object-position:left center;\r\n\r\n  opacity:0;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRADIENT LOGO\r\n   Same treatment as \"built around people.\"\r\n   ========================================================= *\/\r\n\r\n.nscHeader-logo-gradient {\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  display:block;\r\n\r\n  width:190px;\r\n\r\n  height:52px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 43%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-mask-image:\r\n    url(\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\");\r\n\r\n  mask-image:\r\n    url(\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\");\r\n\r\n\r\n  -webkit-mask-repeat:\r\n    no-repeat;\r\n\r\n  mask-repeat:\r\n    no-repeat;\r\n\r\n\r\n  -webkit-mask-position:\r\n    left center;\r\n\r\n  mask-position:\r\n    left center;\r\n\r\n\r\n  -webkit-mask-size:\r\n    contain;\r\n\r\n  mask-size:\r\n    contain;\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 5px 10px\r\n      rgba(8,124,240,.08)\r\n    );\r\n\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    filter .22s ease;\r\n}\r\n\r\n\r\n.nscHeader-logo:hover\r\n.nscHeader-logo-gradient {\r\n\r\n  transform:\r\n    translateY(-1px);\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 7px 14px\r\n      rgba(8,124,240,.15)\r\n    )\r\n    saturate(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION\r\n   ========================================================= *\/\r\n\r\n.nscHeader-nav {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:34px;\r\n\r\n  min-width:0;\r\n}\r\n\r\n\r\n.nscHeader-nav > a {\r\n\r\n  position:relative;\r\n\r\n  padding:\r\n    12px 0;\r\n\r\n  color:#395574;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  transition:\r\n    color .18s ease;\r\n}\r\n\r\n\r\n.nscHeader-nav > a:hover,\r\n.nscHeader-nav > a.is-active {\r\n\r\n  color:var(--nsc-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION GRADIENT UNDERLINE\r\n   ========================================================= *\/\r\n\r\n.nscHeader-nav > a::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n\r\n  right:100%;\r\n\r\n  bottom:5px;\r\n\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 43%,\r\n      #755be6 100%\r\n    );\r\n\r\n  transition:\r\n    right .22s ease;\r\n}\r\n\r\n\r\n.nscHeader-nav > a:hover::after,\r\n.nscHeader-nav > a.is-active::after {\r\n\r\n  right:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT ACTIONS\r\n   ========================================================= *\/\r\n\r\n.nscHeader-actions {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-end;\r\n\r\n  gap:10px;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGN IN\r\n   ========================================================= *\/\r\n\r\n.nscHeader-signin,\r\n.nscHeader-mobile-signin {\r\n\r\n  min-height:46px;\r\n\r\n  padding:\r\n    0 14px;\r\n\r\n  border:0;\r\n\r\n  border-radius:12px;\r\n\r\n  background:transparent;\r\n\r\n  color:var(--nsc-navy);\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:500;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    background .18s ease,\r\n    color .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n\r\n.nscHeader-signin:hover,\r\n.nscHeader-mobile-signin:hover {\r\n\r\n  background:\r\n    #f1f6fb;\r\n\r\n  transform:\r\n    translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOK A DEMO\r\n   ========================================================= *\/\r\n\r\n.nscHeader-button {\r\n\r\n  position:relative;\r\n\r\n  min-height:48px;\r\n\r\n  padding:\r\n    0 22px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  overflow:hidden;\r\n\r\n  border:0;\r\n\r\n  border-radius:14px;\r\n\r\n  color:#fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #087cf0 0%,\r\n      #176fe0 55%,\r\n      #625ee8 130%\r\n    );\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(8,124,240,.25),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.20);\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n\r\n\/* Light sweep *\/\r\n\r\n.nscHeader-button::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 18%,\r\n      rgba(255,255,255,.28) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:\r\n    translateX(-130%);\r\n\r\n  transition:\r\n    transform .55s ease;\r\n}\r\n\r\n\r\n.nscHeader-button:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 16px 34px\r\n    rgba(8,124,240,.31);\r\n}\r\n\r\n\r\n.nscHeader-button:hover::after {\r\n\r\n  transform:\r\n    translateX(130%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n   ========================================================= *\/\r\n\r\n.nscHeader-menu {\r\n\r\n  width:46px;\r\n\r\n  height:46px;\r\n\r\n  display:none;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:5px;\r\n\r\n  padding:0;\r\n\r\n  border:\r\n    1px solid #d6e2ed;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(6,30,67,.07);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n\r\n.nscHeader-menu span {\r\n\r\n  display:block;\r\n\r\n  width:20px;\r\n\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0,\r\n      #755be6\r\n    );\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    opacity .2s ease;\r\n}\r\n\r\n\r\n\/* Hamburger to X *\/\r\n\r\n.nscHeader-menu.is-open\r\nspan:nth-child(1) {\r\n\r\n  transform:\r\n    translateY(7px)\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n.nscHeader-menu.is-open\r\nspan:nth-child(2) {\r\n\r\n  opacity:0;\r\n}\r\n\r\n\r\n.nscHeader-menu.is-open\r\nspan:nth-child(3) {\r\n\r\n  transform:\r\n    translateY(-7px)\r\n    rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE ACTIONS\r\n   ========================================================= *\/\r\n\r\n.nscHeader-mobile-actions {\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscHeader-shell {\r\n\r\n    width:calc(100% - 20px);\r\n\r\n    margin:0 10px;\r\n\r\n    grid-template-columns:\r\n      190px 1fr auto;\r\n\r\n    gap:15px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo {\r\n\r\n    width:175px;\r\n\r\n    height:48px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo-original,\r\n  .nscHeader-logo-gradient {\r\n\r\n    width:175px;\r\n\r\n    height:48px;\r\n  }\r\n\r\n\r\n  .nscHeader-nav {\r\n\r\n    gap:20px;\r\n  }\r\n\r\n\r\n  .nscHeader-nav > a {\r\n\r\n    font-size:13px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE \/ TABLET NAVIGATION\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscHeader {\r\n\r\n    top:8px;\r\n  }\r\n\r\n\r\n  body.admin-bar .nscHeader {\r\n\r\n    top:40px;\r\n  }\r\n\r\n\r\n  .nscHeader-shell {\r\n\r\n    width:calc(100% - 16px);\r\n\r\n    margin:0 8px;\r\n\r\n    min-height:64px;\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap:12px;\r\n\r\n    padding:\r\n      6px 7px\r\n      6px 12px;\r\n\r\n    border-radius:19px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo {\r\n\r\n    width:165px;\r\n\r\n    height:45px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo-original,\r\n  .nscHeader-logo-gradient {\r\n\r\n    width:165px;\r\n\r\n    height:45px;\r\n  }\r\n\r\n\r\n  .nscHeader-actions {\r\n\r\n    grid-column:2;\r\n  }\r\n\r\n\r\n  .nscHeader-signin,\r\n  .nscHeader-actions >\r\n  .nscHeader-button {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  .nscHeader-menu {\r\n\r\n    display:flex;\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     MOBILE DROPDOWN\r\n     ======================================================= *\/\r\n\r\n  .nscHeader-nav {\r\n\r\n    position:absolute;\r\n\r\n    top:73px;\r\n\r\n    left:0;\r\n\r\n    right:0;\r\n\r\n    display:none;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:2px;\r\n\r\n    padding:12px;\r\n\r\n    border:\r\n      1px solid\r\n      #d8e4ef;\r\n\r\n    border-radius:20px;\r\n\r\n    background:\r\n      rgba(255,255,255,.98);\r\n\r\n    box-shadow:\r\n      0 28px 70px\r\n      rgba(6,30,67,.17);\r\n\r\n    backdrop-filter:\r\n      blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n      blur(18px);\r\n  }\r\n\r\n\r\n  .nscHeader-nav.is-open {\r\n\r\n    display:flex;\r\n  }\r\n\r\n\r\n  .nscHeader-nav > a {\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n      15px 14px;\r\n\r\n    border-radius:11px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  .nscHeader-nav > a:hover,\r\n  .nscHeader-nav > a.is-active {\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(8,124,240,.07),\r\n        rgba(117,91,230,.045)\r\n      );\r\n  }\r\n\r\n\r\n  .nscHeader-nav > a::after {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* MOBILE BUTTONS *\/\r\n\r\n  .nscHeader-mobile-actions {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:6px;\r\n\r\n    padding:\r\n      12px 2px 2px;\r\n\r\n    border-top:\r\n      1px solid\r\n      #e3ebf3;\r\n  }\r\n\r\n\r\n  .nscHeader-mobile-signin,\r\n  .nscHeader-mobile-actions\r\n  .nscHeader-button {\r\n\r\n    width:100%;\r\n  }\r\n\r\n\r\n  .nscHeader-mobile-signin {\r\n\r\n    border:\r\n      1px solid\r\n      #d4e0eb;\r\n\r\n    background:#fff;\r\n\r\n    font-weight:700;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscHeader-shell {\r\n\r\n    width:calc(100% - 12px);\r\n\r\n    margin:0 6px;\r\n\r\n    min-height:60px;\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo {\r\n\r\n    width:148px;\r\n\r\n    height:41px;\r\n  }\r\n\r\n\r\n  .nscHeader-logo-original,\r\n  .nscHeader-logo-gradient {\r\n\r\n    width:148px;\r\n\r\n    height:41px;\r\n  }\r\n\r\n\r\n  .nscHeader-menu {\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n\r\n    border-radius:13px;\r\n  }\r\n\r\n\r\n  .nscHeader-nav {\r\n\r\n    top:68px;\r\n  }\r\n\r\n\r\n  .nscHeader-mobile-actions {\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORDPRESS MOBILE ADMIN BAR\r\n   ========================================================= *\/\r\n\r\n@media (max-width:782px) {\r\n\r\n  body.admin-bar .nscHeader {\r\n\r\n    top:54px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n.nscHeader a:focus-visible,\r\n.nscHeader button:focus-visible {\r\n\r\n  outline:\r\n    3px solid\r\n    rgba(8,124,240,.25);\r\n\r\n  outline-offset:3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscHeader *,\r\n  .nscHeader *::before,\r\n  .nscHeader *::after {\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n    animation-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const header =\r\n    document.querySelector(\r\n      '#nscHeader'\r\n    );\r\n\r\n\r\n  if (!header) {\r\n    return;\r\n  }\r\n\r\n\r\n  const nav =\r\n    header.querySelector(\r\n      '#nscHeaderNav'\r\n    );\r\n\r\n\r\n  const menuButton =\r\n    header.querySelector(\r\n      '[data-nsc-menu]'\r\n    );\r\n\r\n\r\n  \/* =======================================================\r\n     SCROLL STATE\r\n     ======================================================= *\/\r\n\r\n  function updateHeader() {\r\n\r\n    header.classList.toggle(\r\n      'is-scrolled',\r\n      window.scrollY > 18\r\n    );\r\n\r\n  }\r\n\r\n\r\n  updateHeader();\r\n\r\n\r\n  window.addEventListener(\r\n    'scroll',\r\n    updateHeader,\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     MOBILE MENU\r\n     ======================================================= *\/\r\n\r\n  function closeMenu() {\r\n\r\n    if (\r\n      !nav ||\r\n      !menuButton\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    nav.classList.remove(\r\n      'is-open'\r\n    );\r\n\r\n\r\n    menuButton.classList.remove(\r\n      'is-open'\r\n    );\r\n\r\n\r\n    menuButton.setAttribute(\r\n      'aria-expanded',\r\n      'false'\r\n    );\r\n\r\n\r\n    menuButton.setAttribute(\r\n      'aria-label',\r\n      'Open menu'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (\r\n    menuButton &&\r\n    nav\r\n  ) {\r\n\r\n    menuButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        const open =\r\n          nav.classList.toggle(\r\n            'is-open'\r\n          );\r\n\r\n\r\n        menuButton.classList.toggle(\r\n          'is-open',\r\n          open\r\n        );\r\n\r\n\r\n        menuButton.setAttribute(\r\n          'aria-expanded',\r\n          open\r\n            ? 'true'\r\n            : 'false'\r\n        );\r\n\r\n\r\n        menuButton.setAttribute(\r\n          'aria-label',\r\n          open\r\n            ? 'Close menu'\r\n            : 'Open menu'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SECTION LINKS\r\n     ======================================================= *\/\r\n\r\n  const sectionLinks =\r\n    Array.from(\r\n      header.querySelectorAll(\r\n        '.nscHeader-nav > a[href^=\"#\"]'\r\n      )\r\n    );\r\n\r\n\r\n  sectionLinks.forEach(\r\n    function (link) {\r\n\r\n\r\n      link.addEventListener(\r\n        'click',\r\n        function (event) {\r\n\r\n\r\n          const href =\r\n            link.getAttribute(\r\n              'href'\r\n            );\r\n\r\n\r\n          if (\r\n            !href ||\r\n            href === '#'\r\n          ) {\r\n            return;\r\n          }\r\n\r\n\r\n          const target =\r\n            document.querySelector(\r\n              href\r\n            );\r\n\r\n\r\n          if (!target) {\r\n            return;\r\n          }\r\n\r\n\r\n          event.preventDefault();\r\n\r\n\r\n          closeMenu();\r\n\r\n\r\n          const headerOffset =\r\n            105;\r\n\r\n\r\n          const targetPosition =\r\n\r\n            target\r\n              .getBoundingClientRect()\r\n              .top +\r\n\r\n            window.pageYOffset -\r\n\r\n            headerOffset;\r\n\r\n\r\n          window.scrollTo({\r\n\r\n            top:\r\n              targetPosition,\r\n\r\n            behavior:\r\n              'smooth'\r\n\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     ACTIVE SECTION\r\n     ======================================================= *\/\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observedSections =\r\n      [];\r\n\r\n\r\n    sectionLinks.forEach(\r\n      function (link) {\r\n\r\n\r\n        const selector =\r\n          link.getAttribute(\r\n            'href'\r\n          );\r\n\r\n\r\n        const section =\r\n          document.querySelector(\r\n            selector\r\n          );\r\n\r\n\r\n        if (section) {\r\n\r\n          observedSections.push({\r\n            link:link,\r\n            section:section\r\n          });\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const sectionObserver =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              sectionLinks.forEach(\r\n                function (link) {\r\n\r\n\r\n                  link.classList.toggle(\r\n\r\n                    'is-active',\r\n\r\n                    link.getAttribute(\r\n                      'href'\r\n                    ) ===\r\n                    '#' +\r\n                    entry.target.id\r\n\r\n                  );\r\n\r\n                }\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n\r\n          rootMargin:\r\n            '-25% 0px -65% 0px',\r\n\r\n          threshold:0\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observedSections.forEach(\r\n      function (item) {\r\n\r\n\r\n        sectionObserver.observe(\r\n          item.section\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     BOOK A DEMO\r\n     ======================================================= *\/\r\n\r\n  header\r\n    .querySelectorAll(\r\n      '[data-nsc-demo]'\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          function () {\r\n\r\n\r\n            closeMenu();\r\n\r\n\r\n            const modal =\r\n              document.querySelector(\r\n                '[data-demo-modal]'\r\n              );\r\n\r\n\r\n            if (modal) {\r\n\r\n\r\n              modal.hidden =\r\n                false;\r\n\r\n\r\n              document.body\r\n                .style\r\n                .overflow =\r\n                'hidden';\r\n\r\n\r\n              const field =\r\n                modal.querySelector(\r\n                  'input, select, textarea'\r\n                );\r\n\r\n\r\n              if (field) {\r\n\r\n\r\n                window.setTimeout(\r\n                  function () {\r\n\r\n                    field.focus();\r\n\r\n                  },\r\n                  30\r\n                );\r\n\r\n              }\r\n\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            const demoSection =\r\n              document.querySelector(\r\n                '#nscsiteDemo'\r\n              );\r\n\r\n\r\n            if (demoSection) {\r\n\r\n\r\n              const top =\r\n\r\n                demoSection\r\n                  .getBoundingClientRect()\r\n                  .top +\r\n\r\n                window.pageYOffset -\r\n\r\n                105;\r\n\r\n\r\n              window.scrollTo({\r\n\r\n                top:top,\r\n\r\n                behavior:\r\n                  'smooth'\r\n\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n  \/* =======================================================\r\n     SIGN IN\r\n     ======================================================= *\/\r\n\r\n  header\r\n    .querySelectorAll(\r\n      '[data-nsc-signin]'\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          function () {\r\n\r\n\r\n            closeMenu();\r\n\r\n\r\n            const modal =\r\n              document.querySelector(\r\n                '[data-signin-modal]'\r\n              );\r\n\r\n\r\n            if (modal) {\r\n\r\n\r\n              modal.hidden =\r\n                false;\r\n\r\n\r\n              document.body\r\n                .style\r\n                .overflow =\r\n                'hidden';\r\n\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            const signInSection =\r\n              document.querySelector(\r\n                '#nscsiteSignIn'\r\n              );\r\n\r\n\r\n            if (signInSection) {\r\n\r\n\r\n              const top =\r\n\r\n                signInSection\r\n                  .getBoundingClientRect()\r\n                  .top +\r\n\r\n                window.pageYOffset -\r\n\r\n                105;\r\n\r\n\r\n              window.scrollTo({\r\n\r\n                top:top,\r\n\r\n                behavior:\r\n                  'smooth'\r\n\r\n              });\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n  \/* =======================================================\r\n     CLOSE MENU IF DESKTOP WIDTH RETURNS\r\n     ======================================================= *\/\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    function () {\r\n\r\n\r\n      if (\r\n        window.innerWidth >\r\n        900\r\n      ) {\r\n\r\n        closeMenu();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d72bc elementor-widget elementor-widget-html\" data-id=\"c2d72bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ HERO\r\n     Full Width Elementor HTML Widget\r\n\r\n     ONLY CHANGE:\r\n     Representative card moved right + down\r\n     People image and hero layout remain unchanged\r\n     ========================================================= -->\r\n\r\n<section class=\"nscHero\" id=\"nscsiteHero\">\r\n\r\n  <div class=\"nscHero-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscHero-orb nscHero-orb-a\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscHero-orb nscHero-orb-b\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN HERO\r\n       ===================================================== -->\r\n\r\n  <div class=\"nscHero-shell\">\r\n\r\n\r\n    <!-- ===================================================\r\n         LEFT COLUMN\r\n         =================================================== -->\r\n\r\n    <div class=\"nscHero-copy nscHero-reveal\">\r\n\r\n      <div class=\"nscHero-eyebrow\">\r\n        BUILT FOR AUSTRALIAN DISABILITY SUPPORT PROVIDERS\r\n      <\/div>\r\n\r\n\r\n      <h1>\r\n        Care operations,<br>\r\n        <span>built around people.<\/span>\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"nscHero-intro\">\r\n        NS Care+ brings rostering, participants, workforce, safeguarding,\r\n        documents and everyday service delivery into one clear platform,\r\n        with purpose-built experiences for everyone who uses it.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"nscHero-actions\">\r\n\r\n        <button\r\n          class=\"nscHero-btn nscHero-btn-primary\"\r\n          type=\"button\"\r\n          data-nsc-demo\r\n        >\r\n          Book a demo\r\n        <\/button>\r\n\r\n\r\n        <a\r\n          class=\"nscHero-btn nscHero-btn-secondary\"\r\n          href=\"#nscsitePlatform\"\r\n        >\r\n          Explore the platform\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"nscHero-proof\"\r\n        aria-label=\"Platform highlights\"\r\n      >\r\n\r\n        <span>\r\n          <i><\/i>\r\n          Four role-specific portals\r\n        <\/span>\r\n\r\n        <span>\r\n          <i><\/i>\r\n          Smart rostering\r\n        <\/span>\r\n\r\n        <span>\r\n          <i><\/i>\r\n          Compliance in the workflow\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         RIGHT PRODUCT VISUAL\r\n         =================================================== -->\r\n\r\n    <div\r\n      class=\"nscHero-visual nscHero-reveal\"\r\n      data-delay=\"100\"\r\n    >\r\n\r\n\r\n      <!-- LIVE CHIP -->\r\n\r\n      <div class=\"nscHero-live\">\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          LIVE OPERATIONAL VIEW\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT WINDOW\r\n           ================================================= -->\r\n\r\n      <div class=\"nscHero-window\">\r\n\r\n\r\n        <div class=\"nscHero-windowbar\">\r\n\r\n          <div class=\"nscHero-dots\">\r\n            <i><\/i>\r\n            <i><\/i>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n\r\n          <span>\r\n            NS Care+ Administration\r\n          <\/span>\r\n\r\n\r\n          <div class=\"nscHero-avatar\">\r\n            JW\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"nscHero-windowbody\">\r\n\r\n\r\n          <!-- SIDEBAR -->\r\n\r\n          <aside class=\"nscHero-sidebar\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n              alt=\"\"\r\n              aria-hidden=\"true\"\r\n            >\r\n\r\n\r\n            <span class=\"active\">\r\n\r\n              <b data-nsc-icon=\"home\"><\/b>\r\n\r\n              Home\r\n\r\n            <\/span>\r\n\r\n\r\n            <span>\r\n\r\n              <b data-nsc-icon=\"calendar\"><\/b>\r\n\r\n              Roster\r\n\r\n            <\/span>\r\n\r\n\r\n            <span>\r\n\r\n              <b data-nsc-icon=\"people\"><\/b>\r\n\r\n              Participants\r\n\r\n            <\/span>\r\n\r\n\r\n            <span>\r\n\r\n              <b data-nsc-icon=\"shield\"><\/b>\r\n\r\n              Compliance\r\n\r\n            <\/span>\r\n\r\n          <\/aside>\r\n\r\n\r\n\r\n          <!-- DASHBOARD -->\r\n\r\n          <div class=\"nscHero-dashboard\">\r\n\r\n\r\n            <div class=\"nscHero-welcome\">\r\n\r\n\r\n              <div class=\"nscHero-welcome-copy\">\r\n\r\n                <small>\r\n                  NS CARE+ COMMAND CENTRE\r\n                <\/small>\r\n\r\n                <strong>\r\n                  Good morning, Jeremy\r\n                <\/strong>\r\n\r\n                <span>\r\n                  Supporting better lives, together.\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"nscHero-ready\">\r\n\r\n                <b data-nsc-icon=\"check\"><\/b>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Roster ready\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Today's key items are visible.\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- KPI CARDS -->\r\n\r\n            <div class=\"nscHero-kpis\">\r\n\r\n              <article>\r\n                <span>Today's supports<\/span>\r\n                <strong>18<\/strong>\r\n              <\/article>\r\n\r\n              <article>\r\n                <span>In progress<\/span>\r\n                <strong>5<\/strong>\r\n              <\/article>\r\n\r\n              <article>\r\n                <span>Needs attention<\/span>\r\n                <strong>3<\/strong>\r\n              <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- LOWER PANELS -->\r\n\r\n            <div class=\"nscHero-panels\">\r\n\r\n\r\n              <article>\r\n\r\n                <div class=\"nscHero-panel-title\">\r\n\r\n                  <strong>\r\n                    Today's roster\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    View all\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"nscHero-roster-line\">\r\n\r\n                  <i class=\"green\"><\/i>\r\n\r\n                  <span>\r\n                    <b>8:00<\/b>\r\n                    Riley Smith\r\n                  <\/span>\r\n\r\n                  <small>\r\n                    Olivia Chen\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"nscHero-roster-line\">\r\n\r\n                  <i class=\"blue\"><\/i>\r\n\r\n                  <span>\r\n                    <b>10:30<\/b>\r\n                    Taylor Green\r\n                  <\/span>\r\n\r\n                  <small>\r\n                    Alex Morgan\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"nscHero-roster-line\">\r\n\r\n                  <i class=\"orange\"><\/i>\r\n\r\n                  <span>\r\n                    <b>13:00<\/b>\r\n                    Jordan Lee\r\n                  <\/span>\r\n\r\n                  <small>\r\n                    Unfilled\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/article>\r\n\r\n\r\n\r\n              <article class=\"nscHero-attention\">\r\n\r\n                <div class=\"nscHero-panel-title\">\r\n\r\n                  <strong>\r\n                    Needs attention\r\n                  <\/strong>\r\n\r\n                  <span>\r\n                    3 items\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n                  <b data-nsc-icon=\"warning\"><\/b>\r\n                  <span>Credential review due<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n                  <b data-nsc-icon=\"clock\"><\/b>\r\n                  <span>Plan review approaching<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n                  <b data-nsc-icon=\"shield\"><\/b>\r\n                  <span>Incident follow-up<\/span>\r\n                <\/div>\r\n\r\n              <\/article>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           FLOATING ROLE CARDS\r\n           ================================================= -->\r\n\r\n\r\n      <!-- ADMIN -->\r\n\r\n      <button\r\n        class=\"nscHero-role nscHero-role-admin\"\r\n        type=\"button\"\r\n        data-nsc-portal=\"admin\"\r\n      >\r\n\r\n        <span>\r\n          <b data-nsc-icon=\"settings\"><\/b>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Admin\r\n        <\/strong>\r\n\r\n        <small>\r\n          Operations &amp; oversight\r\n        <\/small>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- WORKER -->\r\n\r\n      <button\r\n        class=\"nscHero-role nscHero-role-worker\"\r\n        type=\"button\"\r\n        data-nsc-portal=\"worker\"\r\n      >\r\n\r\n        <span>\r\n          <b data-nsc-icon=\"worker\"><\/b>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Worker\r\n        <\/strong>\r\n\r\n        <small>\r\n          My support day\r\n        <\/small>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- PARTICIPANT -->\r\n\r\n      <button\r\n        class=\"nscHero-role nscHero-role-participant\"\r\n        type=\"button\"\r\n        data-nsc-portal=\"participant\"\r\n      >\r\n\r\n        <span>\r\n          <b data-nsc-icon=\"participant\"><\/b>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Participant\r\n        <\/strong>\r\n\r\n        <small>\r\n          My supports\r\n        <\/small>\r\n\r\n      <\/button>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           PEOPLE IMAGE + REPRESENTATIVE CARD\r\n\r\n           IMAGE POSITION IS UNCHANGED.\r\n\r\n           Only Representative card is moved to the\r\n           lower-right edge to avoid covering faces.\r\n           ================================================= -->\r\n\r\n      <div class=\"nscHero-people-wrap\">\r\n\r\n\r\n        <img decoding=\"async\"\r\n          class=\"nscHero-people\"\r\n          src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/nsc-hero-people-scaled.png\"\r\n          alt=\"People using disability support services together\"\r\n          loading=\"eager\"\r\n        >\r\n\r\n\r\n        <button\r\n          class=\"nscHero-role nscHero-role-family\"\r\n          type=\"button\"\r\n          data-nsc-portal=\"family\"\r\n        >\r\n\r\n          <span>\r\n            <b data-nsc-icon=\"heart\"><\/b>\r\n          <\/span>\r\n\r\n          <strong>\r\n            Representative\r\n          <\/strong>\r\n\r\n          <small>\r\n            Linked participant\r\n          <\/small>\r\n\r\n        <\/button>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       TRUST STRIP\r\n       ===================================================== -->\r\n\r\n  <div\r\n    class=\"nscHero-trust-wrap nscHero-reveal\"\r\n    data-delay=\"180\"\r\n  >\r\n\r\n    <div class=\"nscHero-trust\">\r\n\r\n\r\n      <article>\r\n\r\n        <span class=\"nscHero-trust-icon\">\r\n          <b data-nsc-icon=\"calendar\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Roster with clarity\r\n          <\/strong>\r\n\r\n          <small>\r\n            See supports, gaps and changes faster.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article>\r\n\r\n        <span class=\"nscHero-trust-icon\">\r\n          <b data-nsc-icon=\"shield\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Keep compliance visible\r\n          <\/strong>\r\n\r\n          <small>\r\n            Surface what needs review before it is overdue.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article>\r\n\r\n        <span class=\"nscHero-trust-icon\">\r\n          <b data-nsc-icon=\"worker\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Connect your workforce\r\n          <\/strong>\r\n\r\n          <small>\r\n            Give Workers a focused mobile-first experience.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article>\r\n\r\n        <span class=\"nscHero-trust-icon\">\r\n          <b data-nsc-icon=\"participant\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Improve participant access\r\n          <\/strong>\r\n\r\n          <small>\r\n            Put the right information in the right portal.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HIDE WORDPRESS PAGE TITLE\r\n   ========================================================= *\/\r\n\r\nbody:has(#nscsiteHero) .page-header,\r\nbody:has(#nscsiteHero) .entry-header:has(.entry-title),\r\nbody:has(#nscsiteHero) h1.entry-title,\r\nbody:has(#nscsiteHero) .page-title,\r\nbody:has(#nscsiteHero) .post-title {\r\n  display:none !important;\r\n}\r\n\r\n\r\nbody:has(#nscsiteHero) .page-header,\r\nbody:has(#nscsiteHero) .entry-header:has(.entry-title) {\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  min-height:0 !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscHero,\r\n.nscHero * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscHero {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --blueSoft:#edf6ff;\r\n\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n  --text:#173452;\r\n  --muted:#536d8a;\r\n  --border:#dce6f0;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  min-height:auto;\r\n\r\n\r\n  padding:\r\n    80px 0 0;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  justify-content:flex-start;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 82% 18%,\r\n      rgba(130,68,232,.12),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 70%,\r\n      rgba(8,124,240,.16),\r\n      transparent 32%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 88%,\r\n      rgba(255,91,8,.08),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      138deg,\r\n      #ffffff 0%,\r\n      #f4f9ff 48%,\r\n      #fff9f4 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscHero img {\r\n  max-width:100%;\r\n}\r\n\r\n\r\n.nscHero a {\r\n  text-decoration:none;\r\n  color:inherit;\r\n}\r\n\r\n\r\n.nscHero button,\r\n.nscHero a {\r\n  font:inherit;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.nscHero::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  width:760px;\r\n\r\n  height:760px;\r\n\r\n\r\n  right:-310px;\r\n\r\n  top:-250px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.10);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 80px\r\n    rgba(8,124,240,.025),\r\n\r\n    0 0 0 160px\r\n    rgba(130,68,232,.018);\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.nscHero::after {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  left:23%;\r\n\r\n  right:-10%;\r\n\r\n  bottom:-38%;\r\n\r\n\r\n  height:590px;\r\n\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(8,124,240,.16),\r\n      transparent 66%\r\n    );\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.nscHero-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  opacity:.9;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.04) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.04) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    36px 36px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 70% 42%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 70% 42%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ORBS\r\n   ========================================================= *\/\r\n\r\n.nscHero-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.16);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.48);\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 50px\r\n    rgba(8,124,240,.06);\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.nscHero-orb-a {\r\n\r\n  width:240px;\r\n\r\n  height:240px;\r\n\r\n\r\n  top:95px;\r\n\r\n  left:-80px;\r\n\r\n\r\n  animation:\r\n    nscHeroFloatA\r\n    18s ease-in-out\r\n    infinite alternate;\r\n\r\n}\r\n\r\n\r\n.nscHero-orb-b {\r\n\r\n  width:120px;\r\n\r\n  height:120px;\r\n\r\n\r\n  right:4%;\r\n\r\n  top:120px;\r\n\r\n\r\n  animation:\r\n    nscHeroFloatB\r\n    22s ease-in-out\r\n    infinite alternate;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO LAYOUT\r\n   ========================================================= *\/\r\n\r\n.nscHero-shell {\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3vw,\r\n      58px\r\n    );\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,.92fr)\r\n    minmax(560px,1.08fr);\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      38px,\r\n      4.5vw,\r\n      90px\r\n    );\r\n\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n.nscHero-copy {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  max-width:680px;\r\n\r\n\r\n  padding-top:20px;\r\n\r\n}\r\n\r\n\r\n.nscHero-eyebrow {\r\n\r\n  display:block;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  line-height:1.35;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscHero h1 {\r\n\r\n  max-width:650px;\r\n\r\n\r\n  margin:\r\n    18px 0 24px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      58px,\r\n      5.4vw,\r\n      88px\r\n    );\r\n\r\n\r\n  font-weight:400;\r\n\r\n\r\n  line-height:.93;\r\n\r\n\r\n  letter-spacing:-.063em;\r\n\r\n}\r\n\r\n\r\n.nscHero h1 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 43%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.nscHero-intro {\r\n\r\n  max-width:640px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#536d8a;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.nscHero-actions {\r\n\r\n  display:flex;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  margin-top:30px;\r\n\r\n}\r\n\r\n\r\n.nscHero-btn {\r\n\r\n  min-height:51px;\r\n\r\n\r\n  padding:\r\n    0 22px;\r\n\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  border:\r\n    1px solid transparent;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  font-size:14px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n.nscHero-btn:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.nscHero-btn-primary {\r\n\r\n  color:#fff;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #087cf0 0%,\r\n      #176fe0 58%,\r\n      #625fe9 130%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 14px 32px\r\n    rgba(8,124,240,.25);\r\n\r\n}\r\n\r\n\r\n.nscHero-btn-primary:hover {\r\n\r\n  box-shadow:\r\n    0 18px 40px\r\n    rgba(8,124,240,.32);\r\n\r\n}\r\n\r\n\r\n.nscHero-btn-secondary {\r\n\r\n  color:#0b315f;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.82);\r\n\r\n\r\n  border-color:#c8d8e8;\r\n\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(6,30,67,.05);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROOF PILLS\r\n   ========================================================= *\/\r\n\r\n.nscHero-proof {\r\n\r\n  max-width:650px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  margin-top:20px;\r\n\r\n\r\n  color:#617891;\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n.nscHero-proof > span {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    5px 9px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(211,223,235,.90);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.68);\r\n\r\n\r\n  box-shadow:\r\n    0 5px 14px\r\n    rgba(6,30,67,.035);\r\n\r\n}\r\n\r\n\r\n.nscHero-proof i {\r\n\r\n  width:6px;\r\n\r\n  height:6px;\r\n\r\n\r\n  flex:\r\n    0 0 6px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(24,165,101,.10);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n   ========================================================= *\/\r\n\r\n.nscHero-visual {\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  min-height:510px;\r\n\r\n\r\n  perspective:1400px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LIVE CHIP\r\n   ========================================================= *\/\r\n\r\n.nscHero-live {\r\n\r\n  position:absolute;\r\n\r\n\r\n  top:4px;\r\n\r\n  left:1%;\r\n\r\n\r\n  z-index:8;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  padding:\r\n    8px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(203,221,238,.92);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.93);\r\n\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(6,30,67,.09);\r\n\r\n\r\n  color:#4c6683;\r\n\r\n\r\n  font-size:7px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.12em;\r\n\r\n}\r\n\r\n\r\n.nscHero-live i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(24,165,101,.10);\r\n\r\n\r\n  animation:\r\n    nscHeroPulse\r\n    2s ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT WINDOW\r\n   ========================================================= *\/\r\n\r\n.nscHero-window {\r\n\r\n  position:absolute;\r\n\r\n\r\n  width:\r\n    min(\r\n      650px,\r\n      90%\r\n    );\r\n\r\n\r\n  left:3%;\r\n\r\n\r\n  top:52px;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(196,214,231,.96);\r\n\r\n\r\n  border-radius:30px;\r\n\r\n\r\n  background:#fff;\r\n\r\n\r\n  box-shadow:\r\n    0 38px 95px\r\n    rgba(6,30,67,.18);\r\n\r\n\r\n  transform:\r\n    rotate(-.45deg)\r\n    rotateY(-2deg);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WINDOW BAR\r\n   ========================================================= *\/\r\n\r\n.nscHero-windowbar {\r\n\r\n  height:55px;\r\n\r\n\r\n  padding:\r\n    0 15px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    80px 1fr 34px;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  border-bottom:\r\n    1px solid #e3ebf3;\r\n\r\n\r\n  color:#4f6984;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #fbfdff\r\n    );\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.nscHero-dots {\r\n\r\n  display:flex;\r\n\r\n\r\n  gap:5px;\r\n\r\n}\r\n\r\n\r\n.nscHero-dots i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:#d8e2ec;\r\n\r\n}\r\n\r\n\r\n.nscHero-avatar {\r\n\r\n  width:29px;\r\n\r\n  height:29px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:9px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#edf6ff;\r\n\r\n\r\n  border:\r\n    1px solid #d9e9f8;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WINDOW BODY\r\n   ========================================================= *\/\r\n\r\n.nscHero-windowbody {\r\n\r\n  min-height:390px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    104px 1fr;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SIDEBAR\r\n   ========================================================= *\/\r\n\r\n.nscHero-sidebar {\r\n\r\n  padding:\r\n    16px 9px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #126fe1 0%,\r\n      #087cf0 55%,\r\n      #075dc1 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscHero-sidebar img {\r\n\r\n  width:80px;\r\n\r\n\r\n  height:26px;\r\n\r\n\r\n  margin:\r\n    2px auto 15px;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  filter:\r\n    brightness(0)\r\n    invert(1);\r\n\r\n}\r\n\r\n\r\n.nscHero-sidebar > span {\r\n\r\n  min-height:32px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  padding:7px;\r\n\r\n\r\n  border-radius:8px;\r\n\r\n\r\n  color:\r\n    rgba(255,255,255,.84);\r\n\r\n\r\n  font-size:7px;\r\n\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n.nscHero-sidebar > span.active {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  background:#fff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DASHBOARD\r\n   ========================================================= *\/\r\n\r\n.nscHero-dashboard {\r\n\r\n  padding:17px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f7fafe,\r\n      #f3f7fb\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WELCOME\r\n   ========================================================= *\/\r\n\r\n.nscHero-welcome {\r\n\r\n  min-height:70px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  padding:\r\n    12px 13px;\r\n\r\n\r\n  border:\r\n    1px solid #d5e5f4;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 92% 15%,\r\n      rgba(130,68,232,.10),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #fff,\r\n      #edf6ff 61%,\r\n      #fff4ec\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscHero-welcome-copy {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n\r\n}\r\n\r\n\r\n.nscHero-welcome-copy small {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  font-size:5.8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.08em;\r\n\r\n}\r\n\r\n\r\n.nscHero-welcome-copy strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n.nscHero-welcome-copy span {\r\n\r\n  color:#71849a;\r\n\r\n\r\n  font-size:6.3px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   READY\r\n   ========================================================= *\/\r\n\r\n.nscHero-ready {\r\n\r\n  width:125px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  padding:7px;\r\n\r\n\r\n  border:\r\n    1px solid #dce7f1;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  background:#fff;\r\n\r\n}\r\n\r\n\r\n.nscHero-ready > b {\r\n\r\n  width:22px;\r\n\r\n  height:22px;\r\n\r\n\r\n  flex:\r\n    0 0 22px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:7px;\r\n\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#edf9f3;\r\n\r\n}\r\n\r\n\r\n.nscHero-ready > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:2px;\r\n\r\n}\r\n\r\n\r\n.nscHero-ready strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:6.2px;\r\n\r\n}\r\n\r\n\r\n.nscHero-ready small {\r\n\r\n  color:#788b9e;\r\n\r\n\r\n  font-size:5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KPI CARDS\r\n   ========================================================= *\/\r\n\r\n.nscHero-kpis {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  margin-top:10px;\r\n\r\n}\r\n\r\n\r\n.nscHero-kpis article {\r\n\r\n  padding:11px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n\r\n\r\n  border:\r\n    1px solid #e0e8f0;\r\n\r\n\r\n  border-radius:11px;\r\n\r\n\r\n  background:#fff;\r\n\r\n\r\n  box-shadow:\r\n    0 7px 18px\r\n    rgba(6,30,67,.03);\r\n\r\n}\r\n\r\n\r\n.nscHero-kpis span {\r\n\r\n  color:#73869a;\r\n\r\n\r\n  font-size:5.7px;\r\n\r\n}\r\n\r\n\r\n.nscHero-kpis strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:15px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LOWER PANELS\r\n   ========================================================= *\/\r\n\r\n.nscHero-panels {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    1.25fr .75fr;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  margin-top:8px;\r\n\r\n}\r\n\r\n\r\n.nscHero-panels > article {\r\n\r\n  padding:10px;\r\n\r\n\r\n  border:\r\n    1px solid #e0e8f0;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  background:#fff;\r\n\r\n\r\n  box-shadow:\r\n    0 7px 18px\r\n    rgba(6,30,67,.03);\r\n\r\n}\r\n\r\n\r\n.nscHero-panel-title {\r\n\r\n  display:flex;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  margin-bottom:7px;\r\n\r\n}\r\n\r\n\r\n.nscHero-panel-title strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:6.5px;\r\n\r\n}\r\n\r\n\r\n.nscHero-panel-title span {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  font-size:5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROSTER\r\n   ========================================================= *\/\r\n\r\n.nscHero-roster-line {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    4px 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:5px;\r\n\r\n\r\n  padding:\r\n    6px 0;\r\n\r\n\r\n  border-top:\r\n    1px solid #edf1f5;\r\n\r\n}\r\n\r\n\r\n.nscHero-roster-line > i {\r\n\r\n  width:4px;\r\n\r\n\r\n  height:17px;\r\n\r\n\r\n  border-radius:5px;\r\n\r\n}\r\n\r\n\r\n.nscHero-roster-line .green {\r\n  background:var(--green);\r\n}\r\n\r\n\r\n.nscHero-roster-line .blue {\r\n  background:var(--blue);\r\n}\r\n\r\n\r\n.nscHero-roster-line .orange {\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n.nscHero-roster-line span {\r\n\r\n  color:#506984;\r\n\r\n\r\n  font-size:5.3px;\r\n\r\n}\r\n\r\n\r\n.nscHero-roster-line span b {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  margin-right:2px;\r\n\r\n}\r\n\r\n\r\n.nscHero-roster-line small {\r\n\r\n  color:#8191a3;\r\n\r\n\r\n  font-size:4.8px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ATTENTION\r\n   ========================================================= *\/\r\n\r\n.nscHero-attention >\r\ndiv:not(.nscHero-panel-title) {\r\n\r\n  min-height:27px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:5px;\r\n\r\n\r\n  padding:\r\n    5px 0;\r\n\r\n\r\n  border-top:\r\n    1px solid #edf1f5;\r\n\r\n\r\n  color:#5c728c;\r\n\r\n\r\n  font-size:5.2px;\r\n\r\n}\r\n\r\n\r\n.nscHero-attention\r\ndiv:not(.nscHero-panel-title)\r\nb {\r\n\r\n  display:flex;\r\n\r\n\r\n  color:var(--orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING ROLE CARDS\r\n   ========================================================= *\/\r\n\r\n.nscHero-role {\r\n\r\n  --role:var(--blue);\r\n  --soft:#edf6ff;\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:7;\r\n\r\n\r\n  width:150px;\r\n\r\n\r\n  min-height:70px;\r\n\r\n\r\n  padding:10px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    38px 1fr;\r\n\r\n\r\n  grid-template-rows:\r\n    auto auto;\r\n\r\n\r\n  gap:\r\n    2px 8px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(201,218,234,.93);\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(6,30,67,.14);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  text-align:left;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  animation:\r\n    nscHeroRoleFloat\r\n    9s ease-in-out\r\n    infinite alternate;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n.nscHero-role:hover {\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.02);\r\n\r\n\r\n  box-shadow:\r\n    0 24px 55px\r\n    rgba(6,30,67,.18);\r\n\r\n}\r\n\r\n\r\n.nscHero-role > span {\r\n\r\n  grid-row:\r\n    1 \/ 3;\r\n\r\n\r\n  width:38px;\r\n\r\n\r\n  height:38px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  background:var(--soft);\r\n\r\n}\r\n\r\n\r\n.nscHero-role strong {\r\n\r\n  align-self:end;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:10px;\r\n\r\n}\r\n\r\n\r\n.nscHero-role small {\r\n\r\n  color:#70829a;\r\n\r\n\r\n  font-size:6px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ADMIN\r\n   ========================================================= *\/\r\n\r\n.nscHero-role-admin {\r\n\r\n  --role:var(--blue);\r\n\r\n  --soft:#edf6ff;\r\n\r\n\r\n  top:15px;\r\n\r\n\r\n  right:1%;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORKER\r\n   ========================================================= *\/\r\n\r\n.nscHero-role-worker {\r\n\r\n  --role:var(--green);\r\n\r\n  --soft:#edf9f3;\r\n\r\n\r\n  top:112px;\r\n\r\n\r\n  right:-1%;\r\n\r\n\r\n  animation-delay:-2s;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PARTICIPANT\r\n   ========================================================= *\/\r\n\r\n.nscHero-role-participant {\r\n\r\n  --role:var(--purple);\r\n\r\n  --soft:#f5efff;\r\n\r\n\r\n  left:0;\r\n\r\n\r\n  bottom:82px;\r\n\r\n\r\n  animation-delay:-4s;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PEOPLE IMAGE WRAPPER\r\n\r\n   IMPORTANT:\r\n   This is intentionally unchanged.\r\n   ========================================================= *\/\r\n\r\n.nscHero-people-wrap {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:4;\r\n\r\n\r\n  width:\r\n    clamp(\r\n      260px,\r\n      19vw,\r\n      330px\r\n    );\r\n\r\n\r\n  right:10px;\r\n\r\n\r\n  bottom:-5px;\r\n\r\n\r\n  overflow:visible;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PEOPLE IMAGE\r\n   ========================================================= *\/\r\n\r\n.nscHero-people {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:1;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  height:auto;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 22px 28px\r\n      rgba(6,30,67,.12)\r\n    );\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REPRESENTATIVE CARD\r\n\r\n   ONLY MAJOR CHANGE IN THIS VERSION.\r\n\r\n   Card is pushed further RIGHT and slightly DOWN.\r\n   The people image itself does not move.\r\n   ========================================================= *\/\r\n\r\n.nscHero-people-wrap\r\n.nscHero-role-family {\r\n\r\n  --role:var(--orange);\r\n\r\n  --soft:#fff2ea;\r\n\r\n\r\n  z-index:8;\r\n\r\n\r\n  right:-48px;\r\n\r\n\r\n  bottom:-16px;\r\n\r\n\r\n  animation-delay:-6s;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRUST STRIP\r\n   ========================================================= *\/\r\n\r\n.nscHero-trust-wrap {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:10;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    20px 12px 0;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(207,221,235,.96);\r\n\r\n\r\n  border-radius:24px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n\r\n  box-shadow:\r\n    0 22px 65px\r\n    rgba(6,30,67,.10);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(18px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(18px);\r\n\r\n}\r\n\r\n\r\n.nscHero-trust article {\r\n\r\n  min-height:108px;\r\n\r\n\r\n  padding:\r\n    22px clamp(\r\n      18px,\r\n      2vw,\r\n      30px\r\n    );\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:14px;\r\n\r\n\r\n  border-right:\r\n    1px solid #e4ebf2;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust article:last-child {\r\n\r\n  border-right:0;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust-icon {\r\n\r\n  flex:\r\n    0 0 42px;\r\n\r\n\r\n  width:42px;\r\n\r\n\r\n  height:42px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #edf6ff,\r\n      #f2f0ff\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscHero-trust article > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:4px;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.25;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust small {\r\n\r\n  color:#71839a;\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust\r\narticle:nth-child(2)\r\n.nscHero-trust-icon {\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  background:#fff2ea;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust\r\narticle:nth-child(3)\r\n.nscHero-trust-icon {\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#edf9f3;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust\r\narticle:nth-child(4)\r\n.nscHero-trust-icon {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f5efff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICONS\r\n   ========================================================= *\/\r\n\r\n.nscHero [data-nsc-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n}\r\n\r\n\r\n.nscHero [data-nsc-icon] svg {\r\n\r\n  width:1em;\r\n\r\n\r\n  height:1em;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n\r\n}\r\n\r\n\r\n.nscHero-role svg {\r\n\r\n  width:18px !important;\r\n\r\n\r\n  height:18px !important;\r\n\r\n}\r\n\r\n\r\n.nscHero-sidebar svg {\r\n\r\n  width:11px !important;\r\n\r\n\r\n  height:11px !important;\r\n\r\n}\r\n\r\n\r\n.nscHero-ready svg {\r\n\r\n  width:11px !important;\r\n\r\n\r\n  height:11px !important;\r\n\r\n}\r\n\r\n\r\n.nscHero-attention svg {\r\n\r\n  width:9px !important;\r\n\r\n\r\n  height:9px !important;\r\n\r\n}\r\n\r\n\r\n.nscHero-trust-icon svg {\r\n\r\n  width:20px !important;\r\n\r\n\r\n  height:20px !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscHero-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(18px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nsc-delay,0ms);\r\n\r\n}\r\n\r\n\r\n.nscHero-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes nscHeroFloatA {\r\n\r\n  to {\r\n\r\n    transform:\r\n      translate(10px,14px)\r\n      scale(1.03);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes nscHeroFloatB {\r\n\r\n  to {\r\n\r\n    transform:\r\n      translate(-8px,12px)\r\n      scale(.98);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes nscHeroRoleFloat {\r\n\r\n  to {\r\n\r\n    transform:\r\n      translateY(-5px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes nscHeroPulse {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    box-shadow:\r\n      0 0 0 4px\r\n      rgba(24,165,101,.09);\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    box-shadow:\r\n      0 0 0 8px\r\n      rgba(24,165,101,.03);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscHero {\r\n\r\n    padding-top:80px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 28px;\r\n\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n\r\n    gap:30px;\r\n\r\n\r\n    align-items:start;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-copy {\r\n\r\n    padding-top:18px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-visual {\r\n\r\n    min-height:510px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-window {\r\n\r\n    width:94%;\r\n\r\n\r\n    left:0;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    IMAGE LOCATION UNCHANGED\r\n  *\/\r\n\r\n  .nscHero-people-wrap {\r\n\r\n    width:240px;\r\n\r\n\r\n    right:8px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    ONLY CARD POSITION CHANGES\r\n  *\/\r\n\r\n  .nscHero-people-wrap\r\n  .nscHero-role-family {\r\n\r\n    width:142px;\r\n\r\n\r\n    right:-40px;\r\n\r\n\r\n    bottom:-14px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust-wrap {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      20px 10px 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   900PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscHero {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding:\r\n      105px 0 28px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 18px;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:40px;\r\n\r\n\r\n    align-items:start;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-copy {\r\n\r\n    max-width:760px;\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n\r\n\r\n    padding-top:0;\r\n\r\n\r\n    text-align:center;\r\n\r\n  }\r\n\r\n\r\n  .nscHero h1,\r\n  .nscHero-intro {\r\n\r\n    margin-left:auto;\r\n\r\n\r\n    margin-right:auto;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-actions,\r\n  .nscHero-proof {\r\n\r\n    justify-content:center;\r\n\r\n\r\n    margin-left:auto;\r\n\r\n\r\n    margin-right:auto;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-visual {\r\n\r\n    min-height:570px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-window {\r\n\r\n    left:50%;\r\n\r\n\r\n    width:\r\n      min(\r\n        650px,\r\n        84%\r\n      );\r\n\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      rotate(-.3deg);\r\n\r\n  }\r\n\r\n\r\n  .nscHero-live {\r\n\r\n    left:10%;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-admin {\r\n\r\n    right:3%;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-worker {\r\n\r\n    right:0;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-participant {\r\n\r\n    left:3%;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    IMAGE LOCATION UNCHANGED\r\n  *\/\r\n\r\n  .nscHero-people-wrap {\r\n\r\n    width:225px;\r\n\r\n\r\n    right:8px;\r\n\r\n\r\n    bottom:-4px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    ONLY CARD MOVES\r\n  *\/\r\n\r\n  .nscHero-people-wrap\r\n  .nscHero-role-family {\r\n\r\n    width:138px;\r\n\r\n\r\n    right:-34px;\r\n\r\n\r\n    bottom:-13px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust-wrap {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      22px 8px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust article {\r\n\r\n    border-bottom:\r\n      1px solid #e4ebf2;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust\r\n  article:nth-child(2) {\r\n\r\n    border-right:0;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust\r\n  article:nth-child(3),\r\n  .nscHero-trust\r\n  article:nth-child(4) {\r\n\r\n    border-bottom:0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscHero {\r\n\r\n    padding:\r\n      92px 0 20px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-eyebrow {\r\n\r\n    font-size:9px;\r\n\r\n\r\n    line-height:1.5;\r\n\r\n  }\r\n\r\n\r\n  .nscHero h1 {\r\n\r\n    margin-top:14px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        46px,\r\n        14.5vw,\r\n        64px\r\n      );\r\n\r\n\r\n    line-height:.95;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-intro {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-actions {\r\n\r\n    flex-direction:column;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-btn {\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-proof {\r\n\r\n    justify-content:flex-start;\r\n\r\n\r\n    gap:8px;\r\n\r\n\r\n    font-size:10px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-visual {\r\n\r\n    min-height:520px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-live {\r\n\r\n    left:3%;\r\n\r\n\r\n    top:0;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-window {\r\n\r\n    top:38px;\r\n\r\n\r\n    width:97%;\r\n\r\n\r\n    transform:\r\n      translateX(-50%);\r\n\r\n  }\r\n\r\n\r\n  .nscHero-windowbody {\r\n\r\n    grid-template-columns:\r\n      69px 1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-sidebar {\r\n\r\n    padding:\r\n      11px 5px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-sidebar img {\r\n\r\n    width:53px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-sidebar > span {\r\n\r\n    padding:\r\n      6px 4px;\r\n\r\n\r\n    font-size:5.5px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-dashboard {\r\n\r\n    padding:9px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-ready {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-panels {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-attention {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role {\r\n\r\n    width:117px;\r\n\r\n\r\n    min-height:59px;\r\n\r\n\r\n    padding:8px;\r\n\r\n\r\n    grid-template-columns:\r\n      31px 1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role > span {\r\n\r\n    width:31px;\r\n\r\n\r\n    height:31px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role strong {\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role small {\r\n\r\n    font-size:5.5px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-admin {\r\n\r\n    top:2px;\r\n\r\n\r\n    right:-1%;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-worker {\r\n\r\n    top:82px;\r\n\r\n\r\n    right:-3%;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-role-participant {\r\n\r\n    left:-2%;\r\n\r\n\r\n    bottom:70px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    IMAGE LOCATION UNCHANGED\r\n  *\/\r\n\r\n  .nscHero-people-wrap {\r\n\r\n    width:160px;\r\n\r\n\r\n    right:4px;\r\n\r\n\r\n    bottom:-5px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    REPRESENTATIVE MOVES ONLY\r\n  *\/\r\n\r\n  .nscHero-people-wrap\r\n  .nscHero-role-family {\r\n\r\n    width:112px;\r\n\r\n\r\n    min-height:57px;\r\n\r\n\r\n    right:-20px;\r\n\r\n\r\n    bottom:-10px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    border-radius:20px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust article {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding:\r\n      17px 18px;\r\n\r\n\r\n    border-right:\r\n      0 !important;\r\n\r\n\r\n    border-bottom:\r\n      1px solid\r\n      #e4ebf2 !important;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust article:last-child {\r\n\r\n    border-bottom:\r\n      0 !important;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust-icon {\r\n\r\n    width:40px;\r\n\r\n\r\n    height:40px;\r\n\r\n\r\n    flex:\r\n      0 0 40px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscHero-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    IMAGE LOCATION UNCHANGED\r\n  *\/\r\n\r\n  .nscHero-people-wrap {\r\n\r\n    width:150px;\r\n\r\n\r\n    right:2px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    REPRESENTATIVE CARD ONLY\r\n  *\/\r\n\r\n  .nscHero-people-wrap\r\n  .nscHero-role-family {\r\n\r\n    width:108px;\r\n\r\n\r\n    right:-12px;\r\n\r\n\r\n    bottom:-8px;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-trust-wrap {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      18px 6px 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscHero * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n  }\r\n\r\n\r\n  .nscHero-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteHero'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REMOVE EXTERNAL PAGE TITLE\r\n     ======================================================= *\/\r\n\r\n  function removeExternalPageTitle() {\r\n\r\n\r\n    const candidates =\r\n      document.querySelectorAll(\r\n        [\r\n          '.page-header',\r\n          '.entry-title',\r\n          '.page-title',\r\n          '.post-title',\r\n          '.elementor-page-title',\r\n          '.elementor-widget-theme-post-title',\r\n          '.site-title',\r\n          '.site-branding h1',\r\n          '.site-branding .site-title',\r\n          'main > h1',\r\n          '#content > h1',\r\n          '.site-content > h1'\r\n        ].join(',')\r\n      );\r\n\r\n\r\n    candidates.forEach(\r\n      function (element) {\r\n\r\n\r\n        if (\r\n          root.contains(\r\n            element\r\n          )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        const text =\r\n          (element.textContent || '')\r\n            .replace(\/\\s+\/g,' ')\r\n            .trim()\r\n            .toLowerCase();\r\n\r\n\r\n        if (\r\n          text === 'ns care+' ||\r\n          text === 'ns care +'\r\n        ) {\r\n\r\n\r\n          const parent =\r\n            element.parentElement;\r\n\r\n\r\n          element.style.setProperty(\r\n            'display',\r\n            'none',\r\n            'important'\r\n          );\r\n\r\n\r\n          if (\r\n            parent &&\r\n            (\r\n              parent.classList.contains(\r\n                'page-header'\r\n              ) ||\r\n              parent.classList.contains(\r\n                'entry-header'\r\n              )\r\n            )\r\n          ) {\r\n\r\n\r\n            parent.style.setProperty(\r\n              'display',\r\n              'none',\r\n              'important'\r\n            );\r\n\r\n\r\n            parent.style.setProperty(\r\n              'margin',\r\n              '0',\r\n              'important'\r\n            );\r\n\r\n\r\n            parent.style.setProperty(\r\n              'padding',\r\n              '0',\r\n              'important'\r\n            );\r\n\r\n\r\n            parent.style.setProperty(\r\n              'min-height',\r\n              '0',\r\n              'important'\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  removeExternalPageTitle();\r\n\r\n\r\n  window.setTimeout(\r\n    removeExternalPageTitle,\r\n    300\r\n  );\r\n\r\n\r\n  window.setTimeout(\r\n    removeExternalPageTitle,\r\n    1000\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    home:\r\n\r\n      '<path d=\"M3 11.5 12 4l9 7.5\"><\/path>' +\r\n      '<path d=\"M5.5 10.5V20h13v-9.5\"><\/path>' +\r\n      '<path d=\"M9.5 20v-6h5v6\"><\/path>',\r\n\r\n\r\n    calendar:\r\n\r\n      '<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>' +\r\n      '<path d=\"M8 3v4M16 3v4M3 10h18\"><\/path>',\r\n\r\n\r\n    people:\r\n\r\n      '<circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>' +\r\n      '<path d=\"M3 20c0-4 2.7-7 6-7s6 3 6 7\"><\/path>' +\r\n      '<circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>' +\r\n      '<path d=\"M16 14c3 0 5 2 5 5\"><\/path>',\r\n\r\n\r\n    participant:\r\n\r\n      '<circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>' +\r\n      '<path d=\"M5 20c0-4 3-7 7-7s7 3 7 7\"><\/path>',\r\n\r\n\r\n    worker:\r\n\r\n      '<circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>' +\r\n      '<path d=\"M5 20c0-4 3-7 7-7s7 3 7 7\"><\/path>' +\r\n      '<path d=\"M16.5 3.5v5M14 6h5\"><\/path>',\r\n\r\n\r\n    shield:\r\n\r\n      '<path d=\"M12 3 20 6v5c0 5-3.4 8-8 10-4.6-2-8-5-8-10V6l8-3Z\"><\/path>' +\r\n      '<path d=\"m9 12 2 2 4-5\"><\/path>',\r\n\r\n\r\n    check:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n      '<path d=\"m8 12 2.5 2.5L16 9\"><\/path>',\r\n\r\n\r\n    warning:\r\n\r\n      '<path d=\"M12 3 2.5 20h19L12 3Z\"><\/path>' +\r\n      '<path d=\"M12 9v5M12 17h.01\"><\/path>',\r\n\r\n\r\n    clock:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n      '<path d=\"M12 7v5l3 2\"><\/path>',\r\n\r\n\r\n    settings:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>' +\r\n      '<path d=\"M19 12a7 7 0 0 0-.1-1l2-1.6-2-3.4-2.5 1A7 7 0 0 0 14.7 6L14 3h-4l-.7 3a7 7 0 0 0-1.7 1L5 6 3 9.4 5 11a7 7 0 0 0 0 2l-2 1.6L5 18l2.6-1a7 7 0 0 0 1.7 1l.7 3h4l.7-3a7 7 0 0 0 1.7-1l2.6 1 2-3.4-2-1.6c.1-.3.1-.7.1-1Z\"><\/path>',\r\n\r\n\r\n    heart:\r\n\r\n      '<path d=\"M20.8 5.8a5 5 0 0 0-7.1 0L12 7.5l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 21l8.8-8.1a5 5 0 0 0 0-7.1Z\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nsc-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nsc-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscHero-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nsc-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     INTERNAL LINKS\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      'a[href^=\"#\"]'\r\n    )\r\n    .forEach(\r\n      function (link) {\r\n\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          function (event) {\r\n\r\n\r\n            const selector =\r\n              link.getAttribute(\r\n                'href'\r\n              );\r\n\r\n\r\n            if (\r\n              !selector ||\r\n              selector === '#'\r\n            ) {\r\n              return;\r\n            }\r\n\r\n\r\n            const target =\r\n              document.querySelector(\r\n                selector\r\n              );\r\n\r\n\r\n            if (!target) {\r\n              return;\r\n            }\r\n\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            const y =\r\n\r\n              target\r\n                .getBoundingClientRect()\r\n                .top +\r\n\r\n              window.pageYOffset -\r\n\r\n              105;\r\n\r\n\r\n            window.scrollTo({\r\n\r\n              top:y,\r\n\r\n              behavior:'smooth'\r\n\r\n            });\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     PORTAL CARDS\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nsc-portal]'\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          function () {\r\n\r\n\r\n            const role =\r\n              button.getAttribute(\r\n                'data-nsc-portal'\r\n              );\r\n\r\n\r\n            const portals =\r\n              document.querySelector(\r\n                '#nscsitePortals'\r\n              );\r\n\r\n\r\n            if (!portals) {\r\n              return;\r\n            }\r\n\r\n\r\n            const y =\r\n\r\n              portals\r\n                .getBoundingClientRect()\r\n                .top +\r\n\r\n              window.pageYOffset -\r\n\r\n              105;\r\n\r\n\r\n            window.scrollTo({\r\n\r\n              top:y,\r\n\r\n              behavior:'smooth'\r\n\r\n            });\r\n\r\n\r\n            window.setTimeout(\r\n              function () {\r\n\r\n\r\n                const tab =\r\n                  document.querySelector(\r\n                    '[data-preview=\"' +\r\n                    role +\r\n                    '\"]'\r\n                  );\r\n\r\n\r\n                if (tab) {\r\n\r\n                  tab.click();\r\n\r\n                }\r\n\r\n\r\n              },\r\n              550\r\n            );\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     BOOK DEMO\r\n     ======================================================= *\/\r\n\r\n  const demo =\r\n    root.querySelector(\r\n      '[data-nsc-demo]'\r\n    );\r\n\r\n\r\n  if (demo) {\r\n\r\n\r\n    demo.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        const modal =\r\n          document.querySelector(\r\n            '[data-demo-modal]'\r\n          );\r\n\r\n\r\n        if (modal) {\r\n\r\n\r\n          modal.hidden =\r\n            false;\r\n\r\n\r\n          document.body.style.overflow =\r\n            'hidden';\r\n\r\n\r\n          const firstField =\r\n            modal.querySelector(\r\n              'input, select, textarea'\r\n            );\r\n\r\n\r\n          if (firstField) {\r\n\r\n\r\n            window.setTimeout(\r\n              function () {\r\n\r\n                firstField.focus();\r\n\r\n              },\r\n              30\r\n            );\r\n\r\n\r\n          }\r\n\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const demoSection =\r\n          document.querySelector(\r\n            '#nscsiteDemo'\r\n          );\r\n\r\n\r\n        if (demoSection) {\r\n\r\n\r\n          const y =\r\n\r\n            demoSection\r\n              .getBoundingClientRect()\r\n              .top +\r\n\r\n            window.pageYOffset -\r\n\r\n            105;\r\n\r\n\r\n          window.scrollTo({\r\n\r\n            top:y,\r\n\r\n            behavior:'smooth'\r\n\r\n          });\r\n\r\n\r\n        }\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-920da6d elementor-widget elementor-widget-html\" data-id=\"920da6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     FONT AWESOME\r\n     Explicit frontend load for Elementor HTML widget\r\n     ========================================================= -->\r\n\r\n<link\r\n  id=\"nscFontAwesome\"\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/use.fontawesome.com\/releases\/v5.15.4\/css\/all.css\"\r\n  crossorigin=\"anonymous\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\n     NS CARE+ PORTALS\r\n     Login-inspired information cards\r\n     Rounded outer section\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscPortals\" id=\"nscsitePortals\">\r\n\r\n  <div class=\"nscPortals-surface\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND DECORATION\r\n         ===================================================== -->\r\n\r\n    <span\r\n      class=\"nscPortals-orb nscPortals-orb-one\"\r\n      aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n      class=\"nscPortals-orb nscPortals-orb-two\"\r\n      aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n      class=\"nscPortals-grid-bg nscPortals-grid-one\"\r\n      aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n      class=\"nscPortals-grid-bg nscPortals-grid-two\"\r\n      aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n\r\n\r\n    <div class=\"nscPortals-shell\">\r\n\r\n\r\n      <!-- ===================================================\r\n           SECTION HEADING\r\n           =================================================== -->\r\n\r\n      <div class=\"nscPortals-heading nscPortals-reveal\">\r\n\r\n        <span class=\"nscPortals-eyebrow\">\r\n          ONE PLATFORM. FOUR EXPERIENCES.\r\n        <\/span>\r\n\r\n\r\n        <h2>\r\n          Give everyone what they need.\r\n          <span>Not everything in the system.<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <p>\r\n          NS Care+ gives each person a purpose-built experience shaped\r\n          around their role, responsibilities and relationship to support.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           PORTAL CARD GRID\r\n           =================================================== -->\r\n\r\n      <div class=\"nscPortals-card-grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             ADMIN\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"nscPortals-card nscPortals-admin nscPortals-reveal\"\r\n          data-preview=\"admin\"\r\n          data-delay=\"0\"\r\n        >\r\n\r\n\r\n          <div class=\"nscPortals-card-hero\">\r\n\r\n\r\n            <div\r\n              class=\"nscPortals-watermark\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              NS\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- LOGO -->\r\n\r\n            <div class=\"nscPortals-logo-wrap\">\r\n\r\n              <img decoding=\"async\"\r\n                class=\"nscPortals-logo\"\r\n                src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n                alt=\"NS Care+\"\r\n              >\r\n\r\n              <span>\r\n                CARE. CONNECT. EMPOWER.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ROLE -->\r\n\r\n            <div class=\"nscPortals-role\">\r\n\r\n              <span class=\"nscPortals-role-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-shield-alt\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n              ADMIN PORTAL\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- HERO CONTENT -->\r\n\r\n            <div class=\"nscPortals-hero-layout\">\r\n\r\n\r\n              <div class=\"nscPortals-hero-copy\">\r\n\r\n                <h3>\r\n                  Run the operation\r\n                  <span>with confidence.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                  A clear workspace for the people coordinating,\r\n                  governing and improving service delivery.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <!-- ADMIN IMAGE -->\r\n\r\n              <div class=\"nscPortals-person-wrap\">\r\n\r\n                <span\r\n                  class=\"nscPortals-person-orb\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span\r\n                  class=\"nscPortals-person-dots\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <span\r\n                  class=\"nscPortals-float-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n\r\n                  <i class=\"fas fa-cog\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                  class=\"nscPortals-person\"\r\n                  src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Admin-Login-scaled.png\"\r\n                  alt=\"NS Care+ administrator\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- ADMIN INFORMATION -->\r\n\r\n          <div class=\"nscPortals-info\">\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-th-large\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Operational oversight\r\n                <\/strong>\r\n\r\n                <small>\r\n                  See rostering, Participants, workforce and service\r\n                  activity in one operational view.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-check-circle\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Compliance visibility\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Surface credentials, reviews, safeguarding and\r\n                  items requiring attention.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-layer-group\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Connected administration\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Keep referrals, documents, access, reporting and\r\n                  everyday administration connected.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-feature-strip\">\r\n\r\n              <span>ROSTER<\/span>\r\n              <em><\/em>\r\n\r\n              <span>PARTICIPANTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>COMPLIANCE<\/span>\r\n              <em><\/em>\r\n\r\n              <span>REPORTS<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SUPPORT WORKER\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"nscPortals-card nscPortals-worker nscPortals-reveal\"\r\n          data-preview=\"worker\"\r\n          data-delay=\"60\"\r\n        >\r\n\r\n\r\n          <div class=\"nscPortals-card-hero\">\r\n\r\n\r\n            <div\r\n              class=\"nscPortals-watermark\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              NS\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-logo-wrap\">\r\n\r\n              <img decoding=\"async\"\r\n                class=\"nscPortals-logo\"\r\n                src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n                alt=\"NS Care+\"\r\n              >\r\n\r\n              <span>\r\n                CARE. CONNECT. EMPOWER.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-role\">\r\n\r\n              <span class=\"nscPortals-role-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-user-plus\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n              SUPPORT WORKER PORTAL\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-hero-layout\">\r\n\r\n\r\n              <div class=\"nscPortals-hero-copy\">\r\n\r\n                <h3>\r\n                  Everything needed\r\n                  <span>for the support day.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                  A focused mobile-first workspace for Workers delivering\r\n                  support away from a desk.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <!-- WORKER IMAGE -->\r\n\r\n              <div class=\"nscPortals-person-wrap\">\r\n\r\n                <span\r\n                  class=\"nscPortals-person-orb\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span\r\n                  class=\"nscPortals-person-dots\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <span\r\n                  class=\"nscPortals-float-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n\r\n                  <i class=\"fas fa-check\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                  class=\"nscPortals-person\"\r\n                  src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Support-worker-login-scaled.png\"\r\n                  alt=\"NS Care+ Support Worker\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- WORKER INFORMATION -->\r\n\r\n          <div class=\"nscPortals-info\">\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-calendar-alt\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Your support day\r\n                <\/strong>\r\n\r\n                <small>\r\n                  See assigned supports, shift details and what is\r\n                  coming next.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-user\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Relevant Participant context\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Access the information needed to safely deliver\r\n                  the support you are assigned.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-clipboard-list\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Complete work on the go\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Capture notes, service information and availability\r\n                  from a streamlined Worker experience.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-feature-strip\">\r\n\r\n              <span>SUPPORTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>AVAILABILITY<\/span>\r\n              <em><\/em>\r\n\r\n              <span>NOTES<\/span>\r\n              <em><\/em>\r\n\r\n              <span>DOCUMENTS<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             PARTICIPANT\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"nscPortals-card nscPortals-participant nscPortals-reveal\"\r\n          data-preview=\"participant\"\r\n          data-delay=\"120\"\r\n        >\r\n\r\n\r\n          <div class=\"nscPortals-card-hero\">\r\n\r\n\r\n            <div\r\n              class=\"nscPortals-watermark\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              NS\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-logo-wrap\">\r\n\r\n              <img decoding=\"async\"\r\n                class=\"nscPortals-logo\"\r\n                src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n                alt=\"NS Care+\"\r\n              >\r\n\r\n              <span>\r\n                CARE. CONNECT. EMPOWER.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-role\">\r\n\r\n              <span class=\"nscPortals-role-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-user\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n              PARTICIPANT PORTAL\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-hero-layout\">\r\n\r\n\r\n              <div class=\"nscPortals-hero-copy\">\r\n\r\n                <h3>\r\n                  Your supports.\r\n                  <span>Your information.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                  A simpler experience that puts useful information and\r\n                  everyday support access in the Participant's hands.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <!-- PARTICIPANT IMAGE -->\r\n\r\n              <div class=\"nscPortals-person-wrap\">\r\n\r\n                <span\r\n                  class=\"nscPortals-person-orb\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span\r\n                  class=\"nscPortals-person-dots\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <span\r\n                  class=\"nscPortals-float-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n\r\n                  <i class=\"fas fa-heart\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                  class=\"nscPortals-person\"\r\n                  src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Participant-Login-scaled.png\"\r\n                  alt=\"NS Care+ Participant\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PARTICIPANT INFORMATION -->\r\n\r\n          <div class=\"nscPortals-info\">\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-calendar-alt\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  My supports\r\n                <\/strong>\r\n\r\n                <small>\r\n                  See upcoming services, support times and schedule\r\n                  information.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-bullseye\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  My goals and information\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Keep important information easier to understand\r\n                  and access.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-paper-plane\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Requests and updates\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Send requests, view shared information and stay\r\n                  connected with your support team.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-feature-strip\">\r\n\r\n              <span>SUPPORTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>GOALS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>DOCUMENTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>REQUESTS<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             REPRESENTATIVE\r\n             ================================================= -->\r\n\r\n        <article\r\n          class=\"nscPortals-card nscPortals-family nscPortals-reveal\"\r\n          data-preview=\"family\"\r\n          data-delay=\"180\"\r\n        >\r\n\r\n\r\n          <div class=\"nscPortals-card-hero\">\r\n\r\n\r\n            <div\r\n              class=\"nscPortals-watermark\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              NS\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-logo-wrap\">\r\n\r\n              <img decoding=\"async\"\r\n                class=\"nscPortals-logo\"\r\n                src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n                alt=\"NS Care+\"\r\n              >\r\n\r\n              <span>\r\n                CARE. CONNECT. EMPOWER.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-role\">\r\n\r\n              <span class=\"nscPortals-role-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-heart\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n              REPRESENTATIVE PORTAL\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-hero-layout\">\r\n\r\n\r\n              <div class=\"nscPortals-hero-copy\">\r\n\r\n                <h3>\r\n                  Stay connected\r\n                  <span>with confidence.<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                  A dedicated experience for authorised Representatives\r\n                  connected to a Participant.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <!-- REPRESENTATIVE IMAGE -->\r\n\r\n              <div class=\"nscPortals-person-wrap\">\r\n\r\n                <span\r\n                  class=\"nscPortals-person-orb\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span\r\n                  class=\"nscPortals-person-dots\"\r\n                  aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n\r\n                <span\r\n                  class=\"nscPortals-float-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n\r\n                  <i class=\"fas fa-link\"><\/i>\r\n\r\n                <\/span>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                  class=\"nscPortals-person nscPortals-family-image\"\r\n                  src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/family-login-scaled.png\"\r\n                  alt=\"NS Care+ Representative\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- REPRESENTATIVE INFORMATION -->\r\n\r\n          <div class=\"nscPortals-info\">\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-eye\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Stay connected\r\n                <\/strong>\r\n\r\n                <small>\r\n                  See relevant information about the linked Participant\r\n                  and their supports.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-lock\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Permission-based access\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Information is available according to the authorised\r\n                  relationship with the Participant.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-info-row\">\r\n\r\n              <span class=\"nscPortals-info-icon\">\r\n\r\n                <i\r\n                  class=\"fas fa-file-alt\"\r\n                  aria-hidden=\"true\"\r\n                ><\/i>\r\n\r\n              <\/span>\r\n\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Shared information\r\n                <\/strong>\r\n\r\n                <small>\r\n                  View available supports, documents, updates and\r\n                  requests without Administration screens.\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPortals-feature-strip\">\r\n\r\n              <span>SUPPORTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>UPDATES<\/span>\r\n              <em><\/em>\r\n\r\n              <span>DOCUMENTS<\/span>\r\n              <em><\/em>\r\n\r\n              <span>REQUESTS<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           SECURITY STRIP\r\n           =================================================== -->\r\n\r\n      <div\r\n        class=\"nscPortals-security nscPortals-reveal\"\r\n        data-delay=\"220\"\r\n      >\r\n\r\n        <span class=\"nscPortals-security-icon\">\r\n\r\n          <i\r\n            class=\"fas fa-shield-alt\"\r\n            aria-hidden=\"true\"\r\n          ><\/i>\r\n\r\n        <\/span>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Role-based access by design.\r\n          <\/strong>\r\n\r\n          <small>\r\n            Each NS Care+ experience surfaces the right information\r\n            to the right person, without exposing the whole system.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"nscPortals-security-dots\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <span class=\"admin\"><\/span>\r\n\r\n          <span class=\"worker\"><\/span>\r\n\r\n          <span class=\"participant\"><\/span>\r\n\r\n          <span class=\"family\"><\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscPortals,\r\n.nscPortals * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscPortals {\r\n\r\n  --navy:#082b62;\r\n  --text:#173452;\r\n  --muted:#657a92;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    12px 0;\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n.nscPortals img {\r\n  max-width:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FONT AWESOME\r\n   Force correct font family on frontend\r\n   ========================================================= *\/\r\n\r\n.nscPortals .fas {\r\n\r\n  font-family:\r\n    \"Font Awesome 5 Free\" !important;\r\n\r\n\r\n  font-weight:\r\n    900 !important;\r\n\r\n\r\n  font-style:\r\n    normal;\r\n\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  speak:none;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  -moz-osx-font-smoothing:\r\n    grayscale;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROUNDED OUTER SURFACE\r\n   Mirrors header treatment\r\n   ========================================================= *\/\r\n\r\n.nscPortals-surface {\r\n\r\n  position:relative;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    68px 0 72px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(211,224,238,.92);\r\n\r\n\r\n  border-radius:28px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 7% 8%,\r\n      rgba(8,124,240,.08),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 92% 88%,\r\n      rgba(255,91,8,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 72% 12%,\r\n      rgba(130,68,232,.055),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #f6faff 51%,\r\n      #fffaf6 100%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 20px 60px\r\n    rgba(6,30,67,.07);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(18px)\r\n    saturate(1.05);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(18px)\r\n    saturate(1.05);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DECORATION\r\n   ========================================================= *\/\r\n\r\n.nscPortals-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.nscPortals-orb-one {\r\n\r\n  width:520px;\r\n\r\n  height:520px;\r\n\r\n\r\n  top:-340px;\r\n\r\n  left:-210px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.08);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 70px\r\n    rgba(8,124,240,.014),\r\n\r\n    0 0 0 140px\r\n    rgba(130,68,232,.008);\r\n\r\n}\r\n\r\n\r\n.nscPortals-orb-two {\r\n\r\n  width:590px;\r\n\r\n  height:590px;\r\n\r\n\r\n  right:-390px;\r\n\r\n  bottom:-360px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,91,8,.075);\r\n\r\n}\r\n\r\n\r\n\r\n\/* DOT GRIDS *\/\r\n\r\n.nscPortals-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  width:220px;\r\n\r\n  height:220px;\r\n\r\n\r\n  opacity:.22;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background-image:\r\n    radial-gradient(\r\n      circle,\r\n      #8cb8dc 1.8px,\r\n      transparent 2px\r\n    );\r\n\r\n\r\n  background-size:\r\n    18px 18px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-grid-one {\r\n\r\n  left:1%;\r\n\r\n  top:150px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-grid-two {\r\n\r\n  right:1%;\r\n\r\n  bottom:100px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   ========================================================= *\/\r\n\r\n.nscPortals-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3vw,\r\n      48px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.nscPortals-heading {\r\n\r\n  max-width:960px;\r\n\r\n\r\n  margin:\r\n    0 auto 46px;\r\n\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n.nscPortals-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.11);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:\r\n    rgba(237,246,255,.90);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n.nscPortals-heading h2 {\r\n\r\n  max-width:920px;\r\n\r\n\r\n  margin:\r\n    17px auto 18px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      4.8vw,\r\n      66px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  letter-spacing:-.055em;\r\n\r\n}\r\n\r\n\r\n.nscPortals-heading h2 span {\r\n\r\n  display:block;\r\n\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 43%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n\r\n}\r\n\r\n\r\n.nscPortals-heading > p {\r\n\r\n  max-width:730px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:16px;\r\n\r\n\r\n  line-height:1.68;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD GRID\r\n   ========================================================= *\/\r\n\r\n.nscPortals-card-grid {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      4,\r\n      minmax(0,1fr)\r\n    );\r\n\r\n\r\n  gap:15px;\r\n\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BASE CARD\r\n   ========================================================= *\/\r\n\r\n.nscPortals-card {\r\n\r\n  --role:#087cf0;\r\n\r\n  --role-soft:#edf6ff;\r\n\r\n  --role-rgb:8,124,240;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  min-width:0;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(214,225,235,.96);\r\n\r\n\r\n  border-radius:24px;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 17px 42px\r\n    rgba(19,53,85,.075);\r\n\r\n\r\n  transition:\r\n    transform .24s ease,\r\n    border-color .24s ease,\r\n    box-shadow .24s ease;\r\n\r\n}\r\n\r\n\r\n.nscPortals-card:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n\r\n  border-color:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .28\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 28px 62px\r\n    rgba(19,53,85,.13);\r\n\r\n}\r\n\r\n\r\n.nscPortals-card.is-active {\r\n\r\n  transform:\r\n    translateY(-7px);\r\n\r\n\r\n  border-color:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .55\r\n    );\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 28px 65px\r\n    rgba(19,53,85,.14),\r\n\r\n    0 0 0 3px\r\n    rgba(\r\n      var(--role-rgb),\r\n      .08\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLE COLOURS\r\n   ========================================================= *\/\r\n\r\n.nscPortals-admin {\r\n\r\n  --role:#087cf0;\r\n\r\n  --role-soft:#edf6ff;\r\n\r\n  --role-rgb:8,124,240;\r\n\r\n}\r\n\r\n\r\n.nscPortals-worker {\r\n\r\n  --role:#18a565;\r\n\r\n  --role-soft:#edf9f3;\r\n\r\n  --role-rgb:24,165,101;\r\n\r\n}\r\n\r\n\r\n.nscPortals-participant {\r\n\r\n  --role:#8244e8;\r\n\r\n  --role-soft:#f5efff;\r\n\r\n  --role-rgb:130,68,232;\r\n\r\n}\r\n\r\n\r\n.nscPortals-family {\r\n\r\n  --role:#ff5b08;\r\n\r\n  --role-soft:#fff2ea;\r\n\r\n  --role-rgb:255,91,8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD HERO\r\n   ========================================================= *\/\r\n\r\n.nscPortals-card-hero {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:320px;\r\n\r\n\r\n  padding:\r\n    25px 22px 0;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 100%,\r\n      rgba(\r\n        var(--role-rgb),\r\n        .075\r\n      ),\r\n      transparent 42%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff,\r\n      rgba(\r\n        var(--role-rgb),\r\n        .018\r\n      )\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPortals-watermark {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:0;\r\n\r\n\r\n  top:-48px;\r\n\r\n  right:-20px;\r\n\r\n\r\n  color:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .032\r\n    );\r\n\r\n\r\n  font-size:158px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  font-style:italic;\r\n\r\n\r\n  letter-spacing:-54px;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n   ========================================================= *\/\r\n\r\n.nscPortals-logo-wrap {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  min-height:43px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  align-items:flex-start;\r\n\r\n}\r\n\r\n\r\n.nscPortals-logo {\r\n\r\n  display:block;\r\n\r\n\r\n  width:175px;\r\n\r\n\r\n  max-width:78%;\r\n\r\n\r\n  height:auto;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  object-position:left center;\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 4px 9px\r\n      rgba(8,43,98,.045)\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscPortals-logo-wrap > span {\r\n\r\n  margin:\r\n    5px 0 0 4px;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  font-size:5.5px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:1.2px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLE BADGE\r\n   ========================================================= *\/\r\n\r\n.nscPortals-role {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  width:max-content;\r\n\r\n\r\n  max-width:100%;\r\n\r\n\r\n  min-height:29px;\r\n\r\n\r\n  margin-top:20px;\r\n\r\n\r\n  padding:\r\n    0 10px 0 7px;\r\n\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--role-rgb),\r\n      .17\r\n    );\r\n\r\n\r\n  border-radius:8px;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  background:\r\n    var(--role-soft);\r\n\r\n\r\n  font-size:7.8px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.18px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-role-icon {\r\n\r\n  width:18px;\r\n\r\n  height:18px;\r\n\r\n\r\n  flex:\r\n    0 0 18px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n}\r\n\r\n\r\n.nscPortals-role-icon i {\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO LAYOUT\r\n   ========================================================= *\/\r\n\r\n.nscPortals-hero-layout {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  min-height:184px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(120px,.92fr);\r\n\r\n\r\n  align-items:end;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO COPY\r\n   ========================================================= *\/\r\n\r\n.nscPortals-hero-copy {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:7;\r\n\r\n\r\n  padding:\r\n    16px 0 25px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-hero-copy h3 {\r\n\r\n  max-width:220px;\r\n\r\n\r\n  margin:\r\n    0 0 10px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      20px,\r\n      1.45vw,\r\n      25px\r\n    );\r\n\r\n\r\n  line-height:1.06;\r\n\r\n\r\n  font-weight:700;\r\n\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-hero-copy h3 span {\r\n\r\n  display:block;\r\n\r\n\r\n  color:var(--role);\r\n\r\n}\r\n\r\n\r\n.nscPortals-hero-copy p {\r\n\r\n  max-width:215px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#51647b;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.52;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PERSON IMAGE\r\n   ========================================================= *\/\r\n\r\n.nscPortals-person-wrap {\r\n\r\n  position:relative;\r\n\r\n\r\n  width:\r\n    clamp(\r\n      145px,\r\n      11.5vw,\r\n      185px\r\n    );\r\n\r\n\r\n  height:190px;\r\n\r\n\r\n  margin-left:auto;\r\n\r\n\r\n  align-self:end;\r\n\r\n}\r\n\r\n\r\n.nscPortals-person {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  left:0;\r\n\r\n  bottom:0;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  object-position:center bottom;\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 10px 13px\r\n      rgba(14,42,73,.075)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* REPRESENTATIVE HAS TWO PEOPLE *\/\r\n\r\n.nscPortals-family-image {\r\n\r\n  width:119%;\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  left:-14%;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE ORB\r\n   ========================================================= *\/\r\n\r\n.nscPortals-person-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:1;\r\n\r\n\r\n  width:132px;\r\n\r\n  height:132px;\r\n\r\n\r\n  right:-5px;\r\n\r\n  bottom:5px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .085\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscPortals-person-orb::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  width:98px;\r\n\r\n  height:98px;\r\n\r\n\r\n  left:17px;\r\n\r\n  top:17px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--role-rgb),\r\n      .12\r\n    );\r\n\r\n\r\n  border-radius:50%;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE DOTS\r\n   ========================================================= *\/\r\n\r\n.nscPortals-person-dots {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:84px;\r\n\r\n  height:84px;\r\n\r\n\r\n  left:-5px;\r\n\r\n  top:18px;\r\n\r\n\r\n  opacity:.52;\r\n\r\n\r\n  background-image:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(\r\n        var(--role-rgb),\r\n        .56\r\n      ) 1.7px,\r\n      transparent 2px\r\n    );\r\n\r\n\r\n  background-size:\r\n    14px 14px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      135deg,\r\n      #000 15%,\r\n      rgba(0,0,0,.7) 62%,\r\n      transparent 100%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      135deg,\r\n      #000 15%,\r\n      rgba(0,0,0,.7) 62%,\r\n      transparent 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING FONT AWESOME ICON\r\n   ========================================================= *\/\r\n\r\n.nscPortals-float-icon {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:8;\r\n\r\n\r\n  top:12px;\r\n\r\n  right:-2px;\r\n\r\n\r\n  width:42px;\r\n\r\n  height:42px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--role-rgb),\r\n      .18\r\n    );\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(20,48,76,.09);\r\n\r\n}\r\n\r\n\r\n.nscPortals-float-icon i {\r\n\r\n  font-size:17px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INFORMATION AREA\r\n   ========================================================= *\/\r\n\r\n.nscPortals-info {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:6;\r\n\r\n\r\n  flex:1;\r\n\r\n\r\n  padding:\r\n    18px 22px 22px;\r\n\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(223,231,239,.86);\r\n\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INFO ROW\r\n   Login-field inspired\r\n   ========================================================= *\/\r\n\r\n.nscPortals-info-row {\r\n\r\n  width:100%;\r\n\r\n\r\n  min-height:70px;\r\n\r\n\r\n  margin-bottom:10px;\r\n\r\n\r\n  padding:\r\n    10px 11px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    37px 1fr;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  border:\r\n    1px solid #d9e2eb;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff,\r\n      #fcfdff\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 3px 9px\r\n    rgba(15,46,78,.018);\r\n\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    border-color .18s ease,\r\n    background .18s ease,\r\n    box-shadow .18s ease;\r\n\r\n}\r\n\r\n\r\n.nscPortals-info-row:hover {\r\n\r\n  transform:\r\n    translateX(3px);\r\n\r\n\r\n  border-color:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .32\r\n    );\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff,\r\n      var(--role-soft)\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 7px 18px\r\n    rgba(15,46,78,.05);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INFO ICON\r\n   ========================================================= *\/\r\n\r\n.nscPortals-info-icon {\r\n\r\n  width:37px;\r\n\r\n  height:37px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  background:\r\n    var(--role-soft);\r\n\r\n}\r\n\r\n\r\n.nscPortals-info-icon i {\r\n\r\n  font-size:15px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INFO COPY\r\n   ========================================================= *\/\r\n\r\n.nscPortals-info-row > div {\r\n\r\n  min-width:0;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-info-row strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.25;\r\n\r\n}\r\n\r\n\r\n.nscPortals-info-row small {\r\n\r\n  color:#6d8096;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE STRIP\r\n   ========================================================= *\/\r\n\r\n.nscPortals-feature-strip {\r\n\r\n  min-height:43px;\r\n\r\n\r\n  margin-top:13px;\r\n\r\n\r\n  padding:\r\n    8px 9px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--role-rgb),\r\n      .10\r\n    );\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--role);\r\n\r\n\r\n  background:\r\n    var(--role-soft);\r\n\r\n\r\n  font-size:6.6px;\r\n\r\n\r\n  line-height:1.3;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.04em;\r\n\r\n}\r\n\r\n\r\n.nscPortals-feature-strip em {\r\n\r\n  width:3px;\r\n\r\n  height:3px;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    rgba(\r\n      var(--role-rgb),\r\n      .55\r\n    );\r\n\r\n\r\n  font-style:normal;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECURITY STRIP\r\n   ========================================================= *\/\r\n\r\n.nscPortals-security {\r\n\r\n  max-width:930px;\r\n\r\n\r\n  min-height:78px;\r\n\r\n\r\n  margin:\r\n    38px auto 0;\r\n\r\n\r\n  padding:\r\n    14px 17px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    44px 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:13px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(211,224,236,.96);\r\n\r\n\r\n  border-radius:17px;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.86);\r\n\r\n\r\n  box-shadow:\r\n    0 14px 38px\r\n    rgba(19,53,85,.055);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-icon {\r\n\r\n  width:44px;\r\n\r\n  height:44px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:13px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#edf6ff;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-icon i {\r\n\r\n  font-size:18px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security >\r\ndiv:nth-child(2) {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:4px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:12px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security small {\r\n\r\n  color:#6d8096;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECURITY DOTS\r\n   ========================================================= *\/\r\n\r\n.nscPortals-security-dots {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  padding-right:5px;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-dots span {\r\n\r\n  width:9px;\r\n\r\n  height:9px;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-dots .admin {\r\n\r\n  background:var(--blue);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(8,124,240,.07);\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-dots .worker {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(24,165,101,.07);\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-dots .participant {\r\n\r\n  background:var(--purple);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(130,68,232,.07);\r\n\r\n}\r\n\r\n\r\n.nscPortals-security-dots .family {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,91,8,.07);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscPortals-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(18px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscp-delay,0ms);\r\n\r\n}\r\n\r\n\r\n.nscPortals-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n   ========================================================= *\/\r\n\r\n@media (min-width:1500px) {\r\n\r\n  .nscPortals-card-hero {\r\n\r\n    min-height:330px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-wrap {\r\n\r\n    width:188px;\r\n\r\n\r\n    height:200px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-logo {\r\n\r\n    width:185px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy p {\r\n\r\n    font-size:10.5px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row {\r\n\r\n    min-height:73px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TWO COLUMN\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscPortals-surface {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      64px 0 68px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-shell {\r\n\r\n    padding:\r\n      0 30px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(\r\n        2,\r\n        minmax(0,1fr)\r\n      );\r\n\r\n\r\n    gap:18px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card-hero {\r\n\r\n    min-height:335px;\r\n\r\n\r\n    padding:\r\n      27px 27px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info {\r\n\r\n    padding:\r\n      19px 27px 24px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-logo {\r\n\r\n    width:205px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-layout {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1.2fr)\r\n      190px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-wrap {\r\n\r\n    width:195px;\r\n\r\n\r\n    height:205px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy h3 {\r\n\r\n    max-width:290px;\r\n\r\n\r\n    font-size:27px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy p {\r\n\r\n    max-width:285px;\r\n\r\n\r\n    font-size:11px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row strong {\r\n\r\n    font-size:11px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row small {\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscPortals {\r\n\r\n    padding:\r\n      8px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-surface {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      58px 0 64px;\r\n\r\n\r\n    border-radius:24px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-shell {\r\n\r\n    padding:\r\n      0 22px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-heading {\r\n\r\n    margin-bottom:38px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-heading > p {\r\n\r\n    font-size:15px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ONE COLUMN\r\n   ========================================================= *\/\r\n\r\n@media (max-width:760px) {\r\n\r\n  .nscPortals-card-grid {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card {\r\n\r\n    width:\r\n      min(\r\n        570px,\r\n        100%\r\n      );\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card-hero {\r\n\r\n    min-height:335px;\r\n\r\n\r\n    padding:\r\n      26px 28px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info {\r\n\r\n    padding:\r\n      18px 28px 23px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-logo {\r\n\r\n    width:205px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-layout {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1.15fr)\r\n      190px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-wrap {\r\n\r\n    width:195px;\r\n\r\n\r\n    height:205px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy h3 {\r\n\r\n    font-size:27px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:580px) {\r\n\r\n  .nscPortals-surface {\r\n\r\n    padding:\r\n      48px 0 54px;\r\n\r\n\r\n    border-radius:21px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-shell {\r\n\r\n    padding:\r\n      0 10px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-heading {\r\n\r\n    margin-bottom:31px;\r\n\r\n\r\n    text-align:left;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-eyebrow {\r\n\r\n    font-size:8.5px;\r\n\r\n\r\n    letter-spacing:.12em;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-heading h2 {\r\n\r\n    margin-top:14px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        37px,\r\n        10.7vw,\r\n        49px\r\n      );\r\n\r\n\r\n    line-height:1.02;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-heading > p {\r\n\r\n    font-size:14px;\r\n\r\n\r\n    line-height:1.62;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card {\r\n\r\n    border-radius:20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card-hero {\r\n\r\n    min-height:315px;\r\n\r\n\r\n    padding:\r\n      22px 18px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-logo {\r\n\r\n    width:176px;\r\n\r\n\r\n    max-width:74%;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-logo-wrap > span {\r\n\r\n    font-size:5px;\r\n\r\n\r\n    letter-spacing:1px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-role {\r\n\r\n    margin-top:18px;\r\n\r\n\r\n    font-size:7px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-layout {\r\n\r\n    min-height:195px;\r\n\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      140px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-wrap {\r\n\r\n    width:150px;\r\n\r\n\r\n    height:170px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-family-image {\r\n\r\n    width:122%;\r\n\r\n\r\n    left:-16%;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-orb {\r\n\r\n    width:110px;\r\n\r\n\r\n    height:110px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-orb::before {\r\n\r\n    width:82px;\r\n\r\n\r\n    height:82px;\r\n\r\n\r\n    top:14px;\r\n\r\n\r\n    left:14px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-dots {\r\n\r\n    width:69px;\r\n\r\n\r\n    height:69px;\r\n\r\n\r\n    background-size:\r\n      12px 12px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-float-icon {\r\n\r\n    width:37px;\r\n\r\n\r\n    height:37px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-float-icon i {\r\n\r\n    font-size:15px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy {\r\n\r\n    padding-bottom:20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy h3 {\r\n\r\n    max-width:180px;\r\n\r\n\r\n    font-size:20px;\r\n\r\n\r\n    line-height:1.07;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy p {\r\n\r\n    max-width:175px;\r\n\r\n\r\n    font-size:9px;\r\n\r\n\r\n    line-height:1.45;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info {\r\n\r\n    padding:\r\n      16px 18px 20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row {\r\n\r\n    min-height:72px;\r\n\r\n\r\n    grid-template-columns:\r\n      35px 1fr;\r\n\r\n\r\n    padding:\r\n      9px 10px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-icon {\r\n\r\n    width:35px;\r\n\r\n\r\n    height:35px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row strong {\r\n\r\n    font-size:10px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info-row small {\r\n\r\n    font-size:8px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-feature-strip {\r\n\r\n    justify-content:flex-start;\r\n\r\n\r\n    font-size:6.4px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-security {\r\n\r\n    grid-template-columns:\r\n      40px 1fr;\r\n\r\n\r\n    margin-top:30px;\r\n\r\n\r\n    padding:14px;\r\n\r\n\r\n    align-items:start;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-security-dots {\r\n\r\n    grid-column:2;\r\n\r\n\r\n    padding:\r\n      5px 0 2px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   Same outer gutter as header\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscPortals {\r\n\r\n    padding:\r\n      6px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-surface {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    border-radius:20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-shell {\r\n\r\n    padding:\r\n      0 7px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-card-hero {\r\n\r\n    padding:\r\n      21px 16px 0;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-info {\r\n\r\n    padding:\r\n      15px 16px 19px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-layout {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      127px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-person-wrap {\r\n\r\n    width:137px;\r\n\r\n\r\n    height:160px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy h3 {\r\n\r\n    font-size:19px;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-hero-copy p {\r\n\r\n    font-size:8.5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscPortals * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n  }\r\n\r\n\r\n  .nscPortals-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  \/* =======================================================\r\n     ENSURE FONT AWESOME EXISTS ON LIVE FRONTEND\r\n\r\n     Elementor's editor can load Font Awesome even when\r\n     the live frontend does not. This independently checks\r\n     and injects the stylesheet into <head>.\r\n     ======================================================= *\/\r\n\r\n  function ensureFontAwesome() {\r\n\r\n\r\n    const existing =\r\n      document.querySelector(\r\n        'link[href*=\"fontawesome\"],' +\r\n        'link[href*=\"font-awesome\"],' +\r\n        '#nscFontAwesome,' +\r\n        '#nscFontAwesomeRuntime'\r\n      );\r\n\r\n\r\n    if (existing) {\r\n      return;\r\n    }\r\n\r\n\r\n    const link =\r\n      document.createElement(\r\n        'link'\r\n      );\r\n\r\n\r\n    link.id =\r\n      'nscFontAwesomeRuntime';\r\n\r\n\r\n    link.rel =\r\n      'stylesheet';\r\n\r\n\r\n    link.href =\r\n      'https:\/\/use.fontawesome.com\/releases\/v5.15.4\/css\/all.css';\r\n\r\n\r\n    link.crossOrigin =\r\n      'anonymous';\r\n\r\n\r\n    document.head.appendChild(\r\n      link\r\n    );\r\n\r\n  }\r\n\r\n\r\n  ensureFontAwesome();\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ROOT\r\n     ======================================================= *\/\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsitePortals'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     HERO PORTAL CARD TARGETS\r\n\r\n     Hero cards search for:\r\n     [data-preview=\"admin\"]\r\n     [data-preview=\"worker\"]\r\n     [data-preview=\"participant\"]\r\n     [data-preview=\"family\"]\r\n\r\n     Clicking\/highlighting the target card still works.\r\n     ======================================================= *\/\r\n\r\n  const cards =\r\n    root.querySelectorAll(\r\n      '.nscPortals-card[data-preview]'\r\n    );\r\n\r\n\r\n  cards.forEach(\r\n    function (card) {\r\n\r\n\r\n      card.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n\r\n          cards.forEach(\r\n            function (item) {\r\n\r\n\r\n              item.classList.remove(\r\n                'is-active'\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n          card.classList.add(\r\n            'is-active'\r\n          );\r\n\r\n\r\n          window.setTimeout(\r\n            function () {\r\n\r\n\r\n              card.classList.remove(\r\n                'is-active'\r\n              );\r\n\r\n\r\n            },\r\n            1800\r\n          );\r\n\r\n\r\n        }\r\n      );\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscPortals-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscp-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.06\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-644b547 elementor-widget elementor-widget-html\" data-id=\"644b547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ PLATFORM\r\n     PAIN POINT STORY CAROUSEL\r\n\r\n     SOLID ONE-COLOUR ROLE WATERMARKS\r\n     CSS mask using original transparent PNG illustrations\r\n\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscPlatform\" id=\"nscsitePlatform\">\r\n\r\n  <div class=\"nscPlatform-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADING\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscPlatform-heading nscPlatform-reveal\">\r\n\r\n      <span class=\"nscPlatform-eyebrow\">\r\n        LESS ADMIN. MORE CLARITY.\r\n      <\/span>\r\n\r\n      <h2>\r\n        When everyday operations are spread everywhere,\r\n        <span>small problems become big ones.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Disconnected systems do not just create more administration.\r\n        They affect the people coordinating supports, delivering services,\r\n        receiving support and staying connected to someone they care about.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CAROUSEL\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscPainCarousel nscPlatform-reveal\"\r\n      data-delay=\"100\"\r\n      data-nsc-pain-carousel\r\n      tabindex=\"0\"\r\n      aria-label=\"Operational pain points\"\r\n    >\r\n\r\n\r\n      <!-- ===================================================\r\n           TOP BAR\r\n           =================================================== -->\r\n\r\n      <div class=\"nscPainCarousel-top\">\r\n\r\n\r\n        <div class=\"nscPainCarousel-status\">\r\n\r\n          <span\r\n            class=\"nscPainCarousel-status-dot\"\r\n            data-nsc-status-dot\r\n          ><\/span>\r\n\r\n          <span>\r\n            COMMON OPERATIONAL PAIN POINT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"nscPainCarousel-controls\">\r\n\r\n\r\n          <span\r\n            class=\"nscPainCarousel-count\"\r\n            aria-live=\"polite\"\r\n          >\r\n\r\n            <b data-nsc-current>\r\n              01\r\n            <\/b>\r\n\r\n            <i>\/<\/i>\r\n\r\n            <span>\r\n              04\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"nscPainCarousel-arrow\"\r\n            data-nsc-prev\r\n            aria-label=\"Previous pain point\"\r\n          >\r\n            \u2190\r\n          <\/button>\r\n\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"nscPainCarousel-arrow\"\r\n            data-nsc-next\r\n            aria-label=\"Next pain point\"\r\n          >\r\n            \u2192\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           VIEWPORT\r\n           =================================================== -->\r\n\r\n      <div class=\"nscPainCarousel-viewport\">\r\n\r\n        <div\r\n          class=\"nscPainCarousel-track\"\r\n          data-nsc-track\r\n        >\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 01\r\n               ADMIN\r\n               ================================================= -->\r\n\r\n          <article\r\n            class=\"nscPainSlide nscPainSlide-admin\"\r\n            data-nsc-slide\r\n            aria-hidden=\"false\"\r\n            style=\"--pain-accent:#087cf0;\"\r\n          >\r\n\r\n\r\n            <!-- LEFT IMAGE -->\r\n\r\n            <div class=\"nscPainSlide-media\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1783115259399-3a5a3e0e4592?auto=format&fit=crop&w=1800&q=85\"\r\n                alt=\"Person working with a spreadsheet on a laptop\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n\r\n              <div\r\n                class=\"nscPainSlide-image-gradient\"\r\n                aria-hidden=\"true\"\r\n              ><\/div>\r\n\r\n\r\n              <div class=\"nscPainSlide-image-label\">\r\n\r\n                <span>\r\n                  01\r\n                <\/span>\r\n\r\n                <strong>\r\n                  SPREADSHEET ROSTERING\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- RIGHT CONTENT -->\r\n\r\n            <div class=\"nscPainSlide-content\">\r\n\r\n\r\n              <!--\r\n                   ADMIN SILHOUETTE WATERMARK\r\n                   Original PNG becomes the mask.\r\n              -->\r\n\r\n              <span\r\n                class=\"nscPainSlide-watermark nscPainSlide-watermark-admin\"\r\n                style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Admin-Login-scaled.png');\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n\r\n\r\n\r\n              <span class=\"nscPainSlide-role\">\r\n\r\n                <i><\/i>\r\n\r\n                ADMINISTRATION\r\n\r\n              <\/span>\r\n\r\n\r\n              <span class=\"nscPainSlide-kicker\">\r\n                THE PAIN POINT\r\n              <\/span>\r\n\r\n\r\n              <h3>\r\n                The roster is still\r\n                <span>living in a spreadsheet.<\/span>\r\n              <\/h3>\r\n\r\n\r\n              <p class=\"nscPainSlide-intro\">\r\n                A spreadsheet may work when an organisation is small.\r\n                As services grow, it becomes harder to know which version\r\n                is current, what changed and who needs to know.\r\n              <\/p>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-signals\">\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Multiple versions\r\n                    <\/strong>\r\n\r\n                    Changes are copied, emailed and manually reconciled.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Gaps are harder to see\r\n                    <\/strong>\r\n\r\n                    Unfilled supports disappear inside rows, tabs and filters.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Every change creates more admin\r\n                    <\/strong>\r\n\r\n                    A roster update can trigger another round of calls and messages.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-solution\">\r\n\r\n                <small>\r\n                  WITH NS CARE+\r\n                <\/small>\r\n\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Move from maintaining a roster to seeing the operation.\r\n                  <\/strong>\r\n\r\n                  <p>\r\n                    Keep supports, Workers, gaps and changes visible from\r\n                    one connected operational view.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 02\r\n               SUPPORT WORKER\r\n               ================================================= -->\r\n\r\n          <article\r\n            class=\"nscPainSlide nscPainSlide-worker\"\r\n            data-nsc-slide\r\n            aria-hidden=\"true\"\r\n            style=\"--pain-accent:#18a565;\"\r\n          >\r\n\r\n\r\n            <div class=\"nscPainSlide-media\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1767788543684-811c14c3244b?auto=format&fit=crop&w=1800&q=85\"\r\n                alt=\"Person working with messages and information on a laptop\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n\r\n              <div\r\n                class=\"nscPainSlide-image-gradient\"\r\n                aria-hidden=\"true\"\r\n              ><\/div>\r\n\r\n\r\n              <div class=\"nscPainSlide-image-label\">\r\n\r\n                <span>\r\n                  02\r\n                <\/span>\r\n\r\n                <strong>\r\n                  SHIFT CHANGES &amp; MESSAGES\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPainSlide-content\">\r\n\r\n\r\n              <!-- SUPPORT WORKER MASK -->\r\n\r\n              <span\r\n                class=\"nscPainSlide-watermark nscPainSlide-watermark-worker\"\r\n                style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Support-worker-login-scaled.png');\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n\r\n\r\n\r\n              <span class=\"nscPainSlide-role\">\r\n\r\n                <i><\/i>\r\n\r\n                SUPPORT WORKER\r\n\r\n              <\/span>\r\n\r\n\r\n              <span class=\"nscPainSlide-kicker\">\r\n                THE PAIN POINT\r\n              <\/span>\r\n\r\n\r\n              <h3>\r\n                Every change becomes\r\n                <span>another message.<\/span>\r\n              <\/h3>\r\n\r\n\r\n              <p class=\"nscPainSlide-intro\">\r\n                Workers need clear information about where they are going,\r\n                who they are supporting and what has changed. When that\r\n                information lives across calls, texts and email, clarity disappears.\r\n              <\/p>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-signals\">\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Shift details arrive from different places\r\n                    <\/strong>\r\n\r\n                    Workers can spend time piecing together the latest information.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Changes are easy to miss\r\n                    <\/strong>\r\n\r\n                    Important updates compete with everyday communication.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Work follows the Worker home\r\n                    <\/strong>\r\n\r\n                    Notes and follow-up can become another task after the support ends.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-solution\">\r\n\r\n                <small>\r\n                  WITH NS CARE+\r\n                <\/small>\r\n\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Give Workers one focused view of their support day.\r\n                  <\/strong>\r\n\r\n                  <p>\r\n                    Bring assigned supports, relevant Participant context,\r\n                    notes and service information into one mobile-first experience.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 03\r\n               PARTICIPANT\r\n               ================================================= -->\r\n\r\n          <article\r\n            class=\"nscPainSlide nscPainSlide-participant\"\r\n            data-nsc-slide\r\n            aria-hidden=\"true\"\r\n            style=\"--pain-accent:#8244e8;\"\r\n          >\r\n\r\n\r\n            <div class=\"nscPainSlide-media\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1777917845221-f92884c1b61b?auto=format&fit=crop&w=1800&q=85\"\r\n                alt=\"Documents and files stored across an office workspace\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n\r\n              <div\r\n                class=\"nscPainSlide-image-gradient\"\r\n                aria-hidden=\"true\"\r\n              ><\/div>\r\n\r\n\r\n              <div class=\"nscPainSlide-image-label\">\r\n\r\n                <span>\r\n                  03\r\n                <\/span>\r\n\r\n                <strong>\r\n                  DISCONNECTED INFORMATION\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPainSlide-content\">\r\n\r\n\r\n              <!-- PARTICIPANT MASK -->\r\n\r\n              <span\r\n                class=\"nscPainSlide-watermark nscPainSlide-watermark-participant\"\r\n                style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Participant-Login-scaled.png');\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n\r\n\r\n\r\n              <span class=\"nscPainSlide-role\">\r\n\r\n                <i><\/i>\r\n\r\n                PARTICIPANT\r\n\r\n              <\/span>\r\n\r\n\r\n              <span class=\"nscPainSlide-kicker\">\r\n                THE PAIN POINT\r\n              <\/span>\r\n\r\n\r\n              <h3>\r\n                Participant information is\r\n                <span>spread across systems.<\/span>\r\n              <\/h3>\r\n\r\n\r\n              <p class=\"nscPainSlide-intro\">\r\n                When plans, goals, documents, notes, incidents and support\r\n                information live separately, staff have to mentally assemble\r\n                the Participant's story every time they need it.\r\n              <\/p>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-signals\">\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Information loses context\r\n                    <\/strong>\r\n\r\n                    A document may exist without being visible where the work happens.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      People repeat themselves\r\n                    <\/strong>\r\n\r\n                    Important information can be requested more than once.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Decision-making slows down\r\n                    <\/strong>\r\n\r\n                    Staff search multiple systems before seeing the full picture.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-solution\">\r\n\r\n                <small>\r\n                  WITH NS CARE+\r\n                <\/small>\r\n\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Keep the Participant at the centre of the information.\r\n                  <\/strong>\r\n\r\n                  <p>\r\n                    Connect supports, records, documents and everyday\r\n                    operational context around the person they relate to.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n\r\n          <!-- =================================================\r\n               SLIDE 04\r\n               REPRESENTATIVE\r\n               ================================================= -->\r\n\r\n          <article\r\n            class=\"nscPainSlide nscPainSlide-family\"\r\n            data-nsc-slide\r\n            aria-hidden=\"true\"\r\n            style=\"--pain-accent:#ff5b08;\"\r\n          >\r\n\r\n\r\n            <div class=\"nscPainSlide-media\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1758876021444-3885d0a2539f?auto=format&fit=crop&w=1800&q=85\"\r\n                alt=\"People coordinating information and reminders\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n\r\n              <div\r\n                class=\"nscPainSlide-image-gradient\"\r\n                aria-hidden=\"true\"\r\n              ><\/div>\r\n\r\n\r\n              <div class=\"nscPainSlide-image-label\">\r\n\r\n                <span>\r\n                  04\r\n                <\/span>\r\n\r\n                <strong>\r\n                  UPDATES &amp; FOLLOW-UP\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nscPainSlide-content\">\r\n\r\n\r\n              <!-- REPRESENTATIVE MASK -->\r\n\r\n              <span\r\n                class=\"nscPainSlide-watermark nscPainSlide-watermark-family\"\r\n                style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/family-login-scaled.png');\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n\r\n\r\n\r\n              <span class=\"nscPainSlide-role\">\r\n\r\n                <i><\/i>\r\n\r\n                REPRESENTATIVE\r\n\r\n              <\/span>\r\n\r\n\r\n              <span class=\"nscPainSlide-kicker\">\r\n                THE PAIN POINT\r\n              <\/span>\r\n\r\n\r\n              <h3>\r\n                Staying informed depends on\r\n                <span>someone sending an update.<\/span>\r\n              <\/h3>\r\n\r\n\r\n              <p class=\"nscPainSlide-intro\">\r\n                Families and authorised Representatives often rely on calls,\r\n                emails and individual staff members to stay connected to\r\n                relevant support information.\r\n              <\/p>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-signals\">\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Updates are inconsistent\r\n                    <\/strong>\r\n\r\n                    Visibility can depend on who remembers to communicate.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Questions create more administration\r\n                    <\/strong>\r\n\r\n                    Staff spend time finding and relaying information manually.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <span><\/span>\r\n\r\n                  <p>\r\n                    <strong>\r\n                      Access can be difficult to control\r\n                    <\/strong>\r\n\r\n                    The right information needs to be shared without exposing everything.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"nscPainSlide-solution\">\r\n\r\n                <small>\r\n                  WITH NS CARE+\r\n                <\/small>\r\n\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Provide a clearer permission-based connection.\r\n                  <\/strong>\r\n\r\n                  <p>\r\n                    Give authorised Representatives access to the information\r\n                    available to them without opening the Administration system.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           CAROUSEL FOOTER\r\n           =================================================== -->\r\n\r\n      <div class=\"nscPainCarousel-footer\">\r\n\r\n\r\n        <div\r\n          class=\"nscPainCarousel-dots\"\r\n          role=\"tablist\"\r\n          aria-label=\"Select a pain point\"\r\n        >\r\n\r\n          <button\r\n            class=\"is-active\"\r\n            type=\"button\"\r\n            aria-label=\"Administration pain point\"\r\n            aria-selected=\"true\"\r\n            data-slide-index=\"0\"\r\n          ><\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            aria-label=\"Support Worker pain point\"\r\n            aria-selected=\"false\"\r\n            data-slide-index=\"1\"\r\n          ><\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            aria-label=\"Participant pain point\"\r\n            aria-selected=\"false\"\r\n            data-slide-index=\"2\"\r\n          ><\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            aria-label=\"Representative pain point\"\r\n            aria-selected=\"false\"\r\n            data-slide-index=\"3\"\r\n          ><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"nscPainCarousel-progress\">\r\n\r\n          <span data-nsc-progress><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <span class=\"nscPainCarousel-hint\">\r\n          DRAG, SWIPE OR USE THE ARROWS\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CLOSING MESSAGE\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscPlatform-close nscPlatform-reveal\"\r\n      data-delay=\"180\"\r\n    >\r\n\r\n      <span>\r\n        NS CARE+\r\n      <\/span>\r\n\r\n      <strong>\r\n        One clearer operational environment.\r\n      <\/strong>\r\n\r\n      <p>\r\n        Less time joining the pieces together. More visibility into\r\n        what is happening, what needs attention and what comes next.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   NO BACKGROUND FILL\r\n   ========================================================= *\/\r\n\r\n.nscPlatform,\r\n.nscPlatform * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscPlatform {\r\n\r\n  --navy:#082b62;\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    82px 0 96px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:#173452;\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  \/*\r\n    No section background.\r\n  *\/\r\n\r\n  background:transparent;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   ========================================================= *\/\r\n\r\n.nscPlatform-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.4vw,\r\n      66px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.nscPlatform-heading {\r\n\r\n  max-width:1080px;\r\n\r\n\r\n  margin:\r\n    0 auto 47px;\r\n\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.12);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:\r\n    rgba(237,246,255,.75);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-heading h2 {\r\n\r\n  max-width:1020px;\r\n\r\n\r\n  margin:\r\n    17px auto 19px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      4.5vw,\r\n      64px\r\n    );\r\n\r\n\r\n  line-height:1.01;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.052em;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-heading h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 45%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-heading > p {\r\n\r\n  max-width:830px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:16px;\r\n\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel {\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(204,219,233,.98);\r\n\r\n\r\n  border-radius:30px;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 28px 80px\r\n    rgba(6,30,67,.11);\r\n\r\n\r\n  outline:none;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel:focus-visible {\r\n\r\n  box-shadow:\r\n\r\n    0 28px 80px\r\n    rgba(6,30,67,.11),\r\n\r\n    0 0 0 4px\r\n    rgba(8,124,240,.10);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP BAR\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-top {\r\n\r\n  min-height:68px;\r\n\r\n\r\n  padding:\r\n    0 20px 0 24px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:20px;\r\n\r\n\r\n  border-bottom:\r\n    1px solid #e4ebf2;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-status {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  color:#61758b;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.13em;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-status-dot {\r\n\r\n  width:8px;\r\n\r\n\r\n  height:8px;\r\n\r\n\r\n  flex:\r\n    0 0 8px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,91,8,.08);\r\n\r\n\r\n  transition:\r\n    background .35s ease,\r\n    box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-controls {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-count {\r\n\r\n  min-width:66px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:5px;\r\n\r\n\r\n  color:#8191a3;\r\n\r\n\r\n  font-size:10px;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-count b {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:14px;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-count i {\r\n\r\n  font-style:normal;\r\n\r\n\r\n  opacity:.4;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-arrow {\r\n\r\n  width:42px;\r\n\r\n\r\n  height:42px;\r\n\r\n\r\n  padding:0;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    1px solid #cfdeeb;\r\n\r\n\r\n  border-radius:13px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 6px 17px\r\n    rgba(6,30,67,.04);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:19px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    color .18s ease,\r\n    border-color .18s ease,\r\n    box-shadow .18s ease;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-arrow:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  border-color:#acd2f6;\r\n\r\n\r\n  box-shadow:\r\n    0 10px 22px\r\n    rgba(8,124,240,.10);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-viewport {\r\n\r\n  width:100%;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  touch-action:pan-y;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-track {\r\n\r\n  width:100%;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  transform:\r\n    translate3d(0,0,0);\r\n\r\n\r\n  transition:\r\n    transform .62s\r\n    cubic-bezier(.22,.72,.23,1);\r\n\r\n\r\n  will-change:transform;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide {\r\n\r\n  --pain-accent:#087cf0;\r\n\r\n\r\n  flex:\r\n    0 0 100%;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  min-width:100%;\r\n\r\n\r\n  min-height:560px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.1fr)\r\n    minmax(410px,.9fr);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT MEDIA\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-media {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:560px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  background:#e8edf2;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-media > img {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  object-fit:cover;\r\n\r\n\r\n  object-position:center;\r\n\r\n\r\n  transform:\r\n    scale(1.01);\r\n\r\n\r\n  transition:\r\n    transform 7s ease;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide[aria-hidden=\"false\"]\r\n.nscPainSlide-media > img {\r\n\r\n  transform:\r\n    scale(1.055);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-image-gradient {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(3,16,34,.03) 15%,\r\n      rgba(3,16,34,.05) 45%,\r\n      rgba(3,16,34,.68) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 60%,\r\n      rgba(3,16,34,.08)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-image-label {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:4;\r\n\r\n\r\n  left:26px;\r\n\r\n\r\n  bottom:29px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:11px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-image-label > span {\r\n\r\n  width:39px;\r\n\r\n\r\n  height:39px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.30);\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  background:\r\n    rgba(0,0,0,.20);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(10px);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-image-label strong {\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.12em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-content {\r\n\r\n  position:relative;\r\n\r\n\r\n  isolation:isolate;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  padding:\r\n    clamp(\r\n      35px,\r\n      3.6vw,\r\n      54px\r\n    );\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SOLID ROLE WATERMARK\r\n\r\n   The PNG is used ONLY as a transparency mask.\r\n\r\n   Every visible part of the illustration becomes\r\n   var(--pain-accent).\r\n\r\n   There is no original skin, clothing, hair or device colour.\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-watermark {\r\n\r\n  position:absolute !important;\r\n\r\n\r\n  z-index:0 !important;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  width:\r\n    clamp(\r\n      250px,\r\n      20vw,\r\n      365px\r\n    );\r\n\r\n\r\n  aspect-ratio:\r\n    1 \/ 1;\r\n\r\n\r\n  right:-14px;\r\n\r\n\r\n  bottom:-36px;\r\n\r\n\r\n  background:\r\n    var(--pain-accent);\r\n\r\n\r\n  opacity:.065;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  user-select:none;\r\n\r\n\r\n  \/*\r\n    WEBKIT MASK\r\n  *\/\r\n\r\n  -webkit-mask-image:\r\n    var(--wm-image);\r\n\r\n\r\n  -webkit-mask-repeat:\r\n    no-repeat;\r\n\r\n\r\n  -webkit-mask-position:\r\n    right bottom;\r\n\r\n\r\n  -webkit-mask-size:\r\n    contain;\r\n\r\n\r\n  \/*\r\n    STANDARD MASK\r\n  *\/\r\n\r\n  mask-image:\r\n    var(--wm-image);\r\n\r\n\r\n  mask-repeat:\r\n    no-repeat;\r\n\r\n\r\n  mask-position:\r\n    right bottom;\r\n\r\n\r\n  mask-size:\r\n    contain;\r\n\r\n\r\n  transform:\r\n    translate3d(\r\n      22px,\r\n      15px,\r\n      0\r\n    )\r\n    scale(.965);\r\n\r\n\r\n  transform-origin:\r\n    right bottom;\r\n\r\n\r\n  transition:\r\n    opacity .7s ease,\r\n    transform 1s\r\n    cubic-bezier(.22,.72,.23,1);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide[aria-hidden=\"false\"]\r\n.nscPainSlide-watermark {\r\n\r\n  opacity:.115;\r\n\r\n\r\n  transform:\r\n    translate3d(\r\n      0,\r\n      0,\r\n      0\r\n    )\r\n    scale(1);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ADMIN WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-watermark-admin {\r\n\r\n  width:\r\n    clamp(\r\n      260px,\r\n      20vw,\r\n      370px\r\n    );\r\n\r\n\r\n  right:-13px;\r\n\r\n\r\n  bottom:-38px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORKER WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-watermark-worker {\r\n\r\n  width:\r\n    clamp(\r\n      245px,\r\n      19vw,\r\n      350px\r\n    );\r\n\r\n\r\n  right:-7px;\r\n\r\n\r\n  bottom:-32px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PARTICIPANT WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-watermark-participant {\r\n\r\n  width:\r\n    clamp(\r\n      240px,\r\n      19vw,\r\n      345px\r\n    );\r\n\r\n\r\n  right:-8px;\r\n\r\n\r\n  bottom:-32px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REPRESENTATIVE WATERMARK\r\n\r\n   Wider because the illustration contains two people.\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-watermark-family {\r\n\r\n  width:\r\n    clamp(\r\n      310px,\r\n      23vw,\r\n      420px\r\n    );\r\n\r\n\r\n  right:-46px;\r\n\r\n\r\n  bottom:-42px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE ROLE COLOUR GLOW BEHIND WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-content::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:-1;\r\n\r\n\r\n  width:330px;\r\n\r\n\r\n  height:330px;\r\n\r\n\r\n  right:-130px;\r\n\r\n\r\n  bottom:-140px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      color-mix(\r\n        in srgb,\r\n        var(--pain-accent) 7%,\r\n        transparent\r\n      ),\r\n      transparent 68%\r\n    );\r\n\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KEEP CONTENT ABOVE WATERMARK\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-content >\r\n*:not(.nscPainSlide-watermark) {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLE LABEL\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-role {\r\n\r\n  width:max-content;\r\n\r\n\r\n  max-width:100%;\r\n\r\n\r\n  margin-bottom:16px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  color:\r\n    var(--pain-accent);\r\n\r\n\r\n  font-size:7.5px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.14em;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-role i {\r\n\r\n  width:7px;\r\n\r\n\r\n  height:7px;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    var(--pain-accent);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    color-mix(\r\n      in srgb,\r\n      var(--pain-accent) 9%,\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-kicker {\r\n\r\n  color:\r\n    var(--pain-accent);\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-content h3 {\r\n\r\n  max-width:520px;\r\n\r\n\r\n  margin:\r\n    13px 0 15px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      31px,\r\n      3vw,\r\n      45px\r\n    );\r\n\r\n\r\n  line-height:1.02;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.048em;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-content h3 span {\r\n\r\n  color:\r\n    var(--pain-accent);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-intro {\r\n\r\n  max-width:560px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#667b92;\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.66;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAIN POINT SIGNALS\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-signals {\r\n\r\n  display:grid;\r\n\r\n\r\n  gap:11px;\r\n\r\n\r\n  margin-top:25px;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-signals > div {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    9px 1fr;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-signals >\r\ndiv > span {\r\n\r\n  width:7px;\r\n\r\n\r\n  height:7px;\r\n\r\n\r\n  margin-top:5px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    var(--pain-accent);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    color-mix(\r\n      in srgb,\r\n      var(--pain-accent) 10%,\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-signals p {\r\n\r\n  max-width:480px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#718398;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-signals strong {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-bottom:2px;\r\n\r\n\r\n  color:#385574;\r\n\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SOLUTION PANEL\r\n   ========================================================= *\/\r\n\r\n.nscPainSlide-solution {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:6 !important;\r\n\r\n\r\n  max-width:560px;\r\n\r\n\r\n  margin-top:27px;\r\n\r\n\r\n  padding:\r\n    15px 16px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    92px 1fr;\r\n\r\n\r\n  gap:14px;\r\n\r\n\r\n  align-items:start;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(168,207,242,.72);\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(248,252,255,.95);\r\n\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(8,43,98,.025);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(6px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(6px);\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-solution > small {\r\n\r\n  color:#087cf0;\r\n\r\n\r\n  font-size:7.5px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.11em;\r\n\r\n\r\n  line-height:1.4;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-solution > div {\r\n\r\n  min-width:0;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-solution strong {\r\n\r\n  display:block;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.nscPainSlide-solution p {\r\n\r\n  margin:\r\n    4px 0 0;\r\n\r\n\r\n  color:#71849a;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL FOOTER\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-footer {\r\n\r\n  min-height:69px;\r\n\r\n\r\n  padding:\r\n    0 24px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    auto 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:24px;\r\n\r\n\r\n  border-top:\r\n    1px solid #e4ebf2;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-dots {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-dots button {\r\n\r\n  width:8px;\r\n\r\n\r\n  height:8px;\r\n\r\n\r\n  padding:0;\r\n\r\n\r\n  border:0;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:#d5e0ea;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    width .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-dots button.is-active {\r\n\r\n  width:28px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #087cf0,\r\n      #755be6\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-progress {\r\n\r\n  width:100%;\r\n\r\n\r\n  height:3px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:#edf2f6;\r\n\r\n}\r\n\r\n\r\n.nscPainCarousel-progress > span {\r\n\r\n  display:block;\r\n\r\n\r\n  width:25%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #087cf0,\r\n      #277fe7 45%,\r\n      #755be6\r\n    );\r\n\r\n\r\n  transition:\r\n    width .5s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HINT\r\n   ========================================================= *\/\r\n\r\n.nscPainCarousel-hint {\r\n\r\n  color:#91a1b2;\r\n\r\n\r\n  font-size:7px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.1em;\r\n\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING MESSAGE\r\n   ========================================================= *\/\r\n\r\n.nscPlatform-close {\r\n\r\n  max-width:850px;\r\n\r\n\r\n  margin:\r\n    42px auto 0;\r\n\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-close > span {\r\n\r\n  display:block;\r\n\r\n\r\n  color:#087cf0;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-close > strong {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:8px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      24px,\r\n      2.5vw,\r\n      34px\r\n    );\r\n\r\n\r\n  line-height:1.15;\r\n\r\n\r\n  font-weight:600;\r\n\r\n\r\n  letter-spacing:-.035em;\r\n\r\n}\r\n\r\n\r\n.nscPlatform-close > p {\r\n\r\n  max-width:690px;\r\n\r\n\r\n  margin:\r\n    10px auto 0;\r\n\r\n\r\n  color:#71849a;\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscPlatform-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscp-delay,0ms);\r\n\r\n}\r\n\r\n\r\n.nscPlatform-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscPlatform-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide {\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      minmax(390px,.9fr);\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark {\r\n\r\n    width:260px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-admin {\r\n\r\n    width:270px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-family {\r\n\r\n    width:320px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscPlatform {\r\n\r\n    padding:\r\n      70px 0 82px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-heading {\r\n\r\n    margin-bottom:39px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide {\r\n\r\n    min-height:0;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-media {\r\n\r\n    min-height:430px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-content {\r\n\r\n    min-height:500px;\r\n\r\n\r\n    padding:36px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark {\r\n\r\n    width:275px;\r\n\r\n\r\n    right:-7px;\r\n\r\n\r\n    bottom:-30px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-family {\r\n\r\n    width:340px;\r\n\r\n\r\n    right:-38px;\r\n\r\n\r\n    bottom:-34px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide[aria-hidden=\"false\"]\r\n  .nscPainSlide-watermark {\r\n\r\n    opacity:.09;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-footer {\r\n\r\n    grid-template-columns:\r\n      auto 1fr;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-hint {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscPlatform {\r\n\r\n    padding:\r\n      56px 0 66px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-heading {\r\n\r\n    margin-bottom:31px;\r\n\r\n\r\n    text-align:left;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-eyebrow {\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-heading h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        36px,\r\n        10.5vw,\r\n        48px\r\n      );\r\n\r\n\r\n    line-height:1.03;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-heading > p {\r\n\r\n    font-size:14px;\r\n\r\n\r\n    line-height:1.65;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel {\r\n\r\n    border-radius:22px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-top {\r\n\r\n    min-height:61px;\r\n\r\n\r\n    padding:\r\n      0 12px 0 16px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-status {\r\n\r\n    font-size:6.5px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-count {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-arrow {\r\n\r\n    width:37px;\r\n\r\n\r\n    height:37px;\r\n\r\n\r\n    border-radius:11px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-media {\r\n\r\n    min-height:330px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-image-label {\r\n\r\n    left:17px;\r\n\r\n\r\n    bottom:20px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-image-label strong {\r\n\r\n    font-size:8px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-content {\r\n\r\n    min-height:545px;\r\n\r\n\r\n    padding:\r\n      27px 20px 25px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-content h3 {\r\n\r\n    font-size:\r\n      clamp(\r\n        30px,\r\n        9vw,\r\n        39px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-intro {\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE WATERMARK *\/\r\n\r\n  .nscPainSlide-watermark {\r\n\r\n    width:195px;\r\n\r\n\r\n    right:-10px;\r\n\r\n\r\n    bottom:-18px;\r\n\r\n\r\n    opacity:.045;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-admin {\r\n\r\n    width:200px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-worker {\r\n\r\n    width:190px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-participant {\r\n\r\n    width:185px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-family {\r\n\r\n    width:245px;\r\n\r\n\r\n    right:-35px;\r\n\r\n\r\n    bottom:-23px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide[aria-hidden=\"false\"]\r\n  .nscPainSlide-watermark {\r\n\r\n    opacity:.07;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-solution {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:7px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-footer {\r\n\r\n    min-height:61px;\r\n\r\n\r\n    padding:\r\n      0 16px;\r\n\r\n\r\n    gap:15px;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-close {\r\n\r\n    margin-top:33px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscPlatform-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 4px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-media {\r\n\r\n    min-height:285px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark {\r\n\r\n    width:160px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-admin {\r\n\r\n    width:165px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark-family {\r\n\r\n    width:210px;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-progress {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  .nscPainCarousel-footer {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    justify-items:center;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscPlatform * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n  }\r\n\r\n\r\n  .nscPlatform-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-media > img {\r\n\r\n    transform:none !important;\r\n\r\n  }\r\n\r\n\r\n  .nscPainSlide-watermark {\r\n\r\n    transform:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsitePlatform'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscPlatform-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscp-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.07\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     CAROUSEL\r\n     ======================================================= *\/\r\n\r\n  const carousel =\r\n    root.querySelector(\r\n      '[data-nsc-pain-carousel]'\r\n    );\r\n\r\n\r\n  if (!carousel) {\r\n    return;\r\n  }\r\n\r\n\r\n  if (\r\n    carousel.dataset.nscBound ===\r\n    'true'\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  carousel.dataset.nscBound =\r\n    'true';\r\n\r\n\r\n\r\n  const track =\r\n    carousel.querySelector(\r\n      '[data-nsc-track]'\r\n    );\r\n\r\n\r\n  const slides =\r\n    Array.from(\r\n      carousel.querySelectorAll(\r\n        '[data-nsc-slide]'\r\n      )\r\n    );\r\n\r\n\r\n  const previousButton =\r\n    carousel.querySelector(\r\n      '[data-nsc-prev]'\r\n    );\r\n\r\n\r\n  const nextButton =\r\n    carousel.querySelector(\r\n      '[data-nsc-next]'\r\n    );\r\n\r\n\r\n  const currentLabel =\r\n    carousel.querySelector(\r\n      '[data-nsc-current]'\r\n    );\r\n\r\n\r\n  const progress =\r\n    carousel.querySelector(\r\n      '[data-nsc-progress]'\r\n    );\r\n\r\n\r\n  const statusDot =\r\n    carousel.querySelector(\r\n      '[data-nsc-status-dot]'\r\n    );\r\n\r\n\r\n  const dots =\r\n    Array.from(\r\n      carousel.querySelectorAll(\r\n        '[data-slide-index]'\r\n      )\r\n    );\r\n\r\n\r\n  if (\r\n    !track ||\r\n    !slides.length\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  let index = 0;\r\n\r\n\r\n  let autoTimer = null;\r\n\r\n\r\n  let dragStartX = null;\r\n\r\n\r\n  let dragCurrentX = null;\r\n\r\n\r\n  const prefersReducedMotion =\r\n    window.matchMedia(\r\n      '(prefers-reduced-motion: reduce)'\r\n    ).matches;\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     GET ACTIVE ROLE COLOUR\r\n     ======================================================= *\/\r\n\r\n  function getActiveAccent() {\r\n\r\n\r\n    const activeSlide =\r\n      slides[index];\r\n\r\n\r\n    return (\r\n      activeSlide.style\r\n        .getPropertyValue(\r\n          '--pain-accent'\r\n        )\r\n        .trim()\r\n      ||\r\n      '#087cf0'\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     UPDATE\r\n     ======================================================= *\/\r\n\r\n  function update() {\r\n\r\n\r\n    track.style.transform =\r\n      'translate3d(-' +\r\n      (index * 100) +\r\n      '%,0,0)';\r\n\r\n\r\n\r\n    slides.forEach(\r\n      function (\r\n        slide,\r\n        slideIndex\r\n      ) {\r\n\r\n\r\n        const active =\r\n          slideIndex === index;\r\n\r\n\r\n        slide.setAttribute(\r\n          'aria-hidden',\r\n          active\r\n            ? 'false'\r\n            : 'true'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    dots.forEach(\r\n      function (\r\n        dot,\r\n        dotIndex\r\n      ) {\r\n\r\n\r\n        const active =\r\n          dotIndex === index;\r\n\r\n\r\n        dot.classList.toggle(\r\n          'is-active',\r\n          active\r\n        );\r\n\r\n\r\n        dot.setAttribute(\r\n          'aria-selected',\r\n          active\r\n            ? 'true'\r\n            : 'false'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    if (currentLabel) {\r\n\r\n\r\n      currentLabel.textContent =\r\n        String(\r\n          index + 1\r\n        ).padStart(\r\n          2,\r\n          '0'\r\n        );\r\n\r\n\r\n    }\r\n\r\n\r\n\r\n    if (progress) {\r\n\r\n\r\n      progress.style.width =\r\n        (\r\n          (\r\n            index + 1\r\n          ) \/\r\n          slides.length *\r\n          100\r\n        ) +\r\n        '%';\r\n\r\n\r\n    }\r\n\r\n\r\n\r\n    \/*\r\n      Change top status dot to\r\n      the active role colour.\r\n    *\/\r\n\r\n    if (statusDot) {\r\n\r\n\r\n      const accent =\r\n        getActiveAccent();\r\n\r\n\r\n      statusDot.style.background =\r\n        accent;\r\n\r\n\r\n      statusDot.style.boxShadow =\r\n        '0 0 0 5px ' +\r\n        accent +\r\n        '14';\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     GO TO\r\n     ======================================================= *\/\r\n\r\n  function goTo(\r\n    nextIndex,\r\n    manual\r\n  ) {\r\n\r\n\r\n    index =\r\n      (\r\n        nextIndex +\r\n        slides.length\r\n      )\r\n      %\r\n      slides.length;\r\n\r\n\r\n    update();\r\n\r\n\r\n    if (manual) {\r\n\r\n\r\n      restartAutoplay();\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     PREVIOUS\r\n     ======================================================= *\/\r\n\r\n  if (previousButton) {\r\n\r\n\r\n    previousButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        goTo(\r\n          index - 1,\r\n          true\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     NEXT\r\n     ======================================================= *\/\r\n\r\n  if (nextButton) {\r\n\r\n\r\n    nextButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        goTo(\r\n          index + 1,\r\n          true\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     DOT NAVIGATION\r\n     ======================================================= *\/\r\n\r\n  dots.forEach(\r\n    function (dot) {\r\n\r\n\r\n      dot.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n\r\n          const newIndex =\r\n            parseInt(\r\n              dot.getAttribute(\r\n                'data-slide-index'\r\n              ),\r\n              10\r\n            );\r\n\r\n\r\n          if (\r\n            Number.isNaN(\r\n              newIndex\r\n            )\r\n          ) {\r\n            return;\r\n          }\r\n\r\n\r\n          goTo(\r\n            newIndex,\r\n            true\r\n          );\r\n\r\n\r\n        }\r\n      );\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     KEYBOARD\r\n     ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'keydown',\r\n    function (event) {\r\n\r\n\r\n      if (\r\n        event.key ===\r\n        'ArrowLeft'\r\n      ) {\r\n\r\n\r\n        event.preventDefault();\r\n\r\n\r\n        goTo(\r\n          index - 1,\r\n          true\r\n        );\r\n\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        event.key ===\r\n        'ArrowRight'\r\n      ) {\r\n\r\n\r\n        event.preventDefault();\r\n\r\n\r\n        goTo(\r\n          index + 1,\r\n          true\r\n        );\r\n\r\n\r\n      }\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     POINTER DRAG \/ SWIPE\r\n     Works with mouse, pen and touch.\r\n     ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'pointerdown',\r\n    function (event) {\r\n\r\n\r\n      \/*\r\n        Do not start drag if user is\r\n        interacting with a button.\r\n      *\/\r\n\r\n      if (\r\n        event.target.closest(\r\n          'button'\r\n        )\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragStartX =\r\n        event.clientX;\r\n\r\n\r\n      dragCurrentX =\r\n        event.clientX;\r\n\r\n\r\n      stopAutoplay();\r\n\r\n\r\n      if (\r\n        carousel.setPointerCapture\r\n      ) {\r\n\r\n\r\n        try {\r\n\r\n          carousel.setPointerCapture(\r\n            event.pointerId\r\n          );\r\n\r\n        } catch (error) {}\r\n\r\n      }\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  carousel.addEventListener(\r\n    'pointermove',\r\n    function (event) {\r\n\r\n\r\n      if (\r\n        dragStartX === null\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      dragCurrentX =\r\n        event.clientX;\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  carousel.addEventListener(\r\n    'pointerup',\r\n    function () {\r\n\r\n\r\n      if (\r\n        dragStartX === null ||\r\n        dragCurrentX === null\r\n      ) {\r\n\r\n        dragStartX = null;\r\n\r\n        dragCurrentX = null;\r\n\r\n        startAutoplay();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const difference =\r\n        dragStartX -\r\n        dragCurrentX;\r\n\r\n\r\n      dragStartX = null;\r\n\r\n      dragCurrentX = null;\r\n\r\n\r\n      if (\r\n        Math.abs(\r\n          difference\r\n        ) < 45\r\n      ) {\r\n\r\n        startAutoplay();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        difference > 0\r\n      ) {\r\n\r\n\r\n        goTo(\r\n          index + 1,\r\n          true\r\n        );\r\n\r\n\r\n      } else {\r\n\r\n\r\n        goTo(\r\n          index - 1,\r\n          true\r\n        );\r\n\r\n\r\n      }\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  carousel.addEventListener(\r\n    'pointercancel',\r\n    function () {\r\n\r\n\r\n      dragStartX = null;\r\n\r\n\r\n      dragCurrentX = null;\r\n\r\n\r\n      startAutoplay();\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     AUTOPLAY\r\n     ======================================================= *\/\r\n\r\n  function stopAutoplay() {\r\n\r\n\r\n    if (autoTimer) {\r\n\r\n\r\n      window.clearInterval(\r\n        autoTimer\r\n      );\r\n\r\n\r\n      autoTimer = null;\r\n\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  function startAutoplay() {\r\n\r\n\r\n    if (\r\n      prefersReducedMotion\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    autoTimer =\r\n      window.setInterval(\r\n        function () {\r\n\r\n\r\n          goTo(\r\n            index + 1,\r\n            false\r\n          );\r\n\r\n\r\n        },\r\n        7500\r\n      );\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  function restartAutoplay() {\r\n\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    startAutoplay();\r\n\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     PAUSE WHILE INTERACTING\r\n     ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'mouseenter',\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  carousel.addEventListener(\r\n    'mouseleave',\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  carousel.addEventListener(\r\n    'focusin',\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  carousel.addEventListener(\r\n    'focusout',\r\n    function (event) {\r\n\r\n\r\n      if (\r\n        !carousel.contains(\r\n          event.relatedTarget\r\n        )\r\n      ) {\r\n\r\n\r\n        startAutoplay();\r\n\r\n\r\n      }\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     INITIAL STATE\r\n     ======================================================= *\/\r\n\r\n  update();\r\n\r\n\r\n  startAutoplay();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52e39e0 elementor-widget elementor-widget-html\" data-id=\"52e39e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ ROSTERING\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscRoster\" id=\"nscsiteRostering\">\r\n\r\n  <div class=\"nscRoster-grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscRoster-glow nscRoster-glow-a\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscRoster-glow nscRoster-glow-b\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n  <div class=\"nscRoster-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADING\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscRoster-heading nscRoster-reveal\">\r\n\r\n      <span class=\"nscRoster-eyebrow\">\r\n        ROSTERS &amp; SERVICE DELIVERY\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        See the week. Move the work.<br>\r\n        <span>Catch problems before they become problems.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n        Plan supports across the week, view schedules by day, Worker or\r\n        Participant, identify unfilled supports and conflicts, and keep\r\n        changes visible.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         INTERACTIVE WEEK ROSTER\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscRoster-demo nscRoster-reveal\"\r\n      data-roster-demo\r\n      data-delay=\"90\"\r\n    >\r\n\r\n\r\n      <!-- TOOLBAR -->\r\n\r\n      <div class=\"nscRoster-toolbar\">\r\n\r\n        <div class=\"nscRoster-toolbar-title\">\r\n\r\n          <span>\r\n            WEEK VIEW\r\n          <\/span>\r\n\r\n          <strong>\r\n            10\u201314 August\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"nscRoster-legend\"\r\n          aria-label=\"Roster status legend\"\r\n        >\r\n\r\n          <span>\r\n            <i class=\"assigned\"><\/i>\r\n            Assigned\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"unfilled\"><\/i>\r\n            Unfilled\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"conflict\"><\/i>\r\n            Attention\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           DAYS\r\n           =================================================== -->\r\n\r\n      <div class=\"nscRoster-scroll\">\r\n\r\n        <div class=\"nscRoster-days\">\r\n\r\n\r\n          <!-- MONDAY -->\r\n\r\n          <div\r\n            class=\"nscRoster-day\"\r\n            data-day=\"Monday\"\r\n          >\r\n\r\n            <div class=\"nscRoster-day-head\">\r\n\r\n              <span>\r\n                MON\r\n              <\/span>\r\n\r\n              <strong>\r\n                10\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nscRoster-drop\"\r\n              data-dropzone\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- TUESDAY -->\r\n\r\n          <div\r\n            class=\"nscRoster-day\"\r\n            data-day=\"Tuesday\"\r\n          >\r\n\r\n            <div class=\"nscRoster-day-head\">\r\n\r\n              <span>\r\n                TUE\r\n              <\/span>\r\n\r\n              <strong>\r\n                11\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nscRoster-drop\"\r\n              data-dropzone\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- WEDNESDAY -->\r\n\r\n          <div\r\n            class=\"nscRoster-day\"\r\n            data-day=\"Wednesday\"\r\n          >\r\n\r\n            <div class=\"nscRoster-day-head\">\r\n\r\n              <span>\r\n                WED\r\n              <\/span>\r\n\r\n              <strong>\r\n                12\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nscRoster-drop\"\r\n              data-dropzone\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- THURSDAY -->\r\n\r\n          <div\r\n            class=\"nscRoster-day\"\r\n            data-day=\"Thursday\"\r\n          >\r\n\r\n            <div class=\"nscRoster-day-head\">\r\n\r\n              <span>\r\n                THU\r\n              <\/span>\r\n\r\n              <strong>\r\n                13\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nscRoster-drop\"\r\n              data-dropzone\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- FRIDAY -->\r\n\r\n          <div\r\n            class=\"nscRoster-day\"\r\n            data-day=\"Friday\"\r\n          >\r\n\r\n            <div class=\"nscRoster-day-head\">\r\n\r\n              <span>\r\n                FRI\r\n              <\/span>\r\n\r\n              <strong>\r\n                14\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"nscRoster-drop\"\r\n              data-dropzone\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           ROSTER FOOTER\r\n           =================================================== -->\r\n\r\n      <div class=\"nscRoster-foot\">\r\n\r\n        <span>\r\n\r\n          <b data-nscr-icon=\"move\"><\/b>\r\n\r\n          Drag a support card to another day in this visual demo.\r\n\r\n        <\/span>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          data-reset-roster\r\n        >\r\n          Reset demo\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SMART ROSTER\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscRoster-smart nscRoster-reveal\"\r\n      data-delay=\"130\"\r\n    >\r\n\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div class=\"nscRoster-smart-copy\">\r\n\r\n        <span class=\"nscRoster-smart-eyebrow\">\r\n          NS SMART ROSTER\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Suggestions you can understand.\r\n          <span>Decisions you still control.<\/span>\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Smart Roster helps surface suitable Workers using operational\r\n          factors such as availability, competency, continuity,\r\n          Participant preferences and workload. Your team remains in\r\n          control of the final decision.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscRoster-human\">\r\n\r\n          <span>\r\n            <b data-nscr-icon=\"hand\"><\/b>\r\n          <\/span>\r\n\r\n          Human-in-the-loop by design\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           SMART RANKING\r\n           =================================================== -->\r\n\r\n      <div class=\"nscRoster-ranking\">\r\n\r\n\r\n        <!-- OLIVIA -->\r\n\r\n        <article>\r\n\r\n          <div class=\"nscRoster-person\">\r\n\r\n            <span class=\"nscRoster-avatar\">\r\n              OC\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Olivia Chen\r\n              <\/strong>\r\n\r\n              <small>\r\n                Available \u00b7 Strong continuity\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscRoster-score\">\r\n            92%\r\n          <\/b>\r\n\r\n\r\n          <div class=\"nscRoster-scorebar\">\r\n\r\n            <span style=\"--score:92%\"><\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- ALEX -->\r\n\r\n        <article>\r\n\r\n          <div class=\"nscRoster-person\">\r\n\r\n            <span class=\"nscRoster-avatar\">\r\n              AM\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Alex Morgan\r\n              <\/strong>\r\n\r\n              <small>\r\n                Available \u00b7 Suitable service skills\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscRoster-score\">\r\n            84%\r\n          <\/b>\r\n\r\n\r\n          <div class=\"nscRoster-scorebar\">\r\n\r\n            <span style=\"--score:84%\"><\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- JORDAN -->\r\n\r\n        <article>\r\n\r\n          <div class=\"nscRoster-person\">\r\n\r\n            <span class=\"nscRoster-avatar\">\r\n              JL\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Jordan Lee\r\n              <\/strong>\r\n\r\n              <small>\r\n                Available \u00b7 Higher travel distance\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscRoster-score\">\r\n            72%\r\n          <\/b>\r\n\r\n\r\n          <div class=\"nscRoster-scorebar\">\r\n\r\n            <span style=\"--score:72%\"><\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       TOAST\r\n       ===================================================== -->\r\n\r\n  <div\r\n    class=\"nscRoster-toast\"\r\n    role=\"status\"\r\n    aria-live=\"polite\"\r\n    data-roster-toast\r\n  ><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscRoster,\r\n.nscRoster * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscRoster {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n  --red:#e83c3c;\r\n\r\n  position:relative;\r\n\r\n  \/*\r\n    Rounded outer section background.\r\n    Uses the same responsive viewport gutters as the header.\r\n  *\/\r\n\r\n  width:\r\n    calc(100vw - 24px);\r\n\r\n  margin-left:\r\n    calc(50% - 50vw + 12px);\r\n\r\n  padding:\r\n    92px 0 105px;\r\n\r\n  overflow:hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(121,189,255,.15);\r\n\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0 28px 80px\r\n    rgba(5,26,59,.14);\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 83% 20%,\r\n      rgba(8,124,240,.24),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 18% 86%,\r\n      rgba(130,68,232,.17),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      140deg,\r\n      #041833 0%,\r\n      #082b62 70%,\r\n      #071f47 100%\r\n    );\r\n}\r\n\r\n\r\n.nscRoster button {\r\n  font:inherit;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.nscRoster-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  opacity:.55;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(124,188,249,.06) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(124,188,249,.06) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    38px 38px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      #000,\r\n      transparent 80%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      #000,\r\n      transparent 80%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOWS\r\n   ========================================================= *\/\r\n\r\n.nscRoster-glow {\r\n\r\n  position:absolute;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n\r\n  filter:\r\n    blur(2px);\r\n}\r\n\r\n\r\n.nscRoster-glow-a {\r\n\r\n  width:470px;\r\n\r\n  height:470px;\r\n\r\n  right:-240px;\r\n\r\n  top:-210px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(110,187,255,.13);\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 75px\r\n    rgba(8,124,240,.025),\r\n\r\n    0 0 0 150px\r\n    rgba(130,68,232,.014);\r\n}\r\n\r\n\r\n.nscRoster-glow-b {\r\n\r\n  width:320px;\r\n\r\n  height:320px;\r\n\r\n  left:-180px;\r\n\r\n  bottom:-120px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.13);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH SHELL\r\n   Same edge alignment as Header \/ Hero\r\n   ========================================================= *\/\r\n\r\n.nscRoster-shell {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n\r\n  \/*\r\n    The outer section now supplies the page gutter,\r\n    so the shell can use the full rounded surface width.\r\n  *\/\r\n\r\n  width:100%;\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.5vw,\r\n      64px\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.nscRoster-heading {\r\n\r\n  max-width:1050px;\r\n\r\n  margin-bottom:46px;\r\n}\r\n\r\n\r\n.nscRoster-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(121,189,255,.15);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#79bdff;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.15em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.nscRoster-heading h2 {\r\n\r\n  max-width:1100px;\r\n\r\n\r\n  margin:\r\n    17px 0 20px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      4.7vw,\r\n      68px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-.052em;\r\n}\r\n\r\n\r\n.nscRoster-heading h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #65b6ff 0%,\r\n      #6e9df5 42%,\r\n      #a98aff 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n.nscRoster-heading > p {\r\n\r\n  max-width:850px;\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#afc2d7;\r\n\r\n\r\n  font-size:17px;\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROSTER DEMO\r\n   ========================================================= *\/\r\n\r\n.nscRoster-demo {\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(145,191,234,.18);\r\n\r\n\r\n  border-radius:28px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.98);\r\n\r\n\r\n  box-shadow:\r\n    0 36px 95px\r\n    rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOOLBAR\r\n   ========================================================= *\/\r\n\r\n.nscRoster-toolbar {\r\n\r\n  min-height:78px;\r\n\r\n\r\n  padding:\r\n    17px 22px;\r\n\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:20px;\r\n\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e2eaf2;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #fbfdff\r\n    );\r\n}\r\n\r\n\r\n.nscRoster-toolbar-title {\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n.nscRoster-toolbar-title span {\r\n\r\n  color:var(--blue);\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n.nscRoster-toolbar-title strong {\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:18px;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEGEND\r\n   ========================================================= *\/\r\n\r\n.nscRoster-legend {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  justify-content:flex-end;\r\n\r\n\r\n  gap:17px;\r\n\r\n\r\n  color:#71839a;\r\n\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n.nscRoster-legend span {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n}\r\n\r\n\r\n.nscRoster-legend i {\r\n\r\n  width:8px;\r\n\r\n  height:8px;\r\n\r\n\r\n  flex:\r\n    0 0 8px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscRoster-legend .assigned {\r\n  background:var(--green);\r\n}\r\n\r\n\r\n.nscRoster-legend .unfilled {\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n.nscRoster-legend .conflict {\r\n  background:var(--red);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROSTER SCROLL AREA\r\n   ========================================================= *\/\r\n\r\n.nscRoster-scroll {\r\n\r\n  width:100%;\r\n\r\n  overflow-x:auto;\r\n\r\n  overscroll-behavior-x:contain;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:\r\n    #b8c9d9\r\n    #eef3f7;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DAYS\r\n   ========================================================= *\/\r\n\r\n.nscRoster-days {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(5,minmax(190px,1fr));\r\n\r\n\r\n  min-width:950px;\r\n}\r\n\r\n\r\n.nscRoster-day {\r\n\r\n  min-height:365px;\r\n\r\n\r\n  border-right:\r\n    1px solid\r\n    #e6edf4;\r\n}\r\n\r\n\r\n.nscRoster-day:last-child {\r\n\r\n  border-right:0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DAY HEADER\r\n   ========================================================= *\/\r\n\r\n.nscRoster-day-head {\r\n\r\n  min-height:66px;\r\n\r\n\r\n  padding:\r\n    12px 14px;\r\n\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:3px;\r\n\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e6edf4;\r\n\r\n\r\n  background:#f8fafc;\r\n}\r\n\r\n\r\n.nscRoster-day-head span {\r\n\r\n  color:#75879a;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.07em;\r\n}\r\n\r\n\r\n.nscRoster-day-head strong {\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:19px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DROP ZONE\r\n   ========================================================= *\/\r\n\r\n.nscRoster-drop {\r\n\r\n  min-height:298px;\r\n\r\n\r\n  padding:12px;\r\n\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  transition:\r\n    background .16s ease,\r\n    box-shadow .16s ease;\r\n}\r\n\r\n\r\n.nscRoster-drop.is-over {\r\n\r\n  background:#edf6ff;\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 0 2px\r\n    rgba(8,124,240,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORT CARDS\r\n   ========================================================= *\/\r\n\r\n.nscRoster-support {\r\n\r\n  --service:var(--blue);\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  padding:12px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #dfe7ef;\r\n\r\n\r\n  border-left:\r\n    4px solid\r\n    var(--service);\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(6,30,67,.06);\r\n\r\n\r\n  cursor:grab;\r\n\r\n  user-select:none;\r\n\r\n\r\n  transition:\r\n    transform .16s ease,\r\n    box-shadow .16s ease,\r\n    border-color .16s ease;\r\n}\r\n\r\n\r\n.nscRoster-support:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  box-shadow:\r\n    0 12px 26px\r\n    rgba(6,30,67,.10);\r\n}\r\n\r\n\r\n.nscRoster-support:active {\r\n\r\n  cursor:grabbing;\r\n}\r\n\r\n\r\n.nscRoster-support.is-dragging {\r\n\r\n  opacity:.52;\r\n\r\n\r\n  transform:\r\n    scale(.985);\r\n}\r\n\r\n\r\n.nscRoster-support.unfilled {\r\n\r\n  --service:var(--orange);\r\n\r\n\r\n  background:#fffaf6;\r\n}\r\n\r\n\r\n.nscRoster-support.conflict {\r\n\r\n  --service:var(--red);\r\n\r\n\r\n  background:#fff7f7;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORT CARD CONTENT\r\n   ========================================================= *\/\r\n\r\n.nscRoster-support-top {\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  color:#77889a;\r\n\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n.nscRoster-support-top em {\r\n\r\n  color:var(--service);\r\n\r\n  font-style:normal;\r\n}\r\n\r\n\r\n.nscRoster-support-grip {\r\n\r\n  color:#a0afbf;\r\n\r\n  font-size:11px;\r\n\r\n  letter-spacing:-3px;\r\n}\r\n\r\n\r\n.nscRoster-support > strong {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:7px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.25;\r\n}\r\n\r\n\r\n.nscRoster-support > small {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:4px;\r\n\r\n\r\n  color:#708399;\r\n\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STATUS LABEL\r\n   ========================================================= *\/\r\n\r\n.nscRoster-support-status {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  width:max-content;\r\n\r\n\r\n  max-width:100%;\r\n\r\n\r\n  margin-top:8px;\r\n\r\n\r\n  padding:\r\n    4px 6px;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:var(--service);\r\n\r\n\r\n  background:\r\n    color-mix(\r\n      in srgb,\r\n      var(--service) 8%,\r\n      white\r\n    );\r\n\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.04em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROSTER FOOTER\r\n   ========================================================= *\/\r\n\r\n.nscRoster-foot {\r\n\r\n  min-height:52px;\r\n\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:14px;\r\n\r\n\r\n  padding:\r\n    12px 18px;\r\n\r\n\r\n  border-top:\r\n    1px solid\r\n    #e3eaf1;\r\n\r\n\r\n  color:#7a8ba0;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n.nscRoster-foot > span {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n}\r\n\r\n\r\n.nscRoster-foot button {\r\n\r\n  min-height:34px;\r\n\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #dce7f1;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#f7fbff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    background .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n\r\n.nscRoster-foot button:hover {\r\n\r\n  background:#edf6ff;\r\n\r\n\r\n  transform:\r\n    translateY(-1px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMART ROSTER\r\n   ========================================================= *\/\r\n\r\n.nscRoster-smart {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(0,1.05fr);\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      36px,\r\n      4vw,\r\n      72px\r\n    );\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  margin-top:30px;\r\n\r\n\r\n  padding:\r\n    clamp(\r\n      28px,\r\n      3vw,\r\n      42px\r\n    );\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(158,198,236,.18);\r\n\r\n\r\n  border-radius:28px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.075),\r\n      rgba(255,255,255,.035)\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.06);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(9px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(9px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMART COPY\r\n   ========================================================= *\/\r\n\r\n.nscRoster-smart-eyebrow {\r\n\r\n  color:#8cc7ff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:.14em;\r\n}\r\n\r\n\r\n.nscRoster-smart-copy h3 {\r\n\r\n  max-width:610px;\r\n\r\n\r\n  margin:\r\n    13px 0 15px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3vw,\r\n      43px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n\r\n.nscRoster-smart-copy h3 span {\r\n\r\n  color:#9acaff;\r\n}\r\n\r\n\r\n.nscRoster-smart-copy > p {\r\n\r\n  max-width:650px;\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#b7c9dc;\r\n\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HUMAN IN LOOP\r\n   ========================================================= *\/\r\n\r\n.nscRoster-human {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  width:max-content;\r\n\r\n  max-width:100%;\r\n\r\n\r\n  margin-top:21px;\r\n\r\n\r\n  padding:\r\n    9px 12px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#d8e5f2;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n.nscRoster-human > span {\r\n\r\n  width:27px;\r\n\r\n  height:27px;\r\n\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:9px;\r\n\r\n\r\n  color:#8cc7ff;\r\n\r\n\r\n  background:\r\n    rgba(140,199,255,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RANKINGS\r\n   ========================================================= *\/\r\n\r\n.nscRoster-ranking {\r\n\r\n  display:grid;\r\n\r\n  gap:10px;\r\n}\r\n\r\n\r\n.nscRoster-ranking article {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n\r\n  gap:\r\n    11px 16px;\r\n\r\n\r\n  padding:\r\n    15px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.07);\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n\r\n.nscRoster-ranking article:hover {\r\n\r\n  transform:\r\n    translateX(4px);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n\r\n\r\n  border-color:\r\n    rgba(143,199,255,.22);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PERSON\r\n   ========================================================= *\/\r\n\r\n.nscRoster-person {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n\r\n  min-width:0;\r\n\r\n\r\n  gap:11px;\r\n}\r\n\r\n\r\n.nscRoster-avatar {\r\n\r\n  width:39px;\r\n\r\n  height:39px;\r\n\r\n\r\n  flex:\r\n    0 0 39px;\r\n\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 8px 19px\r\n    rgba(0,0,0,.08);\r\n\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.nscRoster-person > div {\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  min-width:0;\r\n\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n.nscRoster-person strong {\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:12px;\r\n}\r\n\r\n\r\n.nscRoster-person small {\r\n\r\n  color:#aebfd1;\r\n\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.35;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SCORE\r\n   ========================================================= *\/\r\n\r\n.nscRoster-score {\r\n\r\n  align-self:center;\r\n\r\n\r\n  color:#8cc7ff;\r\n\r\n\r\n  font-size:15px;\r\n}\r\n\r\n\r\n.nscRoster-scorebar {\r\n\r\n  grid-column:\r\n    1 \/ -1;\r\n\r\n\r\n  height:5px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.nscRoster-scorebar span {\r\n\r\n  display:block;\r\n\r\n\r\n  width:\r\n    var(--score);\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  border-radius:inherit;\r\n\r\n\r\n  transform-origin:left;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #4aa2ff,\r\n      #8ec9ff\r\n    );\r\n\r\n\r\n  animation:\r\n    nscRosterScore\r\n    1s ease both;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICONS\r\n   ========================================================= *\/\r\n\r\n.nscRoster [data-nscr-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscRoster [data-nscr-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:16px;\r\n\r\n  height:16px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n   ========================================================= *\/\r\n\r\n.nscRoster-toast {\r\n\r\n  position:fixed;\r\n\r\n\r\n  left:50%;\r\n\r\n  bottom:24px;\r\n\r\n\r\n  z-index:99999;\r\n\r\n\r\n  max-width:\r\n    calc(100% - 30px);\r\n\r\n\r\n  padding:\r\n    11px 15px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.16);\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  background:\r\n    rgba(5,26,59,.96);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 50px\r\n    rgba(0,0,0,.24);\r\n\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translate(-50%,12px);\r\n\r\n\r\n  transition:\r\n    opacity .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n\r\n.nscRoster-toast.show {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:\r\n    translate(-50%,0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscRoster-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscr-delay,0ms);\r\n}\r\n\r\n\r\n.nscRoster-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes nscRosterScore {\r\n\r\n  from {\r\n    transform:scaleX(0);\r\n  }\r\n\r\n  to {\r\n    transform:scaleX(1);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscRoster {\r\n\r\n    width:\r\n      calc(100vw - 20px);\r\n\r\n\r\n    margin-left:\r\n      calc(50% - 50vw + 10px);\r\n  }\r\n\r\n\r\n  .nscRoster-shell {\r\n\r\n    width:100%;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    padding:\r\n      0 28px;\r\n  }\r\n\r\n\r\n  .nscRoster-smart {\r\n\r\n    gap:34px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   900PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscRoster {\r\n\r\n    width:\r\n      calc(100vw - 16px);\r\n\r\n\r\n    margin-left:\r\n      calc(50% - 50vw + 8px);\r\n\r\n\r\n    padding:\r\n      80px 0 88px;\r\n\r\n\r\n    border-radius:26px;\r\n  }\r\n\r\n\r\n  .nscRoster-shell {\r\n\r\n    width:100%;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    padding:\r\n      0 18px;\r\n  }\r\n\r\n\r\n  .nscRoster-heading {\r\n\r\n    margin-bottom:38px;\r\n  }\r\n\r\n\r\n  .nscRoster-heading h2 br {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  .nscRoster-smart {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:30px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscRoster {\r\n\r\n    padding:\r\n      68px 0 72px;\r\n\r\n\r\n    border-radius:24px;\r\n  }\r\n\r\n\r\n  .nscRoster-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscRoster-heading {\r\n\r\n    margin-bottom:30px;\r\n  }\r\n\r\n\r\n  .nscRoster-eyebrow {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscRoster-heading h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        36px,\r\n        10.5vw,\r\n        49px\r\n      );\r\n\r\n\r\n    line-height:1.04;\r\n  }\r\n\r\n\r\n  .nscRoster-heading > p {\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscRoster-demo {\r\n\r\n    border-radius:21px;\r\n  }\r\n\r\n\r\n  .nscRoster-toolbar {\r\n\r\n    min-width:900px;\r\n  }\r\n\r\n\r\n  .nscRoster-days {\r\n\r\n    min-width:900px;\r\n\r\n\r\n    grid-template-columns:\r\n      repeat(5,180px);\r\n  }\r\n\r\n\r\n  .nscRoster-foot {\r\n\r\n    min-width:900px;\r\n  }\r\n\r\n\r\n  .nscRoster-smart {\r\n\r\n    padding:\r\n      24px 20px;\r\n\r\n\r\n    border-radius:22px;\r\n  }\r\n\r\n\r\n  .nscRoster-smart-copy h3 {\r\n\r\n    font-size:\r\n      clamp(\r\n        28px,\r\n        8.5vw,\r\n        38px\r\n      );\r\n  }\r\n\r\n\r\n  .nscRoster-smart-copy > p {\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  .nscRoster-person small {\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscRoster {\r\n\r\n    width:\r\n      calc(100vw - 12px);\r\n\r\n\r\n    margin-left:\r\n      calc(50% - 50vw + 6px);\r\n\r\n\r\n    border-radius:22px;\r\n  }\r\n\r\n\r\n  .nscRoster-shell {\r\n\r\n    width:100%;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscRoster-human {\r\n\r\n    width:100%;\r\n\r\n    justify-content:center;\r\n  }\r\n\r\n\r\n  .nscRoster-ranking article {\r\n\r\n    padding:13px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscRoster * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscRoster-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteRostering'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    move:\r\n\r\n      '<path d=\"m12 2 3 3-3 3\"><\/path>' +\r\n      '<path d=\"M12 2v20\"><\/path>' +\r\n      '<path d=\"m12 22-3-3 3-3\"><\/path>' +\r\n      '<path d=\"m2 12 3-3 3 3\"><\/path>' +\r\n      '<path d=\"M2 12h20\"><\/path>' +\r\n      '<path d=\"m22 12-3 3-3-3\"><\/path>',\r\n\r\n\r\n    hand:\r\n\r\n      '<path d=\"M8 11V6a2 2 0 0 1 4 0v4\"><\/path>' +\r\n      '<path d=\"M12 10V5a2 2 0 0 1 4 0v6\"><\/path>' +\r\n      '<path d=\"M16 11V7a2 2 0 0 1 4 0v7c0 4-3 7-7 7h-1c-3 0-5-1-7-4l-2-3a2 2 0 0 1 3-2l2 2\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscr-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscr-icon'\r\n            )\r\n          );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ROSTER DATA\r\n     ======================================================= *\/\r\n\r\n  const rosterSeed = {\r\n\r\n\r\n    Monday: [\r\n\r\n      {\r\n        id:'a',\r\n        time:'8:00 \u2013 11:00',\r\n        name:'Riley Smith',\r\n        service:'Community Access',\r\n        worker:'Olivia Chen',\r\n        status:'assigned'\r\n      },\r\n\r\n      {\r\n        id:'b',\r\n        time:'13:00 \u2013 15:00',\r\n        name:'Taylor Green',\r\n        service:'Daily Living',\r\n        worker:'Alex Morgan',\r\n        status:'assigned'\r\n      }\r\n\r\n    ],\r\n\r\n\r\n    Tuesday: [\r\n\r\n      {\r\n        id:'c',\r\n        time:'9:30 \u2013 12:30',\r\n        name:'Jordan Lee',\r\n        service:'Community Participation',\r\n        worker:'Sarah Chen',\r\n        status:'assigned'\r\n      }\r\n\r\n    ],\r\n\r\n\r\n    Wednesday: [\r\n\r\n      {\r\n        id:'d',\r\n        time:'10:00 \u2013 13:00',\r\n        name:'Riley Smith',\r\n        service:'Community Access',\r\n        worker:'Unfilled',\r\n        status:'unfilled'\r\n      }\r\n\r\n    ],\r\n\r\n\r\n    Thursday: [\r\n\r\n      {\r\n        id:'e',\r\n        time:'8:30 \u2013 11:30',\r\n        name:'Taylor Green',\r\n        service:'Daily Living',\r\n        worker:'Alex Morgan',\r\n        status:'conflict'\r\n      }\r\n\r\n    ],\r\n\r\n\r\n    Friday: [\r\n\r\n      {\r\n        id:'f',\r\n        time:'12:00 \u2013 15:00',\r\n        name:'Jordan Lee',\r\n        service:'Community Access',\r\n        worker:'Olivia Chen',\r\n        status:'assigned'\r\n      }\r\n\r\n    ]\r\n\r\n  };\r\n\r\n\r\n\r\n  let rosterState =\r\n    JSON.parse(\r\n      JSON.stringify(\r\n        rosterSeed\r\n      )\r\n    );\r\n\r\n\r\n  let dragId = '';\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     SUPPORT CARD HTML\r\n     ======================================================= *\/\r\n\r\n  function supportHTML(support) {\r\n\r\n\r\n    let statusLabel =\r\n      'Assigned';\r\n\r\n\r\n    if (\r\n      support.status ===\r\n      'unfilled'\r\n    ) {\r\n\r\n      statusLabel =\r\n        'Unfilled';\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      support.status ===\r\n      'conflict'\r\n    ) {\r\n\r\n      statusLabel =\r\n        'Needs attention';\r\n\r\n    }\r\n\r\n\r\n    const ariaLabel =\r\n\r\n      support.name + ', ' +\r\n      support.service + ', ' +\r\n      support.time + ', ' +\r\n      support.worker;\r\n\r\n\r\n    return (\r\n\r\n      '<div ' +\r\n\r\n        'class=\"nscRoster-support ' +\r\n        support.status +\r\n        '\" ' +\r\n\r\n        'draggable=\"true\" ' +\r\n\r\n        'tabindex=\"0\" ' +\r\n\r\n        'role=\"group\" ' +\r\n\r\n        'aria-label=\"' +\r\n        ariaLabel +\r\n        '\" ' +\r\n\r\n        'data-support-id=\"' +\r\n        support.id +\r\n        '\">' +\r\n\r\n\r\n        '<div class=\"nscRoster-support-top\">' +\r\n\r\n          '<em>' +\r\n            support.time +\r\n          '<\/em>' +\r\n\r\n          '<b class=\"nscRoster-support-grip\" aria-hidden=\"true\">' +\r\n            '\u22ee\u22ee' +\r\n          '<\/b>' +\r\n\r\n        '<\/div>' +\r\n\r\n\r\n        '<strong>' +\r\n          support.name +\r\n        '<\/strong>' +\r\n\r\n\r\n        '<small>' +\r\n          support.service +\r\n          '<br>' +\r\n          support.worker +\r\n        '<\/small>' +\r\n\r\n\r\n        '<span class=\"nscRoster-support-status\">' +\r\n          statusLabel +\r\n        '<\/span>' +\r\n\r\n\r\n      '<\/div>'\r\n\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     RENDER ROSTER\r\n     ======================================================= *\/\r\n\r\n  function renderRoster() {\r\n\r\n\r\n    root\r\n      .querySelectorAll(\r\n        '[data-day]'\r\n      )\r\n      .forEach(\r\n        function (dayElement) {\r\n\r\n\r\n          const day =\r\n            dayElement.getAttribute(\r\n              'data-day'\r\n            );\r\n\r\n\r\n          const dropZone =\r\n            dayElement.querySelector(\r\n              '[data-dropzone]'\r\n            );\r\n\r\n\r\n          if (!dropZone) {\r\n            return;\r\n          }\r\n\r\n\r\n          dropZone.innerHTML =\r\n            (\r\n              rosterState[day] ||\r\n              []\r\n            )\r\n              .map(\r\n                supportHTML\r\n              )\r\n              .join('');\r\n\r\n        }\r\n      );\r\n\r\n\r\n    bindRoster();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     DRAG AND DROP\r\n     ======================================================= *\/\r\n\r\n  function bindRoster() {\r\n\r\n\r\n    root\r\n      .querySelectorAll(\r\n        '.nscRoster-support'\r\n      )\r\n      .forEach(\r\n        function (card) {\r\n\r\n\r\n          card.addEventListener(\r\n            'dragstart',\r\n            function (event) {\r\n\r\n\r\n              dragId =\r\n                card.getAttribute(\r\n                  'data-support-id'\r\n                );\r\n\r\n\r\n              card.classList.add(\r\n                'is-dragging'\r\n              );\r\n\r\n\r\n              if (\r\n                event.dataTransfer\r\n              ) {\r\n\r\n                event.dataTransfer\r\n                  .effectAllowed =\r\n                  'move';\r\n\r\n\r\n                event.dataTransfer\r\n                  .setData(\r\n                    'text\/plain',\r\n                    dragId\r\n                  );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n\r\n          card.addEventListener(\r\n            'dragend',\r\n            function () {\r\n\r\n\r\n              card.classList.remove(\r\n                'is-dragging'\r\n              );\r\n\r\n\r\n              root\r\n                .querySelectorAll(\r\n                  '[data-dropzone]'\r\n                )\r\n                .forEach(\r\n                  function (zone) {\r\n\r\n                    zone.classList.remove(\r\n                      'is-over'\r\n                    );\r\n\r\n                  }\r\n                );\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n\r\n    root\r\n      .querySelectorAll(\r\n        '[data-dropzone]'\r\n      )\r\n      .forEach(\r\n        function (zone) {\r\n\r\n\r\n          zone.addEventListener(\r\n            'dragover',\r\n            function (event) {\r\n\r\n\r\n              event.preventDefault();\r\n\r\n\r\n              zone.classList.add(\r\n                'is-over'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n\r\n          zone.addEventListener(\r\n            'dragleave',\r\n            function () {\r\n\r\n\r\n              zone.classList.remove(\r\n                'is-over'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n\r\n          zone.addEventListener(\r\n            'drop',\r\n            function (event) {\r\n\r\n\r\n              event.preventDefault();\r\n\r\n\r\n              zone.classList.remove(\r\n                'is-over'\r\n              );\r\n\r\n\r\n              const targetDay =\r\n                zone\r\n                  .closest(\r\n                    '[data-day]'\r\n                  )\r\n                  .getAttribute(\r\n                    'data-day'\r\n                  );\r\n\r\n\r\n              let found = null;\r\n\r\n              let sourceDay = '';\r\n\r\n\r\n              Object\r\n                .keys(\r\n                  rosterState\r\n                )\r\n                .some(\r\n                  function (day) {\r\n\r\n\r\n                    const index =\r\n                      rosterState[\r\n                        day\r\n                      ].findIndex(\r\n                        function (item) {\r\n\r\n                          return (\r\n                            item.id ===\r\n                            dragId\r\n                          );\r\n\r\n                        }\r\n                      );\r\n\r\n\r\n                    if (\r\n                      index > -1\r\n                    ) {\r\n\r\n\r\n                      found =\r\n                        rosterState[\r\n                          day\r\n                        ].splice(\r\n                          index,\r\n                          1\r\n                        )[0];\r\n\r\n\r\n                      sourceDay =\r\n                        day;\r\n\r\n\r\n                      return true;\r\n\r\n                    }\r\n\r\n\r\n                    return false;\r\n\r\n                  }\r\n                );\r\n\r\n\r\n              if (!found) {\r\n                return;\r\n              }\r\n\r\n\r\n              rosterState[\r\n                targetDay\r\n              ].push(\r\n                found\r\n              );\r\n\r\n\r\n              renderRoster();\r\n\r\n\r\n              showToast(\r\n                'Support rescheduled from ' +\r\n                sourceDay +\r\n                ' to ' +\r\n                targetDay +\r\n                '.'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     RESET\r\n     ======================================================= *\/\r\n\r\n  const resetButton =\r\n    root.querySelector(\r\n      '[data-reset-roster]'\r\n    );\r\n\r\n\r\n  if (\r\n    resetButton\r\n  ) {\r\n\r\n\r\n    resetButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        rosterState =\r\n          JSON.parse(\r\n            JSON.stringify(\r\n              rosterSeed\r\n            )\r\n          );\r\n\r\n\r\n        renderRoster();\r\n\r\n\r\n        showToast(\r\n          'Roster demo reset.'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     TOAST\r\n     ======================================================= *\/\r\n\r\n  const toast =\r\n    root.querySelector(\r\n      '[data-roster-toast]'\r\n    );\r\n\r\n\r\n  let toastTimer = 0;\r\n\r\n\r\n  function showToast(message) {\r\n\r\n\r\n    if (!toast) {\r\n      return;\r\n    }\r\n\r\n\r\n    toast.textContent =\r\n      message;\r\n\r\n\r\n    toast.classList.add(\r\n      'show'\r\n    );\r\n\r\n\r\n    window.clearTimeout(\r\n      toastTimer\r\n    );\r\n\r\n\r\n    toastTimer =\r\n      window.setTimeout(\r\n        function () {\r\n\r\n\r\n          toast.classList.remove(\r\n            'show'\r\n          );\r\n\r\n\r\n        },\r\n        2600\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     INITIAL ROSTER\r\n     ======================================================= *\/\r\n\r\n  renderRoster();\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscRoster-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscr-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18b1061 elementor-widget elementor-widget-html\" data-id=\"18b1061\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FONT AWESOME 5 - FRONTEND ICONS -->\r\n<link\r\n  id=\"nscOpsFontAwesome\"\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/use.fontawesome.com\/releases\/v5.15.4\/css\/all.css\"\r\n  crossorigin=\"anonymous\"\r\n>\r\n\r\n<!-- =========================================================\r\n     NS CARE+ OPERATIONAL WORKSPACE\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscOps\" id=\"nscsiteOperations\">\r\n\r\n  <div class=\"nscOps-grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscOps-orb nscOps-orb-a\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"nscOps-orb nscOps-orb-b\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n  <div class=\"nscOps-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADING\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscOps-heading nscOps-reveal\">\r\n\r\n      <span class=\"nscOps-eyebrow\">\r\n        ONE OPERATIONAL WORKSPACE\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        More than\r\n        <span>rostering.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n        NS Care+ connects the everyday operational work around service\r\n        delivery so teams spend less time searching across systems and\r\n        more time acting on what matters.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BENTO GRID\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscOps-bento\">\r\n\r\n\r\n      <!-- ===================================================\r\n           PARTICIPANTS\r\n           LARGE\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-card-large nscOps-blue nscOps-reveal\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-participant\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Participant-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-user-circle\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          PARTICIPANTS\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Keep the person at the centre.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Keep essential Participant information, preferences, goals,\r\n          representatives and current services together.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-participant\">\r\n\r\n          <span class=\"nscOps-participant-avatar\">\r\n            R\r\n          <\/span>\r\n\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Riley Smith\r\n            <\/strong>\r\n\r\n            <small>\r\n              Active \u00b7 Portal ready\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b>\r\n            View profile\r\n            <span>\u2192<\/span>\r\n          <\/b>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           WORKFORCE\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-green nscOps-reveal\"\r\n        data-delay=\"70\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-worker\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Support-worker-login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-user-plus\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          WORKFORCE\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Know who is ready.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Manage Worker information, availability, competencies and\r\n          service-delivery evidence.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-mini-status\">\r\n\r\n          <span class=\"green\"><\/span>\r\n\r\n          <div>\r\n            <strong>Workforce ready<\/strong>\r\n            <small>Availability and competency visible<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           CARE PLANS & GOALS\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-purple nscOps-reveal\"\r\n        data-delay=\"120\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-participant\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Participant-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-bullseye\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          CARE PLANS &amp; GOALS\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Keep goals visible.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Bring reviews, goals and support information into the\r\n          operational picture.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-goal-progress\">\r\n\r\n          <div>\r\n\r\n            <span>\r\n              Community participation\r\n            <\/span>\r\n\r\n            <strong>\r\n              72%\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <i>\r\n            <span><\/span>\r\n          <\/i>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           QUALITY & SAFEGUARDING\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-orange nscOps-reveal\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-family\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/family-login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          QUALITY &amp; SAFEGUARDING\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Follow through clearly.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Bring incidents, complaints, feedback and management\r\n          follow-up into a clear workflow.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-mini-status\">\r\n\r\n          <span class=\"orange\"><\/span>\r\n\r\n          <div>\r\n            <strong>1 follow-up due<\/strong>\r\n            <small>Safeguarding action visible<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           DOCUMENT REGISTER\r\n           LARGE\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-card-large nscOps-navy nscOps-reveal\"\r\n        data-delay=\"70\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-admin\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Admin-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          DOCUMENT REGISTER\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Protected by default.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Keep Participant and workforce documents permission-aware,\r\n          protected and easier to review.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-docs\">\r\n\r\n\r\n          <div>\r\n\r\n            <span>\r\n              <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>\r\n              Service Agreement\r\n            <\/strong>\r\n\r\n            <em class=\"blue\">\r\n              Participant visible\r\n            <\/em>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span>\r\n              <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>\r\n              First Aid Certificate\r\n            <\/strong>\r\n\r\n            <em class=\"orange\">\r\n              Review 22 Sep\r\n            <\/em>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span>\r\n              <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>\r\n              Support Plan\r\n            <\/strong>\r\n\r\n            <em>\r\n              Protected\r\n            <\/em>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           COMPLIANCE\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-amber nscOps-reveal\"\r\n        data-delay=\"120\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-admin\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Admin-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          COMPLIANCE\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          See what is approaching.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Surface expiring credentials, agreements and review dates\r\n          before they become overdue.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-compliance-list\">\r\n\r\n          <span>\r\n            <i class=\"green\"><\/i>\r\n            Worker Screening\r\n            <b>Current<\/b>\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"amber\"><\/i>\r\n            First Aid\r\n            <b>37 days<\/b>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           USERS & ACCESS\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-blue nscOps-reveal\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-family\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/family-login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-user-lock\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          USERS &amp; ACCESS\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Right role. Right access.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Manage portal access across Admins, Workers, Participants\r\n          and Representatives.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-access\">\r\n\r\n          <span>AD<\/span>\r\n          <span>SW<\/span>\r\n          <span>PT<\/span>\r\n          <span>RP<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           REPORTS\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-green nscOps-reveal\"\r\n        data-delay=\"70\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-admin\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Admin-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-chart-line\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          REPORTS\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Turn activity into insight.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Use operational information for management reporting and\r\n          audit context.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-chart\">\r\n\r\n          <i style=\"--height:38%\"><\/i>\r\n          <i style=\"--height:62%\"><\/i>\r\n          <i style=\"--height:50%\"><\/i>\r\n          <i style=\"--height:81%\"><\/i>\r\n          <i style=\"--height:69%\"><\/i>\r\n          <i style=\"--height:92%\"><\/i>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FUNDING & PLANS\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscOps-card nscOps-purple nscOps-reveal\"\r\n        data-delay=\"120\"\r\n      >\r\n\r\n        <div class=\"nscOps-card-orb\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span\r\n          class=\"nscOps-card-watermark nscOps-wm-participant\"\r\n          style=\"--wm-image:url('https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/Participant-Login-scaled.png');\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <span class=\"nscOps-icon\">\r\n          <i class=\"fas fa-wallet\" aria-hidden=\"true\"><\/i>\r\n        <\/span>\r\n\r\n\r\n        <small>\r\n          FUNDING &amp; PLANS\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Keep plan context visible.\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          See plan dates, management type and simple funding visibility\r\n          alongside service delivery.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"nscOps-funding\">\r\n\r\n          <span>\r\n            Plan utilisation\r\n          <\/span>\r\n\r\n          <strong>\r\n            64%\r\n          <\/strong>\r\n\r\n          <i>\r\n            <span><\/span>\r\n          <\/i>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscOps,\r\n.nscOps * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscOps {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n  --amber:#d99113;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n  --border:#dbe5ee;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  isolation:isolate;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    92px 0 108px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n  background:transparent;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.nscOps-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.22;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 44%,\r\n      #000,\r\n      transparent 75%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 44%,\r\n      #000,\r\n      transparent 75%\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND ORBS\r\n   ========================================================= *\/\r\n\r\n.nscOps-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscOps-orb-a {\r\n\r\n  width:380px;\r\n\r\n  height:380px;\r\n\r\n\r\n  right:-250px;\r\n\r\n  top:-180px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.08);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 70px\r\n    rgba(8,124,240,.015),\r\n\r\n    0 0 0 140px\r\n    rgba(130,68,232,.010);\r\n}\r\n\r\n\r\n.nscOps-orb-b {\r\n\r\n  width:230px;\r\n\r\n  height:230px;\r\n\r\n\r\n  left:-145px;\r\n\r\n  bottom:50px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH SHELL\r\n   Same alignment as Header \/ Hero\r\n   ========================================================= *\/\r\n\r\n.nscOps-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.5vw,\r\n      64px\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscOps-heading {\r\n\r\n  max-width:900px;\r\n\r\n\r\n  margin-bottom:46px;\r\n}\r\n\r\n\r\n.nscOps-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.11);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:#f2f8ff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.nscOps-heading h2 {\r\n\r\n  margin:\r\n    17px 0 18px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      5vw,\r\n      68px\r\n    );\r\n\r\n\r\n  line-height:.98;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.055em;\r\n}\r\n\r\n\r\n.nscOps-heading h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0,\r\n      #277fe7 45%,\r\n      #755be6\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n.nscOps-heading > p {\r\n\r\n  max-width:810px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BENTO GRID\r\n   ========================================================= *\/\r\n\r\n.nscOps-bento {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n\r\n  gap:16px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.nscOps-card {\r\n\r\n  --accent:var(--blue);\r\n  --soft:#edf6ff;\r\n  --accentRgb:8,124,240;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  isolation:isolate;\r\n\r\n\r\n  min-width:0;\r\n\r\n\r\n  min-height:270px;\r\n\r\n\r\n  padding:\r\n    26px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    var(--border);\r\n\r\n\r\n  border-radius:24px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #ffffff 70%,\r\n      var(--soft) 150%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 16px 40px\r\n    rgba(6,30,67,.06);\r\n\r\n\r\n  transition:\r\n    transform .24s ease,\r\n    box-shadow .24s ease,\r\n    border-color .24s ease;\r\n}\r\n\r\n\r\n\r\n\/* TOP ACCENT *\/\r\n\r\n.nscOps-card::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  top:0;\r\n\r\n  left:0;\r\n\r\n  right:0;\r\n\r\n\r\n  height:4px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--accent),\r\n      rgba(\r\n        var(--accentRgb),\r\n        .45\r\n      )\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.nscOps-card:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n\r\n  border-color:\r\n    rgba(\r\n      var(--accentRgb),\r\n      .26\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 26px 58px\r\n    rgba(6,30,67,.11);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE CARDS\r\n   ========================================================= *\/\r\n\r\n.nscOps-card-large {\r\n\r\n  grid-column:\r\n    span 2;\r\n\r\n\r\n  min-height:300px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COLOURS\r\n   ========================================================= *\/\r\n\r\n.nscOps-blue {\r\n\r\n  --accent:#087cf0;\r\n\r\n  --soft:#edf6ff;\r\n\r\n  --accentRgb:8,124,240;\r\n}\r\n\r\n\r\n.nscOps-green {\r\n\r\n  --accent:#18a565;\r\n\r\n  --soft:#edf9f3;\r\n\r\n  --accentRgb:24,165,101;\r\n}\r\n\r\n\r\n.nscOps-purple {\r\n\r\n  --accent:#8244e8;\r\n\r\n  --soft:#f5efff;\r\n\r\n  --accentRgb:130,68,232;\r\n}\r\n\r\n\r\n.nscOps-orange {\r\n\r\n  --accent:#ff5b08;\r\n\r\n  --soft:#fff2ea;\r\n\r\n  --accentRgb:255,91,8;\r\n}\r\n\r\n\r\n.nscOps-amber {\r\n\r\n  --accent:#d99113;\r\n\r\n  --soft:#fff7e4;\r\n\r\n  --accentRgb:217,145,19;\r\n}\r\n\r\n\r\n.nscOps-navy {\r\n\r\n  --accent:#082b62;\r\n\r\n  --soft:#edf2f7;\r\n\r\n  --accentRgb:8,43,98;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CARD ORB\r\n   ========================================================= *\/\r\n\r\n.nscOps-card-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:0;\r\n\r\n\r\n  width:330px;\r\n\r\n  height:330px;\r\n\r\n\r\n  right:-152px;\r\n\r\n  bottom:-190px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--accentRgb),.075);\r\n\r\n\r\n  background:\r\n    rgba(var(--accentRgb),.035);\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 55px\r\n    rgba(var(--accentRgb),.025);\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  transition:\r\n    transform .55s ease,\r\n    background .3s ease;\r\n}\r\n\r\n\r\n.nscOps-card-large\r\n.nscOps-card-orb {\r\n\r\n  width:405px;\r\n\r\n  height:405px;\r\n\r\n\r\n  right:-178px;\r\n\r\n  bottom:-235px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROLE IMAGE WATERMARKS\r\n   Same single-colour mask treatment as Less Admin. More Clarity.\r\n   Circle stays larger and more transparent than the image.\r\n   ========================================================= *\/\r\n\r\n.nscOps-card-watermark {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:1;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  width:178px;\r\n\r\n  height:190px;\r\n\r\n\r\n  right:10px;\r\n\r\n  bottom:-14px;\r\n\r\n\r\n  background:var(--accent);\r\n\r\n\r\n  opacity:.085;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n  user-select:none;\r\n\r\n\r\n  -webkit-mask-image:var(--wm-image);\r\n\r\n  -webkit-mask-repeat:no-repeat;\r\n\r\n  -webkit-mask-position:right bottom;\r\n\r\n  -webkit-mask-size:contain;\r\n\r\n\r\n  mask-image:var(--wm-image);\r\n\r\n  mask-repeat:no-repeat;\r\n\r\n  mask-position:right bottom;\r\n\r\n  mask-size:contain;\r\n\r\n\r\n  transform:\r\n    translate3d(8px,8px,0)\r\n    scale(.97);\r\n\r\n\r\n  transform-origin:right bottom;\r\n\r\n\r\n  transition:\r\n    opacity .35s ease,\r\n    transform .5s ease;\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-card-watermark {\r\n\r\n  opacity:.125;\r\n\r\n\r\n  transform:\r\n    translate3d(0,0,0)\r\n    scale(1);\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-card-orb {\r\n\r\n  transform:scale(1.035);\r\n\r\n\r\n  background:\r\n    rgba(var(--accentRgb),.045);\r\n}\r\n\r\n\r\n.nscOps-card-large\r\n.nscOps-card-watermark {\r\n\r\n  width:245px;\r\n\r\n  height:230px;\r\n\r\n\r\n  right:20px;\r\n\r\n  bottom:-20px;\r\n}\r\n\r\n\r\n.nscOps-card-watermark.nscOps-wm-worker {\r\n\r\n  width:168px;\r\n}\r\n\r\n\r\n.nscOps-card-watermark.nscOps-wm-participant {\r\n\r\n  width:172px;\r\n}\r\n\r\n\r\n.nscOps-card-watermark.nscOps-wm-admin {\r\n\r\n  width:185px;\r\n}\r\n\r\n\r\n.nscOps-card-watermark.nscOps-wm-family {\r\n\r\n  width:225px;\r\n\r\n\r\n  right:-15px;\r\n}\r\n\r\n\r\n.nscOps-card-large\r\n.nscOps-card-watermark.nscOps-wm-participant,\r\n.nscOps-card-large\r\n.nscOps-card-watermark.nscOps-wm-admin {\r\n\r\n  width:250px;\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.nscOps-icon {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:46px;\r\n\r\n  height:46px;\r\n\r\n\r\n  margin-bottom:19px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:\r\n    var(--soft);\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px\r\n    rgba(\r\n      var(--accentRgb),\r\n      .04\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD LABEL\r\n   ========================================================= *\/\r\n\r\n.nscOps-card > small {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  color:\r\n    var(--accent);\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.11em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD HEADING\r\n   ========================================================= *\/\r\n\r\n.nscOps-card h3 {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:500px;\r\n\r\n\r\n  margin:\r\n    8px 0 11px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      21px,\r\n      1.7vw,\r\n      26px\r\n    );\r\n\r\n\r\n  line-height:1.08;\r\n\r\n\r\n  font-weight:600;\r\n\r\n\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD COPY\r\n   ========================================================= *\/\r\n\r\n.nscOps-card > p {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:560px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#6b7f96;\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.62;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PARTICIPANT MINI PROFILE\r\n   ========================================================= *\/\r\n\r\n.nscOps-participant {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:500px;\r\n\r\n\r\n  margin-top:22px;\r\n\r\n\r\n  padding:13px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    48px 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:12px;\r\n\r\n\r\n  border:\r\n    1px solid #dfe8f0;\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  box-shadow:\r\n    0 8px 24px\r\n    rgba(6,30,67,.04);\r\n}\r\n\r\n\r\n.nscOps-participant-avatar {\r\n\r\n  width:48px;\r\n\r\n  height:48px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:15px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:var(--soft);\r\n\r\n\r\n  font-size:15px;\r\n\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.nscOps-participant > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n}\r\n\r\n\r\n.nscOps-participant strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:12px;\r\n}\r\n\r\n\r\n.nscOps-participant small {\r\n\r\n  color:#7a8da2;\r\n\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\r\n.nscOps-participant > b {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:5px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n.nscOps-participant > b span {\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-participant > b span {\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MINI STATUS\r\n   ========================================================= *\/\r\n\r\n.nscOps-mini-status {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  margin-top:21px;\r\n\r\n\r\n  padding:\r\n    11px;\r\n\r\n\r\n  border:\r\n    1px solid #e1e9f0;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.88);\r\n}\r\n\r\n\r\n.nscOps-mini-status > span {\r\n\r\n  width:10px;\r\n\r\n  height:10px;\r\n\r\n\r\n  flex:\r\n    0 0 10px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscOps-mini-status > span.green {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(24,165,101,.09);\r\n}\r\n\r\n\r\n.nscOps-mini-status > span.orange {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,91,8,.08);\r\n}\r\n\r\n\r\n.nscOps-mini-status > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:2px;\r\n}\r\n\r\n\r\n.nscOps-mini-status strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n.nscOps-mini-status small {\r\n\r\n  color:#8292a4;\r\n\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GOAL PROGRESS\r\n   ========================================================= *\/\r\n\r\n.nscOps-goal-progress {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  margin-top:24px;\r\n}\r\n\r\n\r\n.nscOps-goal-progress > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:12px;\r\n\r\n\r\n  margin-bottom:8px;\r\n\r\n\r\n  color:#70628c;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscOps-goal-progress strong {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n.nscOps-goal-progress > i {\r\n\r\n  display:block;\r\n\r\n\r\n  height:6px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:#eee7f8;\r\n}\r\n\r\n\r\n.nscOps-goal-progress > i span {\r\n\r\n  display:block;\r\n\r\n\r\n  width:72%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  border-radius:inherit;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #8244e8,\r\n      #b188f4\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT LIST\r\n   ========================================================= *\/\r\n\r\n.nscOps-docs {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:600px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  margin-top:19px;\r\n}\r\n\r\n\r\n.nscOps-docs > div {\r\n\r\n  min-height:42px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    26px 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  padding:\r\n    8px 10px;\r\n\r\n\r\n  border:\r\n    1px solid #e0e8ef;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n}\r\n\r\n\r\n.nscOps-docs > div > span {\r\n\r\n  width:26px;\r\n\r\n  height:26px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:8px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n\r\n.nscOps-docs strong {\r\n\r\n  color:#556e89;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscOps-docs em {\r\n\r\n  font-style:normal;\r\n\r\n\r\n  color:#8192a5;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n.nscOps-docs em.blue {\r\n\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n.nscOps-docs em.orange {\r\n\r\n  color:var(--orange);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COMPLIANCE LIST\r\n   ========================================================= *\/\r\n\r\n.nscOps-compliance-list {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  margin-top:21px;\r\n}\r\n\r\n\r\n.nscOps-compliance-list span {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    8px 1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  padding:\r\n    9px;\r\n\r\n\r\n  border:\r\n    1px solid #e8e6dc;\r\n\r\n\r\n  border-radius:11px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.9);\r\n\r\n\r\n  color:#61758a;\r\n\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\r\n.nscOps-compliance-list i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscOps-compliance-list i.green {\r\n\r\n  background:var(--green);\r\n}\r\n\r\n\r\n.nscOps-compliance-list i.amber {\r\n\r\n  background:var(--amber);\r\n}\r\n\r\n\r\n.nscOps-compliance-list b {\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESS AVATARS\r\n   ========================================================= *\/\r\n\r\n.nscOps-access {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  margin-top:23px;\r\n}\r\n\r\n\r\n.nscOps-access span {\r\n\r\n  width:37px;\r\n\r\n  height:37px;\r\n\r\n\r\n  margin-right:-7px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    3px solid #fff;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:var(--soft);\r\n\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(6,30,67,.07);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REPORT CHART\r\n   ========================================================= *\/\r\n\r\n.nscOps-chart {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  height:62px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:flex-end;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  margin-top:20px;\r\n}\r\n\r\n\r\n.nscOps-chart i {\r\n\r\n  width:14px;\r\n\r\n\r\n  height:\r\n    var(--height);\r\n\r\n\r\n  border-radius:\r\n    5px 5px 2px 2px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #43c188,\r\n      #18a565\r\n    );\r\n\r\n\r\n  opacity:.82;\r\n\r\n\r\n  transition:\r\n    height .3s ease;\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-chart i:nth-child(2) {\r\n\r\n  height:72%;\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-chart i:nth-child(4) {\r\n\r\n  height:90%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FUNDING\r\n   ========================================================= *\/\r\n\r\n.nscOps-funding {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    1fr auto;\r\n\r\n\r\n  gap:\r\n    7px 12px;\r\n\r\n\r\n  margin-top:23px;\r\n}\r\n\r\n\r\n.nscOps-funding > span {\r\n\r\n  color:#75688c;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscOps-funding > strong {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n.nscOps-funding > i {\r\n\r\n  grid-column:\r\n    1 \/ -1;\r\n\r\n\r\n  height:6px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:#eee7f8;\r\n}\r\n\r\n\r\n.nscOps-funding > i span {\r\n\r\n  display:block;\r\n\r\n\r\n  width:64%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  border-radius:inherit;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #8244e8,\r\n      #b78cf4\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FONT AWESOME ICONS\r\n   ========================================================= *\/\r\n\r\n.nscOps .fas {\r\n\r\n  font-family:\r\n    \"Font Awesome 5 Free\" !important;\r\n\r\n\r\n  font-weight:900 !important;\r\n\r\n\r\n  font-style:normal;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\r\n\r\n.nscOps-icon i {\r\n\r\n  font-size:20px;\r\n}\r\n\r\n\r\n.nscOps-docs\r\n> div\r\n> span i {\r\n\r\n  font-size:13px;\r\n}\r\n\r\n\r\n.nscOps-card:hover\r\n.nscOps-icon i {\r\n\r\n  transform:scale(1.06);\r\n}\r\n\r\n\r\n.nscOps-icon i {\r\n\r\n  transition:transform .2s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscOps-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nsco-delay,0ms);\r\n}\r\n\r\n\r\n.nscOps-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscOps-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 28px;\r\n  }\r\n\r\n\r\n  .nscOps-bento {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n\r\n  .nscOps-card-large {\r\n\r\n    grid-column:\r\n      span 2;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   900PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscOps {\r\n\r\n    padding:\r\n      80px 0 88px;\r\n  }\r\n\r\n\r\n  .nscOps-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 18px;\r\n  }\r\n\r\n\r\n  .nscOps-heading {\r\n\r\n    margin-bottom:40px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscOps {\r\n\r\n    padding:\r\n      68px 0 74px;\r\n  }\r\n\r\n\r\n  .nscOps-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscOps-heading {\r\n\r\n    margin-bottom:32px;\r\n  }\r\n\r\n\r\n  .nscOps-eyebrow {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscOps-heading h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        11vw,\r\n        50px\r\n      );\r\n\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  .nscOps-heading > p {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscOps-bento {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:13px;\r\n  }\r\n\r\n\r\n  .nscOps-card,\r\n  .nscOps-card-large {\r\n\r\n    grid-column:auto;\r\n\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding:\r\n      23px 19px;\r\n\r\n\r\n    border-radius:21px;\r\n  }\r\n\r\n\r\n  .nscOps-card h3 {\r\n\r\n    font-size:24px;\r\n  }\r\n\r\n\r\n  .nscOps-participant {\r\n\r\n    grid-template-columns:\r\n      44px 1fr;\r\n\r\n\r\n    padding:11px;\r\n  }\r\n\r\n\r\n  .nscOps-participant-avatar {\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n  }\r\n\r\n\r\n  .nscOps-participant > b {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n\r\n    margin-left:56px;\r\n  }\r\n\r\n\r\n  .nscOps-docs > div {\r\n\r\n    grid-template-columns:\r\n      25px 1fr;\r\n  }\r\n\r\n\r\n  .nscOps-docs em {\r\n\r\n    grid-column:2;\r\n\r\n\r\n    white-space:normal;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscOps-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WATERMARK RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscOps-card-orb {\r\n\r\n    width:300px;\r\n\r\n    height:300px;\r\n\r\n\r\n    right:-140px;\r\n\r\n    bottom:-175px;\r\n  }\r\n\r\n\r\n  .nscOps-card-large\r\n  .nscOps-card-orb {\r\n\r\n    width:350px;\r\n\r\n    height:350px;\r\n\r\n\r\n    right:-155px;\r\n\r\n    bottom:-205px;\r\n  }\r\n\r\n\r\n  .nscOps-card-watermark {\r\n\r\n    width:165px;\r\n\r\n    height:175px;\r\n  }\r\n\r\n\r\n  .nscOps-card-large\r\n  .nscOps-card-watermark {\r\n\r\n    width:215px;\r\n\r\n    height:205px;\r\n  }\r\n\r\n\r\n  .nscOps-card-watermark.nscOps-wm-family {\r\n\r\n    width:205px;\r\n  }\r\n}\r\n\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscOps-card-orb,\r\n  .nscOps-card-large\r\n  .nscOps-card-orb {\r\n\r\n    width:245px;\r\n\r\n    height:245px;\r\n\r\n\r\n    right:-120px;\r\n\r\n    bottom:-150px;\r\n  }\r\n\r\n\r\n  .nscOps-card-watermark,\r\n  .nscOps-card-large\r\n  .nscOps-card-watermark {\r\n\r\n    width:145px;\r\n\r\n    height:150px;\r\n\r\n\r\n    right:5px;\r\n\r\n    bottom:-9px;\r\n\r\n\r\n    opacity:.07;\r\n  }\r\n\r\n\r\n  .nscOps-card-watermark.nscOps-wm-family {\r\n\r\n    width:178px;\r\n\r\n\r\n    right:-12px;\r\n  }\r\n\r\n\r\n  .nscOps-card:hover\r\n  .nscOps-card-watermark {\r\n\r\n    opacity:.10;\r\n  }\r\n}\r\n\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscOps-card-watermark,\r\n  .nscOps-card-large\r\n  .nscOps-card-watermark {\r\n\r\n    width:132px;\r\n\r\n    height:138px;\r\n  }\r\n\r\n\r\n  .nscOps-card-watermark.nscOps-wm-family {\r\n\r\n    width:165px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscOps * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscOps-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteOperations'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     FONT AWESOME FRONTEND FALLBACK\r\n     ======================================================= *\/\r\n\r\n  function ensureFontAwesome() {\r\n\r\n    const existing =\r\n      document.querySelector(\r\n        'link[href*=\"fontawesome\"],' +\r\n        'link[href*=\"font-awesome\"],' +\r\n        '#nscOpsFontAwesome,' +\r\n        '#nscOpsFontAwesomeRuntime'\r\n      );\r\n\r\n\r\n    if (existing) {\r\n      return;\r\n    }\r\n\r\n\r\n    const link =\r\n      document.createElement(\r\n        'link'\r\n      );\r\n\r\n\r\n    link.id =\r\n      'nscOpsFontAwesomeRuntime';\r\n\r\n\r\n    link.rel =\r\n      'stylesheet';\r\n\r\n\r\n    link.href =\r\n      'https:\/\/use.fontawesome.com\/releases\/v5.15.4\/css\/all.css';\r\n\r\n\r\n    link.crossOrigin =\r\n      'anonymous';\r\n\r\n\r\n    document.head.appendChild(\r\n      link\r\n    );\r\n  }\r\n\r\n\r\n  ensureFontAwesome();\r\n\r\n\r\n\/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscOps-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nsco-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7fc632 elementor-widget elementor-widget-html\" data-id=\"b7fc632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ PARTICIPANT EXPERIENCE\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscParticipant\" id=\"nscsiteParticipant\">\r\n\r\n  <div class=\"nscParticipant-grid-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscParticipant-orb nscParticipant-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscParticipant-orb nscParticipant-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscParticipant-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT: PARTICIPANT PORTAL PHONE\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscParticipant-phone-area nscParticipant-reveal\">\r\n\r\n\r\n      <!-- DECORATIVE LABEL -->\r\n\r\n      <div class=\"nscParticipant-float-label\">\r\n\r\n        <span>\r\n          <b data-nscp-icon=\"participant\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n          <strong>Participant Portal<\/strong>\r\n          <small>Simple, focused access<\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- PHONE -->\r\n\r\n      <div class=\"nscParticipant-phone\">\r\n\r\n\r\n        <div\r\n          class=\"nscParticipant-phone-notch\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n        <div class=\"nscParticipant-phone-screen\">\r\n\r\n\r\n          <!-- PHONE STATUS -->\r\n\r\n          <div class=\"nscParticipant-phone-top\">\r\n\r\n            <span>\r\n              9:41\r\n            <\/span>\r\n\r\n            <small>\r\n              NS Care+\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PHONE WELCOME -->\r\n\r\n          <div class=\"nscParticipant-phone-hero\">\r\n\r\n            <span>\r\n              MY SUPPORTS\r\n            <\/span>\r\n\r\n            <strong>\r\n              Good morning, Riley\r\n            <\/strong>\r\n\r\n            <small>\r\n              Your upcoming supports and updates are here when you need them.\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- NEXT SUPPORT -->\r\n\r\n          <div class=\"nscParticipant-phone-card\">\r\n\r\n            <span class=\"nscParticipant-phone-label\">\r\n              NEXT SUPPORT\r\n            <\/span>\r\n\r\n\r\n            <strong>\r\n              Community Access\r\n            <\/strong>\r\n\r\n\r\n            <small>\r\n              Tomorrow \u00b7 8:00 am \u2013 11:00 am\r\n            <\/small>\r\n\r\n\r\n            <div class=\"nscParticipant-worker\">\r\n\r\n              <i>\r\n                OC\r\n              <\/i>\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Olivia Chen\r\n                <\/strong>\r\n\r\n                <small>\r\n                  Support Worker\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"nscParticipant-view-button\"\r\n            >\r\n              View support\r\n\r\n              <span>\r\n                \u2192\r\n              <\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- QUICK ACTIONS -->\r\n\r\n          <div class=\"nscParticipant-phone-actions\">\r\n\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"active\"\r\n            >\r\n\r\n              <b data-nscp-icon=\"calendar\"><\/b>\r\n\r\n              <span>\r\n                My supports\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n              type=\"button\"\r\n            >\r\n\r\n              <b data-nscp-icon=\"goal\"><\/b>\r\n\r\n              <span>\r\n                Goals\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n              type=\"button\"\r\n            >\r\n\r\n              <b data-nscp-icon=\"send\"><\/b>\r\n\r\n              <span>\r\n                Request change\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PHONE BOTTOM DETAIL -->\r\n\r\n          <div class=\"nscParticipant-phone-update\">\r\n\r\n            <span>\r\n              <b data-nscp-icon=\"check\"><\/b>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Everything is up to date\r\n              <\/strong>\r\n\r\n              <small>\r\n                No actions need your attention.\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- SECOND FLOATING CARD -->\r\n\r\n      <div class=\"nscParticipant-float-support\">\r\n\r\n        <span>\r\n          <b data-nscp-icon=\"heart\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n          <small>NEXT SUPPORT<\/small>\r\n          <strong>Tomorrow, 8:00 am<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT: COPY\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscParticipant-copy nscParticipant-reveal\"\r\n      data-delay=\"100\"\r\n    >\r\n\r\n\r\n      <span class=\"nscParticipant-eyebrow\">\r\n        PARTICIPANT-CENTRED BY DESIGN\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        Software should not only work\r\n        <span>for the back office.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"nscParticipant-intro\">\r\n        NS Care+ gives Participants a clear place to understand what is\r\n        coming up, access information shared with them and communicate\r\n        when something needs to change.\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           BENEFITS\r\n           =================================================== -->\r\n\r\n      <div class=\"nscParticipant-benefits\">\r\n\r\n\r\n        <!-- CLEARER INFORMATION -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscParticipant-benefit-icon\">\r\n\r\n            <b data-nscp-icon=\"eye\"><\/b>\r\n\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Clearer information\r\n            <\/strong>\r\n\r\n            <p>\r\n              Upcoming supports and important updates stay easy to find.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- MORE CONTROL -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscParticipant-benefit-icon\">\r\n\r\n            <b data-nscp-icon=\"send\"><\/b>\r\n\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              More control\r\n            <\/strong>\r\n\r\n            <p>\r\n              Participants can send requests and feedback from their own portal.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- BETTER ACCESS -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscParticipant-benefit-icon\">\r\n\r\n            <b data-nscp-icon=\"layout\"><\/b>\r\n\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Better access\r\n            <\/strong>\r\n\r\n            <p>\r\n              Purpose-built layouts avoid exposing complicated Administration\r\n              screens.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           REPRESENTATIVE CALLOUT\r\n           =================================================== -->\r\n\r\n      <div class=\"nscParticipant-family\">\r\n\r\n        <span class=\"nscParticipant-family-icon\">\r\n\r\n          <b data-nscp-icon=\"heart\"><\/b>\r\n\r\n        <\/span>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Keep authorised Representatives connected too.\r\n          <\/strong>\r\n\r\n          <p>\r\n            Representative access is linked deliberately to the Participant\r\n            and only shows information made available through that relationship.\r\n          <\/p>\r\n\r\n          <small>\r\n            RIGHT PERSON. RIGHT INFORMATION. RIGHT ACCESS.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscParticipant,\r\n.nscParticipant * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscParticipant {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --purpleDeep:#5d2db8;\r\n  --orange:#ff5b08;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n  --border:#dddff0;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    94px 0 102px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 15% 55%,\r\n      rgba(130,68,232,.12),\r\n      transparent 29%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 87% 13%,\r\n      rgba(8,124,240,.075),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 78% 87%,\r\n      rgba(255,91,8,.035),\r\n      transparent 22%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #faf8ff 0%,\r\n      #f5f9ff 52%,\r\n      #ffffff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscParticipant button {\r\n  font:inherit;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  opacity:.6;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(130,68,232,.03) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(130,68,232,.03) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    40px 40px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 25% 48%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 25% 48%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE ORBS\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscParticipant-orb-a {\r\n\r\n  width:480px;\r\n\r\n  height:480px;\r\n\r\n\r\n  left:-300px;\r\n\r\n  top:50px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.10);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 80px\r\n    rgba(130,68,232,.018),\r\n\r\n    0 0 0 160px\r\n    rgba(8,124,240,.012);\r\n}\r\n\r\n\r\n.nscParticipant-orb-b {\r\n\r\n  width:190px;\r\n\r\n  height:190px;\r\n\r\n\r\n  right:-90px;\r\n\r\n  top:95px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH SHELL\r\n   Same gutter as header and hero\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      32px,\r\n      5vw,\r\n      95px\r\n    );\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(430px,.85fr)\r\n    minmax(0,1.15fr);\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      55px,\r\n      7vw,\r\n      130px\r\n    );\r\n\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE AREA\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-area {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:665px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  width:326px;\r\n\r\n\r\n  padding:10px;\r\n\r\n\r\n  border-radius:42px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #111d35,\r\n      #070f20\r\n    );\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 38px 90px\r\n    rgba(26,19,65,.26),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.12)\r\n    inset;\r\n\r\n\r\n  transform:\r\n    rotate(-1.2deg);\r\n\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\r\n.nscParticipant-phone-area:hover\r\n.nscParticipant-phone {\r\n\r\n  transform:\r\n    rotate(-.4deg)\r\n    translateY(-5px);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 48px 100px\r\n    rgba(26,19,65,.30),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.13)\r\n    inset;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE NOTCH\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-notch {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  top:10px;\r\n\r\n  left:50%;\r\n\r\n\r\n  width:110px;\r\n\r\n  height:24px;\r\n\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n\r\n  border-radius:\r\n    0 0 16px 16px;\r\n\r\n\r\n  background:#0b1830;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE SCREEN\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-screen {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:625px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:33px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(130,68,232,.08),\r\n      transparent 27%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #f9f7ff,\r\n      #f5f4fb\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE TOP\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-top {\r\n\r\n  height:44px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:flex-end;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  padding:\r\n    0 18px 8px;\r\n\r\n\r\n  color:#6b5b8b;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscParticipant-phone-top small {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE HERO\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-hero {\r\n\r\n  margin:\r\n    10px 12px;\r\n\r\n\r\n  padding:19px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e4daf8;\r\n\r\n\r\n  border-radius:22px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 95% 8%,\r\n      rgba(130,68,232,.10),\r\n      transparent 32%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff,\r\n      #f1eaff\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 9px 23px\r\n    rgba(72,39,117,.05);\r\n}\r\n\r\n\r\n.nscParticipant-phone-hero > span {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.11em;\r\n}\r\n\r\n\r\n.nscParticipant-phone-hero strong {\r\n\r\n  color:#351b62;\r\n\r\n\r\n  font-size:21px;\r\n\r\n\r\n  line-height:1.15;\r\n}\r\n\r\n\r\n.nscParticipant-phone-hero small {\r\n\r\n  color:#766995;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NEXT SUPPORT CARD\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-card {\r\n\r\n  margin:12px;\r\n\r\n\r\n  padding:17px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e5def1;\r\n\r\n\r\n  border-radius:20px;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 10px 24px\r\n    rgba(64,32,99,.08);\r\n}\r\n\r\n\r\n.nscParticipant-phone-label {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.09em;\r\n}\r\n\r\n\r\n.nscParticipant-phone-card >\r\nstrong {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:8px;\r\n\r\n\r\n  color:#351b62;\r\n\r\n\r\n  font-size:18px;\r\n\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n.nscParticipant-phone-card >\r\nsmall {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:4px;\r\n\r\n\r\n  color:#85769e;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORKER\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-worker {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n\r\n.nscParticipant-worker > i {\r\n\r\n  width:31px;\r\n\r\n  height:31px;\r\n\r\n\r\n  flex:\r\n    0 0 31px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#eef8f2;\r\n\r\n\r\n  font-style:normal;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.nscParticipant-worker > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:2px;\r\n}\r\n\r\n\r\n.nscParticipant-worker strong {\r\n\r\n  color:#5f4d7e;\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscParticipant-worker small {\r\n\r\n  color:#9a8daa;\r\n\r\n\r\n  font-size:7px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIEW SUPPORT BUTTON\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-view-button {\r\n\r\n  width:100%;\r\n\r\n\r\n  min-height:40px;\r\n\r\n\r\n  margin-top:15px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  border:0;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #8244e8,\r\n      #6e39c8\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 10px 22px\r\n    rgba(130,68,232,.22);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nscParticipant-view-button:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  box-shadow:\r\n    0 14px 27px\r\n    rgba(130,68,232,.29);\r\n}\r\n\r\n\r\n.nscParticipant-view-button span {\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n.nscParticipant-view-button:hover span {\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE ACTIONS\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-actions {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  padding:\r\n    0 12px;\r\n}\r\n\r\n\r\n.nscParticipant-phone-actions button {\r\n\r\n  min-height:76px;\r\n\r\n\r\n  padding:\r\n    8px 5px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e4dcf2;\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  color:#6c5a89;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.nscParticipant-phone-actions\r\nbutton:hover,\r\n.nscParticipant-phone-actions\r\nbutton.active {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  border-color:\r\n    #d3c4ed;\r\n\r\n\r\n  background:#fdfcff;\r\n\r\n\r\n  box-shadow:\r\n    0 9px 20px\r\n    rgba(69,38,110,.07);\r\n}\r\n\r\n\r\n.nscParticipant-phone-actions b {\r\n\r\n  width:30px;\r\n\r\n  height:30px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f3edff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PHONE UPDATE\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-phone-update {\r\n\r\n  margin:\r\n    12px;\r\n\r\n\r\n  padding:\r\n    12px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #dfece5;\r\n\r\n\r\n  border-radius:15px;\r\n\r\n\r\n  background:\r\n    rgba(246,252,248,.92);\r\n}\r\n\r\n\r\n.nscParticipant-phone-update >\r\nspan {\r\n\r\n  width:30px;\r\n\r\n  height:30px;\r\n\r\n\r\n  flex:\r\n    0 0 30px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#eaf8f0;\r\n}\r\n\r\n\r\n.nscParticipant-phone-update >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:2px;\r\n}\r\n\r\n\r\n.nscParticipant-phone-update strong {\r\n\r\n  color:#37624d;\r\n\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\r\n.nscParticipant-phone-update small {\r\n\r\n  color:#789085;\r\n\r\n\r\n  font-size:7px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABEL\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-float-label {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  top:70px;\r\n\r\n  left:4%;\r\n\r\n\r\n  min-width:190px;\r\n\r\n\r\n  padding:\r\n    11px 13px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(220,210,241,.95);\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(61,30,107,.12);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  animation:\r\n    nscParticipantFloat\r\n    8s ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n\r\n.nscParticipant-float-label >\r\nspan {\r\n\r\n  width:37px;\r\n\r\n  height:37px;\r\n\r\n\r\n  flex:\r\n    0 0 37px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f3edff;\r\n}\r\n\r\n\r\n.nscParticipant-float-label >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n}\r\n\r\n\r\n.nscParticipant-float-label strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n.nscParticipant-float-label small {\r\n\r\n  color:#827794;\r\n\r\n\r\n  font-size:7px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING SUPPORT\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-float-support {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  right:0;\r\n\r\n  bottom:85px;\r\n\r\n\r\n  min-width:190px;\r\n\r\n\r\n  padding:\r\n    11px 13px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(236,216,201,.95);\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(61,30,107,.12);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(16px);\r\n\r\n\r\n  animation:\r\n    nscParticipantFloatB\r\n    9s ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n\r\n.nscParticipant-float-support >\r\nspan {\r\n\r\n  width:37px;\r\n\r\n  height:37px;\r\n\r\n\r\n  flex:\r\n    0 0 37px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:12px;\r\n\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  background:#fff0e6;\r\n}\r\n\r\n\r\n.nscParticipant-float-support >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n}\r\n\r\n\r\n.nscParticipant-float-support small {\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  font-size:7px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.07em;\r\n}\r\n\r\n\r\n.nscParticipant-float-support strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT COPY\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-copy {\r\n\r\n  max-width:760px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.12);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:\r\n    rgba(243,237,255,.75);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-copy h2 {\r\n\r\n  max-width:760px;\r\n\r\n\r\n  margin:\r\n    18px 0 21px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      4.6vw,\r\n      65px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  line-height:1.01;\r\n\r\n\r\n  letter-spacing:-.052em;\r\n}\r\n\r\n\r\n.nscParticipant-copy h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #536ce6 44%,\r\n      #8244e8 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-intro {\r\n\r\n  max-width:720px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-benefits {\r\n\r\n  display:grid;\r\n\r\n\r\n  gap:12px;\r\n\r\n\r\n  margin-top:30px;\r\n}\r\n\r\n\r\n.nscParticipant-benefits article {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    48px 1fr;\r\n\r\n\r\n  gap:14px;\r\n\r\n\r\n  align-items:start;\r\n\r\n\r\n  padding:\r\n    14px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    transparent;\r\n\r\n\r\n  border-radius:17px;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nscParticipant-benefits article:hover {\r\n\r\n  transform:\r\n    translateX(5px);\r\n\r\n\r\n  border-color:\r\n    #e1d9f1;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.76);\r\n\r\n\r\n  box-shadow:\r\n    0 13px 30px\r\n    rgba(49,28,85,.05);\r\n}\r\n\r\n\r\n.nscParticipant-benefit-icon {\r\n\r\n  width:48px;\r\n\r\n  height:48px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f1eaff;\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px\r\n    rgba(130,68,232,.035);\r\n}\r\n\r\n\r\n.nscParticipant-benefits\r\narticle:nth-child(2)\r\n.nscParticipant-benefit-icon {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#eaf5ff;\r\n}\r\n\r\n\r\n.nscParticipant-benefits\r\narticle:nth-child(3)\r\n.nscParticipant-benefit-icon {\r\n\r\n  color:#5c69df;\r\n\r\n\r\n  background:#eff0ff;\r\n}\r\n\r\n\r\n.nscParticipant-benefits\r\narticle > div {\r\n\r\n  padding-top:2px;\r\n}\r\n\r\n\r\n.nscParticipant-benefits strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:15px;\r\n}\r\n\r\n\r\n.nscParticipant-benefits p {\r\n\r\n  margin:\r\n    5px 0 0;\r\n\r\n\r\n  color:#6c7e94;\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REPRESENTATIVE CALLOUT\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-family {\r\n\r\n  margin-top:28px;\r\n\r\n\r\n  padding:20px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    52px 1fr;\r\n\r\n\r\n  gap:15px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #f3d5c2;\r\n\r\n\r\n  border-radius:21px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 95% 5%,\r\n      rgba(255,91,8,.08),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #fffaf6,\r\n      #fff7f2\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 13px 34px\r\n    rgba(98,47,12,.045);\r\n}\r\n\r\n\r\n.nscParticipant-family-icon {\r\n\r\n  width:52px;\r\n\r\n  height:52px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:16px;\r\n\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  background:#fff0e6;\r\n}\r\n\r\n\r\n.nscParticipant-family >\r\ndiv {\r\n\r\n  padding-top:2px;\r\n}\r\n\r\n\r\n.nscParticipant-family strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:14px;\r\n\r\n\r\n  line-height:1.35;\r\n}\r\n\r\n\r\n.nscParticipant-family p {\r\n\r\n  margin:\r\n    6px 0 8px;\r\n\r\n\r\n  color:#6c7e94;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n.nscParticipant-family small {\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.05em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICONS\r\n   ========================================================= *\/\r\n\r\n.nscParticipant [data-nscp-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscParticipant [data-nscp-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:21px;\r\n\r\n  height:21px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.nscParticipant-phone-actions\r\n[data-nscp-icon] svg {\r\n\r\n  width:15px;\r\n\r\n  height:15px;\r\n}\r\n\r\n\r\n.nscParticipant-phone-update\r\n[data-nscp-icon] svg {\r\n\r\n  width:15px;\r\n\r\n  height:15px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscParticipant-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscp-delay,0ms);\r\n}\r\n\r\n\r\n.nscParticipant-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes nscParticipantFloat {\r\n\r\n  from {\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    transform:\r\n      translateY(-8px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes nscParticipantFloatB {\r\n\r\n  from {\r\n\r\n    transform:\r\n      translateY(4px);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    transform:\r\n      translateY(-6px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscParticipant-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 34px;\r\n\r\n\r\n    grid-template-columns:\r\n      minmax(390px,.9fr)\r\n      minmax(0,1.1fr);\r\n\r\n\r\n    gap:55px;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-label {\r\n\r\n    left:-1%;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-support {\r\n\r\n    right:-1%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   980PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:980px) {\r\n\r\n  .nscParticipant {\r\n\r\n    padding:\r\n      82px 0 88px;\r\n  }\r\n\r\n\r\n  .nscParticipant-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:55px;\r\n  }\r\n\r\n\r\n  .nscParticipant-copy {\r\n\r\n    max-width:800px;\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n\r\n\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  .nscParticipant-intro {\r\n\r\n    margin-left:auto;\r\n\r\n\r\n    margin-right:auto;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefits {\r\n\r\n    max-width:720px;\r\n\r\n\r\n    margin-left:auto;\r\n\r\n\r\n    margin-right:auto;\r\n\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  .nscParticipant-family {\r\n\r\n    max-width:720px;\r\n\r\n\r\n    margin-left:auto;\r\n\r\n\r\n    margin-right:auto;\r\n\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-area {\r\n\r\n    order:2;\r\n\r\n\r\n    width:100%;\r\n\r\n\r\n    max-width:650px;\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .nscParticipant-copy {\r\n\r\n    order:1;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-label {\r\n\r\n    left:4%;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-support {\r\n\r\n    right:3%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscParticipant {\r\n\r\n    padding:\r\n      68px 0 72px;\r\n  }\r\n\r\n\r\n  .nscParticipant-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n\r\n\r\n    gap:42px;\r\n  }\r\n\r\n\r\n  .nscParticipant-copy {\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  .nscParticipant-eyebrow {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscParticipant-copy h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        37px,\r\n        10.7vw,\r\n        49px\r\n      );\r\n\r\n\r\n    line-height:1.03;\r\n  }\r\n\r\n\r\n  .nscParticipant-intro {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefits {\r\n\r\n    margin-top:24px;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefits article {\r\n\r\n    grid-template-columns:\r\n      44px 1fr;\r\n\r\n\r\n    gap:12px;\r\n\r\n\r\n    padding:\r\n      11px 4px;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefit-icon {\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefits strong {\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  .nscParticipant-benefits p {\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  .nscParticipant-family {\r\n\r\n    grid-template-columns:\r\n      46px 1fr;\r\n\r\n\r\n    padding:16px;\r\n\r\n\r\n    border-radius:18px;\r\n  }\r\n\r\n\r\n  .nscParticipant-family-icon {\r\n\r\n    width:46px;\r\n\r\n    height:46px;\r\n\r\n\r\n    border-radius:14px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-area {\r\n\r\n    min-height:590px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone {\r\n\r\n    width:\r\n      min(\r\n        300px,\r\n        calc(100vw - 54px)\r\n      );\r\n\r\n\r\n    border-radius:38px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-screen {\r\n\r\n    min-height:565px;\r\n\r\n\r\n    border-radius:29px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-hero {\r\n\r\n    padding:16px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-hero strong {\r\n\r\n    font-size:19px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-card {\r\n\r\n    padding:15px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-actions button {\r\n\r\n    min-height:70px;\r\n\r\n\r\n    font-size:7px;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-label {\r\n\r\n    min-width:160px;\r\n\r\n\r\n    top:66px;\r\n\r\n\r\n    left:-3%;\r\n\r\n\r\n    padding:\r\n      9px 10px;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-support {\r\n\r\n    min-width:160px;\r\n\r\n\r\n    right:-3%;\r\n\r\n\r\n    bottom:60px;\r\n\r\n\r\n    padding:\r\n      9px 10px;\r\n  }\r\n\r\n\r\n  .nscParticipant-float-label >\r\n  span,\r\n  .nscParticipant-float-support >\r\n  span {\r\n\r\n    width:33px;\r\n\r\n    height:33px;\r\n\r\n\r\n    flex-basis:33px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscParticipant-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscParticipant-phone-area {\r\n\r\n    min-height:570px;\r\n  }\r\n\r\n\r\n  \/*\r\n    Hide floating cards on very small screens\r\n    so they do not overlap the phone edges.\r\n  *\/\r\n\r\n  .nscParticipant-float-label,\r\n  .nscParticipant-float-support {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  .nscParticipant-family {\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n\r\n  .nscParticipant-family-icon {\r\n\r\n    margin-bottom:2px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscParticipant * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscParticipant-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteParticipant'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICON SYSTEM\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    participant:\r\n\r\n      '<circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>' +\r\n\r\n      '<path d=\"M5 20c0-4 3-7 7-7s7 3 7 7\"><\/path>',\r\n\r\n\r\n    calendar:\r\n\r\n      '<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>' +\r\n\r\n      '<path d=\"M8 3v4M16 3v4M3 10h18\"><\/path>',\r\n\r\n\r\n    goal:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>' +\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>' +\r\n\r\n      '<path d=\"m15 9 5-5\"><\/path>' +\r\n\r\n      '<path d=\"M16 4h4v4\"><\/path>',\r\n\r\n\r\n    send:\r\n\r\n      '<path d=\"m22 2-7 20-4-9-9-4Z\"><\/path>' +\r\n\r\n      '<path d=\"M22 2 11 13\"><\/path>',\r\n\r\n\r\n    eye:\r\n\r\n      '<path d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z\"><\/path>' +\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>',\r\n\r\n\r\n    layout:\r\n\r\n      '<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>' +\r\n\r\n      '<path d=\"M3 9h18M9 9v12\"><\/path>',\r\n\r\n\r\n    heart:\r\n\r\n      '<path d=\"M20.8 5.8a5 5 0 0 0-7.1 0L12 7.5l-1.7-1.7a5 5 0 1 0-7.1 7.1L12 21l8.8-8.1a5 5 0 0 0 0-7.1Z\"><\/path>',\r\n\r\n\r\n    check:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n\r\n      '<path d=\"m8 12 2.5 2.5L16 9\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscp-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscp-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     PHONE QUICK ACTION VISUAL STATE\r\n     ======================================================= *\/\r\n\r\n  const phoneActions =\r\n    root.querySelectorAll(\r\n      '.nscParticipant-phone-actions button'\r\n    );\r\n\r\n\r\n  phoneActions.forEach(\r\n    function (button) {\r\n\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n\r\n          phoneActions.forEach(\r\n            function (item) {\r\n\r\n\r\n              item.classList.remove(\r\n                'active'\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n          button.classList.add(\r\n            'active'\r\n          );\r\n\r\n\r\n        }\r\n      );\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscParticipant-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscp-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf71a82 elementor-widget elementor-widget-html\" data-id=\"cf71a82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ COMPLIANCE\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscCompliance\" id=\"nscsiteCompliance\">\r\n\r\n  <div class=\"nscCompliance-grid-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscCompliance-orb nscCompliance-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscCompliance-orb nscCompliance-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscCompliance-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT COLUMN\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscCompliance-copy nscCompliance-reveal\">\r\n\r\n\r\n      <span class=\"nscCompliance-eyebrow\">\r\n        COMPLIANCE THAT LIVES WITH THE WORK\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        Do not wait for an audit to find\r\n        <span>what needs attention.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"nscCompliance-intro\">\r\n        Compliance is easier to manage when it is connected to everyday\r\n        operations. NS Care+ brings credentials, documents, review dates,\r\n        incidents, access controls and audit context into the same\r\n        operational environment.\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FEATURES\r\n           =================================================== -->\r\n\r\n      <div class=\"nscCompliance-features\">\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"check\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Credential visibility\r\n            <\/strong>\r\n\r\n            <small>\r\n              Keep important Worker requirements visible.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"file\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Protected documents\r\n            <\/strong>\r\n\r\n            <small>\r\n              Keep sensitive records controlled and organised.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"shield\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Incident workflows\r\n            <\/strong>\r\n\r\n            <small>\r\n              Keep follow-up actions connected to the work.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"lock\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Role-based access\r\n            <\/strong>\r\n\r\n            <small>\r\n              Give people access based on their role.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"edit\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Electronic signatures\r\n            <\/strong>\r\n\r\n            <small>\r\n              Support clearer digital acknowledgement.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article>\r\n\r\n          <span>\r\n            <b data-nscc-icon=\"clock\"><\/b>\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Audit activity\r\n            <\/strong>\r\n\r\n            <small>\r\n              Keep useful operational history available.\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT COLUMN\r\n         ATTENTION CENTRE\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscCompliance-attention-wrap nscCompliance-reveal\"\r\n      data-delay=\"120\"\r\n    >\r\n\r\n\r\n      <!-- FLOATING STATUS -->\r\n\r\n      <div class=\"nscCompliance-live\">\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          LIVE COMPLIANCE VIEW\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ATTENTION CENTRE -->\r\n\r\n      <div class=\"nscCompliance-attention\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"nscCompliance-attention-head\">\r\n\r\n\r\n          <div>\r\n\r\n            <small>\r\n              ATTENTION CENTRE\r\n            <\/small>\r\n\r\n            <strong>\r\n              4 items need review\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span>\r\n            Today\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             ITEM 1\r\n             ================================================= -->\r\n\r\n        <article class=\"red\">\r\n\r\n          <span class=\"nscCompliance-item-icon\">\r\n\r\n            <b data-nscc-icon=\"warning\"><\/b>\r\n\r\n          <\/span>\r\n\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Worker credential due\r\n            <\/strong>\r\n\r\n            <small>\r\n              First Aid \u00b7 Olivia Chen \u00b7 22 Sep\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscCompliance-item-action\">\r\n            Review\r\n          <\/b>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             ITEM 2\r\n             ================================================= -->\r\n\r\n        <article class=\"amber\">\r\n\r\n          <span class=\"nscCompliance-item-icon\">\r\n\r\n            <b data-nscc-icon=\"clock\"><\/b>\r\n\r\n          <\/span>\r\n\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Support Plan review approaching\r\n            <\/strong>\r\n\r\n            <small>\r\n              Riley Smith \u00b7 due in 14 days\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscCompliance-item-action\">\r\n            Open\r\n          <\/b>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             ITEM 3\r\n             ================================================= -->\r\n\r\n        <article class=\"blue\">\r\n\r\n          <span class=\"nscCompliance-item-icon\">\r\n\r\n            <b data-nscc-icon=\"file\"><\/b>\r\n\r\n          <\/span>\r\n\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Service Agreement review\r\n            <\/strong>\r\n\r\n            <small>\r\n              Taylor Green \u00b7 review requested\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscCompliance-item-action\">\r\n            Open\r\n          <\/b>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             ITEM 4\r\n             ================================================= -->\r\n\r\n        <article class=\"purple\">\r\n\r\n          <span class=\"nscCompliance-item-icon\">\r\n\r\n            <b data-nscc-icon=\"shield\"><\/b>\r\n\r\n          <\/span>\r\n\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Incident awaiting management review\r\n            <\/strong>\r\n\r\n            <small>\r\n              Follow-up action required\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n          <b class=\"nscCompliance-item-action\">\r\n            Review\r\n          <\/b>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FOOTER SUMMARY\r\n             ================================================= -->\r\n\r\n        <div class=\"nscCompliance-summary\">\r\n\r\n\r\n          <div>\r\n\r\n            <span class=\"green\">\r\n              <b data-nscc-icon=\"check\"><\/b>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                27 items current\r\n              <\/strong>\r\n\r\n              <small>\r\n                No action required\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span class=\"blue\">\r\n              <b data-nscc-icon=\"eye\"><\/b>\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                One operational view\r\n              <\/strong>\r\n\r\n              <small>\r\n                Review what matters first\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- BACK DECORATION -->\r\n\r\n      <div\r\n        class=\"nscCompliance-attention-glow\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscCompliance,\r\n.nscCompliance * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscCompliance {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n  --amber:#d48a11;\r\n  --red:#e83c3c;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n  --border:#dbe5ee;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    96px 0 104px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 90% 18%,\r\n      rgba(8,124,240,.08),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 85%,\r\n      rgba(130,68,232,.045),\r\n      transparent 26%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #f8fbff 52%,\r\n      #ffffff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.62;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 75% 46%,\r\n      #000,\r\n      transparent 72%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 75% 46%,\r\n      #000,\r\n      transparent 72%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ORBS\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscCompliance-orb-a {\r\n\r\n  width:430px;\r\n\r\n  height:430px;\r\n\r\n\r\n  right:-260px;\r\n\r\n  top:-160px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.09);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 70px\r\n    rgba(8,124,240,.018),\r\n\r\n    0 0 0 140px\r\n    rgba(130,68,232,.012);\r\n}\r\n\r\n\r\n.nscCompliance-orb-b {\r\n\r\n  width:190px;\r\n\r\n  height:190px;\r\n\r\n\r\n  left:-100px;\r\n\r\n  bottom:40px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.09);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH SHELL\r\n   Matches header and hero gutters\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      32px,\r\n      4vw,\r\n      76px\r\n    );\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(500px,1fr);\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      55px,\r\n      6vw,\r\n      110px\r\n    );\r\n\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-copy {\r\n\r\n  max-width:760px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.11);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:#eff7ff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-copy h2 {\r\n\r\n  max-width:760px;\r\n\r\n\r\n  margin:\r\n    18px 0 21px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      4.4vw,\r\n      62px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  line-height:1.01;\r\n\r\n\r\n  letter-spacing:-.052em;\r\n}\r\n\r\n\r\n.nscCompliance-copy h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 45%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-intro {\r\n\r\n  max-width:710px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE GRID\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-features {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  margin-top:29px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE CARD\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-features article {\r\n\r\n  min-height:70px;\r\n\r\n\r\n  padding:\r\n    10px 12px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    38px 1fr;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e1e9f1;\r\n\r\n\r\n  border-radius:15px;\r\n\r\n\r\n  background:\r\n    rgba(248,250,253,.92);\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nscCompliance-features article:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n\r\n  border-color:\r\n    #cbddec;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 13px 30px\r\n    rgba(6,30,67,.06);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE ICON\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-features article >\r\nspan {\r\n\r\n  width:38px;\r\n\r\n  height:38px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:11px;\r\n\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#eaf5ff;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\narticle:nth-child(2) >\r\nspan {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f3edff;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\narticle:nth-child(3) >\r\nspan {\r\n\r\n  color:var(--orange);\r\n\r\n\r\n  background:#fff0e6;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\narticle:nth-child(4) >\r\nspan {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  background:#edf2f7;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\narticle:nth-child(5) >\r\nspan {\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#edf9f3;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\narticle:nth-child(6) >\r\nspan {\r\n\r\n  color:#d48a11;\r\n\r\n\r\n  background:#fff7e5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE COPY\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-features article >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:3px;\r\n}\r\n\r\n\r\n.nscCompliance-features strong {\r\n\r\n  color:#49637f;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.3;\r\n}\r\n\r\n\r\n.nscCompliance-features small {\r\n\r\n  color:#8595a6;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ATTENTION WRAPPER\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention-wrap {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:560px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACK GLOW\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention-glow {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:0;\r\n\r\n\r\n  width:430px;\r\n\r\n  height:430px;\r\n\r\n\r\n  right:-20px;\r\n\r\n  top:50%;\r\n\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(8,124,240,.14),\r\n      rgba(130,68,232,.04) 48%,\r\n      transparent 70%\r\n    );\r\n\r\n\r\n  filter:\r\n    blur(6px);\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LIVE CHIP\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-live {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:5;\r\n\r\n\r\n  top:7px;\r\n\r\n  left:4%;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:7px;\r\n\r\n\r\n  padding:\r\n    8px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #d4e4f1;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  box-shadow:\r\n    0 13px 29px\r\n    rgba(6,30,67,.08);\r\n\r\n\r\n  color:#59718b;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.11em;\r\n}\r\n\r\n\r\n.nscCompliance-live i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(24,165,101,.10);\r\n\r\n\r\n  animation:\r\n    nscCompliancePulse\r\n    2s ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ATTENTION CENTRE\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  width:min(\r\n    620px,\r\n    100%\r\n  );\r\n\r\n\r\n  padding:22px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #d4e2ee;\r\n\r\n\r\n  border-radius:27px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.98);\r\n\r\n\r\n  box-shadow:\r\n    0 32px 80px\r\n    rgba(6,30,67,.13);\r\n\r\n\r\n  transform:\r\n    rotate(.35deg);\r\n\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n\r\n.nscCompliance-attention-wrap:hover\r\n.nscCompliance-attention {\r\n\r\n  transform:\r\n    rotate(0deg)\r\n    translateY(-3px);\r\n\r\n\r\n  box-shadow:\r\n    0 38px 92px\r\n    rgba(6,30,67,.16);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ATTENTION HEADER\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention-head {\r\n\r\n  min-height:66px;\r\n\r\n\r\n  padding:\r\n    3px 4px 17px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  gap:14px;\r\n}\r\n\r\n\r\n.nscCompliance-attention-head >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n.nscCompliance-attention-head small {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n.nscCompliance-attention-head strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:21px;\r\n\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n.nscCompliance-attention-head >\r\nspan {\r\n\r\n  padding:\r\n    6px 9px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e0e8ef;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#7a8da1;\r\n\r\n\r\n  background:#f8fafc;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ATTENTION ITEMS\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention >\r\narticle {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    45px 1fr auto;\r\n\r\n\r\n  gap:12px;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  min-height:74px;\r\n\r\n\r\n  padding:\r\n    12px 7px;\r\n\r\n\r\n  border-top:\r\n    1px solid\r\n    #edf1f5;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    background .18s ease;\r\n}\r\n\r\n\r\n.nscCompliance-attention >\r\narticle:hover {\r\n\r\n  transform:\r\n    translateX(4px);\r\n\r\n\r\n  background:#f8fbfe;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ITEM ICON\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-item-icon {\r\n\r\n  width:45px;\r\n\r\n  height:45px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n}\r\n\r\n\r\n.nscCompliance-attention\r\narticle.red\r\n.nscCompliance-item-icon {\r\n\r\n  color:var(--red);\r\n\r\n\r\n  background:#fff0f0;\r\n}\r\n\r\n\r\n.nscCompliance-attention\r\narticle.amber\r\n.nscCompliance-item-icon {\r\n\r\n  color:var(--amber);\r\n\r\n\r\n  background:#fff7e5;\r\n}\r\n\r\n\r\n.nscCompliance-attention\r\narticle.blue\r\n.nscCompliance-item-icon {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#eaf5ff;\r\n}\r\n\r\n\r\n.nscCompliance-attention\r\narticle.purple\r\n.nscCompliance-item-icon {\r\n\r\n  color:var(--purple);\r\n\r\n\r\n  background:#f3edff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ITEM COPY\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-attention >\r\narticle >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n.nscCompliance-attention >\r\narticle strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.3;\r\n}\r\n\r\n\r\n.nscCompliance-attention >\r\narticle small {\r\n\r\n  color:#7c8da0;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ITEM ACTION\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-item-action {\r\n\r\n  padding:\r\n    6px 8px;\r\n\r\n\r\n  border-radius:8px;\r\n\r\n\r\n  color:#68809a;\r\n\r\n\r\n  background:#f3f6f9;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  transition:\r\n    color .18s ease,\r\n    background .18s ease;\r\n}\r\n\r\n\r\n.nscCompliance-attention\r\narticle:hover\r\n.nscCompliance-item-action {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#eaf5ff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-summary {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  margin-top:10px;\r\n\r\n\r\n  padding-top:14px;\r\n\r\n\r\n  border-top:\r\n    1px solid\r\n    #e8eef4;\r\n}\r\n\r\n\r\n.nscCompliance-summary >\r\ndiv {\r\n\r\n  min-height:61px;\r\n\r\n\r\n  padding:9px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf2;\r\n\r\n\r\n  border-radius:13px;\r\n\r\n\r\n  background:#fafcfe;\r\n}\r\n\r\n\r\n.nscCompliance-summary >\r\ndiv >\r\nspan {\r\n\r\n  width:34px;\r\n\r\n  height:34px;\r\n\r\n\r\n  flex:\r\n    0 0 34px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:10px;\r\n}\r\n\r\n\r\n.nscCompliance-summary >\r\ndiv >\r\nspan.green {\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#edf9f3;\r\n}\r\n\r\n\r\n.nscCompliance-summary >\r\ndiv >\r\nspan.blue {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  background:#eaf5ff;\r\n}\r\n\r\n\r\n.nscCompliance-summary >\r\ndiv >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:2px;\r\n}\r\n\r\n\r\n.nscCompliance-summary strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\r\n.nscCompliance-summary small {\r\n\r\n  color:#8393a5;\r\n\r\n\r\n  font-size:7px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON SYSTEM\r\n   ========================================================= *\/\r\n\r\n.nscCompliance [data-nscc-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscCompliance [data-nscc-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:19px;\r\n\r\n  height:19px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.nscCompliance-features\r\n[data-nscc-icon] svg {\r\n\r\n  width:17px;\r\n\r\n  height:17px;\r\n}\r\n\r\n\r\n.nscCompliance-summary\r\n[data-nscc-icon] svg {\r\n\r\n  width:15px;\r\n\r\n  height:15px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscCompliance-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscc-delay,0ms);\r\n}\r\n\r\n\r\n.nscCompliance-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes nscCompliancePulse {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    box-shadow:\r\n      0 0 0 4px\r\n      rgba(24,165,101,.10);\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    box-shadow:\r\n      0 0 0 8px\r\n      rgba(24,165,101,.025);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscCompliance-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 32px;\r\n\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      minmax(450px,1fr);\r\n\r\n\r\n    gap:50px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   980PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:980px) {\r\n\r\n  .nscCompliance {\r\n\r\n    padding:\r\n      82px 0 88px;\r\n  }\r\n\r\n\r\n  .nscCompliance-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:54px;\r\n  }\r\n\r\n\r\n  .nscCompliance-copy {\r\n\r\n    max-width:820px;\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention-wrap {\r\n\r\n    width:100%;\r\n\r\n\r\n    max-width:720px;\r\n\r\n\r\n    min-height:520px;\r\n\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention {\r\n\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscCompliance {\r\n\r\n    padding:\r\n      68px 0 72px;\r\n  }\r\n\r\n\r\n  .nscCompliance-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n\r\n\r\n    gap:42px;\r\n  }\r\n\r\n\r\n  .nscCompliance-eyebrow {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscCompliance-copy h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        37px,\r\n        10.7vw,\r\n        49px\r\n      );\r\n\r\n\r\n    line-height:1.03;\r\n  }\r\n\r\n\r\n  .nscCompliance-intro {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscCompliance-features {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    margin-top:24px;\r\n  }\r\n\r\n\r\n  .nscCompliance-features article {\r\n\r\n    min-height:65px;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention-wrap {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding-top:40px;\r\n  }\r\n\r\n\r\n  .nscCompliance-live {\r\n\r\n    top:0;\r\n\r\n\r\n    left:4px;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention {\r\n\r\n    padding:16px;\r\n\r\n\r\n    border-radius:21px;\r\n\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention-head strong {\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention >\r\n  article {\r\n\r\n    grid-template-columns:\r\n      42px 1fr;\r\n\r\n\r\n    gap:10px;\r\n\r\n\r\n    padding:\r\n      12px 4px;\r\n  }\r\n\r\n\r\n  .nscCompliance-item-icon {\r\n\r\n    width:42px;\r\n\r\n    height:42px;\r\n  }\r\n\r\n\r\n  .nscCompliance-item-action {\r\n\r\n    grid-column:2;\r\n\r\n\r\n    width:max-content;\r\n\r\n\r\n    margin-top:-4px;\r\n  }\r\n\r\n\r\n  .nscCompliance-summary {\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscCompliance-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscCompliance-features article {\r\n\r\n    padding:\r\n      9px 10px;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention {\r\n\r\n    padding:\r\n      14px;\r\n  }\r\n\r\n\r\n  .nscCompliance-attention-head {\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscCompliance * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscCompliance-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteCompliance'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    check:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n      '<path d=\"m8 12 2.5 2.5L16 9\"><\/path>',\r\n\r\n\r\n    file:\r\n\r\n      '<path d=\"M6 3h8l4 4v14H6z\"><\/path>' +\r\n      '<path d=\"M14 3v5h5\"><\/path>' +\r\n      '<path d=\"M9 13h6M9 17h6\"><\/path>',\r\n\r\n\r\n    shield:\r\n\r\n      '<path d=\"M12 3 20 6v5c0 5-3.4 8-8 10-4.6-2-8-5-8-10V6l8-3Z\"><\/path>' +\r\n      '<path d=\"m9 12 2 2 4-5\"><\/path>',\r\n\r\n\r\n    lock:\r\n\r\n      '<rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\"><\/rect>' +\r\n      '<path d=\"M8 10V7a4 4 0 0 1 8 0v3\"><\/path>',\r\n\r\n\r\n    edit:\r\n\r\n      '<path d=\"M12 20h9\"><\/path>' +\r\n      '<path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z\"><\/path>',\r\n\r\n\r\n    clock:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n      '<path d=\"M12 7v5l3 2\"><\/path>',\r\n\r\n\r\n    warning:\r\n\r\n      '<path d=\"M12 3 2.5 20h19L12 3Z\"><\/path>' +\r\n      '<path d=\"M12 9v5M12 17h.01\"><\/path>',\r\n\r\n\r\n    eye:\r\n\r\n      '<path d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z\"><\/path>' +\r\n      '<circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscc-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscc-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscCompliance-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscc-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83b5663 elementor-widget elementor-widget-html\" data-id=\"83b5663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ SERVICE DELIVERY WORKFLOW\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscWorkflow\" id=\"nscsiteWorkflow\">\r\n\r\n  <div class=\"nscWorkflow-grid-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscWorkflow-orb nscWorkflow-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscWorkflow-orb nscWorkflow-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscWorkflow-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADING\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscWorkflow-heading nscWorkflow-reveal\">\r\n\r\n      <span class=\"nscWorkflow-eyebrow\">\r\n        BUILT AROUND THE DAY\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        From planning to\r\n        <span>support delivery.<\/span>\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         WORKFLOW\r\n         ===================================================== -->\r\n\r\n    <div\r\n      class=\"nscWorkflow-flow nscWorkflow-reveal\"\r\n      data-delay=\"90\"\r\n    >\r\n\r\n\r\n      <!-- CONNECTING LINE -->\r\n\r\n      <div\r\n        class=\"nscWorkflow-line\"\r\n        aria-hidden=\"true\"\r\n      >\r\n\r\n        <span><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 1\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscWorkflow-step nscWorkflow-step-plan\"\r\n        data-step=\"1\"\r\n      >\r\n\r\n        <span class=\"nscWorkflow-number\">\r\n          1\r\n        <\/span>\r\n\r\n\r\n        <div class=\"nscWorkflow-icon\">\r\n\r\n          <b data-nscw-icon=\"calendar\"><\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nscWorkflow-step-copy\">\r\n\r\n          <small>\r\n            STEP 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Plan\r\n          <\/strong>\r\n\r\n          <p>\r\n            Create and schedule support.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 2\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscWorkflow-step nscWorkflow-step-match\"\r\n        data-step=\"2\"\r\n      >\r\n\r\n        <span class=\"nscWorkflow-number\">\r\n          2\r\n        <\/span>\r\n\r\n\r\n        <div class=\"nscWorkflow-icon\">\r\n\r\n          <b data-nscw-icon=\"sparkle\"><\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nscWorkflow-step-copy\">\r\n\r\n          <small>\r\n            STEP 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Match\r\n          <\/strong>\r\n\r\n          <p>\r\n            Review suitable Workers.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 3\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscWorkflow-step nscWorkflow-step-deliver\"\r\n        data-step=\"3\"\r\n      >\r\n\r\n        <span class=\"nscWorkflow-number\">\r\n          3\r\n        <\/span>\r\n\r\n\r\n        <div class=\"nscWorkflow-icon\">\r\n\r\n          <b data-nscw-icon=\"worker\"><\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nscWorkflow-step-copy\">\r\n\r\n          <small>\r\n            STEP 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Deliver\r\n          <\/strong>\r\n\r\n          <p>\r\n            Worker sees relevant support information.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 4\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscWorkflow-step nscWorkflow-step-record\"\r\n        data-step=\"4\"\r\n      >\r\n\r\n        <span class=\"nscWorkflow-number\">\r\n          4\r\n        <\/span>\r\n\r\n\r\n        <div class=\"nscWorkflow-icon\">\r\n\r\n          <b data-nscw-icon=\"edit\"><\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nscWorkflow-step-copy\">\r\n\r\n          <small>\r\n            STEP 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Record\r\n          <\/strong>\r\n\r\n          <p>\r\n            Capture notes, forms and service information.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 5\r\n           =================================================== -->\r\n\r\n      <article\r\n        class=\"nscWorkflow-step nscWorkflow-step-review\"\r\n        data-step=\"5\"\r\n      >\r\n\r\n        <span class=\"nscWorkflow-number\">\r\n          5\r\n        <\/span>\r\n\r\n\r\n        <div class=\"nscWorkflow-icon\">\r\n\r\n          <b data-nscw-icon=\"eye\"><\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nscWorkflow-step-copy\">\r\n\r\n          <small>\r\n            STEP 05\r\n          <\/small>\r\n\r\n          <strong>\r\n            Review\r\n          <\/strong>\r\n\r\n          <p>\r\n            Surface follow-up and management attention.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM FLOW SUMMARY\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscWorkflow-summary nscWorkflow-reveal\" data-delay=\"150\">\r\n\r\n      <div>\r\n\r\n        <span>\r\n          <b data-nscw-icon=\"check\"><\/b>\r\n        <\/span>\r\n\r\n        <div>\r\n          <strong>\r\n            One connected service delivery flow\r\n          <\/strong>\r\n\r\n          <small>\r\n            Keep context moving with the work instead of across disconnected systems.\r\n          <\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"nscWorkflow-summary-path\" aria-hidden=\"true\">\r\n\r\n        <i class=\"blue\"><\/i>\r\n        <b><\/b>\r\n        <i class=\"green\"><\/i>\r\n        <b><\/b>\r\n        <i class=\"purple\"><\/i>\r\n        <b><\/b>\r\n        <i class=\"orange\"><\/i>\r\n        <b><\/b>\r\n        <i class=\"navy\"><\/i>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow,\r\n.nscWorkflow * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscWorkflow {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n  --border:#dbe5ee;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    92px 0 98px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(8,124,240,.07),\r\n      transparent 27%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 91% 83%,\r\n      rgba(130,68,232,.045),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #f7fafd 0%,\r\n      #f9fbfd 48%,\r\n      #ffffff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.58;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.028) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.028) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      #000,\r\n      transparent 76%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      #000,\r\n      transparent 76%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ORBS\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscWorkflow-orb-a {\r\n\r\n  width:360px;\r\n\r\n  height:360px;\r\n\r\n\r\n  left:-230px;\r\n\r\n  top:-120px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.08);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 65px\r\n    rgba(8,124,240,.015),\r\n\r\n    0 0 0 130px\r\n    rgba(130,68,232,.01);\r\n}\r\n\r\n\r\n.nscWorkflow-orb-b {\r\n\r\n  width:180px;\r\n\r\n  height:180px;\r\n\r\n\r\n  right:-80px;\r\n\r\n  bottom:20px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FULL WIDTH SHELL\r\n   Matches Header \/ Hero gutters\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      32px,\r\n      4vw,\r\n      76px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-heading {\r\n\r\n  max-width:900px;\r\n\r\n\r\n  margin:\r\n    0 auto 60px;\r\n\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.11);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:\r\n    rgba(239,247,255,.88);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING TEXT\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-heading h2 {\r\n\r\n  margin:\r\n    17px 0 0;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      5vw,\r\n      68px\r\n    );\r\n\r\n\r\n  line-height:.99;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.055em;\r\n}\r\n\r\n\r\n.nscWorkflow-heading h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 44%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WORKFLOW\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-flow {\r\n\r\n  position:relative;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(5,minmax(0,1fr));\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      12px,\r\n      1.6vw,\r\n      24px\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTING LINE\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-line {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:0;\r\n\r\n\r\n  top:56px;\r\n\r\n\r\n  left:9%;\r\n\r\n  right:9%;\r\n\r\n\r\n  height:4px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  background:\r\n    #e1eaf2;\r\n}\r\n\r\n\r\n.nscWorkflow-line span {\r\n\r\n  display:block;\r\n\r\n\r\n  width:100%;\r\n\r\n\r\n  height:100%;\r\n\r\n\r\n  transform-origin:left;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #087cf0 0%,\r\n      #18a565 27%,\r\n      #8244e8 52%,\r\n      #ff5b08 76%,\r\n      #082b62 100%\r\n    );\r\n\r\n\r\n  opacity:.35;\r\n\r\n\r\n  animation:\r\n    nscWorkflowLineIn\r\n    1.2s ease both;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-step {\r\n\r\n  --accent:var(--blue);\r\n  --soft:#edf6ff;\r\n  --accentRgb:8,124,240;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  min-width:0;\r\n\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STEP COLOURS\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-step-plan {\r\n\r\n  --accent:#087cf0;\r\n\r\n  --soft:#eaf5ff;\r\n\r\n  --accentRgb:8,124,240;\r\n}\r\n\r\n\r\n.nscWorkflow-step-match {\r\n\r\n  --accent:#18a565;\r\n\r\n  --soft:#edf9f3;\r\n\r\n  --accentRgb:24,165,101;\r\n}\r\n\r\n\r\n.nscWorkflow-step-deliver {\r\n\r\n  --accent:#8244e8;\r\n\r\n  --soft:#f3edff;\r\n\r\n  --accentRgb:130,68,232;\r\n}\r\n\r\n\r\n.nscWorkflow-step-record {\r\n\r\n  --accent:#ff5b08;\r\n\r\n  --soft:#fff0e6;\r\n\r\n  --accentRgb:255,91,8;\r\n}\r\n\r\n\r\n.nscWorkflow-step-review {\r\n\r\n  --accent:#082b62;\r\n\r\n  --soft:#edf2f7;\r\n\r\n  --accentRgb:8,43,98;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-number {\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:4;\r\n\r\n\r\n  top:-8px;\r\n\r\n  left:\r\n    calc(50% + 28px);\r\n\r\n\r\n  width:27px;\r\n\r\n  height:27px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--accentRgb),\r\n      .18\r\n    );\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 7px 18px\r\n    rgba(6,30,67,.07);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STEP ICON\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-icon {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  width:104px;\r\n\r\n  height:104px;\r\n\r\n\r\n  margin:\r\n    0 auto 22px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      var(--accentRgb),\r\n      .18\r\n    );\r\n\r\n\r\n  border-radius:30px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 16px 40px\r\n    rgba(6,30,67,.085);\r\n\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n\r\n\r\n\/* SOFT INNER SHAPE *\/\r\n\r\n.nscWorkflow-icon::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:13px;\r\n\r\n\r\n  border-radius:21px;\r\n\r\n\r\n  background:\r\n    var(--soft);\r\n\r\n\r\n  transform:\r\n    scale(.92);\r\n\r\n\r\n  transition:\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n\r\n\/* ICON HOVER *\/\r\n\r\n.nscWorkflow-step:hover\r\n.nscWorkflow-icon {\r\n\r\n  transform:\r\n    translateY(-7px);\r\n\r\n\r\n  box-shadow:\r\n    0 24px 52px\r\n    rgba(6,30,67,.13);\r\n}\r\n\r\n\r\n.nscWorkflow-step:hover\r\n.nscWorkflow-icon::before {\r\n\r\n  transform:\r\n    scale(1);\r\n}\r\n\r\n\r\n.nscWorkflow-icon b {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STEP COPY\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-step-copy {\r\n\r\n  max-width:220px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n}\r\n\r\n\r\n.nscWorkflow-step-copy small {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-bottom:6px;\r\n\r\n\r\n  color:var(--accent);\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.1em;\r\n}\r\n\r\n\r\n.nscWorkflow-step-copy strong {\r\n\r\n  display:block;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:18px;\r\n\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n.nscWorkflow-step-copy p {\r\n\r\n  margin:\r\n    7px 0 0;\r\n\r\n\r\n  color:#71839a;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-summary {\r\n\r\n  max-width:920px;\r\n\r\n\r\n  min-height:90px;\r\n\r\n\r\n  margin:\r\n    64px auto 0;\r\n\r\n\r\n  padding:\r\n    17px 20px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    1fr auto;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:30px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #d9e5ef;\r\n\r\n\r\n  border-radius:22px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.90);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 46px\r\n    rgba(6,30,67,.065);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(14px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(14px);\r\n}\r\n\r\n\r\n.nscWorkflow-summary >\r\ndiv:first-child {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    46px 1fr;\r\n\r\n\r\n  gap:13px;\r\n\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.nscWorkflow-summary >\r\ndiv:first-child >\r\nspan {\r\n\r\n  width:46px;\r\n\r\n  height:46px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  color:var(--green);\r\n\r\n\r\n  background:#edf9f3;\r\n}\r\n\r\n\r\n.nscWorkflow-summary >\r\ndiv:first-child >\r\ndiv {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n.nscWorkflow-summary strong {\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:13px;\r\n}\r\n\r\n\r\n.nscWorkflow-summary small {\r\n\r\n  color:#77899d;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MINI PATH\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-summary-path {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:5px;\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path i {\r\n\r\n  width:10px;\r\n\r\n  height:10px;\r\n\r\n\r\n  flex:\r\n    0 0 10px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(8,124,240,.03);\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path b {\r\n\r\n  width:23px;\r\n\r\n  height:2px;\r\n\r\n\r\n  background:#dde7ef;\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path\r\n.blue {\r\n\r\n  background:var(--blue);\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path\r\n.green {\r\n\r\n  background:var(--green);\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path\r\n.purple {\r\n\r\n  background:var(--purple);\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path\r\n.orange {\r\n\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n.nscWorkflow-summary-path\r\n.navy {\r\n\r\n  background:var(--navy);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON SYSTEM\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow [data-nscw-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscWorkflow [data-nscw-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:31px;\r\n\r\n  height:31px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.7;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n.nscWorkflow-summary\r\n[data-nscw-icon] svg {\r\n\r\n  width:20px;\r\n\r\n  height:20px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscWorkflow-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscw-delay,0ms);\r\n}\r\n\r\n\r\n.nscWorkflow-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes nscWorkflowLineIn {\r\n\r\n  from {\r\n\r\n    transform:\r\n      scaleX(0);\r\n\r\n  }\r\n\r\n\r\n  to {\r\n\r\n    transform:\r\n      scaleX(1);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscWorkflow-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-flow {\r\n\r\n    gap:12px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-icon {\r\n\r\n    width:94px;\r\n\r\n    height:94px;\r\n\r\n\r\n    border-radius:27px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-number {\r\n\r\n    left:\r\n      calc(50% + 24px);\r\n  }\r\n\r\n\r\n  .nscWorkflow-line {\r\n\r\n    top:51px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscWorkflow {\r\n\r\n    padding:\r\n      80px 0 88px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-heading {\r\n\r\n    margin-bottom:48px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-flow {\r\n\r\n    grid-template-columns:\r\n      repeat(5,minmax(145px,1fr));\r\n\r\n\r\n    min-width:800px;\r\n\r\n\r\n    padding:\r\n      5px 5px 15px;\r\n  }\r\n\r\n\r\n  \/*\r\n    Horizontal swipe area on tablets.\r\n  *\/\r\n\r\n  .nscWorkflow-flow {\r\n\r\n    overflow-x:auto;\r\n\r\n\r\n    overflow-y:visible;\r\n\r\n\r\n    scrollbar-width:thin;\r\n\r\n\r\n    scrollbar-color:\r\n      #bdd0df\r\n      transparent;\r\n  }\r\n\r\n\r\n  .nscWorkflow-line {\r\n\r\n    left:80px;\r\n\r\n    right:80px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary {\r\n\r\n    margin-top:46px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscWorkflow {\r\n\r\n    padding:\r\n      68px 0 72px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-heading {\r\n\r\n    margin-bottom:40px;\r\n\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  .nscWorkflow-eyebrow {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-heading h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        11vw,\r\n        50px\r\n      );\r\n\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  \/*\r\n    Mobile becomes vertical instead of requiring swipe.\r\n  *\/\r\n\r\n  .nscWorkflow-flow {\r\n\r\n    min-width:0;\r\n\r\n\r\n    overflow:visible;\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:12px;\r\n\r\n\r\n    padding:0;\r\n  }\r\n\r\n\r\n  .nscWorkflow-line {\r\n\r\n    top:35px;\r\n\r\n    bottom:35px;\r\n\r\n    left:44px;\r\n\r\n    right:auto;\r\n\r\n\r\n    width:3px;\r\n\r\n    height:auto;\r\n\r\n\r\n    background:#e1eaf2;\r\n  }\r\n\r\n\r\n  .nscWorkflow-line span {\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n\r\n    transform-origin:top;\r\n\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #087cf0 0%,\r\n        #18a565 26%,\r\n        #8244e8 52%,\r\n        #ff5b08 76%,\r\n        #082b62 100%\r\n      );\r\n\r\n\r\n    animation:\r\n      nscWorkflowLineMobile\r\n      1.2s ease both;\r\n  }\r\n\r\n\r\n  .nscWorkflow-step {\r\n\r\n    min-height:110px;\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:\r\n      90px 1fr;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  .nscWorkflow-icon {\r\n\r\n    width:76px;\r\n\r\n    height:76px;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    border-radius:23px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-icon::before {\r\n\r\n    inset:10px;\r\n\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-icon\r\n  [data-nscw-icon] svg {\r\n\r\n    width:27px;\r\n\r\n    height:27px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-number {\r\n\r\n    top:6px;\r\n\r\n    left:57px;\r\n\r\n\r\n    width:24px;\r\n\r\n    height:24px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-step-copy {\r\n\r\n    max-width:none;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    padding-left:9px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-step-copy strong {\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-step-copy p {\r\n\r\n    max-width:280px;\r\n\r\n\r\n    margin-top:5px;\r\n\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:17px;\r\n\r\n\r\n    margin-top:35px;\r\n\r\n\r\n    padding:\r\n      16px;\r\n\r\n\r\n    border-radius:19px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary-path {\r\n\r\n    justify-content:center;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE LINE ANIMATION\r\n   ========================================================= *\/\r\n\r\n@keyframes nscWorkflowLineMobile {\r\n\r\n  from {\r\n\r\n    transform:\r\n      scaleY(0);\r\n\r\n  }\r\n\r\n\r\n  to {\r\n\r\n    transform:\r\n      scaleY(1);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscWorkflow-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-step {\r\n\r\n    grid-template-columns:\r\n      82px 1fr;\r\n  }\r\n\r\n\r\n  .nscWorkflow-icon {\r\n\r\n    width:70px;\r\n\r\n    height:70px;\r\n\r\n\r\n    border-radius:21px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-number {\r\n\r\n    left:52px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-line {\r\n\r\n    left:40px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary >\r\n  div:first-child {\r\n\r\n    grid-template-columns:\r\n      42px 1fr;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary >\r\n  div:first-child >\r\n  span {\r\n\r\n    width:42px;\r\n\r\n    height:42px;\r\n  }\r\n\r\n\r\n  .nscWorkflow-summary-path b {\r\n\r\n    width:15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscWorkflow * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscWorkflow-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteWorkflow'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    calendar:\r\n\r\n      '<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>' +\r\n\r\n      '<path d=\"M8 3v4M16 3v4M3 10h18\"><\/path>',\r\n\r\n\r\n    sparkle:\r\n\r\n      '<path d=\"M12 3l1.3 4.2L17.5 9l-4.2 1.8L12 15l-1.3-4.2L6.5 9l4.2-1.8Z\"><\/path>' +\r\n\r\n      '<path d=\"M19 14l.7 2.3L22 17l-2.3.7L19 20l-.7-2.3L16 17l2.3-.7Z\"><\/path>' +\r\n\r\n      '<path d=\"M5 3l.6 1.8L7.5 5.5l-1.9.7L5 8l-.6-1.8-1.9-.7 1.9-.7Z\"><\/path>',\r\n\r\n\r\n    worker:\r\n\r\n      '<circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>' +\r\n\r\n      '<path d=\"M5 20c0-4 3-7 7-7s7 3 7 7\"><\/path>' +\r\n\r\n      '<path d=\"M16.5 3.5v5M14 6h5\"><\/path>',\r\n\r\n\r\n    edit:\r\n\r\n      '<path d=\"M12 20h9\"><\/path>' +\r\n\r\n      '<path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z\"><\/path>',\r\n\r\n\r\n    eye:\r\n\r\n      '<path d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z\"><\/path>' +\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>',\r\n\r\n\r\n    check:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n\r\n      '<path d=\"m8 12 2.5 2.5L16 9\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscw-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscw-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscWorkflow-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscw-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6471b elementor-widget elementor-widget-html\" data-id=\"9c6471b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ CORE PRINCIPLE\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscPrinciple\" id=\"nscsitePrinciple\">\r\n\r\n  <div class=\"nscPrinciple-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscPrinciple-ring nscPrinciple-ring-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscPrinciple-ring nscPrinciple-ring-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscPrinciple-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscPrinciple-content nscPrinciple-reveal\">\r\n\r\n\r\n      <span class=\"nscPrinciple-kicker\">\r\n        THE PRINCIPLE BEHIND EVERY NS CARE+ PORTAL\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        The right information.<br>\r\n        <span>To the right person.<\/span><br>\r\n        At the right time.\r\n      <\/h2>\r\n\r\n\r\n      <!-- ===================================================\r\n           ROLE INDICATORS\r\n           =================================================== -->\r\n\r\n      <div\r\n        class=\"nscPrinciple-roles\"\r\n        aria-label=\"NS Care+ portal roles\"\r\n      >\r\n\r\n\r\n        <!-- ADMIN -->\r\n\r\n        <div class=\"nscPrinciple-role admin\">\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            Admin\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WORKER -->\r\n\r\n        <div class=\"nscPrinciple-role worker\">\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            Worker\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PARTICIPANT -->\r\n\r\n        <div class=\"nscPrinciple-role participant\">\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            Participant\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- REPRESENTATIVE -->\r\n\r\n        <div class=\"nscPrinciple-role family\">\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            Representative\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           VISUAL ACCESS LINE\r\n           =================================================== -->\r\n\r\n      <div\r\n        class=\"nscPrinciple-access\"\r\n        aria-hidden=\"true\"\r\n      >\r\n\r\n        <span class=\"blue\"><\/span>\r\n\r\n        <b><\/b>\r\n\r\n        <span class=\"green\"><\/span>\r\n\r\n        <b><\/b>\r\n\r\n        <span class=\"purple\"><\/span>\r\n\r\n        <b><\/b>\r\n\r\n        <span class=\"orange\"><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple,\r\n.nscPrinciple * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscPrinciple {\r\n\r\n  --navy:#082b62;\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    108px 0 112px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 48%,\r\n      rgba(8,124,240,.22),\r\n      transparent 36%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 83% 15%,\r\n      rgba(130,68,232,.16),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 12% 88%,\r\n      rgba(8,124,240,.10),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #041832 0%,\r\n      #071f47 46%,\r\n      #0a326d 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.58;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(124,188,249,.055) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(124,188,249,.055) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      #000,\r\n      transparent 68%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      #000,\r\n      transparent 68%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE RINGS\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-ring {\r\n\r\n  position:absolute;\r\n\r\n\r\n  left:50%;\r\n\r\n  top:50%;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscPrinciple-ring-a {\r\n\r\n  width:610px;\r\n\r\n  height:610px;\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 80px\r\n    rgba(255,255,255,.014),\r\n\r\n    0 0 0 160px\r\n    rgba(255,255,255,.008);\r\n}\r\n\r\n\r\n.nscPrinciple-ring-b {\r\n\r\n  width:365px;\r\n\r\n  height:365px;\r\n\r\n\r\n  border-color:\r\n    rgba(89,165,239,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      4vw,\r\n      72px\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-content {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:3;\r\n\r\n\r\n  max-width:1050px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-kicker {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 12px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(141,185,231,.15);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#8fc4f7;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n\r\n  box-shadow:\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.04);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN STATEMENT\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple h2 {\r\n\r\n  margin:\r\n    22px auto 0;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      48px,\r\n      6vw,\r\n      82px\r\n    );\r\n\r\n\r\n  line-height:1.01;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.057em;\r\n\r\n\r\n  text-wrap:balance;\r\n}\r\n\r\n\r\n.nscPrinciple h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #59afff 0%,\r\n      #708de9 46%,\r\n      #a27df1 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLE INDICATORS\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-roles {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:10px;\r\n\r\n\r\n  margin-top:34px;\r\n}\r\n\r\n\r\n.nscPrinciple-role {\r\n\r\n  min-height:40px;\r\n\r\n\r\n  padding:\r\n    0 14px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#cad8e7;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(10px);\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n\r\n.nscPrinciple-role:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  border-color:\r\n    rgba(255,255,255,.17);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.085);\r\n}\r\n\r\n\r\n.nscPrinciple-role i {\r\n\r\n  width:9px;\r\n\r\n  height:9px;\r\n\r\n\r\n  flex:\r\n    0 0 9px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\r\n\/* ADMIN *\/\r\n\r\n.nscPrinciple-role.admin i {\r\n\r\n  background:var(--blue);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(8,124,240,.10);\r\n}\r\n\r\n\r\n\r\n\/* WORKER *\/\r\n\r\n.nscPrinciple-role.worker i {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(24,165,101,.09);\r\n}\r\n\r\n\r\n\r\n\/* PARTICIPANT *\/\r\n\r\n.nscPrinciple-role.participant i {\r\n\r\n  background:var(--purple);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(130,68,232,.10);\r\n}\r\n\r\n\r\n\r\n\/* REPRESENTATIVE *\/\r\n\r\n.nscPrinciple-role.family i {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(255,91,8,.09);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESS LINE\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-access {\r\n\r\n  width:\r\n    min(\r\n      320px,\r\n      80%\r\n    );\r\n\r\n\r\n  margin:\r\n    32px auto 0;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscPrinciple-access span {\r\n\r\n  width:10px;\r\n\r\n  height:10px;\r\n\r\n\r\n  flex:\r\n    0 0 10px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscPrinciple-access b {\r\n\r\n  flex:1;\r\n\r\n\r\n  height:1px;\r\n\r\n\r\n  margin:\r\n    0 7px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.08),\r\n      rgba(255,255,255,.24),\r\n      rgba(255,255,255,.08)\r\n    );\r\n}\r\n\r\n\r\n.nscPrinciple-access .blue {\r\n\r\n  background:var(--blue);\r\n\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(8,124,240,.7);\r\n}\r\n\r\n\r\n.nscPrinciple-access .green {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(24,165,101,.55);\r\n}\r\n\r\n\r\n.nscPrinciple-access .purple {\r\n\r\n  background:var(--purple);\r\n\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(130,68,232,.6);\r\n}\r\n\r\n\r\n.nscPrinciple-access .orange {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(255,91,8,.55);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE TOP AND BOTTOM EDGE\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:4;\r\n\r\n\r\n  top:0;\r\n\r\n  left:0;\r\n\r\n  right:0;\r\n\r\n\r\n  height:1px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(105,180,248,.22),\r\n      rgba(158,118,238,.15),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n.nscPrinciple::after {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  z-index:4;\r\n\r\n\r\n  bottom:0;\r\n\r\n  left:0;\r\n\r\n  right:0;\r\n\r\n\r\n  height:1px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.09),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscPrinciple-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .7s ease,\r\n    transform .7s ease;\r\n}\r\n\r\n\r\n.nscPrinciple-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscPrinciple-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscPrinciple {\r\n\r\n    padding:\r\n      94px 0 98px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-ring-a {\r\n\r\n    width:520px;\r\n\r\n    height:520px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-ring-b {\r\n\r\n    width:320px;\r\n\r\n    height:320px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscPrinciple {\r\n\r\n    padding:\r\n      78px 0 82px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-kicker {\r\n\r\n    font-size:8px;\r\n\r\n\r\n    line-height:1.4;\r\n\r\n\r\n    letter-spacing:.12em;\r\n  }\r\n\r\n\r\n  .nscPrinciple h2 {\r\n\r\n    margin-top:19px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        42px,\r\n        12.5vw,\r\n        58px\r\n      );\r\n\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  .nscPrinciple-roles {\r\n\r\n    max-width:390px;\r\n\r\n\r\n    margin:\r\n      29px auto 0;\r\n\r\n\r\n    gap:8px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-role {\r\n\r\n    min-height:37px;\r\n\r\n\r\n    padding:\r\n      0 11px;\r\n\r\n\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-access {\r\n\r\n    margin-top:27px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-ring-a {\r\n\r\n    width:420px;\r\n\r\n    height:420px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-ring-b {\r\n\r\n    width:260px;\r\n\r\n    height:260px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscPrinciple-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscPrinciple-roles {\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:\r\n      repeat(2,max-content);\r\n  }\r\n\r\n\r\n  .nscPrinciple-access {\r\n\r\n    width:240px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscPrinciple * {\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n\r\n\r\n    animation-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscPrinciple-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsitePrinciple'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscPrinciple-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.12\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a66c752 elementor-widget elementor-widget-html\" data-id=\"a66c752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ WHY \/ PROVIDER SECTION\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscWhy\" id=\"nscsiteWhy\">\r\n\r\n  <div class=\"nscWhy-bg-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscWhy-orb nscWhy-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscWhy-orb nscWhy-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscWhy-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         PROVIDER PANEL\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscWhy-provider nscWhy-reveal\">\r\n\r\n      <div\r\n        class=\"nscWhy-provider-grid\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div\r\n        class=\"nscWhy-provider-ring nscWhy-provider-ring-a\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div\r\n        class=\"nscWhy-provider-ring nscWhy-provider-ring-b\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           PROVIDER COPY\r\n           =================================================== -->\r\n\r\n      <div class=\"nscWhy-provider-copy\">\r\n\r\n        <span class=\"nscWhy-eyebrow\">\r\n          BUILT FOR GROWING SUPPORT PROVIDERS\r\n        <\/span>\r\n\r\n\r\n        <h2>\r\n          When spreadsheets stop\r\n          <span>being enough.<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <p>\r\n          NS Care+ is designed for providers reaching the point where\r\n          service delivery, rostering, workforce coordination and\r\n          compliance need a shared operational system.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           PROVIDER TYPES\r\n           =================================================== -->\r\n\r\n      <div class=\"nscWhy-provider-types\">\r\n\r\n\r\n        <!-- SIL -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscWhy-provider-icon\">\r\n            <b data-nscwhy-icon=\"home\"><\/b>\r\n          <\/span>\r\n\r\n          <small>\r\n            SERVICE ENVIRONMENT\r\n          <\/small>\r\n\r\n          <strong>\r\n            SIL &amp; Supported Living\r\n          <\/strong>\r\n\r\n          <p>\r\n            Keep 24\/7 support delivery, workforce information,\r\n            Participant context, incidents and governance easier\r\n            to see together.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- COMMUNITY PARTICIPATION -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscWhy-provider-icon\">\r\n            <b data-nscwhy-icon=\"people\"><\/b>\r\n          <\/span>\r\n\r\n          <small>\r\n            MOBILE DELIVERY\r\n          <\/small>\r\n\r\n          <strong>\r\n            Community Participation\r\n          <\/strong>\r\n\r\n          <p>\r\n            Coordinate mobile Workers, schedules, Participant\r\n            preferences, travel context and day-to-day service delivery.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- MIXED PROVIDERS -->\r\n\r\n        <article>\r\n\r\n          <span class=\"nscWhy-provider-icon\">\r\n            <b data-nscwhy-icon=\"layout\"><\/b>\r\n          <\/span>\r\n\r\n          <small>\r\n            MULTIPLE SERVICE LINES\r\n          <\/small>\r\n\r\n          <strong>\r\n            Mixed Service Providers\r\n          <\/strong>\r\n\r\n          <p>\r\n            Bring multiple service lines into one clearer operational\r\n            environment without giving every user the same interface.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         WHY NS CARE+\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscWhy-intro nscWhy-reveal\" data-delay=\"70\">\r\n\r\n      <span class=\"nscWhy-section-label\">\r\n        WHY NS CARE+\r\n      <\/span>\r\n\r\n      <h3>\r\n        Designed around the realities of\r\n        <span>modern support delivery.<\/span>\r\n      <\/h3>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SIX REASONS\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscWhy-reasons\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article class=\"nscWhy-reason nscWhy-reveal\">\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            01\r\n          <\/span>\r\n\r\n          <i class=\"blue\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          Purpose-built role experiences\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          Admin, Worker, Participant and Representative interfaces are\r\n          designed around different jobs and different information.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article\r\n        class=\"nscWhy-reason nscWhy-reveal\"\r\n        data-delay=\"50\"\r\n      >\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            02\r\n          <\/span>\r\n\r\n          <i class=\"purple\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          Participant-centred\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          The person receiving support is part of the digital\r\n          experience, not simply a record in the back office.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article\r\n        class=\"nscWhy-reason nscWhy-reveal\"\r\n        data-delay=\"100\"\r\n      >\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            03\r\n          <\/span>\r\n\r\n          <i class=\"green\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          Mobile-first service delivery\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          Worker experiences are designed for the realities of\r\n          delivering support away from a desk.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <article\r\n        class=\"nscWhy-reason nscWhy-reveal\"\r\n        data-delay=\"150\"\r\n      >\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            04\r\n          <\/span>\r\n\r\n          <i class=\"orange\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          Human-controlled Smart Roster\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          Use intelligent recommendations without handing operational\r\n          decisions to an algorithm.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <article\r\n        class=\"nscWhy-reason nscWhy-reveal\"\r\n        data-delay=\"200\"\r\n      >\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            05\r\n          <\/span>\r\n\r\n          <i class=\"navy\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          Security built into access\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          Role and relationship context determines what information\r\n          each person should be able to see.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <article\r\n        class=\"nscWhy-reason nscWhy-reveal\"\r\n        data-delay=\"250\"\r\n      >\r\n\r\n        <div class=\"nscWhy-reason-top\">\r\n\r\n          <span>\r\n            06\r\n          <\/span>\r\n\r\n          <i class=\"gradient\"><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <strong>\r\n          One connected operation\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          Roster, people, care delivery, safeguarding, documents\r\n          and compliance stay connected.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscWhy,\r\n.nscWhy * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscWhy {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n  --border:#dbe5ee;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    94px 0 108px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 7% 18%,\r\n      rgba(8,124,240,.06),\r\n      transparent 23%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 91% 80%,\r\n      rgba(130,68,232,.05),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f8fbfe 55%,\r\n      #ffffff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAGE GRID\r\n   ========================================================= *\/\r\n\r\n.nscWhy-bg-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.56;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.027) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 42%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 42%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAGE ORBS\r\n   ========================================================= *\/\r\n\r\n.nscWhy-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscWhy-orb-a {\r\n\r\n  width:320px;\r\n\r\n  height:320px;\r\n\r\n\r\n  left:-200px;\r\n\r\n  top:420px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.07);\r\n}\r\n\r\n\r\n.nscWhy-orb-b {\r\n\r\n  width:220px;\r\n\r\n  height:220px;\r\n\r\n\r\n  right:-120px;\r\n\r\n  bottom:100px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   Same outer width system as Header and Hero\r\n   ========================================================= *\/\r\n\r\n.nscWhy-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.5vw,\r\n      64px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER PANEL\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider {\r\n\r\n  position:relative;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  padding:\r\n    clamp(\r\n      38px,\r\n      4vw,\r\n      58px\r\n    );\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(120,183,244,.16);\r\n\r\n\r\n  border-radius:32px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 88% 14%,\r\n      rgba(130,68,232,.24),\r\n      transparent 26%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 72% 88%,\r\n      rgba(8,124,240,.20),\r\n      transparent 31%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #061d41 0%,\r\n      #08285b 50%,\r\n      #0a3779 100%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 32px 80px\r\n    rgba(6,30,67,.17);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER GRID\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  opacity:.50;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(148,205,255,.065) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(148,205,255,.065) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    36px 36px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 80% 40%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 80% 40%,\r\n      #000,\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PANEL RINGS\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-ring {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscWhy-provider-ring-a {\r\n\r\n  width:470px;\r\n\r\n  height:470px;\r\n\r\n\r\n  right:-180px;\r\n\r\n  top:-250px;\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 65px\r\n    rgba(255,255,255,.012),\r\n\r\n    0 0 0 130px\r\n    rgba(255,255,255,.007);\r\n}\r\n\r\n\r\n.nscWhy-provider-ring-b {\r\n\r\n  width:210px;\r\n\r\n  height:210px;\r\n\r\n\r\n  right:18%;\r\n\r\n  bottom:-130px;\r\n\r\n\r\n  border-color:\r\n    rgba(111,182,250,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER COPY\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-copy {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:830px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.nscWhy-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(131,193,255,.16);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#83c1ff;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER HEADING\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-copy h2 {\r\n\r\n  max-width:830px;\r\n\r\n\r\n  margin:\r\n    18px 0 19px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      4.8vw,\r\n      66px\r\n    );\r\n\r\n\r\n  line-height:.99;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.055em;\r\n}\r\n\r\n\r\n.nscWhy-provider-copy h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #69b9ff 0%,\r\n      #7ba4f4 45%,\r\n      #b08cff 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER INTRO\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-copy > p {\r\n\r\n  max-width:760px;\r\n\r\n\r\n  margin:0;\r\n\r\n\r\n  color:#b9cadd;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER TYPE GRID\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-types {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n\r\n  gap:14px;\r\n\r\n\r\n  margin-top:36px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER TYPE CARD\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-types article {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:230px;\r\n\r\n\r\n  padding:22px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n\r\n\r\n  border-radius:20px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.065);\r\n\r\n\r\n  backdrop-filter:\r\n    blur(7px);\r\n\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(7px);\r\n\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease,\r\n    border-color .22s ease,\r\n    box-shadow .22s ease;\r\n}\r\n\r\n\r\n.nscWhy-provider-types article:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n\r\n  border-color:\r\n    rgba(255,255,255,.20);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.095);\r\n\r\n\r\n  box-shadow:\r\n    0 22px 45px\r\n    rgba(0,0,0,.10);\r\n}\r\n\r\n\r\n\r\n\/* CARD ACCENT *\/\r\n\r\n.nscWhy-provider-types article::after {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  left:22px;\r\n\r\n  right:22px;\r\n\r\n  bottom:0;\r\n\r\n\r\n  height:3px;\r\n\r\n\r\n  opacity:.6;\r\n\r\n\r\n  border-radius:\r\n    999px 999px 0 0;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #59afff,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n.nscWhy-provider-types\r\narticle:nth-child(2)::after {\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #18a565,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n.nscWhy-provider-types\r\narticle:nth-child(3)::after {\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #a37bea,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER TYPE ICON\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-icon {\r\n\r\n  width:44px;\r\n\r\n  height:44px;\r\n\r\n\r\n  margin-bottom:17px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  color:#a9d3ff;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px\r\n    rgba(255,255,255,.025);\r\n}\r\n\r\n\r\n.nscWhy-provider-types\r\narticle:nth-child(2)\r\n.nscWhy-provider-icon {\r\n\r\n  color:#7eddb2;\r\n}\r\n\r\n\r\n.nscWhy-provider-types\r\narticle:nth-child(3)\r\n.nscWhy-provider-icon {\r\n\r\n  color:#c4a6ff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER CARD LABEL\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-types\r\narticle > small {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-bottom:7px;\r\n\r\n\r\n  color:#88acd1;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.10em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER CARD TITLE\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-types strong {\r\n\r\n  display:block;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:16px;\r\n\r\n\r\n  line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROVIDER CARD COPY\r\n   ========================================================= *\/\r\n\r\n.nscWhy-provider-types p {\r\n\r\n  margin:\r\n    9px 0 0;\r\n\r\n\r\n  color:#b9cadd;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.58;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY INTRO\r\n   ========================================================= *\/\r\n\r\n.nscWhy-intro {\r\n\r\n  max-width:900px;\r\n\r\n\r\n  margin:\r\n    74px 0 34px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION LABEL\r\n   ========================================================= *\/\r\n\r\n.nscWhy-section-label {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.11);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:#eff7ff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY HEADING\r\n   ========================================================= *\/\r\n\r\n.nscWhy-intro h3 {\r\n\r\n  max-width:860px;\r\n\r\n\r\n  margin:\r\n    16px 0 0;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      38px,\r\n      4vw,\r\n      56px\r\n    );\r\n\r\n\r\n  line-height:1.02;\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  letter-spacing:-.05em;\r\n}\r\n\r\n\r\n.nscWhy-intro h3 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0,\r\n      #277fe7 45%,\r\n      #755be6\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY GRID\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reasons {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n\r\n  gap:16px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY CARD\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reason {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:230px;\r\n\r\n\r\n  padding:\r\n    26px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    var(--border);\r\n\r\n\r\n  border-radius:23px;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n\r\n  box-shadow:\r\n    0 14px 34px\r\n    rgba(6,30,67,.045);\r\n\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    border-color .22s ease;\r\n}\r\n\r\n\r\n\r\n\/* CARD BACKGROUND DETAIL *\/\r\n\r\n.nscWhy-reason::after {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  width:150px;\r\n\r\n  height:150px;\r\n\r\n\r\n  right:-95px;\r\n\r\n  bottom:-90px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(8,124,240,.055),\r\n      transparent 70%\r\n    );\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscWhy-reason:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n\r\n  border-color:\r\n    #c6dced;\r\n\r\n\r\n  box-shadow:\r\n    0 24px 50px\r\n    rgba(6,30,67,.095);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REASON TOP\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reason-top {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:space-between;\r\n\r\n\r\n  margin-bottom:26px;\r\n}\r\n\r\n\r\n.nscWhy-reason-top > span {\r\n\r\n  color:var(--blue);\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.08em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REASON COLOUR DOT\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reason-top i {\r\n\r\n  width:11px;\r\n\r\n  height:11px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.blue {\r\n\r\n  background:var(--blue);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(8,124,240,.08);\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.green {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(24,165,101,.08);\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.purple {\r\n\r\n  background:var(--purple);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.orange {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(255,91,8,.08);\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.navy {\r\n\r\n  background:var(--navy);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(8,43,98,.07);\r\n}\r\n\r\n\r\n.nscWhy-reason-top i.gradient {\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #087cf0,\r\n      #755be6\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(74,102,228,.07);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY TITLE\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reason > strong {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  max-width:330px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      18px,\r\n      1.5vw,\r\n      21px\r\n    );\r\n\r\n\r\n  line-height:1.18;\r\n\r\n\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WHY COPY\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reason > p {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  max-width:390px;\r\n\r\n\r\n  margin:\r\n    12px 0 0;\r\n\r\n\r\n  color:#6e8197;\r\n\r\n\r\n  font-size:13px;\r\n\r\n\r\n  line-height:1.63;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON SYSTEM\r\n   ========================================================= *\/\r\n\r\n.nscWhy [data-nscwhy-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscWhy [data-nscwhy-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:21px;\r\n\r\n  height:21px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscWhy-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s ease;\r\n\r\n\r\n  transition-delay:\r\n    var(--nscwhy-delay,0ms);\r\n}\r\n\r\n\r\n.nscWhy-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscWhy-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider {\r\n\r\n    padding:\r\n      42px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types {\r\n\r\n    gap:12px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscWhy {\r\n\r\n    padding:\r\n      80px 0 88px;\r\n  }\r\n\r\n\r\n  .nscWhy-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider {\r\n\r\n    padding:\r\n      36px 30px;\r\n\r\n\r\n    border-radius:27px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types {\r\n\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types article {\r\n\r\n    min-height:auto;\r\n  }\r\n\r\n\r\n  .nscWhy-intro {\r\n\r\n    margin-top:60px;\r\n  }\r\n\r\n\r\n  .nscWhy-reasons {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscWhy {\r\n\r\n    padding:\r\n      68px 0 74px;\r\n  }\r\n\r\n\r\n  .nscWhy-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider {\r\n\r\n    padding:\r\n      28px 20px;\r\n\r\n\r\n    border-radius:23px;\r\n  }\r\n\r\n\r\n  .nscWhy-eyebrow {\r\n\r\n    font-size:8px;\r\n\r\n\r\n    letter-spacing:.12em;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-copy h2 {\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        11vw,\r\n        50px\r\n      );\r\n\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-copy > p {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types {\r\n\r\n    margin-top:28px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types article {\r\n\r\n    padding:\r\n      20px;\r\n\r\n\r\n    border-radius:17px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types strong {\r\n\r\n    font-size:15px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider-types p {\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n\r\n  .nscWhy-intro {\r\n\r\n    margin:\r\n      52px 0 28px;\r\n  }\r\n\r\n\r\n  .nscWhy-section-label {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscWhy-intro h3 {\r\n\r\n    font-size:\r\n      clamp(\r\n        34px,\r\n        9.7vw,\r\n        46px\r\n      );\r\n  }\r\n\r\n\r\n  .nscWhy-reasons {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:12px;\r\n  }\r\n\r\n\r\n  .nscWhy-reason {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding:\r\n      22px 19px;\r\n\r\n\r\n    border-radius:20px;\r\n  }\r\n\r\n\r\n  .nscWhy-reason-top {\r\n\r\n    margin-bottom:20px;\r\n  }\r\n\r\n\r\n  .nscWhy-reason > strong {\r\n\r\n    font-size:19px;\r\n  }\r\n\r\n\r\n  .nscWhy-reason > p {\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscWhy-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscWhy-provider {\r\n\r\n    padding:\r\n      25px 17px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscWhy * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscWhy-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteWhy'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    home:\r\n\r\n      '<path d=\"M3 11.5 12 4l9 7.5\"><\/path>' +\r\n\r\n      '<path d=\"M5.5 10.5V20h13v-9.5\"><\/path>' +\r\n\r\n      '<path d=\"M9.5 20v-6h5v6\"><\/path>',\r\n\r\n\r\n    people:\r\n\r\n      '<circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>' +\r\n\r\n      '<path d=\"M3 20c0-4 2.7-7 6-7s6 3 6 7\"><\/path>' +\r\n\r\n      '<circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>' +\r\n\r\n      '<path d=\"M16 14c3 0 5 2 5 5\"><\/path>',\r\n\r\n\r\n    layout:\r\n\r\n      '<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>' +\r\n\r\n      '<path d=\"M3 9h18M9 9v12\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscwhy-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscwhy-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscWhy-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              const delay =\r\n                entry.target.getAttribute(\r\n                  'data-delay'\r\n                );\r\n\r\n\r\n              if (delay) {\r\n\r\n\r\n                entry.target.style.setProperty(\r\n                  '--nscwhy-delay',\r\n                  delay + 'ms'\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fdec7f elementor-widget elementor-widget-html\" data-id=\"7fdec7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ FINAL CTA\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"nscDemo\" id=\"nscsiteDemo\">\r\n\r\n  <div class=\"nscDemo-bg-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscDemo-orb nscDemo-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscDemo-orb nscDemo-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscDemo-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         CTA PANEL\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscDemo-panel nscDemo-reveal\">\r\n\r\n\r\n      <!-- DECORATION -->\r\n\r\n      <div\r\n        class=\"nscDemo-panel-grid\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div\r\n        class=\"nscDemo-panel-ring nscDemo-panel-ring-a\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div\r\n        class=\"nscDemo-panel-ring nscDemo-panel-ring-b\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           LOGO\r\n           =================================================== -->\r\n\r\n      <a\r\n        class=\"nscDemo-logo\"\r\n        href=\"\/\"\r\n        aria-label=\"NS Care+ home\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n          alt=\"NS Care+\"\r\n        >\r\n\r\n        <span aria-hidden=\"true\"><\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           EYEBROW\r\n           =================================================== -->\r\n\r\n      <span class=\"nscDemo-eyebrow\">\r\n        SEE NS CARE+ IN CONTEXT\r\n      <\/span>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           HEADING\r\n           =================================================== -->\r\n\r\n      <h2>\r\n        Ready to see care operations\r\n        <span>differently?<\/span>\r\n      <\/h2>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           COPY\r\n           =================================================== -->\r\n\r\n      <p class=\"nscDemo-copy\">\r\n        See how NS Care+ can bring your rostering, workforce,\r\n        Participant experience and operational oversight into\r\n        one clearer platform.\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           ACTIONS\r\n           =================================================== -->\r\n\r\n      <div class=\"nscDemo-actions\">\r\n\r\n\r\n        <button\r\n          class=\"nscDemo-btn nscDemo-btn-primary\"\r\n          type=\"button\"\r\n          data-nsc-demo-open\r\n        >\r\n\r\n          <span>\r\n            Book an NS Care+ demo\r\n          <\/span>\r\n\r\n          <b aria-hidden=\"true\">\r\n            \u2192\r\n          <\/b>\r\n\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"nscDemo-btn nscDemo-btn-secondary\"\r\n          type=\"button\"\r\n          data-nsc-demo-open\r\n        >\r\n\r\n          Talk to us\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           TRUST LINE\r\n           =================================================== -->\r\n\r\n      <div class=\"nscDemo-trust\">\r\n\r\n\r\n        <span>\r\n\r\n          <b data-nscd-icon=\"check\"><\/b>\r\n\r\n          Built for Australian disability support providers\r\n\r\n        <\/span>\r\n\r\n\r\n        <span>\r\n\r\n          <b data-nscd-icon=\"people\"><\/b>\r\n\r\n          Participant-centred by design\r\n\r\n        <\/span>\r\n\r\n\r\n        <span>\r\n\r\n          <b data-nscd-icon=\"shield\"><\/b>\r\n\r\n          Compliance connected to operations\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           ROLE DOTS\r\n           =================================================== -->\r\n\r\n      <div\r\n        class=\"nscDemo-roles\"\r\n        aria-label=\"NS Care+ portal roles\"\r\n      >\r\n\r\n        <div>\r\n          <i class=\"admin\"><\/i>\r\n          Admin\r\n        <\/div>\r\n\r\n        <div>\r\n          <i class=\"worker\"><\/i>\r\n          Worker\r\n        <\/div>\r\n\r\n        <div>\r\n          <i class=\"participant\"><\/i>\r\n          Participant\r\n        <\/div>\r\n\r\n        <div>\r\n          <i class=\"family\"><\/i>\r\n          Representative\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscDemo,\r\n.nscDemo * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscDemo {\r\n\r\n  --navy:#082b62;\r\n  --navyDeep:#051a3b;\r\n\r\n  --blue:#087cf0;\r\n  --green:#18a565;\r\n  --purple:#8244e8;\r\n  --orange:#ff5b08;\r\n\r\n  --text:#173452;\r\n  --muted:#667b93;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    86px 0 104px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:var(--text);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 12% 12%,\r\n      rgba(130,68,232,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 85%,\r\n      rgba(8,124,240,.065),\r\n      transparent 26%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f7fafd 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscDemo button {\r\n  font:inherit;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAGE BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.nscDemo-bg-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  opacity:.55;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.028) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.028) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    42px 42px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAGE ORBS\r\n   ========================================================= *\/\r\n\r\n.nscDemo-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscDemo-orb-a {\r\n\r\n  width:260px;\r\n\r\n  height:260px;\r\n\r\n\r\n  left:-160px;\r\n\r\n  top:-60px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n.nscDemo-orb-b {\r\n\r\n  width:320px;\r\n\r\n  height:320px;\r\n\r\n\r\n  right:-210px;\r\n\r\n  bottom:-120px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.08);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 70px\r\n    rgba(8,124,240,.014),\r\n\r\n    0 0 0 140px\r\n    rgba(130,68,232,.008);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   Matches Header and Hero gutters\r\n   ========================================================= *\/\r\n\r\n.nscDemo-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.5vw,\r\n      64px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CTA PANEL\r\n   ========================================================= *\/\r\n\r\n.nscDemo-panel {\r\n\r\n  position:relative;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  min-height:580px;\r\n\r\n\r\n  padding:\r\n    72px 48px 58px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  text-align:center;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    #c9dff2;\r\n\r\n\r\n  border-radius:34px;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 14% 16%,\r\n      rgba(130,68,232,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 86% 82%,\r\n      rgba(255,91,8,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 105%,\r\n      rgba(8,124,240,.11),\r\n      transparent 35%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #edf7ff 62%,\r\n      #fff6ef 100%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n    0 32px 88px\r\n    rgba(6,30,67,.12);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PANEL GRID\r\n   ========================================================= *\/\r\n\r\n.nscDemo-panel-grid {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.48;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(8,124,240,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,124,240,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    36px 36px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      #000,\r\n      transparent 74%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PANEL RINGS\r\n   ========================================================= *\/\r\n\r\n.nscDemo-panel-ring {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscDemo-panel-ring-a {\r\n\r\n  width:300px;\r\n\r\n  height:300px;\r\n\r\n\r\n  left:-105px;\r\n\r\n  top:-125px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.13);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 45px\r\n    rgba(8,124,240,.018);\r\n}\r\n\r\n\r\n.nscDemo-panel-ring-b {\r\n\r\n  width:220px;\r\n\r\n  height:220px;\r\n\r\n\r\n  right:-70px;\r\n\r\n  bottom:-100px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,91,8,.14);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 40px\r\n    rgba(255,91,8,.016);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KEEP PANEL CONTENT ABOVE DECORATION\r\n   ========================================================= *\/\r\n\r\n.nscDemo-panel >\r\n*:not(\r\n  .nscDemo-panel-grid,\r\n  .nscDemo-panel-ring\r\n) {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n   ========================================================= *\/\r\n\r\n.nscDemo-logo {\r\n\r\n  position:relative;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  width:205px;\r\n\r\n  height:56px;\r\n\r\n\r\n  margin:\r\n    0 auto 19px;\r\n\r\n\r\n  text-decoration:none;\r\n}\r\n\r\n\r\n.nscDemo-logo img {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  width:205px;\r\n\r\n  height:56px;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  opacity:0;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscDemo-logo > span {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  display:block;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 43%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-mask-image:\r\n    url(\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\");\r\n\r\n\r\n  mask-image:\r\n    url(\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\");\r\n\r\n\r\n  -webkit-mask-repeat:no-repeat;\r\n\r\n  mask-repeat:no-repeat;\r\n\r\n\r\n  -webkit-mask-position:center;\r\n\r\n  mask-position:center;\r\n\r\n\r\n  -webkit-mask-size:contain;\r\n\r\n  mask-size:contain;\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 7px 16px\r\n      rgba(8,124,240,.10)\r\n    );\r\n\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    filter .22s ease;\r\n}\r\n\r\n\r\n.nscDemo-logo:hover > span {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 10px 21px\r\n      rgba(8,124,240,.17)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n.nscDemo-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  min-height:31px;\r\n\r\n\r\n  padding:\r\n    7px 11px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(8,124,240,.12);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#0874df;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.68);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.15em;\r\n\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.nscDemo h2 {\r\n\r\n  max-width:960px;\r\n\r\n\r\n  margin:\r\n    18px auto 20px;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      46px,\r\n      5.2vw,\r\n      72px\r\n    );\r\n\r\n\r\n  font-weight:500;\r\n\r\n\r\n  line-height:.99;\r\n\r\n\r\n  letter-spacing:-.058em;\r\n\r\n\r\n  text-wrap:balance;\r\n}\r\n\r\n\r\n.nscDemo h2 span {\r\n\r\n  color:transparent;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      96deg,\r\n      #087cf0 0%,\r\n      #277fe7 44%,\r\n      #755be6 100%\r\n    );\r\n\r\n\r\n  -webkit-background-clip:text;\r\n\r\n\r\n  background-clip:text;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n.nscDemo-copy {\r\n\r\n  max-width:760px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  color:#607892;\r\n\r\n\r\n  font-size:17px;\r\n\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n   ========================================================= *\/\r\n\r\n.nscDemo-actions {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:11px;\r\n\r\n\r\n  margin-top:29px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.nscDemo-btn {\r\n\r\n  min-height:53px;\r\n\r\n\r\n  padding:\r\n    0 23px;\r\n\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  font-size:14px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    border-color .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.nscDemo-btn:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n   ========================================================= *\/\r\n\r\n.nscDemo-btn-primary {\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  border:\r\n    1px solid transparent;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #087cf0 0%,\r\n      #176fe0 56%,\r\n      #625ee8 130%\r\n    );\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 14px 32px\r\n    rgba(8,124,240,.27),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.nscDemo-btn-primary:hover {\r\n\r\n  box-shadow:\r\n\r\n    0 20px 42px\r\n    rgba(8,124,240,.34),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.nscDemo-btn-primary b {\r\n\r\n  font-size:18px;\r\n\r\n\r\n  line-height:1;\r\n\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n.nscDemo-btn-primary:hover b {\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY BUTTON\r\n   ========================================================= *\/\r\n\r\n.nscDemo-btn-secondary {\r\n\r\n  border:\r\n    1px solid\r\n    #c8d8e8;\r\n\r\n\r\n  color:var(--navy);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.86);\r\n\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(6,30,67,.05);\r\n}\r\n\r\n\r\n.nscDemo-btn-secondary:hover {\r\n\r\n  border-color:#b7ccdf;\r\n\r\n\r\n  background:#ffffff;\r\n\r\n\r\n  box-shadow:\r\n    0 14px 30px\r\n    rgba(6,30,67,.09);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRUST LINE\r\n   ========================================================= *\/\r\n\r\n.nscDemo-trust {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:9px;\r\n\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n\r\n.nscDemo-trust > span {\r\n\r\n  min-height:34px;\r\n\r\n\r\n  padding:\r\n    6px 10px;\r\n\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(210,224,237,.92);\r\n\r\n\r\n  border-radius:999px;\r\n\r\n\r\n  color:#667d94;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.63);\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n.nscDemo-trust >\r\nspan:nth-child(1) b {\r\n\r\n  color:var(--green);\r\n}\r\n\r\n\r\n.nscDemo-trust >\r\nspan:nth-child(2) b {\r\n\r\n  color:var(--purple);\r\n}\r\n\r\n\r\n.nscDemo-trust >\r\nspan:nth-child(3) b {\r\n\r\n  color:var(--blue);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLES\r\n   ========================================================= *\/\r\n\r\n.nscDemo-roles {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:18px;\r\n\r\n\r\n  margin-top:28px;\r\n\r\n\r\n  color:#71859b;\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n.nscDemo-roles > div {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n}\r\n\r\n\r\n.nscDemo-roles i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscDemo-roles .admin {\r\n\r\n  background:var(--blue);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(8,124,240,.08);\r\n}\r\n\r\n\r\n.nscDemo-roles .worker {\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(24,165,101,.08);\r\n}\r\n\r\n\r\n.nscDemo-roles .participant {\r\n\r\n  background:var(--purple);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(130,68,232,.08);\r\n}\r\n\r\n\r\n.nscDemo-roles .family {\r\n\r\n  background:var(--orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(255,91,8,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICONS\r\n   ========================================================= *\/\r\n\r\n.nscDemo [data-nscd-icon] {\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.nscDemo [data-nscd-icon] svg {\r\n\r\n  display:block;\r\n\r\n\r\n  width:14px;\r\n\r\n  height:14px;\r\n\r\n\r\n  fill:none;\r\n\r\n\r\n  stroke:currentColor;\r\n\r\n\r\n  stroke-width:1.8;\r\n\r\n\r\n  stroke-linecap:round;\r\n\r\n\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n.nscDemo-reveal {\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n\r\n  transition:\r\n    opacity .7s ease,\r\n    transform .7s ease;\r\n}\r\n\r\n\r\n.nscDemo-reveal.is-visible {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscDemo-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n  }\r\n\r\n\r\n  .nscDemo-panel {\r\n\r\n    padding:\r\n      66px 40px 55px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscDemo {\r\n\r\n    padding:\r\n      76px 0 86px;\r\n  }\r\n\r\n\r\n  .nscDemo-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n  }\r\n\r\n\r\n  .nscDemo-panel {\r\n\r\n    min-height:540px;\r\n\r\n\r\n    padding:\r\n      58px 30px 48px;\r\n\r\n\r\n    border-radius:28px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscDemo {\r\n\r\n    padding:\r\n      64px 0 72px;\r\n  }\r\n\r\n\r\n  .nscDemo-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscDemo-panel {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    padding:\r\n      46px 19px 39px;\r\n\r\n\r\n    border-radius:23px;\r\n  }\r\n\r\n\r\n  .nscDemo-logo {\r\n\r\n    width:170px;\r\n\r\n    height:48px;\r\n\r\n\r\n    margin-bottom:17px;\r\n  }\r\n\r\n\r\n  .nscDemo-logo img {\r\n\r\n    width:170px;\r\n\r\n    height:48px;\r\n  }\r\n\r\n\r\n  .nscDemo-eyebrow {\r\n\r\n    font-size:8px;\r\n\r\n\r\n    line-height:1.4;\r\n\r\n\r\n    letter-spacing:.12em;\r\n  }\r\n\r\n\r\n  .nscDemo h2 {\r\n\r\n    margin-top:16px;\r\n\r\n\r\n    font-size:\r\n      clamp(\r\n        39px,\r\n        11vw,\r\n        52px\r\n      );\r\n\r\n\r\n    line-height:1.01;\r\n  }\r\n\r\n\r\n  .nscDemo-copy {\r\n\r\n    font-size:15px;\r\n\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  .nscDemo-actions {\r\n\r\n    width:100%;\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n    margin-top:25px;\r\n  }\r\n\r\n\r\n  .nscDemo-btn {\r\n\r\n    width:100%;\r\n  }\r\n\r\n\r\n  .nscDemo-trust {\r\n\r\n    align-items:stretch;\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n    width:100%;\r\n\r\n\r\n    margin-top:22px;\r\n  }\r\n\r\n\r\n  .nscDemo-trust > span {\r\n\r\n    justify-content:center;\r\n\r\n\r\n    width:100%;\r\n  }\r\n\r\n\r\n  .nscDemo-roles {\r\n\r\n    max-width:320px;\r\n\r\n\r\n    margin-left:auto;\r\n\r\n    margin-right:auto;\r\n\r\n\r\n    gap:12px 16px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscDemo-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscDemo-panel {\r\n\r\n    padding:\r\n      42px 16px 36px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscDemo * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n\r\n  .nscDemo-reveal {\r\n\r\n    opacity:1 !important;\r\n\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteDemo'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     ICONS\r\n     ======================================================= *\/\r\n\r\n  const icons = {\r\n\r\n\r\n    check:\r\n\r\n      '<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>' +\r\n\r\n      '<path d=\"m8 12 2.5 2.5L16 9\"><\/path>',\r\n\r\n\r\n    people:\r\n\r\n      '<circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>' +\r\n\r\n      '<path d=\"M3 20c0-4 2.7-7 6-7s6 3 6 7\"><\/path>' +\r\n\r\n      '<circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>' +\r\n\r\n      '<path d=\"M16 14c3 0 5 2 5 5\"><\/path>',\r\n\r\n\r\n    shield:\r\n\r\n      '<path d=\"M12 3 20 6v5c0 5-3.4 8-8 10-4.6-2-8-5-8-10V6l8-3Z\"><\/path>' +\r\n\r\n      '<path d=\"m9 12 2 2 4-5\"><\/path>'\r\n\r\n  };\r\n\r\n\r\n\r\n  function icon(name) {\r\n\r\n    return (\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">' +\r\n      (icons[name] || '') +\r\n      '<\/svg>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nscd-icon]'\r\n    )\r\n    .forEach(\r\n      function (element) {\r\n\r\n\r\n        element.innerHTML =\r\n          icon(\r\n            element.getAttribute(\r\n              'data-nscd-icon'\r\n            )\r\n          );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     DEMO BUTTONS\r\n     Looks for the global demo modal in another widget.\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nsc-demo-open]'\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          function () {\r\n\r\n\r\n            const modal =\r\n              document.querySelector(\r\n                '[data-demo-modal]'\r\n              );\r\n\r\n\r\n            if (!modal) {\r\n\r\n              \/*\r\n                Modal widget has not been added yet.\r\n                Do not invent an external route.\r\n              *\/\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            const form =\r\n              modal.querySelector(\r\n                '[data-demo-form]'\r\n              );\r\n\r\n\r\n            const success =\r\n              modal.querySelector(\r\n                '[data-demo-success]'\r\n              );\r\n\r\n\r\n            if (form) {\r\n\r\n              form.hidden =\r\n                false;\r\n\r\n            }\r\n\r\n\r\n            if (success) {\r\n\r\n              success.hidden =\r\n                true;\r\n\r\n            }\r\n\r\n\r\n            modal.hidden =\r\n              false;\r\n\r\n\r\n            document.body.style.overflow =\r\n              'hidden';\r\n\r\n\r\n            const field =\r\n              modal.querySelector(\r\n                'input, select, textarea'\r\n              );\r\n\r\n\r\n            if (field) {\r\n\r\n\r\n              window.setTimeout(\r\n                function () {\r\n\r\n\r\n                  field.focus();\r\n\r\n\r\n                },\r\n                30\r\n              );\r\n\r\n\r\n            }\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     REVEAL\r\n     ======================================================= *\/\r\n\r\n  const revealItems =\r\n    root.querySelectorAll(\r\n      '.nscDemo-reveal'\r\n    );\r\n\r\n\r\n  if (\r\n    'IntersectionObserver'\r\n    in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function (entries) {\r\n\r\n\r\n          entries.forEach(\r\n            function (entry) {\r\n\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n\r\n            }\r\n          );\r\n\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.08\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      function (item) {\r\n\r\n\r\n        item.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c9edd5 elementor-widget elementor-widget-html\" data-id=\"8c9edd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CARE+ FOOTER\r\n     Standalone Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<footer class=\"nscFooter\" id=\"nscsiteFooter\">\r\n\r\n  <div class=\"nscFooter-grid-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div\r\n    class=\"nscFooter-orb nscFooter-orb-a\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"nscFooter-orb nscFooter-orb-b\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"nscFooter-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN FOOTER GRID\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscFooter-grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           BRAND\r\n           =================================================== -->\r\n\r\n      <div class=\"nscFooter-brand\">\r\n\r\n\r\n        <a\r\n          class=\"nscFooter-logo\"\r\n          href=\"#nscsiteHero\"\r\n          aria-label=\"NS Care+ home\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/neonsnowcareplus.com.au\/wp-content\/uploads\/2026\/08\/NSCLOGO2-scaled.png\"\r\n            alt=\"NS Care+\"\r\n          >\r\n\r\n        <\/a>\r\n\r\n\r\n        <strong class=\"nscFooter-tagline\">\r\n          CARE. CONNECT. EMPOWER.\r\n        <\/strong>\r\n\r\n\r\n        <p>\r\n          A modern care operations platform for Australian disability\r\n          support providers.\r\n        <\/p>\r\n\r\n\r\n        <!-- ROLE DOTS -->\r\n\r\n        <div\r\n          class=\"nscFooter-roles\"\r\n          aria-label=\"NS Care+ portal experiences\"\r\n        >\r\n\r\n          <span>\r\n            <i class=\"admin\"><\/i>\r\n            Admin\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"worker\"><\/i>\r\n            Worker\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"participant\"><\/i>\r\n            Participant\r\n          <\/span>\r\n\r\n          <span>\r\n            <i class=\"family\"><\/i>\r\n            Representative\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           PRODUCT\r\n           =================================================== -->\r\n\r\n      <nav\r\n        class=\"nscFooter-column\"\r\n        aria-label=\"Product\"\r\n      >\r\n\r\n        <strong>\r\n          PRODUCT\r\n        <\/strong>\r\n\r\n\r\n        <a href=\"#nscsitePlatform\">\r\n          Platform\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#nscsitePortals\">\r\n          Portals\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#nscsiteRostering\">\r\n          Rostering\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#nscsiteCompliance\">\r\n          Compliance\r\n        <\/a>\r\n\r\n      <\/nav>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           FOR PROVIDERS\r\n           =================================================== -->\r\n\r\n      <nav\r\n        class=\"nscFooter-column\"\r\n        aria-label=\"For providers\"\r\n      >\r\n\r\n        <strong>\r\n          FOR PROVIDERS\r\n        <\/strong>\r\n\r\n\r\n        <a href=\"#nscsiteWhy\">\r\n          SIL\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#nscsiteWhy\">\r\n          Community Supports\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#nscsiteWhy\">\r\n          Growing Providers\r\n        <\/a>\r\n\r\n      <\/nav>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           COMPANY\r\n           =================================================== -->\r\n\r\n      <nav\r\n        class=\"nscFooter-column\"\r\n        aria-label=\"Company\"\r\n      >\r\n\r\n        <strong>\r\n          COMPANY\r\n        <\/strong>\r\n\r\n\r\n        <a href=\"#nscsiteHero\">\r\n          About\r\n        <\/a>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          data-nsc-footer-demo\r\n        >\r\n          Contact\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          data-nsc-footer-demo\r\n        >\r\n          Book a demo\r\n        <\/button>\r\n\r\n      <\/nav>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           LEGAL\r\n           =================================================== -->\r\n\r\n      <nav\r\n        class=\"nscFooter-column\"\r\n        aria-label=\"Legal\"\r\n      >\r\n\r\n        <strong>\r\n          LEGAL\r\n        <\/strong>\r\n\r\n\r\n        <!--\r\n          Replace these two URLs once the final\r\n          Privacy and Terms pages are published.\r\n        -->\r\n\r\n        <a\r\n          href=\"#\"\r\n          data-nsc-footer-placeholder\r\n        >\r\n          Privacy\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#\"\r\n          data-nsc-footer-placeholder\r\n        >\r\n          Terms\r\n        <\/a>\r\n\r\n      <\/nav>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM\r\n         ===================================================== -->\r\n\r\n    <div class=\"nscFooter-bottom\">\r\n\r\n\r\n      <span>\r\n        \u00a9 2026 NS Care+\r\n      <\/span>\r\n\r\n\r\n      <div class=\"nscFooter-bottom-centre\">\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          Australian disability support technology.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        class=\"nscFooter-top\"\r\n        type=\"button\"\r\n        data-nsc-footer-top\r\n        aria-label=\"Back to top\"\r\n      >\r\n\r\n        <span>\r\n          Back to top\r\n        <\/span>\r\n\r\n        <b aria-hidden=\"true\">\r\n          \u2191\r\n        <\/b>\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n   ========================================================= *\/\r\n\r\n.nscFooter,\r\n.nscFooter * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.nscFooter {\r\n\r\n  --navy:#082b62;\r\n\r\n  --blue:#087cf0;\r\n\r\n  --green:#18a565;\r\n\r\n  --purple:#8244e8;\r\n\r\n  --orange:#ff5b08;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    74px 0 27px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  color:#c8d5e3;\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  -webkit-font-smoothing:\r\n    antialiased;\r\n\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 12% 0%,\r\n      rgba(8,124,240,.20),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 92% 82%,\r\n      rgba(130,68,232,.12),\r\n      transparent 26%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #04172f 0%,\r\n      #061e43 58%,\r\n      #09275a 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.nscFooter a {\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n\r\n.nscFooter button {\r\n  font:inherit;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP ACCENT\r\n   ========================================================= *\/\r\n\r\n.nscFooter::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  top:0;\r\n\r\n  left:0;\r\n\r\n  right:0;\r\n\r\n\r\n  height:3px;\r\n\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #087cf0 0%,\r\n      #18a565 30%,\r\n      #8244e8 64%,\r\n      #ff5b08 100%\r\n    );\r\n\r\n\r\n  opacity:.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.nscFooter-grid-bg {\r\n\r\n  position:absolute;\r\n\r\n\r\n  inset:0;\r\n\r\n\r\n  pointer-events:none;\r\n\r\n\r\n  opacity:.45;\r\n\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(107,177,244,.055) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(107,177,244,.055) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n\r\n  background-size:\r\n    38px 38px;\r\n\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle at 25% 20%,\r\n      #000,\r\n      transparent 64%\r\n    );\r\n\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at 25% 20%,\r\n      #000,\r\n      transparent 64%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ORBS\r\n   ========================================================= *\/\r\n\r\n.nscFooter-orb {\r\n\r\n  position:absolute;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.nscFooter-orb-a {\r\n\r\n  width:390px;\r\n\r\n  height:390px;\r\n\r\n\r\n  left:-250px;\r\n\r\n  top:-210px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(120,190,255,.09);\r\n\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 70px\r\n    rgba(8,124,240,.018),\r\n\r\n    0 0 0 140px\r\n    rgba(255,255,255,.006);\r\n}\r\n\r\n\r\n.nscFooter-orb-b {\r\n\r\n  width:220px;\r\n\r\n  height:220px;\r\n\r\n\r\n  right:-120px;\r\n\r\n  bottom:-80px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(159,117,240,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   Same width as Header \/ Hero\r\n   ========================================================= *\/\r\n\r\n.nscFooter-shell {\r\n\r\n  position:relative;\r\n\r\n\r\n  z-index:2;\r\n\r\n\r\n  width:\r\n    calc(100% - 24px);\r\n\r\n\r\n  max-width:none;\r\n\r\n\r\n  margin:\r\n    0 12px;\r\n\r\n\r\n  padding:\r\n    0 clamp(\r\n      24px,\r\n      3.5vw,\r\n      64px\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n   ========================================================= *\/\r\n\r\n.nscFooter-grid {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(300px,1.7fr)\r\n    repeat(4,minmax(125px,1fr));\r\n\r\n\r\n  gap:\r\n    clamp(\r\n      30px,\r\n      3.2vw,\r\n      58px\r\n    );\r\n\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n   ========================================================= *\/\r\n\r\n.nscFooter-brand {\r\n\r\n  max-width:360px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n   ========================================================= *\/\r\n\r\n.nscFooter-logo {\r\n\r\n  display:block;\r\n\r\n\r\n  width:205px;\r\n\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    filter .2s ease;\r\n}\r\n\r\n\r\n.nscFooter-logo:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n\r\n.nscFooter-logo img {\r\n\r\n  display:block;\r\n\r\n\r\n  width:205px;\r\n\r\n\r\n  height:auto;\r\n\r\n\r\n  object-fit:contain;\r\n\r\n\r\n  object-position:left center;\r\n\r\n\r\n  filter:\r\n    brightness(0)\r\n    invert(1)\r\n    drop-shadow(\r\n      0 7px 20px\r\n      rgba(0,0,0,.10)\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TAGLINE\r\n   ========================================================= *\/\r\n\r\n.nscFooter-tagline {\r\n\r\n  display:block;\r\n\r\n\r\n  margin-top:23px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  line-height:1.3;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRAND COPY\r\n   ========================================================= *\/\r\n\r\n.nscFooter-brand > p {\r\n\r\n  max-width:330px;\r\n\r\n\r\n  margin:\r\n    11px 0 0;\r\n\r\n\r\n  color:#9fb3c8;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ROLE DOTS\r\n   ========================================================= *\/\r\n\r\n.nscFooter-roles {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-wrap:wrap;\r\n\r\n\r\n  gap:\r\n    9px 14px;\r\n\r\n\r\n  margin-top:22px;\r\n}\r\n\r\n\r\n.nscFooter-roles span {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:6px;\r\n\r\n\r\n  color:#829ab3;\r\n\r\n\r\n  font-size:8px;\r\n\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n.nscFooter-roles i {\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  flex:\r\n    0 0 7px;\r\n\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.nscFooter-roles .admin {\r\n\r\n  background:var(--blue);\r\n}\r\n\r\n\r\n.nscFooter-roles .worker {\r\n\r\n  background:var(--green);\r\n}\r\n\r\n\r\n.nscFooter-roles .participant {\r\n\r\n  background:var(--purple);\r\n}\r\n\r\n\r\n.nscFooter-roles .family {\r\n\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COLUMNS\r\n   ========================================================= *\/\r\n\r\n.nscFooter-column {\r\n\r\n  display:flex;\r\n\r\n\r\n  flex-direction:column;\r\n\r\n\r\n  align-items:flex-start;\r\n\r\n\r\n  gap:11px;\r\n}\r\n\r\n\r\n.nscFooter-column > strong {\r\n\r\n  margin-bottom:7px;\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  font-size:10px;\r\n\r\n\r\n  line-height:1.3;\r\n\r\n\r\n  font-weight:900;\r\n\r\n\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LINKS + BUTTONS\r\n   ========================================================= *\/\r\n\r\n.nscFooter-column a,\r\n.nscFooter-column button {\r\n\r\n  position:relative;\r\n\r\n\r\n  border:0;\r\n\r\n\r\n  padding:\r\n    2px 0;\r\n\r\n\r\n  color:#9fb3c8;\r\n\r\n\r\n  background:transparent;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  line-height:1.45;\r\n\r\n\r\n  text-align:left;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    color .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n\r\n.nscFooter-column a:hover,\r\n.nscFooter-column button:hover {\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  transform:\r\n    translateX(3px);\r\n}\r\n\r\n\r\n\r\n\/* LINK DOT *\/\r\n\r\n.nscFooter-column a::before,\r\n.nscFooter-column button::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  left:-12px;\r\n\r\n  top:50%;\r\n\r\n\r\n  width:4px;\r\n\r\n  height:4px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:#62b4ff;\r\n\r\n\r\n  opacity:0;\r\n\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(.5);\r\n\r\n\r\n  transition:\r\n    opacity .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n\r\n.nscFooter-column a:hover::before,\r\n.nscFooter-column button:hover::before {\r\n\r\n  opacity:1;\r\n\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(1);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PLACEHOLDER LEGAL LINKS\r\n   ========================================================= *\/\r\n\r\n.nscFooter-column\r\n[data-nsc-footer-placeholder] {\r\n\r\n  opacity:.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n   ========================================================= *\/\r\n\r\n.nscFooter-bottom {\r\n\r\n  min-height:70px;\r\n\r\n\r\n  margin-top:55px;\r\n\r\n\r\n  padding-top:20px;\r\n\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    1fr auto 1fr;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:20px;\r\n\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n\r\n  color:#8199b2;\r\n\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CENTRE BOTTOM MESSAGE\r\n   ========================================================= *\/\r\n\r\n.nscFooter-bottom-centre {\r\n\r\n  display:flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  justify-content:center;\r\n\r\n\r\n  gap:8px;\r\n}\r\n\r\n\r\n.nscFooter-bottom-centre i {\r\n\r\n  width:6px;\r\n\r\n  height:6px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:var(--green);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(24,165,101,.08);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACK TO TOP\r\n   ========================================================= *\/\r\n\r\n.nscFooter-top {\r\n\r\n  justify-self:end;\r\n\r\n\r\n  min-height:36px;\r\n\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n\r\n  display:inline-flex;\r\n\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n\r\n  border-radius:10px;\r\n\r\n\r\n  color:#9fb3c8;\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n\r\n  font-size:9px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  cursor:pointer;\r\n\r\n\r\n  transition:\r\n    color .18s ease,\r\n    background .18s ease,\r\n    transform .18s ease,\r\n    border-color .18s ease;\r\n}\r\n\r\n\r\n.nscFooter-top:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n\r\n  color:#ffffff;\r\n\r\n\r\n  border-color:\r\n    rgba(255,255,255,.18);\r\n\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.nscFooter-top b {\r\n\r\n  color:#78beff;\r\n\r\n\r\n  font-size:15px;\r\n\r\n\r\n  line-height:1;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n   ========================================================= *\/\r\n\r\n.nscFooter a:focus-visible,\r\n.nscFooter button:focus-visible {\r\n\r\n  outline:\r\n    3px solid\r\n    rgba(87,173,255,.28);\r\n\r\n\r\n  outline-offset:4px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   1200PX\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1200px) {\r\n\r\n  .nscFooter-shell {\r\n\r\n    width:\r\n      calc(100% - 20px);\r\n\r\n\r\n    margin:\r\n      0 10px;\r\n\r\n\r\n    padding:\r\n      0 30px;\r\n  }\r\n\r\n\r\n  .nscFooter-grid {\r\n\r\n    grid-template-columns:\r\n      minmax(280px,1.5fr)\r\n      repeat(4,1fr);\r\n\r\n\r\n    gap:28px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  .nscFooter {\r\n\r\n    padding-top:65px;\r\n  }\r\n\r\n\r\n  .nscFooter-shell {\r\n\r\n    width:\r\n      calc(100% - 16px);\r\n\r\n\r\n    margin:\r\n      0 8px;\r\n\r\n\r\n    padding:\r\n      0 22px;\r\n  }\r\n\r\n\r\n  .nscFooter-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n\r\n    gap:\r\n      40px 26px;\r\n  }\r\n\r\n\r\n  .nscFooter-brand {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n\r\n    max-width:500px;\r\n  }\r\n\r\n\r\n  .nscFooter-bottom {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n  }\r\n\r\n\r\n  .nscFooter-bottom-centre {\r\n\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:680px) {\r\n\r\n  .nscFooter {\r\n\r\n    padding:\r\n      58px 0 23px;\r\n  }\r\n\r\n\r\n  .nscFooter-shell {\r\n\r\n    padding:\r\n      0 8px;\r\n  }\r\n\r\n\r\n  .nscFooter-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n\r\n    gap:\r\n      35px 20px;\r\n  }\r\n\r\n\r\n  .nscFooter-brand {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n  }\r\n\r\n\r\n  .nscFooter-logo {\r\n\r\n    width:180px;\r\n  }\r\n\r\n\r\n  .nscFooter-logo img {\r\n\r\n    width:180px;\r\n  }\r\n\r\n\r\n  .nscFooter-brand > p {\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n\r\n  .nscFooter-bottom {\r\n\r\n    min-height:auto;\r\n\r\n\r\n    margin-top:42px;\r\n\r\n\r\n    padding-top:19px;\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n    gap:15px;\r\n  }\r\n\r\n\r\n  .nscFooter-top {\r\n\r\n    justify-self:start;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n  .nscFooter-shell {\r\n\r\n    width:\r\n      calc(100% - 12px);\r\n\r\n\r\n    margin:\r\n      0 6px;\r\n\r\n\r\n    padding:\r\n      0 5px;\r\n  }\r\n\r\n\r\n  .nscFooter-grid {\r\n\r\n    gap:\r\n      32px 14px;\r\n  }\r\n\r\n\r\n  .nscFooter-column > strong {\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  .nscFooter-column a,\r\n  .nscFooter-column button {\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .nscFooter * {\r\n\r\n    animation:none !important;\r\n\r\n\r\n    transition-duration:\r\n      .01ms !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n  const root =\r\n    document.querySelector(\r\n      '#nscsiteFooter'\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     SMOOTH INTERNAL LINKS\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      'a[href^=\"#\"]:not([data-nsc-footer-placeholder])'\r\n    )\r\n    .forEach(\r\n      function (link) {\r\n\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          function (event) {\r\n\r\n\r\n            const selector =\r\n              link.getAttribute(\r\n                'href'\r\n              );\r\n\r\n\r\n            if (\r\n              !selector ||\r\n              selector === '#'\r\n            ) {\r\n              return;\r\n            }\r\n\r\n\r\n            const target =\r\n              document.querySelector(\r\n                selector\r\n              );\r\n\r\n\r\n            if (!target) {\r\n              return;\r\n            }\r\n\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            const y =\r\n\r\n              target\r\n                .getBoundingClientRect()\r\n                .top +\r\n\r\n              window.pageYOffset -\r\n\r\n              105;\r\n\r\n\r\n            window.scrollTo({\r\n\r\n              top:y,\r\n\r\n              behavior:'smooth'\r\n\r\n            });\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     BOOK DEMO \/ CONTACT\r\n     Uses global modal if modal widget exists.\r\n     Otherwise scrolls back to CTA.\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nsc-footer-demo]'\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          function () {\r\n\r\n\r\n            const modal =\r\n              document.querySelector(\r\n                '[data-demo-modal]'\r\n              );\r\n\r\n\r\n            if (modal) {\r\n\r\n\r\n              const form =\r\n                modal.querySelector(\r\n                  '[data-demo-form]'\r\n                );\r\n\r\n\r\n              const success =\r\n                modal.querySelector(\r\n                  '[data-demo-success]'\r\n                );\r\n\r\n\r\n              if (form) {\r\n                form.hidden = false;\r\n              }\r\n\r\n\r\n              if (success) {\r\n                success.hidden = true;\r\n              }\r\n\r\n\r\n              modal.hidden =\r\n                false;\r\n\r\n\r\n              document.body.style.overflow =\r\n                'hidden';\r\n\r\n\r\n              const field =\r\n                modal.querySelector(\r\n                  'input, select, textarea'\r\n                );\r\n\r\n\r\n              if (field) {\r\n\r\n\r\n                window.setTimeout(\r\n                  function () {\r\n\r\n                    field.focus();\r\n\r\n                  },\r\n                  30\r\n                );\r\n\r\n\r\n              }\r\n\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n\r\n            \/*\r\n              Fallback if the modal widget has not\r\n              yet been added.\r\n            *\/\r\n\r\n            const demoSection =\r\n              document.querySelector(\r\n                '#nscsiteDemo'\r\n              );\r\n\r\n\r\n            if (!demoSection) {\r\n              return;\r\n            }\r\n\r\n\r\n            const y =\r\n\r\n              demoSection\r\n                .getBoundingClientRect()\r\n                .top +\r\n\r\n              window.pageYOffset -\r\n\r\n              105;\r\n\r\n\r\n            window.scrollTo({\r\n\r\n              top:y,\r\n\r\n              behavior:'smooth'\r\n\r\n            });\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     BACK TO TOP\r\n     ======================================================= *\/\r\n\r\n  const topButton =\r\n    root.querySelector(\r\n      '[data-nsc-footer-top]'\r\n    );\r\n\r\n\r\n  if (topButton) {\r\n\r\n\r\n    topButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n\r\n        const hero =\r\n          document.querySelector(\r\n            '#nscsiteHero'\r\n          );\r\n\r\n\r\n        if (hero) {\r\n\r\n\r\n          const y =\r\n\r\n            hero\r\n              .getBoundingClientRect()\r\n              .top +\r\n\r\n            window.pageYOffset;\r\n\r\n\r\n          window.scrollTo({\r\n\r\n            top:y,\r\n\r\n            behavior:'smooth'\r\n\r\n          });\r\n\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        window.scrollTo({\r\n\r\n          top:0,\r\n\r\n          behavior:'smooth'\r\n\r\n        });\r\n\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =======================================================\r\n     LEGAL PLACEHOLDERS\r\n\r\n     Prevent # from jumping to the top until final URLs\r\n     are supplied.\r\n     ======================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll(\r\n      '[data-nsc-footer-placeholder]'\r\n    )\r\n    .forEach(\r\n      function (link) {\r\n\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          function (event) {\r\n\r\n\r\n            event.preventDefault();\r\n\r\n\r\n          }\r\n        );\r\n\r\n\r\n      }\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Platform Portals Rostering Compliance Why NS Care+ Sign in Book a demo Sign in Book a demo BUILT FOR AUSTRALIAN DISABILITY SUPPORT PROVIDERS Care operations, built around people. NS Care+ brings rostering, participants, workforce, safeguarding, documents and everyday service delivery into one clear platform, with purpose-built experiences for everyone who uses it. Book a demo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/neonsnowcareplus.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}