:root{--red:#B10E23;--deep:#8A0B1B;--vivid:#E23B4F;--ink:#231F20;--muted:#625D60;--gray:#F5F5F5;--line:#DDD9D7}body{font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.8}main{overflow:hidden}h1,h2,h3{font-weight:600;letter-spacing:-.7px}h2{font-size:clamp(29px,3.1vw,43px);line-height:1.35;max-width:950px}p{font-size:16px;color:var(--muted);line-height:1.85}.wrap{max-width:1240px;padding:86px 48px}.eyebrow{color:var(--red);font-size:12px;letter-spacing:1.7px;font-weight:600}.btn{background:var(--red);border-color:var(--red);border-radius:8px;padding:13px 25px;font-weight:500;transition:.2s}.btn:hover{background:var(--deep);transform:translateY(-2px)}.btn.light{background:white;border-color:var(--line);color:var(--ink)}.btn.light:hover{color:var(--red);border-color:var(--red)}.hero{background:radial-gradient(ellipse at 12% 40%,#E23B4F12,transparent 50%),radial-gradient(ellipse at 90% 60%,#B10E230b,transparent 55%),white}.hero .wrap{display:block;padding-top:66px;padding-bottom:30px;text-align:center}.hero-copy{max-width:850px;margin:auto}.hero .eyebrow span{margin-left:14px;padding-left:14px;border-left:1px solid #ddd;color:var(--muted)}.hero h1{font-size:clamp(36px,4vw,55px);line-height:1.3;letter-spacing:-1.6px;margin:22px 0}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--deep),var(--red),var(--vivid));background-clip:text}.hero p{margin:auto;max-width:690px}.hero .actions{justify-content:center;margin-top:27px}.hero-workspace{position:relative;max-width:1030px;margin:45px auto 0;padding:0 15px 24px;text-align:left}.screen-shell{border:1px solid #d4b4ba;border-radius:15px;background:white;overflow:hidden;box-shadow:0 22px 70px #4d14231a}.screen-top{padding:15px 22px;background:#fff;display:flex;align-items:center;gap:18px;justify-content:space-between;border-bottom:1px solid #eee;font-size:12px;color:#777}.screen-top b{font-size:20px;color:var(--red);letter-spacing:-.7px}.screen-top b span{font-size:12px;color:#777;font-weight:400;letter-spacing:0}.screen-top i,.avatar{font-style:normal;background:var(--deep);color:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px}.workspace-body{display:grid;grid-template-columns:175px 1fr;min-height:350px}.workspace-body aside{background:#faf8f9;border-right:1px solid #eee;padding:22px 12px;display:flex;flex-direction:column;gap:9px;font-size:11px}.workspace-body aside b{padding:0 10px 13px;color:#777;font-size:10px}.workspace-body aside span{padding:7px 10px;border-radius:6px}.workspace-body aside .selected{background:#f5e6e9;color:var(--red)}.workspace-content{padding:25px;background:#fbfbfc}.welcome{display:flex;align-items:center;justify-content:space-between;gap:15px}.welcome small{font-size:9px;color:#888;letter-spacing:.8px}.welcome h3{font-size:18px;margin:6px 0 20px}.workspace-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workspace-stats>div{border:1px solid #eee;border-radius:9px;background:white;padding:14px}.workspace-stats small,.workspace-stats span{display:block;font-size:10px;color:#777}.workspace-stats b{display:block;font-size:27px;font-weight:600;color:var(--red);line-height:1.6}.workspace-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-top:20px}.workspace-columns h4{font-size:12px;margin:0 0 12px}.workspace-columns h4>span{float:right;color:#999;font-weight:400;font-size:10px}.task-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eee}.task-row i{font-style:normal;background:#f4e9ec;color:var(--red);padding:4px 9px;border-radius:6px}.task-row b,.task-row small{display:block;font-size:10px}.task-row small{font-size:9px;color:#888}.meeting{background:#f1ebee;border:1px solid #e8dbe0;border-radius:9px;padding:18px}.meeting>small{font-size:9px;color:var(--red);letter-spacing:1px}.meeting h4{font-size:14px;margin:9px 0}.meeting p{font-size:11px;line-height:1.8}.avatar-group{display:flex;align-items:center}.avatar-group i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:8px;color:white;background:#8a0b1b;border:2px solid white;margin-right:-5px}.avatar-group i:nth-child(2){background:#625D60}.avatar-group i:nth-child(3){background:#E23B4F}.avatar-group>span{font-size:9px;margin-left:10px}.floating{background:white;border:1px solid #e8d9dd;border-radius:11px;box-shadow:0 14px 38px #4d142317}.hero-float{position:absolute;bottom:2px;right:-5px;display:flex;align-items:center;gap:13px;padding:15px 20px}.float-icon{border-radius:8px;background:var(--deep);color:white;padding:5px 12px}.floating b{font-size:13px;display:block}.floating small{font-size:11px;color:#777;display:block}.screen-caption{font-size:10px;color:#999;margin:12px 0 0 8px}.trust .wrap{padding:27px 48px}.platform-context{background:#fafafa}.platform-domains .active-domain{background:#f7eaed;color:var(--red)}.tinted{background:var(--gray)}.cards{gap:20px}.pain{border:1px solid #e9e4e6;border-radius:12px;padding:27px;background:#fff}.pain .num{background:#f8e8ec;color:var(--red);width:44px;padding:5px 0;text-align:center;border-radius:7px;margin-bottom:20px}.pain h3{font-size:19px;line-height:1.5}.pain p,.value p{font-size:14px}.dark{background:var(--gray);color:var(--ink)}.dark .eyebrow{color:var(--red)}.dark> .wrap>p{color:var(--muted)}.value{padding:27px;border:1px solid #eadde1;border-radius:12px;background:white}.value h3{color:var(--ink);font-size:19px}.dark .value p{color:var(--muted)}.value .num{color:var(--vivid);font-size:17px}.value:nth-child(2){background:var(--deep);border-color:var(--deep)}.value:nth-child(2) h3,.dark .value:nth-child(2) p{color:white}.value:nth-child(4){background:#f8e8ec}.split{gap:65px}.edge{border:1px solid #e7e0e2;border-radius:11px;padding:23px 22px;grid-template-columns:38px 1fr;background:white}.edge:nth-child(even){background:#f8f5f6}.edge .num{color:var(--vivid);font-size:16px}.edge h3{font-size:18px}.edge p{font-size:14px}.tabs{border:1px solid #e7e0e2;padding:6px;border-radius:10px;gap:3px;background:#f7f7f7;justify-content:space-between}.tab{border:0;border-radius:7px;padding:11px 13px;font-size:12px}.tab[aria-selected=true]{border:0;background:var(--red);color:white;box-shadow:0 4px 12px #b10e2320}.panel{grid-template-columns:.85fr 1.3fr;gap:50px;padding-top:45px;min-height:430px}.panel h3{font-size:28px;line-height:1.4}.featurelist li{font-size:14px}.featurelist li:before{color:var(--red)}.module-stage{position:relative;padding:0 0 65px;min-width:0}.module-screen .screen-top{padding:12px 17px}.module-screen .screen-top b{font-size:17px}.screenshot-button{padding:0;min-height:240px;background:white;border:0;width:100%;cursor:zoom-in}.screenshot-button img{width:100%;height:300px;object-fit:contain;display:block}.module-float{position:absolute;right:-8px;bottom:25px;padding:13px 17px;max-width:310px}.module-float>b{font-size:12px;color:var(--deep);margin-bottom:10px}.mini-flow{display:flex;align-items:center;gap:11px}.mini-flow span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#666}.mini-flow i{font-style:normal;background:#f6e5e9;color:var(--red);width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:10px}.enlarge-button{border:0;background:none;color:var(--red);font-size:11px;padding:8px 3px;cursor:zoom-in}.hub,.bizone-core{background:var(--deep)!important}.module-icon{background:#f7e7eb;color:var(--red)}.dashboard-label{background:var(--red)}.connected-module{border-radius:10px}.connected-module h3{color:var(--ink)}.flow-number,.compact-flow li span{background:var(--red)}.deploy article{border-radius:12px;padding:32px;border-color:#e7e0e2;position:relative}.deploy article:first-child{border-top:3px solid var(--deep)}.deploy article:last-child{border-top:3px solid var(--vivid)}.step{border-color:#e9cbd2}.step b{color:var(--vivid)}.step h3{font-size:17px;line-height:1.6}.casemark{background:var(--deep)}.casemark strong,.casemark p,.casemark .eyebrow{color:white}.case{border-color:#e7e0e2;border-radius:14px}.cta{background:radial-gradient(ellipse at center,#E23B4F1c,transparent 70%),#fff}.cta h2{max-width:800px}footer{background:var(--ink);color:white}footer p{color:#ccc}.brand span{color:var(--vivid)}.reveal-in{animation:fade-in .7s both}@keyframes fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:850px){.wrap{padding:58px 24px}.hero .wrap{padding-top:45px}.hero-workspace{padding:0 0 35px;margin-top:35px}.workspace-body{grid-template-columns:120px 1fr}.workspace-body aside{font-size:9px;padding:15px 7px}.workspace-content{padding:16px}.workspace-columns{grid-template-columns:1fr}.meeting{display:none}.hero-float{right:0;bottom:4px}.hero .eyebrow span{display:block;border:0;padding:0;margin:5px 0}.panel{grid-template-columns:1fr;gap:22px}.module-float{right:0}.split{gap:30px}.tabs{justify-content:flex-start}.cards{grid-template-columns:1fr 1fr}.screen-top>span{display:none}.welcome h3{font-size:14px}.workspace-stats{gap:5px}.workspace-stats>div{padding:9px}.workspace-stats b{font-size:22px}.trust .wrap{padding:24px}.screenshot-button img{height:280px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.workspace-body{grid-template-columns:1fr}.workspace-body aside{display:none}.hero-float{padding:10px 14px}.workspace-content{padding:15px}.avatar{display:none}.hero h1{font-size:34px}.hero-workspace{margin-top:30px}.tabs .tab{font-size:11px}.module-float{max-width:280px}.journey{grid-template-columns:1fr}.platform-context-inner{padding:20px 24px}}@media(prefers-reduced-motion:reduce){.reveal-in{animation:none}.btn{transition:none}}
/* Shared HRMS proportions, compact complementary compositions. */
.panel{grid-template-columns:.65fr 1.35fr;gap:40px}.module-stage{padding:0 12px 90px 0}.screenshot-button{min-height:0;line-height:0}.screenshot-button img{height:auto;aspect-ratio:1000/610}.module-float{right:0;bottom:18px;width:43%;max-width:300px}.mini-flow{justify-content:space-between;gap:5px}.module-screen .screen-top{display:none}.screen-shell{border-color:#ddd9d7}.module-float{border-color:#ddd9d7}.hero-workspace{max-width:1050px}.hero .wrap{padding-top:70px}.hero h1{font-size:clamp(34px,4vw,56px)}.platform-label{font-size:12px;color:#625d60}.cta{background:#8A0B1B}.cta h2,.cta p,.cta .eyebrow{color:white}.cta .btn{background:white;border-color:white;color:#8A0B1B}.cta .btn.light{background:transparent;color:white;border-color:#ffffff70}.pain,.value,.edge,.deploy article{transition:transform .25s,box-shadow .25s}.pain:hover,.value:hover,.edge:hover,.deploy article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #231f200a}.value:nth-child(3){background:#E23B4F;border-color:#E23B4F}.value:nth-child(3) h3,.dark .value:nth-child(3) p,.value:nth-child(3) .num{color:#231F20}.value:nth-child(2) .num{color:white}.journey{gap:18px}.step{padding:20px 0}.btn:focus-visible,.tab:focus-visible,button:focus-visible{outline:3px solid #E23B4F;outline-offset:4px}@media(max-width:850px){.panel{grid-template-columns:1fr}.module-stage{max-width:750px;width:100%;margin:auto}.module-float{width:45%}}@media(max-width:520px){.module-float{width:63%;padding:12px}.module-stage{padding-bottom:100px}.screenshot-button img{height:auto}.hero .wrap{padding-top:44px}.hero h1{font-size:34px}.hero-float{position:relative;right:auto;bottom:auto;margin:10px 0 0 auto;width:max-content}.hero-workspace{padding-bottom:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-identity{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 22px}.hero-identity img{display:block;width:106px;height:36px;object-fit:contain}.hero-identity>span{border-left:1px solid #DDD9D7;padding:9px 0 9px 16px;font-size:12px;letter-spacing:1.7px;font-weight:500;color:#77747e;line-height:1.5}@media(max-width:520px){.hero-identity{gap:12px}.hero-identity img{width:100px}.hero-identity>span{font-size:10px;letter-spacing:1.2px;padding-left:12px}}
.hero-canvas{display:block;width:100%;border-radius:17px;box-shadow:0 24px 65px #30282b18}.hero-workspace{padding-bottom:35px}.screen-shell{border:2px solid #30282B}.module-screen{box-shadow:0 18px 45px #30282b12}.dark .value,.value:nth-child(2),.value:nth-child(3),.value:nth-child(4){background:#fff;border:1px solid #DDD9D7;border-radius:14px;padding:27px}.dark .value h3,.dark .value p,.dark .value .num{color:#231F20}.value h3{font-size:20px;min-height:58px;margin-bottom:12px}.value-icon{width:44px;height:44px;display:grid;place-items:center;background:#B10E23;color:white;border-radius:11px;font-size:24px;margin-bottom:22px}.value p{margin-bottom:0}.deploy article:last-child{border:2px solid #B10E23;background:#fff}.recommend-badge{position:absolute;top:-17px;right:24px;border:4px solid #F5F5F5;background:#B10E23;color:#fff;border-radius:24px;padding:3px 15px;font-size:12px}.deployment-action{margin-top:30px}.cta .wrap{padding-top:66px;padding-bottom:66px}.cta h2{font-size:clamp(32px,3.6vw,48px)}.client-logos{display:flex;justify-content:space-between;gap:40px;align-items:center;flex-wrap:wrap}.client-logos img{width:130px;height:55px;object-fit:contain}.trust .wrap{display:block}.trust .eyebrow{text-align:center;margin-bottom:26px}@media(max-width:700px){.client-logos{justify-content:center;gap:25px}.client-logos img{width:100px;height:45px}.value h3{min-height:0}}

.trusted-businesses .wrap{padding-top:34px;padding-bottom:38px}.trusted-businesses p{text-align:center;font-size:11px;letter-spacing:1.7px;margin-bottom:25px}.trusted-wordmarks{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#625D60}.trusted-wordmarks span{font-size:21px;font-weight:600;white-space:nowrap;letter-spacing:-.6px}.trusted-wordmarks span:nth-child(2){font-family:Georgia,serif;letter-spacing:1px}.trusted-wordmarks span:nth-child(4){font-family:Georgia,serif;font-size:26px}@media(max-width:700px){.trusted-wordmarks{flex-wrap:wrap;justify-content:center;gap:20px 30px}.trusted-wordmarks span{font-size:17px}}/* Center the constrained heading within the architecture section. */
#solution>.wrap>h2{margin-left:auto;margin-right:auto;text-align:center}
/* Product illustration palette follows the BizOne HR reference. */
.hero-canvas{border-radius:17px}.screen-shell{border:0;border-radius:15px}.hero-float .float-icon{background:#288FBA}.module-float{border:1px solid #dce7ef;color:#193F50;width:43%;padding:17px 19px;box-shadow:0 15px 35px #23475914}.module-float>b{color:#193F50;font-size:15px}.mini-flow i{background:#EDF6FA;color:#288FBA}.mini-flow span{color:#658294;font-size:11px}.module-stage{padding:0 18px 100px 0}.module-screen{box-shadow:0 18px 45px #23475915}.panel{grid-template-columns:.65fr 1.35fr;min-height:0}.panel h3{font-size:26px}.panel .eyebrow{font-size:11px}.tabs{background:transparent;border:0;justify-content:center;gap:9px;padding:0}.tab{background:#F5F5F5;border:1px solid #DDD9D7;padding:12px 16px}.tab[aria-selected=true]{border:1px solid #B10E23}.tab:focus-visible{outline:2px solid #B10E23;outline-offset:3px}#capabilities>.wrap>.eyebrow,#capabilities>.wrap>h2,#capabilities>.wrap>p,#business-value>.wrap>.eyebrow,#business-value>.wrap>h2,#deployment>.wrap>.eyebrow,#deployment>.wrap>h2,#deployment>.wrap>p{text-align:center;margin-left:auto;margin-right:auto}h2 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#8A0B1B,#B10E23,#E23B4F);background-clip:text}#business-value{background:white}.dark .value{background:#F5F7F8;border:1px solid #E1E8EC;border-radius:16px;padding:26px 24px 0;display:flex;flex-direction:column;overflow:hidden}.value h3{min-height:0;font-size:21px}.value-icon{font-size:23px}.dark .value p{font-size:15px;margin-bottom:24px}.value-mini{background:white;border:1px solid #DDE8EE;border-bottom:0;border-radius:12px 12px 0 0;padding:17px 13px;margin-top:auto;display:flex;flex-direction:column;gap:7px}.value-mini span{display:block;padding:7px 11px;font-size:12px;color:#527082;background:#EFF6F9;border-left:3px solid #8DB9CC;border-radius:5px}.value-mini span:nth-child(2){margin-left:12px}.value-mini span:nth-child(3){margin-left:24px}.deploy{gap:24px}.deploy article{border:1px solid #E0E6E9!important;border-radius:17px;background:#F5F7F8;padding:32px}.deploy article:last-child{border:2px solid #B10E23!important;background:white}.deploy article h3{font-size:24px}.deployment-action{text-align:center}.recommend-badge{border-color:#F5F5F5}#deployment .note{text-align:center}.module-float .mini-flow{margin-top:12px}@media(max-width:850px){.panel{grid-template-columns:1fr}.tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding:5px}.tab{white-space:nowrap;flex:none}.module-stage{padding-bottom:100px}.module-float{width:48%}}@media(max-width:520px){.module-float{width:63%;padding:14px}.module-float>b{font-size:13px}.mini-flow span{font-size:10px}}
/* Proportional product previews: natural canvas, bounded display size. */
.hero-workspace{max-width:960px;margin-top:38px;padding:0 0 34px}.hero-canvas{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.module-stage{max-width:760px;width:100%;justify-self:end;padding:0 12px 72px 0}.screenshot-button img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain}.module-screen{width:100%}.panel{gap:42px;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);padding-top:34px}.module-float{bottom:5px;width:auto;max-width:290px;right:0;padding:15px 18px}.module-float>b{font-size:14px}.hero-float{bottom:8px;right:-10px;padding:13px 17px}.floating b{line-height:1.5}.mini-flow{gap:15px}.enlarge-button{margin-top:7px}.value-icon{font-family:Arial,sans-serif}.value h3{font-size:20px;line-height:1.45}.deploy article .eyebrow{font-size:11px}.hero-copy p{max-width:710px}.tabs{gap:8px}.tab{font-size:13px;padding:11px 14px;min-height:44px}@media(max-width:1000px){.panel{grid-template-columns:1fr;gap:28px}.module-stage{justify-self:center;max-width:760px}.panel>div:first-child{max-width:680px}.hero-workspace{max-width:860px}.hero-float{right:0}}@media(max-width:700px){.module-stage{padding:0 0 78px}.module-float{max-width:265px;width:auto}.hero-workspace{padding-bottom:25px}.hero-float{position:relative;margin:12px 0 0 auto;bottom:auto;right:auto;max-width:100%;width:max-content}.hero-float b{font-size:12px}.hero-float small{font-size:10px}.tab{font-size:12px;padding:10px 12px}.tabs{flex-wrap:wrap;overflow:visible;margin-top:25px}.panel h3{font-size:25px}.value h3{font-size:20px}.module-float .mini-flow span{font-size:10px}}@media(max-width:420px){.module-float{max-width:235px;padding:12px 14px}.mini-flow{gap:10px}.hero-float{margin-left:0}.hero h1{font-size:30px;line-height:1.3;letter-spacing:-1px}.panel{padding-top:28px}}