/* Final palette: teal, royal blue, magenta, violet and warm yellow. */
html body.p9-option-one #top.r11-hero{background:linear-gradient(115deg,#f4f6ff 0 49%,#e9edfd 49% 50%,#f8f4fa 50% 100%)!important}
html body.p9-option-one #top.r11-hero:before{width:110%;height:350px;right:-20%;top:auto;bottom:-210px;background:none;border:1px solid #7d8dcc55;border-radius:50%;box-shadow:0 -22px 0 0 #668fe812,0 -44px 0 0 #bf42990c,0 -66px 0 0 #efa6470c;transform:rotate(-12deg)}
html body.p9-option-one #top.r11-hero:after{width:65%;height:500px;left:-38%;top:-130px;bottom:auto;background:none;border:1px solid #5684cc44;border-radius:50%;box-shadow:25px 0 0 0 #4cc3b518,50px 0 0 0 #758ee110,75px 0 0 0 #bc83bd0a;transform:rotate(-25deg)}
.r11-hero-inner:before{display:none!important}.r11-hero h1 span{background:linear-gradient(100deg,#8d2850,#a43074)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html body.p9-option-one .r10-hero-art .r10-cap-0{background:#098775!important}html body.p9-option-one .r10-hero-art .r10-cap-1{background:#c1246e!important}html body.p9-option-one .r10-hero-art .r10-cap-2{background:#315ee3!important}html body.p9-option-one .r10-hero-art .r10-cap-3{background:#8240c4!important}.r10-hero-art .r10-capability{border:1px solid #ffffff99;box-shadow:0 10px 22px #34418120!important}.r10-hero-art .r10-hero-core{box-shadow:0 18px 45px #393c8120!important}
/* Curved contour lines unify the sections without oversized decorative shapes. */
html body.p9-option-one #about#about#about,html body.p9-option-one #solution#solution#solution,html body.p9-option-one #services#services#services,html body.p9-option-one #modules#modules#modules,html body.p9-option-one #faqs#faqs#faqs{background-image:repeating-linear-gradient(125deg,transparent 0 100px,#8293b708 101px 102px,transparent 103px 180px),radial-gradient(ellipse at 105% 0%,#dce6fc80,transparent 58%)!important;background-color:#f7f8fc!important;isolation:isolate}
html body.p9-option-one #about#about#about:after,html body.p9-option-one #solution#solution#solution:after,html body.p9-option-one #services#services#services:after,html body.p9-option-one #modules#modules#modules:after,html body.p9-option-one #faqs#faqs#faqs:after{content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;z-index:-1!important;width:640px!important;height:640px!important;right:-490px!important;left:auto!important;top:18%!important;border:1px solid #778bbc30!important;border-radius:50%!important;background:none!important;box-shadow:0 0 0 28px #5c97d20a,0 0 0 56px #745abe08,0 0 0 84px #d16a9f06!important;transform:rotate(-20deg)!important}
html body.p9-option-one #solution#solution#solution{background-color:#fbf6f8!important}html body.p9-option-one #services#services#services{background-color:#f0f5fc!important}html body.p9-option-one #faqs#faqs#faqs{background-color:#faf6fb!important}
/* Identical card dimensions in every category, including short rows. */
html body.p9-option-one #modules#modules .p1-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}html body.p9-option-one #modules#modules .p1-module{min-height:220px!important;height:100%!important;padding:23px 18px!important;border-radius:13px!important;box-sizing:border-box!important}html body.p9-option-one #modules#modules .p1-module-group>h3{text-transform:none!important;font-size:21px!important}html body.p9-option-one #modules#modules .p1-module{background:var(--category)!important}.p9-option-one .p1-tone-core{--category:#098775}.p9-option-one .p1-tone-payroll{--category:#315ec6}.p9-option-one .p1-tone-strategy{--category:#8240b9}.p9-option-one .p1-tone-support{--category:#127b9e}.p9-option-one .p1-tone-others{--category:#9f3267}
/* The figures are the focal point, each on a solid colour field. */
html body.p9-option-one .p1-kpi-grid{gap:12px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}html body.p9-option-one .p1-kpi{background:#098775!important;border-radius:15px;padding:26px 12px!important;border:1px solid #ffffff70;box-shadow:0 10px 25px #2a557e10}html body.p9-option-one .p1-kpi:nth-child(2){background:#315ed3!important}html body.p9-option-one .p1-kpi:nth-child(3){background:#bc296e!important}html body.p9-option-one .p1-kpi:nth-child(4){background:#8240b9!important}html body.p9-option-one .p1-kpi strong,html body.p9-option-one .p1-kpi-label{color:#fff!important}html body.p9-option-one .p1-kpi-icon{color:white!important;background:#ffffff20!important;border:1px solid #ffffff44}.p1-kpi+.p1-kpi:before{display:none!important}.p1-kpi-label{font-weight:600!important}
/* Launch panel: light stage, large identity, equally sized colourful features. */
html body.p9-option-one .r10-launch-top{background:linear-gradient(115deg,#eef1ff 0 60%,#f6eaf2 60% 100%)!important;padding:21px 20px 18px!important;border-bottom:3px solid #efc64d!important}html body.p9-option-one .r10-launch-top:before{right:-100px;top:-140px;width:360px;height:360px;border:1px solid #b8bce1;border-radius:50%;box-shadow:0 0 0 18px #6fa9e313,0 0 0 36px #a658bb0d;background:none}html body.p9-option-one .r10-version{font-size:62px!important;letter-spacing:-3px!important}html body.p9-option-one .r10-version span{font-size:1em!important;color:#a33369!important}.r10-features{grid-template-rows:repeat(2,1fr)!important;align-items:stretch!important;gap:10px!important}html body.p9-option-one .r10-features>div{min-height:92px!important;height:100%!important;box-sizing:border-box!important;border:0!important;border-radius:11px!important;padding:14px!important;align-items:center!important}html body.p9-option-one .r10-features>div:nth-child(1){background:#098775!important}html body.p9-option-one .r10-features>div:nth-child(2){background:#315ed3!important}html body.p9-option-one .r10-features>div:nth-child(3){background:#b6296e!important}html body.p9-option-one .r10-features>div:nth-child(4){background:#8240b9!important}html body.p9-option-one .r10-features>div svg,html body.p9-option-one .r10-features h3,html body.p9-option-one .r10-features p{color:#fff!important}.r10-features svg{padding:5px;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;box-sizing:content-box!important}.r10-features h3{font-size:13px!important;font-weight:750!important}.r10-features p{opacity:.95;font-size:11px!important}.r10-launch-content{padding:20px 25px 16px!important}html body.p9-option-one .r10-launch .p1-demo-link{background:#a12d60!important;border-color:#a12d60!important;box-shadow:0 7px 18px #a12d6020!important}
@media(max-width:1000px){html body.p9-option-one #modules#modules .p1-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){html body.p9-option-one #modules#modules .p1-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body.p9-option-one #modules#modules .p1-module{min-height:215px!important;padding:17px 11px!important}html body.p9-option-one .p1-kpi{padding:22px 9px!important}html body.p9-option-one .p1-kpi-grid{gap:9px}html body.p9-option-one .p1-kpi strong{font-size:34px!important}.p1-kpi-label{font-size:10px!important}html body.p9-option-one .r10-launch-top{padding:15px 14px 13px!important}html body.p9-option-one .r10-version{font-size:44px!important}.r10-launch-content{padding:13px!important}.r10-features{gap:8px!important}html body.p9-option-one .r10-features>div{min-height:124px!important;padding:10px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.r10-features svg{width:18px!important;height:18px!important;padding:4px;margin:0!important}.r10-features h3{font-size:11px!important}.r10-features p{font-size:10px!important;line-height:1.3!important}.r10-features h3{margin-bottom:4px!important}}
@media(max-height:650px){html body.p9-option-one .r10-launch-top{padding:10px!important}html body.p9-option-one .r10-version{font-size:37px!important}html body.p9-option-one .r10-features>div{min-height:70px!important;padding:8px!important}.r10-launch-content{padding:10px 15px!important}.r10-features svg{width:18px!important;height:18px!important}.r10-features p{display:none!important}.r10-features{margin-bottom:10px!important}}