:root{--red:#b10e23;--deep:#8a0b1b;--vivid:#e23b4f;--ink:#231f20;--muted:#625d60;--line:#e4e3e6;--tint:#f5f7f8;--blue:#267a9f;--blue-soft:#e8f3f7}
body{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;line-height:1.8;background:white}main{overflow:hidden}h1,h2,h3{font-weight:600;letter-spacing:-.8px}h2,.heading h2{font-size:clamp(29px,3.2vw,44px);line-height:1.3;margin:16px 0}h3{font-size:22px;line-height:1.45}p{line-height:1.85}.wrap{max-width:1240px;padding:96px 48px}.heading{margin-bottom:48px}.heading p{max-width:680px;font-size:16px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:500;color:var(--red)}.button{font-weight:500;font-size:15px;padding:14px 25px;border:1px solid var(--red);border-radius:8px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:var(--deep);transform:translateY(-2px);box-shadow:0 8px 22px #8a0b1b14}.button.secondary{background:white;color:var(--ink);border-color:#ddd9d7}.button.secondary:hover{border-color:var(--red);color:var(--red)}.actions{gap:14px}.hero.hero-visual{isolation:isolate;position:relative;background:radial-gradient(ellipse 600px 380px at 7% 38%,#f6e4eb88,transparent),radial-gradient(ellipse 600px 450px at 95% 50%,#e5f4f977,transparent),#fff;border:0;padding:70px 0 0;text-align:center}.hero-layout{display:block;min-height:0;padding:0 48px;max-width:1240px}.hero-copy{padding:0;max-width:940px;margin:auto}.hero-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#71717b}.hero-brand{font-size:15px;letter-spacing:0;color:var(--blue);padding-left:14px;border-left:1px solid #d9e3e8}.hero-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-1.7px;margin:24px 0}.hero-copy h1 em{color:transparent;background:linear-gradient(110deg,#8a0b1b,#b10e23,#e23b4f);background-clip:text;-webkit-background-clip:text;font-style:normal}.hero-copy p{font-size:17px;line-height:1.85;max-width:680px;margin:0 auto;color:var(--muted)}.hero-copy .actions{justify-content:center;gap:14px;margin-top:28px}.hero-product{margin:44px auto 0;max-width:1060px;position:relative;animation:hr-screen-in .85s .15s both}.hero-product-label{justify-content:center;gap:28px;margin-bottom:20px}.hero-product-label span{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;font-size:14px;font-weight:500;color:#6c7882}.hero-dashboard{border:1px solid #dfe8ed;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 24px 70px #26577114;overflow:hidden;background:#fff}.hero-dashboard img{width:100%;height:auto}.hero-dashboard-bar{height:44px;background:#fff;padding:0 20px;gap:18px;justify-content:flex-start;border-bottom:1px solid #e5ebee}.hero-dashboard-bar b{font-size:17px;color:var(--blue)}.hero-dashboard-bar span{font-size:12px}.hero-dashboard-bar .screen-status{margin-left:auto;font-size:12px;color:#778590}.hero-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none}.hr-orbit{position:absolute;display:grid;place-items:center;background:white;width:57px;height:57px;border:1px solid #dce9ee;border-radius:17px;color:#278dae;box-shadow:0 12px 35px #284d6110;animation:hr-icon-in .85s both,hr-float 6s 1s ease-in-out infinite}.hr-orbit svg{width:28px;height:28px}.hr-orbit-0{left:7%;top:105px;rotate:-12deg}.hr-orbit-1{right:7%;top:145px;rotate:10deg;animation-delay:.15s,1.15s}.hr-orbit-2{left:11%;top:325px;width:45px;height:45px;rotate:8deg;animation-delay:.3s,1.3s}.hr-orbit-3{right:11%;top:355px;width:45px;height:45px;rotate:-8deg;animation-delay:.45s,1.45s}.hr-orbit-2 svg,.hr-orbit-3 svg{width:24px;height:24px}
.trusted{padding-top:36px;padding-bottom:36px;gap:35px;border-bottom:1px solid var(--line)}.trusted h3{font-size:20px;margin:8px 0}.trusted p{font-size:14px}.trusted img{width:135px;object-fit:contain}.customer-name{color:#625d60;font-weight:500;font-size:15px}.trusted .eyebrow{font-size:11px}
#solution{background:#f5f7f8}.ecosystem-orbit{padding:32px;background:white;border:1px solid #e1e8ec;border-radius:22px;box-shadow:0 20px 55px #2a4c5d06}.eco-label{font-size:11px;letter-spacing:1.2px;font-weight:500;color:#6c7882}.eco-node{border-color:#e3eaed;border-radius:10px;font-weight:500}.eco-node svg{color:var(--blue)}.orbit-module{border:1px solid #dae9ef;background:#f5fafc;border-radius:14px;padding:18px 10px}.orbit-module svg{color:var(--blue)}.orbit-module strong{font-weight:600}.orbit-center{background:#267a9f;box-shadow:0 12px 32px #267a9f20}.orbit-center>span{color:#d7eef7}.orbit-core:before{border-color:#dbeaf0}.orbit-connections:after,.orbit-reports:before{background:#b4d1dd}.orbit-users,.orbit-foundation{border-color:#e6edf0}.orbit-foundation .eco-node{background:#f7fafb}
#modules{background:#fff}.hr-capabilities .tabs{gap:9px;margin-bottom:40px}.hr-capabilities .tabs button{padding:12px 16px;background:#f5f7f8;color:#625d60;border:1px solid #e8ecee;border-radius:9px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.hr-capabilities .tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:white}.hr-capabilities .module-panel{padding:34px;border:1px solid #e2e8ec;border-radius:20px;background:#fafcfd;gap:38px;grid-template-columns:.75fr 1.25fr}.module-panel h3{font-size:28px;line-height:1.4}.module-intro{font-size:16px}.module-panel ul{font-size:15px;padding-left:18px}.module-panel ul li{margin:14px 0}.module-panel li::marker{color:var(--blue)}.module-panel .eyebrow{color:var(--blue);font-size:11px}.screen{border:1px solid #dae5eb;border-radius:12px;box-shadow:0 15px 35px #244f6410}.screen-top{background:white;height:36px;border-bottom:1px solid #e5ecef}.image-choices{gap:7px}.image-choices button{font-size:14px;padding:8px 11px;border-radius:7px;background:#fff;border-color:#e0e7eb}.image-choices button.active{background:#edf7fb;color:#246e8c;border-color:#98c4d5}.image-groups button{font-size:14px;font-weight:500}.image-groups button[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.caption{font-size:13px;color:#76818a;margin-top:14px}
.hr-values{background:radial-gradient(ellipse 540px 300px at 90% 60%,#f7e6ed55,transparent),#fff}.hr-values .wrap{padding-top:20px}.hr-values .four{gap:20px}.hr-values .four article{padding:28px 25px 0;background:#f7f9fa;border:1px solid #e3e9ed;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.hr-values .four article:hover{transform:translateY(-5px);box-shadow:0 16px 32px #2544580a}.line-icon{background:var(--red);border:0;border-radius:13px;width:46px;height:46px;color:white;margin-bottom:10px}.line-icon svg{width:25px;height:25px}.hr-values article:nth-child(2) .line-icon{background:var(--deep)}.hr-values article:nth-child(3) .line-icon{background:var(--vivid)}.hr-values h3{font-size:21px;margin:15px 0 10px}.hr-values .grid article p{font-size:15px;margin:0 0 24px}.value-visual{display:flex;flex-direction:column;gap:8px;position:relative;margin-top:auto;padding:19px 17px 24px;background:#fff;border:1px solid #e0e9ee;border-bottom:0;border-radius:13px 13px 0 0}.value-visual span{position:relative;display:block;background:#f0f6f9;border-left:3px solid #8db9cc;border-radius:5px;padding:8px 11px;font-size:13px;color:#527082}.value-visual span:nth-child(2){margin-left:15px;background:#e9f2f7}.value-visual span:nth-child(3){margin-left:30px;background:#dfedf4;color:#296d8a}
.deployment{border-top:1px solid #eeedf0}.three{gap:22px}.deploy-card{position:relative;background:#f5f7f8;border:1px solid #e0e6e9;border-radius:18px;padding:32px;min-height:270px;transition:transform .25s}.deploy-card:nth-child(2){background:#eef6fa;border-color:#dbe9f0}.deploy-card:hover{transform:translateY(-4px)}.deployment-icon{width:48px;height:48px;background:white;color:var(--blue);border:1px solid #e0e9ee;border-radius:13px;display:grid;place-items:center;margin-bottom:24px}.deployment-icon svg{width:26px;height:26px}.deploy-card .eyebrow{font-size:12px;color:#527082}.deploy-card h3{font-size:23px;margin:14px 0}.deploy-card p{font-size:16px!important}.deploy-card:nth-child(3){background:#faf2f5;border-color:#eedee5}.deploy-card:nth-child(3) .deployment-icon{color:var(--red);border-color:#eddce3}
#success{max-width:none;background:#f7f8fa;padding-left:max(48px,calc((100vw - 1144px)/2));padding-right:max(48px,calc((100vw - 1144px)/2))}.case{background:white;border:1px solid #e3e7eb;border-radius:22px;grid-template-columns:.8fr 1.2fr;box-shadow:0 15px 40px #243f5007}.case>div{padding:42px}.case-brand{background:#edf4f7;position:relative}.case-brand h3{font-size:27px;color:#315972;font-weight:600}.case-brand img{width:180px}.case-brand span{font-size:14px}.case p{font-size:16px}.case h3{font-size:22px}.case summary{font-size:14px;font-weight:500}.case details p{font-size:14px}
.cta-wide{position:relative;margin:0;background:radial-gradient(ellipse 480px 280px at 10% 60%,#f8dfe955,transparent),radial-gradient(ellipse 480px 280px at 90% 60%,#e4f2f955,transparent),#fff;border-top:1px solid #eee9ec;padding-top:75px}.cta-eyebrow{text-align:center}.cta-wide .cta{padding:12px 48px 85px}.cta h2{font-size:clamp(30px,3.5vw,46px);color:var(--ink);margin:10px 0 20px}.cta p{color:var(--muted);font-size:17px}.cta .white{background:var(--red);color:white}.cta .outline{color:var(--ink);background:white;border-color:#ddd9d7}.cta .outline:hover{color:var(--red);border-color:var(--red)}footer.wrap{max-width:none;background:#231f20;color:white;padding:44px max(48px,calc((100vw - 1144px)/2)) 25px!important;gap:30px}.brand{color:white;font-size:28px;font-weight:700}.brand span{color:var(--vivid)}.brand small{color:#c3babf;font-size:8px}footer .brand span{color:var(--vivid)}footer p,footer a:not(.brand),footer>div>span{color:#c9c3c6;font-size:14px}footer h3{font-size:15px;font-weight:500}.copyright{color:#aaa1a6;border-color:#ffffff20;font-size:12px}.hr-reveal{animation:hr-reveal .7s both}@keyframes hr-reveal{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hr-icon-in{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes hr-float{50%{transform:translateY(-10px)}}@keyframes hr-screen-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.wrap{padding:76px 30px}.hero-layout{padding:0 30px}.hero.hero-visual{padding-top:56px}.hr-orbit-0,.hr-orbit-1{width:42px;height:42px;top:65px}.hr-orbit-0{left:3%}.hr-orbit-1{right:3%}.hr-orbit-2,.hr-orbit-3{display:none}.hr-orbit svg{width:23px;height:23px}.hero-copy h1{font-size:44px}.hr-values .four{grid-template-columns:repeat(2,1fr)}.hr-capabilities .module-panel{grid-template-columns:1fr;padding:28px}.module-panel ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}.module-panel ul li{font-size:14px}.case>div{padding:30px}.deploy-card{padding:25px}#success{padding-left:30px;padding-right:30px}}
@media(max-width:700px){.wrap{padding:64px 22px}.hero.hero-visual{padding-top:42px}.hero-layout{padding:0 22px}.hero-copy .eyebrow{font-size:10px}.hero-brand{font-size:13px}.hero-copy h1{font-size:34px;letter-spacing:-1px;margin:22px 0}.hero-copy p{font-size:16px}.hero-copy .actions{gap:10px;flex-wrap:wrap}.button{font-size:14px;padding:12px 18px}.hero-product{margin-top:32px}.hero-product-label{gap:22px;margin-bottom:15px}.hero-product-label span{font-size:13px}.hero-dashboard{border-radius:10px 10px 0 0}.hero-dashboard-bar{height:35px;padding:0 12px}.hero-dashboard-bar b{font-size:14px}.hero-dashboard-bar span{font-size:10px}.hero-dashboard-bar .screen-status{display:none}.hr-orbit{width:30px;height:30px;border-radius:9px;top:22px!important}.hr-orbit svg{width:17px;height:17px}.hr-orbit-0{left:3%}.hr-orbit-1{right:3%}.trusted{gap:20px;align-items:center;padding-top:29px;padding-bottom:29px}.trusted>div{flex-basis:100%}.trusted h3{font-size:19px}.trusted img{width:110px}.customer-name{font-size:14px}.heading{margin-bottom:32px}.heading p{font-size:16px}.ecosystem-orbit{padding:22px 14px}.hr-capabilities .tabs{display:flex;flex-wrap:nowrap;overflow:auto;justify-content:flex-start;margin-right:-22px;padding-right:22px;margin-bottom:24px;scrollbar-width:thin}.hr-capabilities .tabs button{white-space:nowrap;flex:none;font-size:14px;padding:11px 14px}.hr-capabilities .module-panel{padding:22px 18px;gap:24px;border-radius:15px}.module-panel h3{font-size:25px}.module-panel ul{display:block;font-size:15px}.module-panel ul li{font-size:15px}.image-choices button{font-size:13px;padding:7px 10px}.hr-values .wrap{padding-top:0}.hr-values .four{grid-template-columns:1fr;gap:18px}.hr-values .four article{padding:25px 25px 0}.hr-values .grid article p{font-size:16px}.hr-values h3{font-size:23px}.value-visual{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 10px}.value-visual span,.value-visual span:nth-child(2),.value-visual span:nth-child(3){margin:0;padding:10px 6px;font-size:12px;text-align:center;border:0;border-radius:6px}.three{grid-template-columns:1fr}.deploy-card{min-height:0;padding:26px}.deployment-icon{margin-bottom:19px}.deploy-card h3{font-size:24px}.case{grid-template-columns:1fr}.case>div{padding:27px}.case-brand{min-height:230px}.case-brand img{width:150px}.case-brand h3{margin-top:15px}#success{padding-left:22px;padding-right:22px}.cta-wide{padding-top:56px}.cta-wide .cta{padding:12px 22px 62px}.cta h2{font-size:31px}.cta p{font-size:16px}.cta .actions{flex-direction:row;flex-wrap:wrap}.cta .button{min-width:0}footer.wrap{padding:37px 22px 22px!important}.hero h1 br{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hr-reveal{opacity:1;transform:none}}
/* People & HR — BizOne identity / THLOne Brand Color Guide */
:root{--red:#b10e23;--deep:#8a0b1b;--vivid:#e23b4f;--ink:#231f20;--muted:#625d60;--line:#ddd9d7;--tint:#f5f5f5;--blue:#b10e23;--blue-soft:#f9ecef}
.hero.hero-visual{background:radial-gradient(ellipse 620px 400px at 8% 45%,#e23b4f17,transparent),radial-gradient(ellipse 590px 400px at 92% 55%,#f091a91d,transparent),#fff}.hero-brand{border-color:#ddd9d7;padding-left:15px;display:inline-flex;align-items:center;line-height:1}.hero-brand img{display:block;width:105px;height:36px;object-fit:contain}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy h1{margin-top:18px}.hero-product{max-width:1050px;padding:0 45px 64px 0;margin-top:44px}.hero-dashboard{border:0;border-radius:16px;box-shadow:0 22px 60px #231f2013}.hero-dashboard img{width:100%;height:auto}.hero-payroll-float{position:absolute;right:-24px;bottom:0;width:33%;height:auto;border-radius:15px;box-shadow:0 18px 45px #231f2017}.hero-product-label{margin-bottom:22px}.hr-orbit{color:var(--red);border-color:#eadde1;box-shadow:0 12px 35px #8a0b1b0c}.hr-orbit-1{color:var(--deep)}.hr-orbit-2{color:var(--vivid)}.hr-orbit-3{color:var(--deep)}
#solution{background:#f5f5f5}.ecosystem-orbit{border-color:#e8e3e4;box-shadow:none}.eco-node{border-color:#e8e3e4}.eco-node svg{color:var(--red)}.eco-label{color:var(--muted)}.orbit-module{background:#faf7f8;border-color:#ecdde2}.orbit-module svg{color:var(--red)}.orbit-center{background:#fff;border:1px solid #e3d7dc;box-shadow:0 10px 30px #8a0b1b0c;color:var(--ink)}.orbit-center>span{color:var(--red);font-size:11px;letter-spacing:1.5px}.orbit-center p{color:var(--muted);font-size:12px}.architecture-bizone{display:flex;align-items:center;justify-content:center;width:112px;height:44px}.architecture-bizone img{width:100%;height:100%;object-fit:contain}.orbit-core:before{border-color:#e8d8de}.orbit-connections:after,.orbit-reports:before{background:#d8b3bf}.orbit-foundation .eco-node{background:#f5f5f5}.orbit-users,.orbit-foundation{border-color:#e8e3e4}
.hr-capabilities .tabs button{background:#f5f5f5;border-color:#e8e3e4}.hr-capabilities .tabs button[aria-selected=true]{background:var(--red);border-color:var(--red)}.hr-capabilities .module-panel{background:#faf9f9;border-color:#e8e3e4;grid-template-columns:.7fr 1.3fr;gap:32px}.module-panel .eyebrow{color:var(--red)}.module-panel li::marker{color:var(--red)}.screen{border:0;border-radius:13px;box-shadow:0 18px 40px #231f2010;overflow:visible;background:transparent}.screen-top{display:none}.image-button{border-radius:13px;overflow:hidden;background:transparent}.image-groups button[aria-pressed=true]{background:var(--red);border-color:var(--red)}.image-choices button{border-color:#ddd9d7}.image-choices button.active{background:#f9ecef;color:var(--red);border-color:#d7aab7}.image-choices:has(button:only-child){display:none}.image-choices button:hover{color:var(--red)}.caption{color:var(--muted)}
.hr-values{background:radial-gradient(ellipse 550px 360px at 90% 55%,#f091a91d,transparent),#fff}.hr-values .four{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.hr-values .four article{padding:30px 30px 0;border-radius:18px;border:1px solid #e8e3e4;background:#f5f5f5}.hr-values .four article:nth-child(2){background:#8a0b1b;border-color:#8a0b1b;color:white}.hr-values .four article:nth-child(2) p{color:#fff}.hr-values .four article:nth-child(2) .line-icon{background:white;color:#8a0b1b}.hr-values .four article:nth-child(3){background:white}.hr-values .four article:nth-child(4){background:#f9ecef;border-color:#ecdde2}.hr-values h3{font-size:24px}.hr-values .grid article p{font-size:16px;max-width:420px}.product-benefit{margin:5px 0 0;max-width:100%;overflow:hidden;border-radius:14px 14px 0 0;display:block;line-height:0}.product-benefit img{display:block;width:100%;height:auto;margin-bottom:-3px}.line-icon{color:white;background:var(--red)}.hr-values article:nth-child(3) .line-icon{background:var(--red);color:white}.hr-values article:nth-child(4) .line-icon{background:var(--deep);color:white}
.deployment{border-color:#eeeaec}.deploy-card{padding:32px;background:#f5f5f5;border-color:#e5dfe1;min-height:0}.deploy-card:nth-child(2){background:white;border-color:#e5dfe1}.deploy-card:nth-child(3){background:#faf3f5;border-color:#ecdde2}.deployment-icon{background:white;color:var(--red);border-color:#eadde1}.deploy-card:nth-child(2) .deployment-icon{background:var(--red);color:white;border-color:var(--red)}.deploy-card .eyebrow{color:var(--red)}.deploy-card h3{font-size:22px;min-height:64px}.deploy-card>p{min-height:82px}.deployment-features{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid #e1d9dc;display:grid;gap:14px}.deployment-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted);line-height:1.75}.deployment-features svg{width:19px;height:19px;flex:none;margin-top:3px;color:var(--red)}
#success{background:#faf7f8}.heading em{font-style:normal;background:linear-gradient(110deg,#8a0b1b,#b10e23,#e23b4f);background-clip:text;-webkit-background-clip:text;color:transparent}.people-case{display:grid;grid-template-columns:1.05fr 1fr;border:0;background:#f5f5f5;box-shadow:none;max-width:1080px;margin:auto;border-radius:22px;overflow:hidden}.people-case .case-image{padding:28px;display:flex;align-items:center;background:#eee9e8;min-width:0}.case-image img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 22px #231f2010)}.people-case .case-body{padding:40px;display:flex;flex-direction:column;align-items:flex-start}.case-client{display:flex;align-items:center;gap:14px;margin-bottom:9px}.case-client img{width:64px;max-height:40px;object-fit:contain}.case-client span{font-size:24px;font-weight:600;color:var(--deep);letter-spacing:-.6px}.case-category{font-size:13px;color:var(--muted);margin-bottom:24px}.people-case h3{font-size:27px;letter-spacing:-.6px;line-height:1.4;margin:0}.people-case p{font-size:15px;line-height:1.85;margin-top:18px}.people-case details{width:100%;margin:23px 0 25px;padding-top:17px;border-color:#ddd9d7}.people-case summary{font-size:14px;font-weight:500}.case-contact{font-size:14px;color:var(--red);padding-bottom:3px;border-bottom:1px solid #b10e2350;margin-top:auto}.case-contact:hover{color:var(--deep)}
.cta-wide{background:radial-gradient(ellipse 480px 270px at 10% 70%,#e23b4f17,transparent),radial-gradient(ellipse 520px 300px at 88% 50%,#f091a91d,transparent),#fff;padding:0;border-color:#f2eeee}.cta-wide .cta{padding:92px 48px}.cta .eyebrow{color:var(--red);font-size:12px;letter-spacing:1.7px}.cta h2{margin:20px 0 23px;font-size:clamp(32px,3.9vw,50px);line-height:1.25}.cta p{max-width:600px;margin:0 auto 30px;font-size:17px}.cta .actions{margin-top:0}.cta .button{padding:16px 30px;font-size:15px}.button:active{background:#6f0916}.button.secondary:active{color:#6f0916;background:#f5f5f5}:focus-visible{outline:3px solid #b10e23;outline-offset:4px}dialog::backdrop{background:#231f2080}
@media(max-width:1000px){.hero-product{padding-right:25px;padding-bottom:55px}.hero-payroll-float{right:-5px}.hr-capabilities .module-panel{grid-template-columns:1fr}.deploy-card{padding:25px}.deploy-card h3{min-height:64px}.deploy-card>p{min-height:115px}.people-case{grid-template-columns:1fr 1fr}.people-case .case-body{padding:28px}.people-case h3{font-size:24px}.people-case .case-image{padding:18px}.case-client{gap:10px}.case-client span{font-size:21px}}
@media(max-width:700px){.hero-brand img{width:88px;height:30px}.hero-product{padding:0 0 58px;margin-top:32px}.hero-payroll-float{right:0;width:43%;border-radius:9px}.hero-dashboard{border-radius:10px}.hero-product-label{gap:18px}.architecture-bizone{width:100px;height:38px}.hr-values .four{grid-template-columns:1fr;gap:20px}.hr-values .four article{padding:25px 25px 0}.hr-values h3{font-size:24px}.hr-values .grid article p{font-size:16px}.hr-capabilities .module-panel{gap:25px}.deploy-card{padding:26px}.deploy-card h3,.deploy-card>p{min-height:0}.deploy-card>p{margin-top:10px}.deployment-features{padding-top:21px;margin-top:21px;gap:13px}.deployment-features li{font-size:15px}.people-case{grid-template-columns:1fr}.people-case .case-image{padding:25px;background:#eee9e8}.people-case .case-image img{max-width:500px;margin:auto}.people-case .case-body{padding:28px}.people-case h3{font-size:25px}.people-case p{font-size:16px}.case-client span{font-size:24px}.case-category{font-size:14px}.cta-wide .cta{padding:64px 22px}.cta h2{font-size:34px}.cta p{font-size:16px}.cta .button{font-size:14px;padding:15px 25px}}
.cta h2 em{font-style:normal;background:linear-gradient(110deg,#8a0b1b,#b10e23,#e23b4f);background-clip:text;-webkit-background-clip:text;color:transparent}
.product-benefit{margin-top:auto}.hr-values .grid article p{min-height:88px}@media(max-width:700px){.hr-values .grid article p{min-height:0}}

.hero-copy .eyebrow .hero-brand{border-left:0;padding-left:0;border-right:1px solid #ddd9d7;padding-right:15px}.hero-name{display:inline-block}
/* Vietnamese identity and BizOne product compositions */
.trusted-hr{background:#fff;border-bottom:1px solid #eee9ec}.trusted-hr .wrap{padding-top:33px;padding-bottom:33px;text-align:center}.trusted-hr p{font-size:12px;letter-spacing:1.7px;font-weight:500;color:#7a757a;margin:0}.trusted-logo-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}.trusted-logo-row img{width:110px;max-height:48px;object-fit:contain}.trusted-logo-row span{font-family:Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;color:#77737b}.hero-product{margin-top:44px}.hero-name{font-size:12px}.hr-values .four article,.hr-values .four article:nth-child(2),.hr-values .four article:nth-child(3),.hr-values .four article:nth-child(4){background:#f8fafb;border:1px solid #e0e8ed;color:#231f20}.hr-values .four article:nth-child(2) p{color:#625d60}.hr-values .four article:nth-child(2) .line-icon{background:#8a0b1b;color:#fff}.product-benefit{margin-top:auto;background:none;overflow:hidden}.product-benefit img{margin:0}.hr-values .grid article p{min-height:88px}.hr-values .four article{padding-bottom:0}.hr-capabilities .module-panel{background:white;border:0;padding:20px 0;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center}.module-composition{position:relative;padding:0 28px 105px 0;isolation:isolate}.module-composition:before{content:'';position:absolute;inset:-40px -30px;z-index:-1;background:radial-gradient(ellipse,#e0eff75e,transparent 70%)}#module-image{width:100%;height:auto;border-radius:13px;box-shadow:0 20px 45px #28556816;display:block}.module-secondary{position:absolute;right:-5px;bottom:29px;width:48%;height:auto;border-radius:12px;box-shadow:0 18px 36px #2347591c;z-index:2}.screen{box-shadow:none;background:transparent}.module-flow{position:absolute;left:12px;bottom:0;display:flex;gap:8px;align-items:center;z-index:3;padding:12px 15px;background:white;border:1px solid #e0e9ee;border-radius:10px;box-shadow:0 10px 25px #2347590a}.module-flow span{font-size:12px;color:#527082;white-space:nowrap}.module-flow span+span:before{content:'›';color:#288dbb;margin-right:8px;font-size:17px}.module-composition[data-layout="1"]{padding:28px 65px 78px 0;transform:rotate(-1deg)}.module-composition[data-layout="1"] .module-secondary{width:53%;right:0;bottom:10px;transform:rotate(4deg)}.module-composition[data-layout="1"] .module-flow{top:0;bottom:auto;left:25px}.module-composition[data-layout="2"]{padding:0 0 112px 22px}.module-composition[data-layout="2"] .module-secondary{width:48%;left:-12px;right:auto;bottom:25px}.module-composition[data-layout="2"] .module-flow{right:0;left:auto;bottom:0}.module-composition[data-layout="3"]{padding:0 50px 80px 0}.module-composition[data-layout="3"] .module-secondary{width:50%;bottom:5px;right:0}.module-composition[data-layout="3"] .module-flow{top:35px;left:-20px;bottom:auto;flex-direction:column;align-items:flex-start}.module-composition[data-layout="3"] .module-flow span+span:before{display:none}.module-composition[data-layout="4"]{padding:0 0 105px 25px}.module-composition[data-layout="4"] .module-secondary{width:47%;bottom:24px;left:0;right:auto}.module-composition[data-layout="4"] .module-flow{left:auto;right:0}.image-choices{display:none}.image-groups{margin-top:24px;justify-content:center}.module-intro{font-size:17px}.cta-wide{background:#f5f5f5;border-top:0}.cta .eyebrow{color:#b10e23}.deployment-icon{width:52px;height:52px}.deployment-icon svg{width:29px;height:29px}
@media(max-width:1000px){.hr-capabilities .module-panel{grid-template-columns:1fr;gap:35px}.module-composition{max-width:750px;margin:0 auto}.hr-values .four{gap:20px}.module-composition[data-layout="3"] .module-flow{left:0}.module-panel ul{display:block}}
@media(max-width:700px){.trusted-hr .wrap{padding-top:28px;padding-bottom:28px}.trusted-hr p{font-size:11px}.trusted-logo-row img{width:90px}.trusted-logo-row span{font-size:20px}.hero-name{font-size:10px}.hero-product{margin-top:32px}.hr-values .grid article p{min-height:0}.hr-capabilities .module-panel{padding:0;gap:32px}.module-composition,.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="3"],.module-composition[data-layout="4"]{padding:12px 12px 95px 0;transform:none}.module-secondary{width:48%;right:0;bottom:25px}.module-flow{max-width:100%;padding:9px 10px;left:0;gap:5px}.module-flow span{font-size:10px}.module-flow span+span:before{margin-right:5px}.module-composition[data-layout="1"] .module-flow{top:auto;bottom:0;left:0}.module-composition[data-layout="1"] .module-secondary{transform:rotate(2deg);bottom:29px}.module-composition[data-layout="3"] .module-flow{top:auto;bottom:0;flex-direction:row}.module-composition[data-layout="3"] .module-flow span+span:before{display:inline}.module-composition[data-layout="2"] .module-secondary,.module-composition[data-layout="4"] .module-secondary{left:0}.module-composition[data-layout="4"] .module-flow{right:0}.cta-wide .cta{padding-top:64px;padding-bottom:64px}}
/* Compositions follow each reference screen's business structure. */
.module-composition[data-layout="0"]{padding:0 0 36px}.module-composition[data-layout="0"] .module-secondary,.module-composition[data-layout="0"] .module-flow{display:none}.module-composition[data-layout="1"]{padding:0 0 30px;transform:none}.module-composition[data-layout="1"] .module-secondary,.module-composition[data-layout="1"] .module-flow{display:none}.module-composition[data-layout="2"]{padding:0 30px 135px 0}.module-composition[data-layout="2"] .module-secondary{left:auto;right:-8px;bottom:20px;width:53%}.module-composition[data-layout="2"] .module-flow{left:5px;right:auto;bottom:0}.module-composition[data-layout="3"]{padding:0 0 30px}.module-composition[data-layout="3"] .module-secondary,.module-composition[data-layout="3"] .module-flow{display:none}.module-composition[data-layout="4"]{padding:0 45px 120px 0}.module-composition[data-layout="4"] .module-secondary{left:auto;right:0;bottom:0;width:56%}.module-composition[data-layout="4"] .module-flow{display:none}.people-case{grid-template-columns:1.05fr 1fr;background:#f5f5f5}.people-case .customer-identity{flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:45px;background:#eee9e8}.customer-identity img{width:210px;height:auto;filter:none}.customer-identity>span{font-size:30px;letter-spacing:1px;font-weight:600;color:#625d60}.customer-identity>p{font-size:14px;text-align:center;color:#625d60;margin:0}.client-name{font-size:25px;font-weight:600;color:#8a0b1b;letter-spacing:-.7px}.people-case .case-category{margin:4px 0 24px}.people-case h3{font-size:26px}.people-case h4{font-size:14px;line-height:1.5;margin:21px 0 0;font-weight:600;color:#231f20}.people-case .case-body>p{font-size:14px;margin:7px 0 0;line-height:1.85}.people-case .case-contact{margin-top:25px}.cta-wide{background:#8a0b1b;border:0}.cta h2,.cta h2 em{color:white;background:none;-webkit-text-fill-color:white}.cta .eyebrow{color:#f7c6d0}.cta p{color:#f5e5e9}.cta .button{background:white;border-color:white;color:#8a0b1b}.cta .button:hover{background:#f9ecef;border-color:#f9ecef;color:#6f0916}.cta .button:active{background:#eecdd6}.cta :focus-visible{outline-color:#fff}@media(max-width:700px){.module-composition[data-layout="0"],.module-composition[data-layout="1"],.module-composition[data-layout="3"]{padding:0 0 15px}.module-composition[data-layout="2"]{padding:0 15px 100px 0}.module-composition[data-layout="2"] .module-secondary{right:0;bottom:22px}.module-composition[data-layout="2"] .module-flow{left:0;bottom:0}.module-composition[data-layout="4"]{padding:0 20px 80px 0}.module-composition[data-layout="4"] .module-secondary{right:0;bottom:0}.people-case{grid-template-columns:1fr}.people-case .customer-identity{padding:38px 25px;gap:19px;min-height:280px}.customer-identity img{width:150px}.customer-identity>span{font-size:26px}.people-case h3{font-size:25px}.people-case .case-body>p{font-size:16px}.people-case h4{font-size:15px}}

.deploy-card.recommended{position:relative;border:2px solid #b10e23;background:#fff;box-shadow:0 12px 32px #8a0b1b0b}.deployment-badge{position:absolute;top:-15px;right:24px;display:inline-flex;align-items:center;background:#b10e23;color:#fff;border:4px solid #fff;border-radius:30px;padding:3px 13px;font-size:13px;font-weight:500;line-height:1.7}.deployment-contact{margin-top:36px}.deployment-contact .button{font-weight:500}@media(max-width:700px){.deploy-card.recommended{margin-top:8px}.deployment-contact{margin-top:28px}.deployment-contact .button{width:100%;max-width:340px}}
/* Larger, selective product previews. */
.hr-capabilities .module-panel{grid-template-columns:.65fr 1.35fr;gap:40px}.module-panel h3{font-size:28px}.module-composition #module-image{border-radius:14px}.module-composition[data-layout="2"] .module-secondary{width:45%;right:-6px}.module-composition[data-layout="4"] .module-secondary{width:46%}.hero-product{max-width:1100px}.hero-payroll-float{width:35%}@media(max-width:1000px){.hr-capabilities .module-panel{grid-template-columns:1fr;gap:30px}.module-composition{max-width:850px}}@media(max-width:700px){.module-composition[data-layout="2"] .module-secondary,.module-composition[data-layout="4"] .module-secondary{width:46%}.module-composition[data-layout="2"]{padding-bottom:110px}.module-composition[data-layout="4"]{padding-bottom:90px}.hero-payroll-float{width:45%}}
.business-highlight{padding:17px 20px;border-left:3px solid #288dbb;background:#edf6fa;border-radius:0 10px 10px 0;font-size:16px;color:#315b70;margin-top:24px}.module-secondary{border:0!important}.hero-product{max-width:1050px}.module-composition[data-layout="2"] .module-secondary,.module-composition[data-layout="4"] .module-secondary{border-radius:10px;box-shadow:0 14px 35px #23475917}
.module-composition[data-layout="1"]{padding:0 25px 125px 0}.module-composition[data-layout="1"] .module-secondary{display:block;transform:none;width:57%;right:0;bottom:0}.module-secondary,.hero-payroll-float{background:#fff;padding:10px;border-radius:12px}.module-composition[data-layout="2"] .module-secondary{width:58%;bottom:20px}.module-composition[data-layout="4"] .module-secondary{width:56%}@media(max-width:700px){.module-composition[data-layout="1"]{padding:0 10px 100px 0}.module-composition[data-layout="1"] .module-secondary{width:60%}.module-composition[data-layout="2"] .module-secondary{width:60%}}
.image-groups,.image-choices,.module-flow{display:none!important}.module-composition .module-secondary.module-note{display:block!important;position:absolute;width:52%;padding:20px 23px;background:white;border:1px solid #e1ebf0!important;border-radius:13px;box-shadow:0 15px 35px #23475914;right:0;left:auto;bottom:0;transform:none}.module-note strong{display:block;font-size:17px;line-height:1.5;color:#288dbb;font-weight:600}.module-note p{font-size:14px;line-height:1.7;margin:7px 0 0;color:#648197}.module-composition[data-layout="0"],.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="3"],.module-composition[data-layout="4"]{padding:0 15px 105px 0}.module-composition[data-layout="3"] .module-note{width:48%;bottom:15px}.module-composition[data-layout="4"] .module-note{right:5px;bottom:0}.business-highlight{display:none}@media(max-width:700px){.module-composition .module-secondary.module-note{width:70%;padding:15px 17px}.module-note strong{font-size:15px}.module-note p{font-size:13px}.module-composition[data-layout]{padding-bottom:115px}}
.module-composition .module-secondary.has-preview{padding:0;background:white;overflow:hidden;border:0!important;line-height:0}.module-secondary.has-preview img{display:block;width:100%;height:auto;border-radius:10px}.module-composition[data-layout="1"] .module-secondary.has-preview{width:25%;right:0;bottom:0}.module-composition[data-layout="2"] .module-secondary.has-preview{width:62%;right:-5px;bottom:0}.module-composition[data-layout="4"] .module-secondary.has-preview{width:59%;right:0;bottom:0}.module-composition[data-layout="1"]{padding:0 45px 75px 0}.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding:0 25px 150px 0}@media(max-width:700px){.module-composition[data-layout="1"] .module-secondary.has-preview{width:26%}.module-composition[data-layout="2"] .module-secondary.has-preview,.module-composition[data-layout="4"] .module-secondary.has-preview{width:64%}.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding-bottom:125px}}
.module-composition[data-layout="1"] .module-secondary.has-preview,.module-composition[data-layout="2"] .module-secondary.has-preview,.module-composition[data-layout="4"] .module-secondary.has-preview{width:62%;right:-8px;bottom:0;padding:10px;border:1px solid #dce7ef!important;background:white;border-radius:14px}.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding:0 20px 155px 0}.module-secondary.has-preview img{border-radius:9px}@media(max-width:700px){.module-composition[data-layout="1"] .module-secondary.has-preview,.module-composition[data-layout="2"] .module-secondary.has-preview,.module-composition[data-layout="4"] .module-secondary.has-preview{width:78%;right:0;padding:8px}.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding-bottom:160px}}
/* Compact supporting cards, preserving the primary screen hierarchy. */
.module-composition[data-layout="1"] .module-secondary.has-preview,.module-composition[data-layout="2"] .module-secondary.has-preview,.module-composition[data-layout="4"] .module-secondary.has-preview{width:47%;right:-8px;padding:8px}.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding:0 20px 110px 0}.module-composition .module-secondary.module-note:not(.has-preview){width:43%;padding:16px 18px}.module-note strong{font-size:16px}.module-note p{font-size:14px}@media(max-width:700px){.module-composition[data-layout="1"] .module-secondary.has-preview,.module-composition[data-layout="2"] .module-secondary.has-preview,.module-composition[data-layout="4"] .module-secondary.has-preview{width:61%;right:0;padding:6px}.module-composition[data-layout="1"],.module-composition[data-layout="2"],.module-composition[data-layout="4"]{padding-bottom:125px}.module-composition .module-secondary.module-note:not(.has-preview){width:62%;padding:14px 16px}}