:root{--navy:#00063d;--blue:#0b5fff;--cyan:#00b8d9;--ink:#111936;--muted:#5e6982;--soft:#f7f9fc;--soft2:#eef2f7;--line:#dce3ed;--ok:#087f5b;--radius:12px;--shadow:0 18px 50px rgba(0,6,61,.09);--container:1200px;--header:84px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}img,svg{display:block}svg{width:20px;height:20px}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--navy);color:#fff;padding:10px 16px}.skip-link:focus{top:12px}.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);transition:height .2s ease,box-shadow .2s ease}.site-header.compact{height:68px;box-shadow:0 6px 20px rgba(0,6,61,.07)}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:800;color:var(--navy);font-size:20px}.brand img{width:56px;height:56px;object-fit:contain}.site-header.compact .brand img{width:48px;height:48px}.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.nav-links>li{position:relative}.nav-link,.nav-links>li>a{display:flex;align-items:center;gap:6px;padding:11px 12px;color:#34405a;font-size:14px;font-weight:600;border-radius:8px;border:0;background:none}.nav-link:hover,.nav-links>li>a:hover,.nav-link[aria-expanded=true]{background:var(--soft2);color:var(--blue)}.nav-link svg{width:14px;height:14px}.mega{position:absolute;top:calc(100% + 14px);left:50%;translate:-50% 0;width:620px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease}.nav-drop.open .mega,.nav-drop:hover .mega,.nav-drop:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega a{display:grid;grid-template-columns:36px 1fr;gap:0 10px;padding:11px;border-radius:8px}.mega a:hover{background:var(--soft)}.mega svg{grid-row:1/3;width:22px;height:22px;color:var(--blue);margin-top:3px}.mega b{font-size:14px}.mega small{font-size:12px;color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:10px}.login{padding:10px 8px;font-size:14px;font-weight:700;color:var(--navy)}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;padding:12px 18px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{background:#004bd4;transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,95,255,.2)}.button-secondary{background:#fff;color:var(--navy);border-color:#b9c4d4}.button-secondary:hover{background:var(--soft);box-shadow:none}.nav-actions .button{padding:10px 15px;min-height:42px}.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.menu-button span{display:block;height:2px;background:var(--navy);margin:5px 0}.hero,.page-hero{padding:72px 0 82px;background:var(--soft);border-bottom:1px solid var(--line)}.page-hero{padding-top:64px}.hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(600px,1.14fr);gap:54px;align-items:center}.hero-copy .eyebrow,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;letter-spacing:.13em;font-weight:800;margin-bottom:20px}.eyebrow:before{content:"";width:8px;height:8px;background:var(--cyan);border-radius:2px}.hero h1,.page-hero h1{font-size:clamp(48px,5.2vw,68px);line-height:1.05;letter-spacing:-.05em;margin:0 0 24px;color:var(--navy);font-weight:800}.page-hero h1{font-size:clamp(44px,4.6vw,62px)}.hero h1 mark{background:none;color:var(--blue)}.hero-copy>p,.centered>p{font-size:19px;color:var(--muted);max-width:650px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-product{min-width:0}.product-window{background:#fff;border:1px solid #cfd8e6;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;color:var(--ink)}.window-top{height:54px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px}.window-top span,.window-top small{color:var(--muted)}.window-top button,.profile-head button,.welcome button,.approval button{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:7px;padding:8px 12px;font-weight:700;font-size:11px}.dash-layout{display:grid;grid-template-columns:108px 1fr;min-height:510px}.dash-layout aside{border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:5px;background:#fbfcfe}.dash-layout aside strong{width:30px;height:30px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:7px;margin:0 8px 14px}.dash-layout aside span{font-size:10px;padding:8px;border-radius:6px;color:#68738b}.dash-layout aside span.active{background:#e8f0ff;color:var(--blue);font-weight:700}.dash-layout>section{padding:22px;min-width:0}.welcome,.card-title{display:flex;justify-content:space-between;align-items:center}.welcome small,.card-title small{font-size:9px;color:var(--muted)}.welcome h3{font-size:20px;margin:3px 0 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.kpis article{border:1px solid var(--line);padding:12px;border-radius:9px}.kpis small,.kpis em{display:block;font-size:8px;color:var(--muted);font-style:normal}.kpis strong{font-size:20px;display:block;margin:5px 0}.dash-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.dash-grid article{border:1px solid var(--line);border-radius:9px;padding:13px;min-height:170px}.card-title{font-size:11px}.chart-bars{height:112px;display:flex;align-items:end;gap:9px;padding-top:18px;border-bottom:1px solid var(--line)}.chart-bars i{height:var(--h);flex:1;background:var(--blue);border-radius:3px 3px 0 0}.chart-bars i:nth-child(2n){background:var(--cyan)}.donut{width:105px;height:105px;border:17px solid var(--blue);border-right-color:var(--cyan);border-radius:50%;margin:18px auto 0;display:grid;place-content:center;text-align:center}.donut b{font-size:20px}.donut small{font-size:8px;color:var(--muted)}.activity{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:10px;font-size:10px}.activity>b{display:block;margin-bottom:5px}.activity span{display:flex;align-items:center;gap:7px;padding:5px 0;border-top:1px solid var(--line)}.activity i,.person-row i{width:24px;height:24px;border-radius:6px;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800}.activity small{margin-left:auto;color:var(--muted)}.trust{background:#fff;border-bottom:1px solid var(--line);padding:24px 0}.trust .container{display:flex;align-items:center;gap:34px}.trust p{font-size:13px;color:var(--muted);font-weight:700;white-space:nowrap}.trust .container>div{display:flex;justify-content:space-between;gap:22px;width:100%;overflow:auto}.trust span{font-size:12px;letter-spacing:.07em;font-weight:800;color:#69758b;white-space:nowrap}.section{padding:104px 0}.section-soft{background:var(--soft);border-block:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:48px}.section-head>span{color:var(--blue);font-size:13px;letter-spacing:.12em;font-weight:800}.section-head h2{font-size:clamp(36px,4.2vw,52px);line-height:1.12;letter-spacing:-.04em;color:var(--navy);margin:12px 0 16px}.section-head p{font-size:18px;color:var(--muted);margin:0;max-width:690px}.lifecycle{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.lifecycle article{padding:24px 16px;background:#fff;border-right:1px solid var(--line);min-height:180px}.lifecycle article:last-child{border:0}.lifecycle i,.process i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--blue);color:#fff;font-style:normal;font-weight:800;font-size:12px}.lifecycle h3{font-size:16px;margin:36px 0 8px;color:var(--navy)}.lifecycle p{font-size:12px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.split>.section-head,.split>div>.section-head{margin-bottom:26px}.profile-head{display:flex;align-items:center;gap:13px;padding:22px}.avatar{width:56px;height:56px;background:var(--navy);color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:800}.profile-head strong,.profile-head small{display:block}.profile-head small{color:var(--muted);font-size:11px}.profile-head button{margin-left:auto}.profile-tabs{display:flex;border-block:1px solid var(--line);padding:0 14px;overflow:auto}.profile-tabs button{padding:13px;border:0;background:none;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.profile-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.profile-panel{padding:24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-grid label{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px}.info-grid strong{display:block;color:var(--ink);font-size:14px;margin-top:4px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.feature-list span{display:flex;align-items:center;gap:8px;font-size:13px}.feature-list svg{color:var(--cyan);width:17px}.dark-text{color:var(--ink)}.phone{position:absolute;right:0;top:34px;width:190px;min-height:390px;background:#fff;border:6px solid #111a34;border-radius:26px;padding:20px 12px;color:var(--ink);box-shadow:var(--shadow)}.phone>b{color:var(--navy)}.phone button{width:100%;border:1px solid var(--line);background:var(--soft);padding:11px 8px;margin:5px 0;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10px;text-align:left}.calendar-ui{min-height:440px}.calendar{display:grid;grid-template-columns:repeat(5,1fr);padding:20px;gap:7px}.calendar b{font-size:8px;color:var(--muted);text-align:center}.calendar span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;font-size:10px}.calendar .leave-day{background:#dff7fb;color:#006c80;border-color:#8edce9;font-weight:800}.approval{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:14px;border:1px solid var(--line);border-radius:8px}.approval small,.approval strong{display:block}.approval small{font-size:9px;color:var(--muted)}.workflow-ui{padding-bottom:12px}.flow-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.flow-row i{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal}.flow-row.done i{background:var(--ok);color:#fff;border-color:var(--ok)}.flow-row span{font-size:13px;font-weight:700}.flow-row small{font-size:9px;color:var(--muted)}.role-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}.role-tabs button{padding:12px 20px;border:0;background:none;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}.role-tabs button.active{color:var(--blue);border-color:var(--blue)}.role-panel{min-height:250px;border:1px solid var(--line);border-top:0;padding:32px;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.role-panel h3{font-size:28px;margin:0 0 12px;color:var(--navy)}.role-panel p{color:var(--muted)}.role-panel div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-panel span{padding:20px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:13px;background:var(--soft)}.industry-grid,.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-grid article,.feature-cards article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px;min-height:190px}.industry-grid article svg,.feature-cards article svg{color:var(--blue);width:25px;height:25px}.industry-grid h3,.feature-cards h3{font-size:17px;margin:28px 0 8px}.industry-grid p,.feature-cards p{font-size:13px;color:var(--muted);margin:0}.security{background:var(--navy);color:#fff}.security .section-head h2,.security .section-head p{color:#fff}.security .section-head p{opacity:.68}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-grid article{display:flex;gap:10px;align-items:center;border:1px solid #2a346b;padding:18px;border-radius:8px;background:#080f4b}.security-grid svg{color:var(--cyan)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.accordion article{border-bottom:1px solid var(--line)}.accordion button{width:100%;border:0;background:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;font-weight:700;color:var(--ink)}.accordion button svg{width:18px}.accordion article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.accordion article>div>p{overflow:hidden;margin:0;color:var(--muted)}.accordion article.open>div{grid-template-rows:1fr}.accordion article.open>div>p{padding-bottom:20px}.final-cta{background:var(--navy);color:#fff;padding:72px 0}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta span{font-size:12px;letter-spacing:.13em;color:#87ddeb;font-weight:800}.final-cta h2{font-size:40px;line-height:1.15;margin:8px 0}.final-cta p{margin:0;color:#bac5e0}.final-cta .container>div:last-child{display:flex;gap:10px}.final-cta .button-secondary{background:transparent;color:#fff;border-color:#69739c}.site-footer{background:#05082c;color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px}.footer-brand img{width:72px;height:72px;object-fit:contain}.footer-brand p{color:#aeb8d3;font-size:13px;max-width:260px}.footer-col h3{font-size:13px;letter-spacing:.08em;margin:0 0 18px}.footer-col a{display:block;color:#aeb8d3;font-size:13px;margin:10px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #24294e;margin-top:50px;padding-top:20px;color:#7f8aa8;font-size:12px;display:flex;justify-content:space-between}.footer-bottom div{display:flex;gap:20px}.page-hero .product-window{max-width:640px;margin-left:auto}.centered{text-align:center}.centered>p{margin-inline:auto}.centered .button{margin-top:8px}.process{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.process article{padding:24px;border-right:1px solid var(--line)}.process article:last-child{border:0}.process h3{font-size:15px;margin:28px 0 6px}.process p{font-size:12px;color:var(--muted)}.directory-ui{padding-bottom:12px}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:14px}.filters span{border:1px solid var(--line);border-radius:6px;padding:9px;font-size:9px;color:var(--muted)}.person-row{display:flex;align-items:center;gap:10px;margin:0 14px;padding:11px;border-top:1px solid var(--line)}.person-row i{width:34px;height:34px}.person-row strong,.person-row small{display:block}.person-row small{font-size:10px;color:var(--muted)}.person-row>span{margin-left:auto;font-size:9px;color:var(--ok);background:#e6f7f1;padding:5px 8px;border-radius:6px}.performance-ui{padding-bottom:20px}.score{display:flex;align-items:center;justify-content:space-between;padding:25px}.score small,.score strong{display:block}.score small{color:var(--muted)}.score strong{font-size:24px}.ring{border:13px solid var(--blue);border-right-color:var(--cyan);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-weight:800}.goal{display:grid;grid-template-columns:1fr 40px;gap:8px;padding:9px 20px;font-size:12px}.goal i{grid-column:1/-1;height:6px;background:var(--soft2);border-radius:5px;overflow:hidden}.goal em{display:block;width:var(--w);height:100%;background:var(--blue)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-grid article{border:1px solid var(--line);border-radius:12px;padding:30px;display:flex;flex-direction:column;min-height:470px}.pricing-grid article:nth-child(2){border:2px solid var(--blue)}.pricing-grid article>span{color:var(--blue);font-size:11px;letter-spacing:.1em;font-weight:800}.pricing-grid h2{font-size:25px;margin:16px 0 8px}.pricing-grid p{color:var(--muted);min-height:55px}.pricing-grid small{display:flex;align-items:center;gap:8px;margin:7px 0}.pricing-grid small svg{color:var(--ok);width:16px}.pricing-grid .button{margin-top:auto}.contact-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:var(--shadow)}.contact-form h2{margin:0 0 24px;color:var(--navy)}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #bfc9d8;border-radius:7px;padding:12px;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid #cddcff;border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form .button{width:100%}.contact-form>small{display:block;color:var(--muted);text-align:center;margin-top:12px}
@media(max-width:1100px){.nav-links{display:none}.menu-button{display:block}.nav-actions .login{display:none}.nav-links.open{display:flex;position:fixed;inset:var(--header) 0 0;background:#fff;flex-direction:column;align-items:stretch;padding:20px;overflow:auto}.nav-links>li>a,.nav-link{width:100%;justify-content:space-between;padding:14px}.mega{position:static;translate:0;width:100%;box-shadow:none;margin-top:5px;display:none;opacity:1;visibility:visible;transform:none}.nav-drop.open .mega{display:grid}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.actions{justify-content:center}.hero-product{max-width:760px;margin:auto;width:100%}.split{grid-template-columns:1fr;gap:45px}.lifecycle{grid-template-columns:repeat(4,1fr)}.lifecycle article:nth-child(4){border-right:0}.industry-grid,.feature-cards{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-brand{grid-row:span 2}.contact-form{max-width:700px;margin:auto;width:100%}}
@media(max-width:760px){:root{--header:70px}.container{width:min(100% - 28px,var(--container))}.site-header{height:70px}.brand img,.site-header.compact .brand img{width:48px;height:48px}.brand span{font-size:17px}.nav{gap:10px}.nav-actions .button{display:none}.hero,.page-hero{padding:52px 0 58px}.hero h1,.page-hero h1{font-size:clamp(32px,10vw,40px)}.hero-copy>p,.centered>p{font-size:16px}.dash-layout{grid-template-columns:1fr;min-height:0}.dash-layout aside{display:none}.dash-layout>section{padding:13px}.welcome h3{font-size:16px}.kpis{grid-template-columns:1fr 1fr}.kpis article:nth-child(n+3){display:none}.dash-grid{grid-template-columns:1fr}.dash-grid article:last-child{display:none}.activity{display:none}.trust .container{display:block}.trust .container>div{padding-top:8px}.section{padding:68px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:clamp(30px,9vw,38px)}.section-head p{font-size:16px}.lifecycle{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.lifecycle article{min-width:190px;scroll-snap-align:start}.feature-list{grid-template-columns:1fr}.phone{position:relative;right:auto;top:auto;margin:20px auto 0}.calendar-ui{min-height:0}.role-panel{grid-template-columns:1fr;padding:22px}.role-panel div:last-child{grid-template-columns:1fr}.industry-grid,.feature-cards{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:16px}.final-cta .container{display:block;text-align:center}.final-cta h2{font-size:32px}.final-cta .container>div:last-child{justify-content:center;margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-bottom{display:block}.footer-bottom div{margin-top:10px}.process{display:flex;overflow:auto}.process article{min-width:170px}.pricing-grid{grid-template-columns:1fr}.pricing-grid article{min-height:420px}.form-row{grid-template-columns:1fr}.contact-form{padding:20px}}
@media(max-width:420px){.industry-grid,.feature-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.final-cta .container>div:last-child,.actions{flex-direction:column}.button{width:100%}.info-grid{grid-template-columns:1fr}.profile-head{align-items:flex-start}.profile-head button{display:none}.filters{grid-template-columns:1fr 1fr}.filters span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:focus-visible{outline:3px solid #8fb1ff;outline-offset:3px}

/* Homepage visual refinement */
.home-hero{position:relative;isolation:isolate;overflow:hidden;padding:78px 0 88px;background:#f7f9fc}
.home-hero:before{content:"";position:absolute;z-index:-2;width:460px;height:460px;left:-260px;top:80px;border:1px solid #dce5f1;border-radius:50%;background:#f1f5fb}
.home-hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;border:1px solid #d8e2f1;border-radius:50%;right:-220px;top:-310px;background:#f1f5fb}
.hero-block{position:absolute;z-index:-1;border:1px solid #ccd9eb;background:#eef4ff;transform:rotate(12deg)}
.hero-block-one{width:96px;height:96px;left:-48px;bottom:74px}
.hero-block-two{width:44px;height:44px;left:44%;top:38px;background:#e9fbff;transform:rotate(28deg)}
.home-hero .hero-grid{position:relative;grid-template-columns:minmax(390px,.85fr) minmax(610px,1.15fr);gap:64px}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.hero-kicker .eyebrow{margin:0;padding:8px 12px;border:1px solid #c7d7ee;border-radius:999px;background:#fff;letter-spacing:.1em}
.home-hero h1{font-size:clamp(52px,5.4vw,74px);max-width:650px;margin-bottom:25px}
.home-hero .hero-copy>p{max-width:570px}
.home-hero .button{min-height:50px;padding-inline:21px}
.product-caption{display:flex;align-items:center;justify-content:space-between;margin:0 10px 10px;font-size:11px;color:#526078;font-weight:700}
.product-caption span{display:flex;align-items:center;gap:7px}
.product-caption i{width:8px;height:8px;border-radius:50%;background:#0aa57a;box-shadow:0 0 0 4px #dff7ef}
.product-caption small{font-size:10px;color:#7c879c}
.home-hero .product-window{border-color:#c4d0e0;box-shadow:0 26px 70px rgba(0,6,61,.14)}
.home-hero .window-top{background:#fbfcff}
.home-hero .dashboard-ui{transform:perspective(1400px) rotateY(-1.5deg);transform-origin:center left}
.product-proof{position:absolute;right:-18px;bottom:-26px;display:flex;align-items:center;gap:12px;width:310px;padding:15px 17px;border:1px solid #d2dbe8;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(0,6,61,.14)}
.product-proof>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#e8f8f4;color:#087f5b}
.product-proof strong,.product-proof small{display:block}.product-proof strong{font-size:12px;color:var(--navy)}.product-proof small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:2px}
@media(max-width:1100px){.home-hero .hero-grid{grid-template-columns:1fr}.home-hero .hero-copy>p{margin-inline:auto}.hero-kicker{justify-content:center}.product-proof{right:20px}.hero-block-two{left:80%}}
@media(max-width:760px){.home-hero{padding:54px 0 76px}.hero-kicker{flex-direction:column}.home-hero h1{font-size:clamp(38px,11vw,50px)}.home-hero .dashboard-ui{transform:none}.product-caption{margin-inline:3px}.product-proof{position:relative;right:auto;bottom:auto;margin:-1px auto 0;width:calc(100% - 24px);border-radius:0 0 12px 12px}.hero-block{display:none}}

/* Homepage story system */

/* Reference-led homepage hero */
.reference-hero{padding:64px 0 0;text-align:center}
.reference-hero>.container{max-width:1240px}
.reference-hero .hero-copy{max-width:1060px;margin:0 auto}
.reference-hero .hero-kicker{justify-content:center;margin-bottom:24px}
.reference-hero h1{max-width:1040px;margin:0 auto 22px;font-size:clamp(48px,5vw,72px);line-height:1.08}
.reference-hero h1 mark{display:inline;color:var(--blue)}
.reference-hero .hero-copy>p{max-width:850px;margin:0 auto 28px;font-size:18px}
.reference-hero .actions{justify-content:center}
.hero-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:960px;margin:36px auto 42px}
.hero-capabilities article{display:flex;align-items:center;gap:12px;text-align:left;min-height:82px;padding:15px;border:1px solid #d7e0ec;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(0,6,61,.05)}
.hero-capabilities article>svg{width:28px;height:28px;flex:0 0 auto;color:var(--blue);padding:5px;background:#eaf1ff;border-radius:7px}
.hero-capabilities strong,.hero-capabilities small{display:block}.hero-capabilities strong{font-size:12px;color:var(--navy);line-height:1.35}.hero-capabilities small{font-size:9px;color:var(--muted);margin-top:3px}
.reference-hero .hero-product{position:relative;max-width:1040px;margin:0 auto;z-index:1;text-align:left}
.reference-hero .dashboard-ui{transform:none}
.reference-hero .product-window{border-radius:16px 16px 0 0;box-shadow:0 28px 75px rgba(0,6,61,.15)}
.reference-hero .dash-layout{min-height:430px}.reference-hero .dash-layout>section{padding-bottom:18px}
.reference-hero .product-proof{right:-34px;bottom:30px}
@media(max-width:1100px){.reference-hero .hero-copy{text-align:center}.hero-capabilities{grid-template-columns:1fr 1fr}.reference-hero .hero-product{max-width:850px}.reference-hero .product-proof{right:12px}}
@media(max-width:760px){.reference-hero{padding-top:46px}.reference-hero h1{font-size:clamp(36px,10vw,48px)}.reference-hero .hero-copy>p{font-size:16px}.hero-capabilities{grid-template-columns:1fr 1fr;gap:8px;margin:28px auto 34px}.hero-capabilities article{min-height:76px;padding:11px}.reference-hero .product-proof{position:relative;right:auto;bottom:auto}.reference-hero .dash-layout{min-height:0}}
@media(max-width:440px){.hero-capabilities{grid-template-columns:1fr}.hero-capabilities article{min-height:68px}}

/* Workforce illustration hero with product-led interface graphics */
.reference-hero{background:#fff}
.reference-hero:before,.reference-hero:after,.reference-hero .hero-block{display:none}
.reference-hero .hero-block-one{left:5%;bottom:24%}.reference-hero .hero-block-two{left:auto;right:8%;top:18%}
.reference-hero .hero-product{padding-inline:28px}
.reference-hero .hero-product:before,.reference-hero .hero-product:after{position:absolute;z-index:4;padding:13px 16px;border:1px solid #d4deeb;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(0,6,61,.13);color:var(--navy);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:0;text-align:left}
.reference-hero .hero-product:before{content:"✓  New employee onboarded";left:-74px;top:104px;border-left:4px solid var(--blue)}
.reference-hero .hero-product:after{content:"✓  Leave request approved";right:-62px;top:225px;border-left:4px solid #087f5b}
.reference-hero .product-caption:before,.reference-hero .product-caption:after{content:"";position:absolute;z-index:3;width:45px;height:45px;border:1px solid #d7e1ee;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(0,6,61,.1)}
.reference-hero .product-caption:before{left:-30px;bottom:70px;transform:rotate(-8deg);box-shadow:inset 0 0 0 12px #eaf1ff,0 12px 28px rgba(0,6,61,.1)}
.reference-hero .product-caption:after{right:-18px;bottom:138px;transform:rotate(8deg);box-shadow:inset 0 0 0 12px #e4f8f3,0 12px 28px rgba(0,6,61,.1)}
@media(max-width:1180px){.reference-hero .hero-product:before{left:4px}.reference-hero .hero-product:after{right:4px}.reference-hero .product-caption:before{left:8px}.reference-hero .product-caption:after{right:8px}}
@media(max-width:760px){.reference-hero .hero-product{padding-inline:0}.reference-hero .hero-product:before,.reference-hero .hero-product:after,.reference-hero .product-caption:before,.reference-hero .product-caption:after{display:none}}

.footer-brand img{filter:none;background:#fff;padding:8px;border-radius:12px;border:1px solid #24294e}

/* Premium shared navigation */
.site-header{height:90px;border-bottom-color:#e7ebf2;box-shadow:0 1px 0 rgba(0,6,61,.02)}
.site-header.compact{height:68px;background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(0,6,61,.08)}
.nav{gap:26px}
.brand{gap:13px;font-size:19px;letter-spacing:-.02em}
.brand:after{content:"";width:1px;height:34px;background:#dde3ec;margin-left:8px}
.brand img{width:64px;height:64px;transition:width .2s ease,height .2s ease}
.site-header.compact .brand img{width:50px;height:50px}
.nav-links{gap:4px}
.nav-link,.nav-links>li>a{position:relative;padding:11px 11px;color:#455168;font-size:13px;font-weight:700;transition:color .18s ease,background .18s ease}
.nav-link:after,.nav-links>li>a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transition:transform .18s ease}
.nav-link:hover:after,.nav-links>li>a:hover:after,.nav-link.active:after,.nav-links>li>a.active:after{transform:scaleX(1)}
.nav-link.active,.nav-links>li>a.active{color:var(--blue);background:#f4f7fc}
.mega{top:calc(100% + 18px);width:650px;padding:16px;border-color:#d7deea;border-radius:14px;box-shadow:0 24px 60px rgba(0,6,61,.14)}
.mega:before{content:"";position:absolute;width:12px;height:12px;left:50%;top:-7px;translate:-50% 0;rotate:45deg;background:#fff;border-left:1px solid #d7deea;border-top:1px solid #d7deea}
.mega a{padding:12px;border-radius:10px}.mega a:hover{background:#f2f6fc}.mega b{color:var(--navy)}
.nav-actions{gap:8px}.login{color:#49556d}.nav-actions .button{min-height:46px;padding:11px 18px;border-color:var(--navy);background:var(--navy);border-radius:10px;box-shadow:0 9px 22px rgba(0,6,61,.16)}
.nav-actions .button:hover{background:#10194f;box-shadow:0 12px 26px rgba(0,6,61,.22)}
.site-header.compact .nav-actions .button{min-height:40px;padding-block:8px}.site-header.compact .nav-link,.site-header.compact .nav-links>li>a{padding-block:9px}
@media(max-width:1100px){.brand:after{display:none}.nav-links.open{top:var(--header);inset-inline:0;padding:18px 20px 30px;box-shadow:0 24px 45px rgba(0,6,61,.13)}.nav-links.open>li{border-bottom:1px solid var(--line)}.nav-links.open .mega:before{display:none}}
@media(max-width:760px){.site-header{height:74px}.brand img,.site-header.compact .brand img{width:52px;height:52px}.brand{font-size:16px}.menu-button{border-radius:10px}}

/* Clearly compressed scroll state */
.site-header,.site-header .nav,.site-header .brand,.site-header .brand:after,.site-header .nav-link,.site-header .nav-links>li>a,.site-header .nav-actions .button{transition:height .24s ease,width .24s ease,padding .24s ease,gap .24s ease,box-shadow .24s ease,background .24s ease,opacity .24s ease,transform .24s ease}
.site-header.compact{height:58px;border-bottom-color:#dce3ed}
.site-header.compact .nav{gap:18px}
.site-header.compact .brand{gap:9px;font-size:16px}
.site-header.compact .brand img{width:42px;height:42px}
.site-header.compact .brand:after{height:26px;margin-left:5px}
.site-header.compact .nav-links{gap:2px}
.site-header.compact .nav-link,.site-header.compact .nav-links>li>a{padding:7px 10px;font-size:12px}
.site-header.compact .nav-actions .login{font-size:12px;padding-block:7px}
.site-header.compact .nav-actions .button{min-height:36px;padding:7px 14px;font-size:12px;border-radius:8px;box-shadow:0 6px 15px rgba(0,6,61,.14)}
.site-header.compact .mega{top:calc(100% + 12px)}
@media(max-width:1100px){.site-header.compact{height:58px}.site-header.compact .menu-button{width:40px;height:40px;padding:8px}.site-header.compact .nav-links.open{top:58px}}
@media(max-width:760px){:root{--header:74px}.site-header.compact .brand img{width:42px;height:42px}.site-header.compact .brand{font-size:15px}}

/* Premium shared footer */
.site-footer{position:relative;padding:0 0 28px;background:#05082c;overflow:hidden}
.site-footer:before{content:"";position:absolute;width:360px;height:360px;right:-190px;bottom:-210px;border:1px solid #28305b;border-radius:50%;pointer-events:none}
.footer-callout{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:46px 48px;margin-bottom:0;background:#0b1245;border:1px solid #293363;border-top:0;border-radius:0 0 18px 18px}
.footer-callout span{display:block;color:#70d5e8;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:11px}
.footer-callout h2{max-width:700px;margin:0;color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.035em}
.footer-callout p{max-width:680px;margin:14px 0 0;color:#b6c0da;font-size:14px}
.footer-callout-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;text-align:center}.footer-callout-actions .button{background:#fff;border-color:#fff;color:var(--navy);min-height:50px}.footer-callout-actions .button:hover{background:#eaf1ff}.footer-callout-actions>a:last-child{color:#aeb8d3;font-size:12px}.footer-callout-actions>a:last-child:hover{color:#fff}
.footer-capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #24294e;margin-bottom:54px}.footer-capabilities span{display:flex;align-items:center;justify-content:center;gap:9px;padding:20px 12px;color:#b8c2da;font-size:11px;font-weight:700;border-right:1px solid #24294e}.footer-capabilities span:last-child{border-right:0}.footer-capabilities svg{width:17px;height:17px;color:#67d4e9}
.footer-grid{position:relative;gap:52px}.footer-brand img{width:88px;height:88px;padding:10px;margin-bottom:20px}.footer-brand p{font-size:13px;line-height:1.75}.footer-brand>a{display:inline-flex;color:#fff;font-size:12px;margin-top:8px;padding-bottom:3px;border-bottom:1px solid #424a72}
.footer-col h3{color:#fff;font-size:11px;letter-spacing:.13em;padding-bottom:13px;border-bottom:1px solid #24294e}.footer-col a{position:relative;color:#9faac4;margin:11px 0;font-size:12px;transition:color .18s ease,transform .18s ease}.footer-col a:hover{color:#fff;transform:translateX(4px)}
.footer-bottom{position:relative;margin-top:54px;padding-top:22px}.footer-bottom a:hover{color:#fff}
@media(max-width:900px){.footer-callout{grid-template-columns:1fr;gap:28px;padding:38px}.footer-callout-actions{max-width:360px}.footer-capabilities{grid-template-columns:1fr 1fr}.footer-capabilities span:nth-child(2){border-right:0}.footer-capabilities span:nth-child(n+3){border-top:1px solid #24294e}}
@media(max-width:600px){.footer-callout{padding:32px 22px}.footer-callout h2{font-size:29px}.footer-capabilities{grid-template-columns:1fr}.footer-capabilities span{justify-content:flex-start;border-right:0!important;border-top:1px solid #24294e}.footer-capabilities span:first-child{border-top:0}.footer-grid{gap:30px}.footer-brand img{width:78px;height:78px}}

.footer-apps{margin-top:24px}.footer-apps>span{display:block;color:#7885a5;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}.footer-apps>div{display:flex;flex-direction:column;gap:8px}.footer-apps a{display:block;width:154px;border-radius:9px;transition:transform .18s ease,box-shadow .18s ease}.footer-apps a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}.footer-apps img{width:154px!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;background:#fff!important;filter:none!important}
@media(max-width:600px){.footer-apps>div{flex-direction:row;flex-wrap:wrap}.footer-apps a,.footer-apps img{width:145px!important}}

/* Homepage: one primary section per scroll */

/* Stable fixed header: prevents scroll-state layout flicker */
body{padding-top:90px}
.site-header{position:fixed;top:0;left:0;right:0;width:100%}
@media(max-width:760px){body{padding-top:74px}}

/* Homepage alternating light and dark story rhythm */
body[data-route="/"] main>.home-tone-light{background:#fff;color:var(--ink);border-color:var(--line)}
body[data-route="/"] main>.home-tone-light .section-head>span{color:var(--blue)}
body[data-route="/"] main>.home-tone-light .section-head h2{color:var(--navy)}
body[data-route="/"] main>.home-tone-light .section-head p{color:var(--muted)}
body[data-route="/"] main>.home-tone-light .feature-list span{background:#fff;border-color:var(--line);color:var(--ink)}
body[data-route="/"] main>.home-tone-dark{background:#071033;color:#fff;border-color:#242f5a}
body[data-route="/"] main>.home-tone-dark .section-head>span{color:#73d8eb}
body[data-route="/"] main>.home-tone-dark .section-head h2{color:#fff}
body[data-route="/"] main>.home-tone-dark .section-head p{color:#bdc7de}
body[data-route="/"] main>.home-tone-dark h3{color:#fff}
body[data-route="/"] main>.home-tone-dark .feature-cards article,body[data-route="/"] main>.home-tone-dark .industry-grid article,body[data-route="/"] main>.home-tone-dark .security-grid article{background:#0d1740;border-color:#2c3762;color:#fff}
body[data-route="/"] main>.home-tone-dark .industry-grid p,body[data-route="/"] main>.home-tone-dark .feature-cards p{color:#b7c1d9}
body[data-route="/"] main>.home-tone-dark .lifecycle{border-color:#2c3762}
body[data-route="/"] main>.home-tone-dark .lifecycle article{background:#0d1740;border-color:#2c3762}
body[data-route="/"] main>.home-tone-dark .lifecycle p{color:#aeb9d3}
body[data-route="/"] main>.home-tone-dark .feature-list span{background:#0d1740;border-color:#2c3762;color:#d9e1f2}
body[data-route="/"] main>.home-tone-dark .role-tabs{border-color:#2c3762}
body[data-route="/"] main>.home-tone-dark .role-tabs button{color:#b9c4dc}
body[data-route="/"] main>.home-tone-dark .role-tabs button.active{background:#fff;color:var(--navy)}
body[data-route="/"] main>.home-tone-dark .role-panel{background:#0d1740;border-color:#2c3762}
body[data-route="/"] main>.home-tone-dark .role-panel p{color:#b7c1d9}
body[data-route="/"] main>.home-tone-dark .role-panel span{background:#111d49;border-color:#33406d;color:#fff}
body[data-route="/"] main>.home-tone-dark .accordion article{border-color:#2c3762}
body[data-route="/"] main>.home-tone-dark .accordion button{color:#fff}
body[data-route="/"] main>.home-tone-dark .accordion article>div>p{color:#b7c1d9}

/* Navik HR Suite — first chapter after the hero */
.hr-suite-section{background:#fff}

body[data-route="/"] main>.hr-suite-section{background:#071033;color:#fff;border-color:#242f5a}

/* Enhanced connected-suite presentation */
body[data-route="/"] main>.hr-suite-section{position:relative;isolation:isolate;overflow:hidden;padding-block:86px}
body[data-route="/"] main>.hr-suite-section:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-240px;top:-230px;border:1px solid #293662;border-radius:50%}
body[data-route="/"] main>.hr-suite-section:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;left:-105px;bottom:-85px;border:1px solid #24315d;border-radius:50%}
@media(max-width:760px){body[data-route="/"] main>.hr-suite-section{padding-block:68px}}

/* Editorial HR system composition */
body[data-route="/"] main>.hr-suite-section>.container{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);gap:76px;align-items:center}
@media(max-width:1060px){body[data-route="/"] main>.hr-suite-section>.container{grid-template-columns:1fr;gap:45px}}

/* Product workspace treatment for the HR Suite */
body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{display:grid;grid-template-columns:minmax(330px,.68fr) minmax(680px,1.32fr);gap:62px;align-items:center}
.suite-story>span{display:block;color:#73d8eb;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:25px}.suite-story>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4f9cff}
.suite-story h2{margin:0;color:#fff;font-size:clamp(46px,4.5vw,66px);line-height:1.02;letter-spacing:-.05em}.suite-story h2 mark{color:#58a0ff;background:none}.suite-story>p{margin:25px 0 34px;color:#aeb9d3;font-size:15px;line-height:1.8;max-width:470px}
.suite-actions{display:grid;gap:10px}.suite-actions .button{width:100%;min-height:50px}.suite-actions .button-secondary{background:transparent;border-color:#39466f;color:#dce4f6}.suite-actions .button-secondary:hover{background:#111d49}
.suite-outcomes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid #303a63;border-radius:13px;overflow:hidden}.suite-outcomes>div{padding:16px 10px;text-align:center;border-right:1px solid #303a63}.suite-outcomes>div:last-child{border-right:0}.suite-outcomes svg{width:19px;height:19px;margin:0 auto 8px;color:#76a8ff}.suite-outcomes strong,.suite-outcomes small{display:block}.suite-outcomes strong{color:#dbe3f4;font-size:10px}.suite-outcomes small{color:#74809d;font-size:8px;margin-top:3px}
.suite-workspace{min-height:485px}.suite-toolbar{display:flex;align-items:center;width:max-content;max-width:100%;padding:5px;margin-bottom:16px;border:1px solid #2c375f;border-radius:11px;background:#172039}.suite-toolbar button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:#7f8ba7;font-size:10px;font-weight:800;cursor:pointer}.suite-toolbar button svg{width:15px;height:15px}.suite-toolbar button.active{background:#293755;color:#63a7ff;box-shadow:inset 0 0 0 1px #35466c}.suite-toolbar>span{position:absolute;right:0;display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #303b62;border-radius:999px;color:#7f8aa3;font-size:9px;font-weight:700}.suite-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#20b995}
.suite-panel{min-height:420px;padding:25px;border:1px solid #2b3864;border-radius:17px;background:#0c1931;box-shadow:0 28px 60px rgba(0,0,0,.18)}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.pipeline article>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#6f7c99;font-size:9px;font-weight:800}.pipeline article>header b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#1c2944;color:#8c98b1}.candidate{position:relative;padding:12px 10px;margin-bottom:9px;border:1px solid #26375e;border-radius:11px;background:#111f3a}.candidate i{float:left;width:28px;height:28px;margin-right:8px;display:grid;place-items:center;border-radius:8px;background:#2865d8;color:#fff;font-size:8px;font-style:normal;font-weight:800}.candidate strong,.candidate small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate strong{color:#eef3ff;font-size:9px;padding-top:1px}.candidate small{color:#77849f;font-size:7px;margin-top:3px}.candidate button{width:100%;margin-top:11px;padding:7px;border:1px solid #2e5ebc;border-radius:6px;background:#173064;color:#6faaff;font-size:7px;font-weight:800}.candidate.teal i{background:#169f98}.candidate.orange i{background:#db641a}.candidate.green i{background:#169b69}.candidate.compact{min-height:52px}.candidate.compact small{color:#4fd2a5}
.suite-table{display:grid}.suite-table>header,.suite-table>div{display:grid;grid-template-columns:1fr 1.45fr .65fr;gap:14px;align-items:center;padding:17px 12px;border-bottom:1px solid #263455}.suite-table>header{color:#6f7c99;font-size:9px;font-weight:800}.suite-table b{color:#eef3ff;font-size:10px}.suite-table span{color:#8996b1;font-size:9px}.suite-table em{justify-self:end;padding:6px 9px;border-radius:999px;background:#143b38;color:#52d2aa;font-size:8px;font-style:normal;font-weight:800}
.compliance-board{display:grid;gap:12px}.compliance-board article{display:grid;grid-template-columns:44px 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid #2b3860;border-radius:12px;background:#111f3a}.compliance-board article>svg{width:44px;height:44px;padding:11px;border-radius:10px;background:#172f62;color:#70a9ff}.compliance-board small,.compliance-board strong,.compliance-board span{display:block}.compliance-board small{color:#70809e;font-size:8px;letter-spacing:.08em}.compliance-board strong{color:#fff;font-size:12px;margin:3px 0}.compliance-board span{color:#8995ae;font-size:9px}.compliance-board article>b{padding:7px 10px;border-radius:999px;background:#143b38;color:#4fd2a5;font-size:8px}
@media(max-width:1100px){body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{grid-template-columns:1fr;gap:48px}.suite-story{text-align:center;max-width:680px;margin:auto}.suite-story>p{margin-inline:auto}.suite-actions{display:flex;justify-content:center}.suite-actions .button{width:auto}.suite-outcomes{max-width:600px;margin-inline:auto}.suite-workspace{width:100%}.suite-toolbar{margin-inline:auto}.suite-toolbar>span{display:none}}
@media(max-width:760px){.suite-story h2{font-size:44px}.suite-actions{display:grid}.suite-actions .button{width:100%}.suite-outcomes{grid-template-columns:1fr}.suite-outcomes>div{display:grid;grid-template-columns:26px 1fr;gap:0 8px;text-align:left;border-right:0;border-bottom:1px solid #303a63}.suite-outcomes>div:last-child{border-bottom:0}.suite-outcomes svg{grid-row:1/3;margin:auto}.suite-workspace{min-height:0;overflow-x:auto}.suite-toolbar{margin-left:0}.suite-panel{min-width:700px;min-height:390px}}
.suite-workspace{position:relative}

.suite-context{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:14px;padding:13px 16px;border:1px solid #2b3860;border-radius:11px;background:#101b35}.suite-context span{color:#73d8eb;font-size:8px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.suite-context p{margin:0;color:#8793ad;font-size:9px;line-height:1.55}
.employee-summary{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 19px;border-bottom:1px solid #263455}.employee-summary>div{display:flex;align-items:center;gap:12px}.employee-summary svg{width:36px;height:36px;padding:9px;border-radius:9px;background:#172f62;color:#70a9ff}.employee-summary small,.employee-summary strong{display:block}.employee-summary small{color:#70809e;font-size:8px;letter-spacing:.08em}.employee-summary strong{color:#fff;font-size:11px;margin-top:3px}.employee-summary button{padding:8px 11px;border:1px solid #3766bd;border-radius:7px;background:#173064;color:#78adff;font-size:8px;font-weight:800}.employee-list>header,.employee-list>div{display:grid;grid-template-columns:30px 1.1fr 1.5fr .7fr .55fr;gap:10px;align-items:center;padding:13px 8px;border-bottom:1px solid #263455}.employee-list>header{grid-template-columns:30px 1.1fr 1.5fr .7fr .55fr;color:#6f7c99;font-size:8px;font-weight:800}.employee-list>header span:first-child{grid-column:1/3}.employee-list>div>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#2865d8;color:#fff;font-size:7px;font-style:normal;font-weight:800}.employee-list b{color:#eef3ff;font-size:9px}.employee-list span{color:#8491aa;font-size:8px}.employee-list em{justify-self:end;padding:5px 8px;border-radius:999px;background:#143b38;color:#52d2aa;font-size:7px;font-style:normal;font-weight:800}
body[data-route="/"] main>.hr-suite-section .suite-outcomes{grid-template-columns:repeat(2,1fr)}body[data-route="/"] main>.hr-suite-section .suite-outcomes>div:nth-child(2){border-right:0}body[data-route="/"] main>.hr-suite-section .suite-outcomes>div:nth-child(n+3){border-top:1px solid #303a63}
@media(max-width:760px){.suite-context{grid-template-columns:1fr}.employee-list{min-width:650px}.employee-workspace{overflow-x:auto}}

/* Light product dashboard inside the dark HR Suite */
.hr-suite-section .suite-toolbar{background:#fff;border-color:#d7dfeb;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hr-suite-section .suite-toolbar button{color:#68758c}.hr-suite-section .suite-toolbar button:hover{background:#f2f6fc;color:var(--navy)}.hr-suite-section .suite-toolbar button.active{background:#e9f1ff;color:var(--blue);box-shadow:inset 0 0 0 1px #c9daf8}
.hr-suite-section .suite-toolbar>span{background:#fff;border-color:#d7dfeb;color:#68758c;box-shadow:0 8px 22px rgba(0,0,0,.1)}
.hr-suite-section .suite-panel{background:#f7f9fc;border-color:#cfd9e7;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.hr-suite-section .pipeline article>header{color:#748097}.hr-suite-section .pipeline article>header b{background:#e7edf5;color:#526078}
.hr-suite-section .candidate{background:#fff;border-color:#d8e1ed;box-shadow:0 7px 18px rgba(0,6,61,.05)}
.hr-suite-section .candidate strong{color:var(--navy)}.hr-suite-section .candidate small{color:#758198}.hr-suite-section .candidate button{background:#edf3ff;border-color:#c7d8f7;color:var(--blue)}.hr-suite-section .candidate.compact small{color:#087f5b}
.hr-suite-section .suite-context{background:#fff;border-color:#d5deea;box-shadow:0 8px 24px rgba(0,0,0,.1)}.hr-suite-section .suite-context span{color:var(--blue)}.hr-suite-section .suite-context p{color:#68758c}
.hr-suite-section .suite-table>header,.hr-suite-section .suite-table>div{border-color:#d9e1ec}.hr-suite-section .suite-table>header{color:#758198}.hr-suite-section .suite-table b{color:var(--navy)}.hr-suite-section .suite-table span{color:#68758c}.hr-suite-section .suite-table em{background:#e4f6f0;color:#087f5b}
.hr-suite-section .compliance-board article{background:#fff;border-color:#d8e1ed;box-shadow:0 7px 18px rgba(0,6,61,.05)}.hr-suite-section .compliance-board article>svg{background:#eaf1ff;color:var(--blue)}.hr-suite-section .compliance-board small{color:#778399}.hr-suite-section .compliance-board strong{color:var(--navy)}.hr-suite-section .compliance-board span{color:#68758c}.hr-suite-section .compliance-board article>b{background:#e4f6f0;color:#087f5b}
.hr-suite-section .employee-summary{border-color:#d9e1ec}.hr-suite-section .employee-summary svg{background:#eaf1ff;color:var(--blue)}.hr-suite-section .employee-summary small{color:#778399}.hr-suite-section .employee-summary strong{color:var(--navy)}.hr-suite-section .employee-summary button{background:var(--blue);border-color:var(--blue);color:#fff}
.hr-suite-section .employee-list>header,.hr-suite-section .employee-list>div{border-color:#d9e1ec}.hr-suite-section .employee-list>header{color:#758198}.hr-suite-section .employee-list b{color:var(--navy)}.hr-suite-section .employee-list span{color:#68758c}.hr-suite-section .employee-list em{background:#e4f6f0;color:#087f5b}

/* Wider, more detailed HR Suite dashboard */
body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{width:min(1440px,calc(100% - 48px));grid-template-columns:minmax(315px,.52fr) minmax(780px,1.48fr);gap:48px}
.suite-workspace{width:100%}.hr-suite-section .suite-toolbar{width:100%;padding:6px 205px 6px 6px;margin-bottom:13px}.hr-suite-section .suite-toolbar button{justify-content:center;min-height:39px;padding-inline:16px}.hr-suite-section .suite-toolbar>span{right:8px}
.hr-suite-section .suite-panel{position:relative;min-height:480px;padding:68px 30px 30px;border-radius:18px}
.hr-suite-section .suite-panel:before{position:absolute;left:30px;top:22px;color:var(--navy);font-size:14px;font-weight:800;letter-spacing:-.01em}.hr-suite-section .suite-panel:after{content:"LIVE WORKSPACE";position:absolute;right:30px;top:24px;padding:5px 9px;border:1px solid #d5deea;border-radius:999px;background:#fff;color:#68758c;font-size:7px;font-weight:800;letter-spacing:.1em}
.hr-suite-section .suite-panel[data-view="recruitment"]:before{content:"Recruitment & onboarding pipeline"}.hr-suite-section .suite-panel[data-view="employees"]:before{content:"Employee management workspace"}.hr-suite-section .suite-panel[data-view="documents"]:before{content:"Employee document readiness"}.hr-suite-section .suite-panel[data-view="compliance"]:before{content:"Compliance control centre"}
.hr-suite-section .pipeline{gap:14px}.hr-suite-section .candidate{min-height:76px;padding:13px 11px}.hr-suite-section .candidate.compact{min-height:58px}.hr-suite-section .candidate strong{font-size:9px}.hr-suite-section .candidate small{font-size:8px}.hr-suite-section .candidate button{padding:8px}
.hr-suite-section .suite-context{padding:15px 18px}.hr-suite-section .suite-context p{font-size:10px}
.hr-suite-section .suite-table>header,.hr-suite-section .suite-table>div{padding:20px 14px}.hr-suite-section .compliance-board{gap:15px}.hr-suite-section .compliance-board article{padding:24px}.hr-suite-section .employee-list>header,.hr-suite-section .employee-list>div{padding:16px 10px}
@media(max-width:1220px){body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{grid-template-columns:1fr;max-width:1050px}.suite-story{max-width:760px}.hr-suite-section .suite-toolbar{padding-right:190px}}
@media(max-width:760px){body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{width:min(100% - 28px,var(--container))}.hr-suite-section .suite-toolbar{width:max-content;padding-right:6px}.hr-suite-section .suite-toolbar>span{display:none}.hr-suite-section .suite-panel{padding:62px 20px 22px}.hr-suite-section .suite-panel:before{left:20px}.hr-suite-section .suite-panel:after{right:20px}}

/* Redesigned HR Suite: narrative first, product centre stage */
body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{display:block;width:min(1380px,calc(100% - 48px))}
.hr-suite-section .suite-story{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);grid-template-rows:auto auto auto;gap:0 90px;max-width:none;margin:0;text-align:left}
.hr-suite-section .suite-story>span{grid-column:1;grid-row:1;margin-bottom:20px}.hr-suite-section .suite-story>h2{grid-column:1;grid-row:2/4;max-width:650px;font-size:clamp(50px,5vw,72px)}
.hr-suite-section .suite-story>p{grid-column:2;grid-row:2;margin:0 0 25px;max-width:620px;padding-left:24px;border-left:2px solid #39bfd8;font-size:16px}
.hr-suite-section .suite-actions{grid-column:2;grid-row:3;display:flex;align-items:start;gap:10px}.hr-suite-section .suite-actions .button{width:auto;min-width:190px}
body[data-route="/"] main>.hr-suite-section .suite-outcomes{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(4,1fr);margin:48px 0 0;border-radius:14px;background:#0b1538}
body[data-route="/"] main>.hr-suite-section .suite-outcomes>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 11px;padding:18px 20px;text-align:left;border-top:0!important;border-right:1px solid #303a63!important}
body[data-route="/"] main>.hr-suite-section .suite-outcomes>div:last-child{border-right:0!important}.hr-suite-section .suite-outcomes svg{grid-row:1/3;width:26px;height:26px;margin:auto}.hr-suite-section .suite-outcomes strong{font-size:11px}.hr-suite-section .suite-outcomes small{font-size:9px}
.hr-suite-section .suite-workspace{margin-top:30px;min-height:0}.hr-suite-section .suite-toolbar{position:relative;width:100%;margin:0;padding:8px 205px 8px 8px;border-radius:15px 15px 0 0;border-bottom-color:#e7ebf2;box-shadow:none}.hr-suite-section .suite-toolbar button{min-width:145px}.hr-suite-section .suite-toolbar>span{top:11px}
.hr-suite-section .suite-panel{min-height:500px;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 32px 75px rgba(0,0,0,.27)}
.hr-suite-section .suite-context{max-width:900px;margin:15px auto 0}
@media(max-width:1050px){.hr-suite-section .suite-story{grid-template-columns:1fr;display:block;text-align:center}.hr-suite-section .suite-story>h2{margin-inline:auto}.hr-suite-section .suite-story>p{margin:25px auto;padding:0;border:0}.hr-suite-section .suite-actions{justify-content:center}body[data-route="/"] main>.hr-suite-section .suite-outcomes{grid-template-columns:1fr 1fr}.hr-suite-section .suite-toolbar{overflow-x:auto;padding-right:8px}.hr-suite-section .suite-toolbar>span{display:none}}
@media(max-width:650px){body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{width:min(100% - 28px,var(--container))}.hr-suite-section .suite-story>h2{font-size:44px}.hr-suite-section .suite-actions{display:grid}.hr-suite-section .suite-actions .button{width:100%}body[data-route="/"] main>.hr-suite-section .suite-outcomes{grid-template-columns:1fr}.hr-suite-section .suite-outcomes>div{border-right:0!important;border-bottom:1px solid #303a63}.hr-suite-section .suite-outcomes>div:last-child{border-bottom:0}.hr-suite-section .suite-toolbar{width:max-content;max-width:none}.hr-suite-section .suite-panel{min-width:700px}.hr-suite-section .suite-workspace{overflow-x:auto}}

/* Production-style chrome and dashboard detail */
.suite-windowbar{height:66px;display:grid;grid-template-columns:1fr minmax(290px,430px) 1fr;align-items:center;gap:24px;padding:0 20px;border:1px solid #d4ddea;border-bottom:0;border-radius:18px 18px 0 0;background:#fff}
.suite-windowbrand{display:flex;align-items:center;gap:9px}.suite-windowbrand img{width:34px;height:34px;object-fit:contain}.suite-windowbrand strong{color:var(--navy);font-size:14px}.suite-windowbrand>span{padding-left:9px;border-left:1px solid #dce3ed;color:#758198;font-size:9px;font-weight:700}
.suite-search{height:36px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #d8e0eb;border-radius:8px;background:#f8fafc;color:#8a96aa;font-size:9px}.suite-search svg{width:15px;height:15px}.suite-search span{flex:1}.suite-search kbd{padding:3px 6px;border:1px solid #d6deea;border-radius:5px;background:#fff;color:#69758a;font:8px "Open Sans",sans-serif}
.suite-user{display:flex;align-items:center;justify-content:flex-end;gap:9px}.suite-user>button{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#627087}.suite-user>button svg{width:15px;height:15px}.suite-user>button i{position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#ef4b4b}.suite-user>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:8px;font-weight:800}.suite-user strong,.suite-user small{display:block}.suite-user strong{color:var(--navy);font-size:9px}.suite-user small{color:#8792a6;font-size:7px}
.hr-suite-section .suite-toolbar{border-radius:0;border-top-color:#eef1f5}.hr-suite-section .suite-panel{border-radius:0 0 18px 18px}
.hr-suite-section .pipeline article{min-height:330px;padding:10px;border:1px solid #e0e6ef;border-radius:11px;background:#f1f4f8}.hr-suite-section .pipeline article>header{padding:0 2px 3px}.hr-suite-section .candidate{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hr-suite-section .candidate:hover{transform:translateY(-2px);border-color:#b9cae2;box-shadow:0 12px 25px rgba(0,6,61,.09)}.hr-suite-section .candidate:after{content:"";position:absolute;right:10px;top:13px;width:6px;height:6px;border-radius:50%;background:#5f8cff}.hr-suite-section .candidate.orange:after{background:#f59f00}.hr-suite-section .candidate.green:after,.hr-suite-section .candidate.teal:after{background:#16a77b}
.hr-suite-section .suite-table>div,.hr-suite-section .employee-list>div{transition:background .16s ease}.hr-suite-section .suite-table>div:hover,.hr-suite-section .employee-list>div:hover{background:#edf3fb}.hr-suite-section .compliance-board article{transition:transform .18s ease,border-color .18s ease}.hr-suite-section .compliance-board article:hover{transform:translateX(4px);border-color:#b8c9e1}
@media(max-width:900px){.suite-windowbar{grid-template-columns:1fr 1fr}.suite-search{display:none}}
@media(max-width:650px){.suite-windowbar{min-width:700px}.suite-windowbar,.hr-suite-section .suite-toolbar,.hr-suite-section .suite-panel{border-radius:0}.suite-user>div{display:none}}

/* Readable typography for the HR recruitment workspace. */
.hr-suite-section .suite-toolbar button{min-height:44px;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:750;line-height:1.3}.hr-suite-section .suite-toolbar button svg{width:17px;height:17px}.hr-suite-section .suite-toolbar>span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:650}.hr-suite-section .suite-panel:before{font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:800;line-height:1.25}.hr-suite-section .suite-panel:after{font-family:'DM Sans',Arial,sans-serif;font-size:9px;line-height:1.2}.hr-suite-section .pipeline article>header{min-height:25px;margin-bottom:13px;color:#53627a;font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:800;line-height:1.3}.hr-suite-section .pipeline article>header b{width:24px;height:24px;color:#46556d;font-size:10px}.hr-suite-section .candidate{min-height:88px;padding:14px 12px}.hr-suite-section .candidate.compact{min-height:70px}.hr-suite-section .candidate i{width:34px;height:34px;margin-right:9px;font-size:9px}.hr-suite-section .candidate strong{padding-top:1px;font-family:'DM Sans',Arial,sans-serif;font-size:11.5px;font-weight:750;line-height:1.35}.hr-suite-section .candidate small{margin-top:4px;color:#65748b;font-family:'DM Sans',Arial,sans-serif;font-size:9.5px;font-weight:600;line-height:1.35}.hr-suite-section .candidate button{min-height:31px;margin-top:12px;padding:7px 9px;font-family:'DM Sans',Arial,sans-serif;font-size:9.5px;font-weight:750}.hr-suite-section .candidate:after{right:12px;top:15px;width:7px;height:7px}
@media(max-width:950px){.hr-suite-section .suite-toolbar button{font-size:11px}.hr-suite-section .suite-panel:before{font-size:16px}.hr-suite-section .pipeline article>header{font-size:10.5px}.hr-suite-section .candidate strong{font-size:11px}.hr-suite-section .candidate small{font-size:9px}}

/* Natural homepage flow: adjacent sections remain visible while scrolling */

/* Desktop section-over-section stacking */
@media(min-width:761px){body[data-route="/"] main>section{position:sticky;top:58px;border-radius:20px 20px 0 0;box-shadow:0 -12px 32px rgba(0,6,61,.08)}body[data-route="/"] main>section:first-child{border-radius:0;box-shadow:none}body[data-route="/"] main>section:nth-child(1){z-index:1}body[data-route="/"] main>section:nth-child(2){z-index:2}body[data-route="/"] main>section:nth-child(3){z-index:3}body[data-route="/"] main>section:nth-child(4){z-index:4}body[data-route="/"] main>section:nth-child(5){z-index:5}body[data-route="/"] main>section:nth-child(6){z-index:6}body[data-route="/"] main>section:nth-child(7){z-index:7}body[data-route="/"] main>section:nth-child(8){z-index:8}body[data-route="/"] main>section:nth-child(9){z-index:9}body[data-route="/"] main>section:nth-child(10){z-index:10}body[data-route="/"] main>section:nth-child(11){z-index:11}body[data-route="/"] main>section:nth-child(12){z-index:12}body[data-route="/"] main>section:nth-child(13){z-index:13}body[data-route="/"] main>section:nth-child(14){z-index:14}body[data-route="/"] main>section:nth-child(15){z-index:15}body[data-route="/"] main>section:nth-child(16){z-index:16}body[data-route="/"] main>section:nth-child(17){z-index:17}body[data-route="/"] main>section:nth-child(18){z-index:18}body[data-route="/"] .site-footer{position:relative;z-index:30}}

/* Content-safe stacking: tall sections always scroll normally */
@media(min-width:761px){body[data-route="/"] main>section{position:relative;top:auto;border-radius:0;box-shadow:none;scroll-margin-top:70px}body[data-route="/"] main>section.stack-section{position:sticky;top:58px;border-radius:20px 20px 0 0;box-shadow:0 -12px 32px rgba(0,6,61,.08)}body[data-route="/"] main>section.stack-section:first-child{border-radius:0;box-shadow:none}}
@media(min-width:761px){body[data-route="/"] main>.hero{position:relative!important;top:auto!important;z-index:1;border-radius:0!important;box-shadow:none!important}body[data-route="/"] main>.hero~section{z-index:2}}

/* Single layered transition: HR Suite slides over the hero */
@media(min-width:761px){body[data-route="/"] main>section{position:relative!important;top:auto!important;border-radius:0;box-shadow:none}body[data-route="/"] main>.hero{position:sticky!important;top:58px!important;z-index:1}body[data-route="/"] main>.hr-suite-section{z-index:3;border-radius:24px 24px 0 0;box-shadow:0 -18px 48px rgba(0,6,61,.16)}body[data-route="/"] main>.hr-suite-section~section{z-index:4}}

/* Reveal all hero content before the HR Suite boundary overlaps */
@media(min-width:761px){body[data-route="/"] main>.hero{position:relative!important;top:auto!important;z-index:1;overflow:visible;padding-bottom:0}body[data-route="/"] main>.hr-suite-section{position:relative!important;z-index:3;margin-top:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 48px rgba(0,6,61,.14)}body[data-route="/"] main>.hero .hero-product{padding-bottom:0}}

/* Content-safe section-over-section rise */
@media(min-width:761px){body[data-route="/"] main>.hero{padding-bottom:150px}body[data-route="/"] main>.hr-suite-section{margin-top:-112px;transform-origin:center top}}
@supports (animation-timeline:view()){body[data-route="/"] main>.hr-suite-section{animation:hrSuiteRise linear both;animation-timeline:view();animation-range:entry 0 entry 28%}@keyframes hrSuiteRise{from{transform:translateY(56px);box-shadow:0 -8px 24px rgba(0,6,61,.06)}to{transform:translateY(0);box-shadow:0 -18px 48px rgba(0,6,61,.16)}}}
@media(prefers-reduced-motion:reduce){body[data-route="/"] main>.hr-suite-section{animation:none!important;transform:none!important}}

/* Cross-browser scroll-linked section layering */
@media(min-width:761px){body[data-route="/"] main>.home-hero{transform:scale(var(--hero-recede,1));transform-origin:center bottom;transition:transform .08s linear}body[data-route="/"] main>.hr-suite-section{animation:none!important;transform:none;box-shadow:0 -22px 58px rgba(0,6,61,var(--suite-shadow,.06));will-change:transform}}
@media(prefers-reduced-motion:reduce){body[data-route="/"] main>.home-hero{transform:none!important}body[data-route="/"] main>.hr-suite-section{transform:none!important;will-change:auto}}

/* True content-aware section stacking */
@media(min-width:761px){body[data-route="/"] main>section.stack-section{position:sticky!important;top:var(--stack-top,58px)!important;margin-top:0;border-radius:22px 22px 0 0;box-shadow:0 -16px 44px rgba(0,6,61,.12)}body[data-route="/"] main>.home-hero.stack-section{padding-bottom:0;transform:none!important;border-radius:0;box-shadow:none}body[data-route="/"] main>.hr-suite-section.stack-section{transform:none!important;animation:none!important;margin-top:0;will-change:auto}body[data-route="/"] main>section.stack-section:first-child{z-index:1}body[data-route="/"] main>section.stack-section:nth-child(2){z-index:2}body[data-route="/"] main>section.stack-section:nth-child(3){z-index:3}body[data-route="/"] main>section.stack-section:nth-child(4){z-index:4}body[data-route="/"] main>section.stack-section:nth-child(5){z-index:5}body[data-route="/"] main>section.stack-section:nth-child(6){z-index:6}body[data-route="/"] main>section.stack-section:nth-child(7){z-index:7}body[data-route="/"] main>section.stack-section:nth-child(8){z-index:8}body[data-route="/"] main>section.stack-section:nth-child(9){z-index:9}body[data-route="/"] main>section.stack-section:nth-child(10){z-index:10}body[data-route="/"] main>section.stack-section:nth-child(11){z-index:11}body[data-route="/"] main>section.stack-section:nth-child(12){z-index:12}body[data-route="/"] main>section.stack-section:nth-child(13){z-index:13}body[data-route="/"] main>section.stack-section:nth-child(14){z-index:14}body[data-route="/"] main>section.stack-section:nth-child(15){z-index:15}body[data-route="/"] main>section.stack-section:nth-child(16){z-index:16}body[data-route="/"] main>section.stack-section:nth-child(17){z-index:17}body[data-route="/"] main>section.stack-section:nth-child(18){z-index:18}}
@media(max-width:760px){body[data-route="/"] main>section{position:relative!important;top:auto!important;border-radius:0!important;box-shadow:none!important}}

/* Final navigation refinement */
.site-header{border-top:3px solid var(--navy);background:#fff}.site-header .nav{width:min(1380px,calc(100% - 48px))}
.brand{padding-right:2px}.brand img{filter:drop-shadow(0 5px 9px rgba(0,6,61,.1))}.brand span{white-space:nowrap}
.nav-links{padding:4px;border:1px solid #e4e9f1;border-radius:13px;background:#f7f9fc}
.nav-link,.nav-links>li>a{min-height:38px;padding:9px 12px;border-radius:9px}.nav-link:after,.nav-links>li>a:after{bottom:2px;left:14px;right:14px}
.nav-link:hover,.nav-links>li>a:hover{background:#fff;box-shadow:0 4px 12px rgba(0,6,61,.05)}
.nav-link.active,.nav-links>li>a.active{background:#fff;box-shadow:inset 0 0 0 1px #d6e2f6,0 4px 12px rgba(0,6,61,.05)}
.nav-actions .login{padding:10px 12px;border-radius:8px}.nav-actions .login:hover{background:#f3f6fa;color:var(--blue)}
.nav-actions .login{display:inline-flex;align-items:center;gap:7px}.nav-actions .login svg{width:18px;height:18px;flex:0 0 auto;color:currentColor}
.nav-actions .button:after{display:none}.nav-actions .button>svg{width:24px;height:24px;flex:0 0 auto;margin-left:2px;color:currentColor;transition:transform .2s ease}.nav-actions .button:hover>svg{transform:translateX(3px)}.site-header.compact .nav-actions .button>svg{width:22px;height:22px}
.site-header.compact .nav-links{padding:2px;border-color:#e9edf3}.site-header.compact .nav-link,.site-header.compact .nav-links>li>a{min-height:32px}
.mega{padding:18px}.mega a{border:1px solid transparent}.mega a:hover{border-color:#e0e7f1}.mega a svg{width:34px;height:34px;padding:7px;border-radius:8px;background:#eaf1ff}
@media(max-width:1100px){.site-header .nav{width:min(100% - 32px,1380px)}.nav-links.open{border:0;border-radius:0;background:#fff}.nav-links.open .nav-link,.nav-links.open>li>a{box-shadow:none}}

/* Final footer refinement */
.site-footer{padding-top:28px}.footer-callout{overflow:hidden;border:1px solid #334071;border-radius:20px;padding:50px 52px;background:#0b1245;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.footer-callout:before{content:"";position:absolute;width:170px;height:170px;right:-55px;top:-80px;border:1px solid #435183;border-radius:50%}.footer-callout:after{content:"";position:absolute;width:74px;height:74px;right:35%;bottom:-48px;border:1px solid #344171;rotate:18deg}
.footer-callout>div{position:relative;z-index:1}.footer-callout-actions .button{border-radius:10px}.footer-callout-actions>a:last-child{display:inline-flex;justify-content:center;padding:8px;border-radius:8px}.footer-callout-actions>a:last-child:hover{background:#151d50}
.footer-capabilities{gap:10px;margin:18px 0 58px;border:0}.footer-capabilities span{justify-content:flex-start;padding:15px 16px;border:1px solid #242e58!important;border-radius:10px;background:#0a0e35}.footer-capabilities svg{width:28px;height:28px;padding:6px;border-radius:7px;background:#151e4a}
.footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:44px}.footer-brand{padding-right:34px;border-right:1px solid #24294e}.footer-brand img{width:94px;height:94px;border-color:#30385d;box-shadow:0 12px 28px rgba(0,0,0,.2)}.footer-brand p{max-width:290px}.footer-brand>a{color:#73d8eb}
.footer-col h3{display:flex;align-items:center;gap:8px}.footer-col h3:before{content:"";width:6px;height:6px;border-radius:2px;background:#4f8eff}.footer-col a:after{content:"→";position:absolute;right:0;opacity:0;color:#73d8eb;transition:opacity .18s ease,transform .18s ease}.footer-col a:hover:after{opacity:1;transform:translateX(3px)}
.footer-col h3:before{content:none}
.footer-apps>div{gap:9px}.footer-apps a{border:1px solid transparent}.footer-apps a:hover{border-color:#48537c}
.footer-bottom{align-items:center;padding:15px 18px;margin-top:48px;border:1px solid #22294f;border-radius:10px;background:#090d32}.footer-bottom div{align-items:center}.footer-bottom a{padding:5px 8px;border-radius:6px}.footer-bottom a:hover{background:#151b45}
@media(max-width:1050px){.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-brand{grid-row:span 2}}
@media(max-width:760px){.footer-callout{padding:38px 26px}.footer-capabilities{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid #24294e;padding:0 0 28px}.footer-bottom{display:block}}
@media(max-width:480px){.footer-capabilities,.footer-grid{grid-template-columns:1fr}.footer-capabilities span{justify-content:flex-start}.footer-callout{padding:32px 20px}}

/* Workforce Management showcase */
body[data-route="/"] main>.wfm-showcase-section{background:#fff!important;color:var(--ink)!important;padding-block:96px}
.wfm-showcase{width:min(1380px,calc(100% - 48px));display:grid;grid-template-columns:minmax(340px,.62fr) minmax(730px,1.38fr);gap:64px;align-items:center}
.wfm-story>span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:24px}.wfm-story>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#58a0ff}
.wfm-story h2{margin:0;color:var(--navy);font-size:clamp(48px,4.8vw,68px);line-height:1.02;letter-spacing:-.05em}.wfm-story h2 mark{background:none;color:#397df4}.wfm-story>p{max-width:510px;margin:26px 0;color:var(--muted);font-size:15px;line-height:1.8}
.wfm-view-tabs{display:flex;gap:8px;margin-bottom:20px}.wfm-view-tabs button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#718097;font-size:10px;font-weight:800}.wfm-view-tabs button.active{background:#fff;border-color:#dce3ed;color:var(--blue);box-shadow:0 8px 20px rgba(0,6,61,.07)}.wfm-view-tabs svg{width:15px;height:15px}
.wfm-actions{display:grid;gap:9px}.wfm-actions .button{width:100%;min-height:49px}.wfm-actions .button:first-child{background:var(--navy);border-color:var(--navy)}
.wfm-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.wfm-pillars>div{padding:15px 10px;text-align:center;border-right:1px solid var(--line)}.wfm-pillars>div:last-child{border:0}.wfm-pillars svg{width:20px;height:20px;margin:0 auto 8px;color:var(--blue)}.wfm-pillars strong,.wfm-pillars small{display:block}.wfm-pillars strong{font-size:9px;color:var(--navy)}.wfm-pillars small{font-size:7px;color:#8590a4;margin-top:3px}
.wfm-dashboard{border:1px solid #cfd9e7;border-radius:17px;background:#fff;box-shadow:0 28px 70px rgba(0,6,61,.13);overflow:hidden}.wfm-windowbar{height:48px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid #dce3ed;background:#f7f9fc}.wfm-windowbar>span{display:flex;gap:4px}.wfm-windowbar i{width:7px;height:7px;border-radius:50%;background:#ef5b5b}.wfm-windowbar i:nth-child(2){background:#f5a623}.wfm-windowbar i:nth-child(3){background:#24b47e}.wfm-windowbar strong{font-size:9px;color:#59657a}.wfm-windowbar em{margin-left:auto;padding:5px 9px;border-radius:999px;background:#e3f7f0;color:#087f5b;font-size:7px;font-style:normal;font-weight:800}
.wfm-app{display:grid;grid-template-columns:92px 1fr;min-height:500px}.wfm-app>aside{padding:14px 8px;background:#101c36;color:#71809e}.wfm-app>aside>b{width:32px;height:32px;display:grid;place-items:center;margin:0 auto 15px;border-radius:8px;background:var(--blue);color:#fff}.wfm-app>aside span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;border-radius:7px;font-size:7px}.wfm-app>aside span.active{background:#1d3767;color:#7bb0ff}.wfm-app>aside svg{width:14px;height:14px}
.wfm-main{padding:20px;min-width:0;background:#fbfcfe}.wfm-main>header,.wfm-dashboard-grid article>header{display:flex;align-items:center;justify-content:space-between}.wfm-main>header small{color:#7c889e;font-size:8px;letter-spacing:.08em}.wfm-main>header h3{margin:3px 0 0;color:var(--navy);font-size:17px}.wfm-main>header button{padding:8px 10px;border:1px solid #d7dfeb;border-radius:7px;background:#fff;color:#637087;font-size:8px}
.wfm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.wfm-kpis article{padding:13px;border:1px solid #dbe3ed;border-radius:10px;background:#fff}.wfm-kpis small,.wfm-kpis strong,.wfm-kpis span{display:block}.wfm-kpis small{font-size:7px;color:#7e899d}.wfm-kpis strong{font-size:13px;color:var(--navy);margin:4px 0}.wfm-kpis span{font-size:7px;color:#758198}
.wfm-dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:10px}.wfm-dashboard-grid>article{min-height:220px;padding:14px;border:1px solid #dbe3ed;border-radius:10px;background:#fff}.wfm-dashboard-grid header b{font-size:10px;color:var(--navy)}.wfm-dashboard-grid header small{font-size:7px;color:#7e899d}
.shift-rows{display:grid;gap:14px;margin-top:22px}.shift-rows span{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:8px}.shift-rows i{grid-column:1/-1;height:7px;border-radius:5px;background:#e7edf5;overflow:hidden}.shift-rows i:after{content:"";display:block;width:var(--w);height:100%;border-radius:5px;background:var(--blue)}.shift-rows b{color:#4e5c73}.shift-rows em{color:#718097;font-style:normal}.exception-list{display:grid;gap:9px;margin-top:18px}.exception-list span{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:10px;border-radius:8px;background:#f4f7fb;color:#657188;font-size:8px}.exception-list svg{width:15px;height:15px;color:var(--blue)}.exception-list b{color:var(--blue)}
.wfm-ready{display:flex;align-items:center;gap:8px;margin-top:10px;padding:11px 13px;border:1px solid #d7e4f7;border-radius:9px;background:#edf4ff}.wfm-ready span{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:8px;font-weight:800}.wfm-ready svg{width:14px;height:14px}.wfm-ready small{margin-left:auto;color:#68758c;font-size:7px}
@media(max-width:1150px){.wfm-showcase{grid-template-columns:1fr;max-width:980px}.wfm-story{text-align:center;max-width:700px;margin:auto}.wfm-story>p{margin-inline:auto}.wfm-view-tabs{justify-content:center}.wfm-actions{display:flex;justify-content:center}.wfm-actions .button{width:auto}.wfm-pillars{max-width:650px;margin-inline:auto}.wfm-dashboard{width:100%}}
@media(max-width:760px){body[data-route="/"] main>.wfm-showcase-section{padding-block:68px}.wfm-showcase{width:min(100% - 28px,var(--container));gap:38px}.wfm-story h2{font-size:44px}.wfm-actions{display:grid}.wfm-actions .button{width:100%}.wfm-pillars{grid-template-columns:1fr}.wfm-pillars>div{border-right:0;border-bottom:1px solid var(--line)}.wfm-dashboard{overflow-x:auto}.wfm-app,.wfm-windowbar{min-width:760px}}

/* Editorial WFM composition matching the HR Suite */
body[data-route="/"] main>.wfm-showcase-section{padding-block:92px;background:#f7f9fc!important}
.wfm-showcase{display:block;width:min(1380px,calc(100% - 48px))}
.wfm-story{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr);grid-template-rows:auto auto auto auto;gap:0 90px;max-width:none;margin:0;text-align:left}
.wfm-story>span{grid-column:1;grid-row:1;margin-bottom:20px}.wfm-story>h2{grid-column:1;grid-row:2/4;max-width:650px;font-size:clamp(50px,5vw,72px)}
.wfm-story>p{grid-column:2;grid-row:2;margin:0 0 20px;max-width:620px;padding-left:24px;border-left:2px solid var(--blue);font-size:16px}.wfm-view-tabs{grid-column:2;grid-row:3;margin:0 0 16px}.wfm-actions{grid-column:2;grid-row:4;display:flex;gap:10px}.wfm-actions .button{width:auto;min-width:205px}
.wfm-pillars{grid-column:1/-1;grid-row:5;grid-template-columns:repeat(3,1fr);margin:48px 0 0;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(0,6,61,.05)}.wfm-pillars>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 11px;padding:18px 22px;text-align:left}.wfm-pillars svg{grid-row:1/3;width:27px;height:27px;margin:auto}.wfm-pillars strong{font-size:11px}.wfm-pillars small{font-size:9px}
.wfm-dashboard{margin-top:30px;border-radius:18px;box-shadow:0 30px 75px rgba(0,6,61,.15)}.wfm-windowbar{height:60px;padding-inline:20px}.wfm-windowbar strong{font-size:11px}.wfm-app{grid-template-columns:104px 1fr;min-height:540px}.wfm-main{padding:26px}.wfm-main>header h3{font-size:20px}.wfm-kpis article{padding:16px}.wfm-dashboard-grid>article{min-height:245px;padding:17px}.wfm-ready{padding:14px 16px}
.employee-day-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.employee-day-grid>article{min-height:260px;padding:17px;border:1px solid #dbe3ed;border-radius:10px;background:#fff}.employee-day-grid article>header{display:flex;justify-content:space-between}.employee-day-grid header b{font-size:10px;color:var(--navy)}.employee-day-grid header small{font-size:7px;color:#7e899d}.day-timeline{display:grid;gap:17px;margin-top:23px}.day-timeline span{position:relative;display:grid;grid-template-columns:18px 1fr;gap:0 9px}.day-timeline i{grid-row:1/3;width:12px;height:12px;margin-top:2px;border:3px solid #bcd1f5;border-radius:50%;background:var(--blue)}.day-timeline span:not(:last-child):after{content:"";position:absolute;left:5px;top:15px;width:1px;height:28px;background:#cfdaea}.day-timeline b{font-size:9px;color:var(--navy)}.day-timeline small{font-size:8px;color:#758198}.employee-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.employee-actions button{display:flex;align-items:center;gap:7px;padding:13px 10px;border:1px solid #dbe3ed;border-radius:8px;background:#f7f9fc;color:#56637a;font-size:8px;font-weight:700}.employee-actions button:hover{border-color:#b8cae6;background:#edf3ff;color:var(--blue)}.employee-actions svg{width:15px;height:15px;color:var(--blue)}
@media(max-width:1080px){.wfm-story{display:block;text-align:center}.wfm-story>h2{margin-inline:auto}.wfm-story>p{margin:25px auto;padding:0;border:0}.wfm-view-tabs,.wfm-actions{justify-content:center}.wfm-pillars{margin-top:42px}}
@media(max-width:760px){body[data-route="/"] main>.wfm-showcase-section{padding-block:68px}.wfm-showcase{width:min(100% - 28px,var(--container))}.wfm-story>h2{font-size:44px}.wfm-actions{display:grid}.wfm-actions .button{width:100%}.wfm-pillars{grid-template-columns:1fr}.wfm-dashboard{margin-top:24px}.employee-day-grid{grid-template-columns:1fr}}

/* Workforce command centre polish */
body[data-route="/"] main>.wfm-showcase-section{background:#f4f7fb!important;overflow:hidden}
.wfm-showcase-section:before{content:"";position:absolute;width:440px;height:440px;right:-210px;top:190px;border:1px solid #d9e4f4;border-radius:50%;box-shadow:0 0 0 70px rgba(222,232,247,.34),0 0 0 140px rgba(231,238,249,.3);pointer-events:none}
.wfm-showcase{position:relative;z-index:1}
.wfm-story>span{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #cbdcf7;border-radius:999px;background:#fff;color:#1760df;box-shadow:0 6px 20px rgba(0,6,61,.04)}
.wfm-story>span:before{content:"";width:8px;height:8px;border-radius:2px;background:#1d6bff;box-shadow:0 0 0 4px #e9f1ff}
.wfm-story>h2{letter-spacing:-.055em}
.wfm-view-tabs{padding:5px;width:max-content;border:1px solid #dce5f1;border-radius:12px;background:#e9eef6}
.wfm-view-tabs button{min-width:132px;justify-content:center;border-radius:8px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.wfm-view-tabs button.active{box-shadow:0 5px 14px rgba(0,6,61,.09)}
.wfm-pillars{border-color:#d8e2ef;box-shadow:0 16px 38px rgba(0,6,61,.06)}
.wfm-pillars>div{position:relative;transition:transform .2s ease,background .2s ease}.wfm-pillars>div:hover{z-index:1;transform:translateY(-3px);background:#f8fbff}.wfm-pillars svg{padding:7px;border-radius:10px;background:#edf4ff;color:#145ee8;box-sizing:content-box}.wfm-pillars strong{font-size:12px}.wfm-pillars small{font-size:9.5px;line-height:1.5}
.wfm-flow{grid-column:1/-1;grid-row:6;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;color:#6c7890}.wfm-flow span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;white-space:nowrap}.wfm-flow b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cbdcf7;border-radius:50%;background:#fff;color:#1760df;font-size:8px}.wfm-flow>i{width:min(90px,7vw);height:1px;background:#ccd8e8;position:relative}.wfm-flow>i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #96a9c3;border-right:1px solid #96a9c3;transform:rotate(45deg)}
.wfm-dashboard{margin-top:38px;border-color:#bfccdf;box-shadow:0 38px 90px rgba(0,6,61,.17),0 3px 8px rgba(0,6,61,.05)}
.wfm-windowbar{background:#f9fbfe}.wfm-windowbar small{font-size:8px;color:#98a3b5}.wfm-windowbar em{position:relative;padding-left:22px}.wfm-windowbar em:before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#0baa72;box-shadow:0 0 0 3px #c9f1e3}
.wfm-app aside{background:#07152b}.wfm-app aside>b{box-shadow:0 0 0 6px rgba(36,104,255,.14)}.wfm-app aside span{border-left:2px solid transparent;transition:background .2s ease,color .2s ease}.wfm-app aside span.active{border-left-color:#5b8dff;background:#172d51}
.wfm-main{background:#f5f8fc}
.wfm-livebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:-5px -5px 20px;padding:10px 13px;border:1px solid #d7e3f2;border-radius:10px;background:#fff}.wfm-livebar span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;color:#102349}.wfm-livebar span i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #d7f7eb}.wfm-livebar small{font-size:8px;color:#7a879b}.wfm-livebar button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:7px;background:#edf4ff;color:#1760df;font-size:8px;font-weight:800}.wfm-livebar svg{width:12px;height:12px}
.wfm-kpis article{position:relative;display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;overflow:hidden;padding:15px;border-color:#d6e0ed;box-shadow:0 7px 18px rgba(0,6,61,.035)}.wfm-kpis article>svg{width:19px;height:19px;padding:8px;border-radius:10px;box-sizing:content-box;background:#edf4ff;color:#1760df}.wfm-kpis article>div{min-width:0}.wfm-kpis article>i{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3578f6}.wfm-kpis .attendance-card>svg{background:#e7f8f2;color:#07966a}.wfm-kpis .attendance-card>i{background:#10b981}.wfm-kpis .approval-card>svg{background:#fff4df;color:#c37a00}.wfm-kpis .approval-card>i{background:#f5a623}
.wfm-dashboard-grid>article{box-shadow:0 8px 22px rgba(0,6,61,.035)}
.shift-rows span{transition:transform .18s ease,box-shadow .18s ease}.shift-rows span:hover{transform:translateX(3px);box-shadow:-3px 0 #2468ff}
.exception-list span{transition:border-color .18s ease,transform .18s ease}.exception-list span:hover{transform:translateX(3px);border-color:#a9c4ee}
.wfm-ready{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.wfm-ready>b{padding:5px 9px;border-radius:999px;background:#ddf7ed;color:#087f5b;font-size:7px;text-transform:uppercase;letter-spacing:.06em}
.wfm-capability-chips{grid-column:2;grid-row:5;display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.wfm-capability-chips span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dbe4f0;border-radius:999px;background:#fff;color:#53627a;font-size:8px;font-weight:800;box-shadow:0 4px 12px rgba(0,6,61,.03)}.wfm-capability-chips svg{width:12px;height:12px;color:#1760df}.wfm-pillars{grid-row:6;margin-top:42px}.wfm-flow{grid-row:7}
.wfm-signal-board{display:grid;grid-template-columns:repeat(4,1fr);margin:-4px 0 12px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;overflow:hidden}.wfm-signal-board span{display:grid;grid-template-columns:9px 1fr;grid-template-rows:auto auto;gap:2px 8px;padding:10px 12px;border-right:1px solid #e2e8f1}.wfm-signal-board span:last-child{border:0}.wfm-signal-board i{grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:#2468ff;box-shadow:0 0 0 4px #e6efff}.wfm-signal-board i.green{background:#0aaf78;box-shadow:0 0 0 4px #dff7ee}.wfm-signal-board i.violet{background:#7657ed;box-shadow:0 0 0 4px #eeeaff}.wfm-signal-board i.amber{background:#e99a15;box-shadow:0 0 0 4px #fff2da}.wfm-signal-board small{font-size:7px;color:#8792a5}.wfm-signal-board b{font-size:9px;color:#102349}
@media(max-width:1080px){.wfm-story>span{display:inline-flex}.wfm-view-tabs{margin-inline:auto}.wfm-capability-chips{justify-content:center;margin-top:18px}.wfm-flow{margin-top:20px}.wfm-showcase-section:before{opacity:.55}}
@media(max-width:760px){.wfm-capability-chips{display:grid;grid-template-columns:1fr 1fr}.wfm-capability-chips span{justify-content:center}.wfm-flow{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wfm-flow>i{display:none}.wfm-flow span{padding:8px;border:1px solid #dce5f1;border-radius:9px;background:#fff}.wfm-livebar{grid-template-columns:1fr auto}.wfm-livebar small{display:none}.wfm-windowbar small{display:none}.wfm-kpis article{grid-template-columns:36px 1fr}.wfm-signal-board{grid-template-columns:1fr 1fr}.wfm-signal-board span:nth-child(2){border-right:0}.wfm-signal-board span:nth-child(-n+2){border-bottom:1px solid #e2e8f1}.wfm-ready{grid-template-columns:1fr auto}.wfm-ready small{grid-column:1/-1}.wfm-pillars strong{font-size:11px}}

/* WFM mirrors the NAVIK HR Suite visual system */
body[data-route="/"] main>.wfm-showcase-section{position:relative;isolation:isolate;overflow:hidden;padding-block:86px;background:#071033!important;color:#fff;border-color:#242f5a}
body[data-route="/"] main>.wfm-showcase-section:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-240px;top:-230px;border:1px solid #293662;border-radius:50%;box-shadow:none}
body[data-route="/"] main>.wfm-showcase-section:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;left:-105px;bottom:-85px;border:1px solid #24315d;border-radius:50%}
.wfm-showcase{display:block;width:min(1380px,calc(100% - 48px))}
.wfm-story{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);grid-template-rows:auto auto auto;gap:0 90px;max-width:none;margin:0;text-align:left}
.wfm-story>span{grid-column:1;grid-row:1;display:block;margin:0 0 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#73d8eb;font-size:10px;font-weight:800;letter-spacing:.15em}
.wfm-story>span:before{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4f9cff;box-shadow:none}
.wfm-story>h2{grid-column:1;grid-row:2/4;max-width:650px;margin:0;color:#fff;font-size:clamp(50px,5vw,72px);line-height:1.02;letter-spacing:-.05em}.wfm-story>h2 mark{color:#58a0ff;background:none}
.wfm-story>p{grid-column:2;grid-row:2;max-width:620px;margin:0 0 25px;padding-left:24px;border-left:2px solid #39bfd8;color:#aeb9d3;font-size:16px;line-height:1.8}
.wfm-view-tabs{grid-column:2;grid-row:3;align-self:start;width:max-content;margin:0;padding:5px;border:1px solid #2c375f;border-radius:11px;background:#172039}
.wfm-view-tabs button{min-width:145px;padding:10px 14px;color:#7f8ba7}.wfm-view-tabs button.active{border-color:transparent;background:#293755;color:#63a7ff;box-shadow:inset 0 0 0 1px #35466c}
.wfm-actions{grid-column:2;grid-row:4;display:flex;gap:10px;margin-top:14px}.wfm-actions .button{width:auto;min-width:190px}.wfm-actions .button-secondary{border-color:#35436e;background:#101a3e;color:#dce5f8}
.wfm-pillars{grid-column:1/-1;grid-row:5;grid-template-columns:repeat(4,1fr);margin:48px 0 0;border:1px solid #303a63;border-radius:14px;background:#0b1538;box-shadow:none}
.wfm-pillars>div,.wfm-pillars:after{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 11px;padding:18px 20px;text-align:left;border-right:1px solid #303a63;background:transparent}.wfm-pillars>div:hover{transform:none;background:#101b43}.wfm-pillars>div:nth-child(3){border-right:1px solid #303a63}.wfm-pillars:after{content:"Payroll-ready data\A Reviewed attendance for downstream payroll";align-content:center;border-right:0;color:#dbe3f4;font-size:11px;font-weight:800;white-space:pre;line-height:1.75}.wfm-pillars:after:first-line{color:#dbe3f4}
.wfm-pillars svg{grid-row:1/3;width:26px;height:26px;margin:auto;padding:0;border-radius:0;background:transparent;color:#76a8ff}.wfm-pillars strong{color:#dbe3f4;font-size:11px}.wfm-pillars small{margin-top:3px;color:#74809d;font-size:9px}
.wfm-flow{display:none}
.wfm-dashboard{margin-top:30px;border:1px solid #cfd9e7;border-radius:18px;background:#fff;box-shadow:0 32px 75px rgba(0,0,0,.27);overflow:hidden}
.wfm-windowbar{height:60px;padding:0 20px;border-bottom:1px solid #e7ebf2;background:#fff}.wfm-windowbar strong{color:var(--navy);font-size:11px}.wfm-windowbar small{color:#98a3b5}.wfm-windowbar em{background:#e3f7f0;color:#087f5b}
.wfm-app{grid-template-columns:104px 1fr;min-height:500px}.wfm-main{padding:26px;background:#f7f9fc}.wfm-livebar{margin:-5px -5px 20px;border-color:#d7e3f2;background:#fff}
.wfm-kpis article,.wfm-dashboard-grid>article{background:#fff;border-color:#d8e1ed}.wfm-ready{background:#fff;border-color:#d5deea}
@media(max-width:1050px){.wfm-story{display:block;text-align:center}.wfm-story>h2{margin-inline:auto}.wfm-story>p{margin:25px auto;padding:0;border:0}.wfm-view-tabs{margin-inline:auto}.wfm-actions{justify-content:center}.wfm-pillars{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body[data-route="/"] main>.wfm-showcase-section{padding-block:68px}.wfm-showcase{width:min(100% - 28px,var(--container))}.wfm-story>h2{font-size:44px}.wfm-actions{display:grid}.wfm-actions .button{width:100%}.wfm-pillars{grid-template-columns:1fr}.wfm-pillars>div,.wfm-pillars:after{border-right:0;border-bottom:1px solid #303a63}.wfm-pillars:after{border-bottom:0}.wfm-dashboard{overflow-x:auto}.wfm-app,.wfm-windowbar{min-width:760px}}

/* Homepage WFM — light product showcase */
body[data-route="/"] main>.wfm-showcase-section{position:relative;z-index:1;padding-block:92px;background:#f8fafc!important;color:var(--ink)!important}
body[data-route="/"] main>.wfm-showcase-section:before{width:380px;height:380px;right:-210px;top:80px;border-color:#dce7f5;box-shadow:0 0 0 65px rgba(228,236,248,.35),0 0 0 130px rgba(238,243,250,.42)}
body[data-route="/"] main>.wfm-showcase-section:after{border-color:#dce7f5}
.wfm-story>span{color:#2771ee}.wfm-story>span:before{background:#5f9cff;box-shadow:0 0 0 4px #e7f0ff}
.wfm-story>h2{color:#07152b}.wfm-story>h2 mark{color:#3679ef}.wfm-story>p{border-left-color:#4f8df5;color:#65748d}
.wfm-view-tabs{border-color:#dce4ef;background:#eef2f7}.wfm-view-tabs button{color:#708099}.wfm-view-tabs button.active{border-color:#dbe4f0;background:#fff;color:#1760df;box-shadow:0 6px 16px rgba(0,6,61,.08)}
.wfm-actions .button-secondary{border-color:#d5dfec;background:#fff;color:#102349}
.wfm-capability-chips span{border-color:#dce5f0;background:#fff;color:#53627a}
.wfm-pillars{border-color:#d8e2ef;background:#fff;box-shadow:0 14px 34px rgba(0,6,61,.055)}
.wfm-pillars>div,.wfm-pillars:after{border-color:#dfe6ef;background:#fff}.wfm-pillars>div:hover{background:#f6f9fe}.wfm-pillars>div:nth-child(3){border-color:#dfe6ef}.wfm-pillars:after{color:#102349}.wfm-pillars svg{color:#3679ef}.wfm-pillars strong{color:#102349}.wfm-pillars small{color:#75839a}
.wfm-dashboard{border-color:#ccd8e7;background:#fff;box-shadow:0 28px 70px rgba(0,6,61,.14)}
@media(max-width:650px){.wfm-pillars>div,.wfm-pillars:after{border-color:#dfe6ef}.wfm-story>p{color:#65748d}}

/* Match WFM dashboard construction to the HR Suite workspace */
.wfm-dashboard{position:relative;width:100%;margin-top:30px;border:1px solid #cfd9e7;border-radius:18px;background:#fff;box-shadow:0 30px 75px rgba(0,6,61,.14);overflow:hidden}
.wfm-windowbar{height:66px;padding:0 22px;border:0;border-bottom:1px solid #e5eaf1;border-radius:18px 18px 0 0;background:#fff}
.wfm-windowbar>span{padding-right:4px}.wfm-windowbar strong{font-size:12px;color:#0c1b36}.wfm-windowbar small{margin-left:4px;color:#8793a6;font-size:8px}.wfm-windowbar em{padding:7px 11px 7px 24px;border:1px solid #ccebdd;background:#edfbf5;color:#087f5b}
.wfm-app{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:520px;background:#f7f9fc}
.wfm-app aside{padding:18px 9px;background:#0d1a31}.wfm-app aside>b{width:34px;height:34px;margin-bottom:23px;border-radius:10px;background:#2468ff}.wfm-app aside span{min-height:42px;padding:9px 7px;border-radius:8px;font-size:7px}.wfm-app aside span svg{width:15px;height:15px}
.wfm-main{padding:24px 28px 27px;background:#f7f9fc}.wfm-main>header{padding:2px 2px 0}.wfm-main>header h3{font-size:21px}.wfm-main>header button{padding:9px 12px;border-color:#d5deea;border-radius:8px}
.wfm-livebar{min-height:46px;margin:0 0 18px;padding:10px 14px;border-radius:11px;box-shadow:0 6px 16px rgba(0,6,61,.035)}
.wfm-kpis{gap:13px;margin:17px 0 13px}.wfm-kpis article{min-height:92px;padding:16px;border-radius:11px}.wfm-kpis small{font-size:7.5px}.wfm-kpis strong{font-size:14px}.wfm-kpis span{font-size:7.5px}
.wfm-signal-board{margin:0 0 13px;border-radius:11px}.wfm-signal-board span{min-height:54px;padding:11px 14px}
.wfm-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr);gap:13px}.wfm-dashboard-grid>article{min-height:230px;padding:17px;border-radius:11px}.wfm-dashboard-grid header b{font-size:10px}.wfm-ready{min-height:50px;margin-top:13px;padding:12px 15px;border-radius:11px}
.wfm-view-tabs{box-shadow:0 7px 18px rgba(0,6,61,.045)}
@media(max-width:1050px){.wfm-dashboard{max-width:1050px;margin-inline:auto}.wfm-app{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:760px){.wfm-dashboard{overflow-x:auto;border-radius:16px}.wfm-windowbar,.wfm-app{min-width:780px}.wfm-main{padding:22px}.wfm-dashboard-grid{grid-template-columns:1.25fr .85fr}}

/* WFM application header */
.wfm-windowbar{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,1.5fr) minmax(230px,.8fr);gap:24px;align-items:center}
.wfm-brand{display:flex;align-items:center;gap:9px;min-width:0}.wfm-brand img{width:32px;height:32px;object-fit:contain}.wfm-brand strong{color:#00063d;font-size:15px}.wfm-brand>i{width:1px;height:22px;background:#d8e0eb}.wfm-brand small{color:#53647e;font-size:9px;white-space:nowrap}
.wfm-search{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border:1px solid #cfd9e7;border-radius:8px;background:#f8fafc}.wfm-search svg{width:15px;height:15px;fill:none;stroke:#7a8ca6;stroke-width:1.7}.wfm-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#102349;font:inherit;font-size:9px}.wfm-search input::placeholder{color:#8a98ad}.wfm-search kbd{padding:4px 6px;border:1px solid #d4dce8;border-radius:5px;background:#fff;color:#7d8ba0;font:inherit;font-size:8px}
.wfm-user-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px}.wfm-notification{position:relative;display:grid;place-items:center;width:35px;height:35px;border:1px solid #d3dce8;border-radius:8px;background:#fff}.wfm-notification svg{width:17px;height:17px;fill:none;stroke:#506682;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wfm-notification i{position:absolute;right:7px;top:6px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#e64f55}.wfm-user-tools>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#00063d;color:#fff;font-size:8px;font-weight:800}.wfm-user-tools>div strong,.wfm-user-tools>div small{display:block}.wfm-user-tools>div strong{color:#102349;font-size:8px}.wfm-user-tools>div small{margin-top:2px;color:#8390a4;font-size:7px}
.wfm-app aside>span:first-of-type{margin-top:2px}
.wfm-livebar{display:none!important}
.wfm-main>header{padding-top:0}
.wfm-main>header h3{display:block!important;margin-top:4px!important;color:#07152b!important;opacity:1!important;visibility:visible!important}
@media(max-width:900px){.wfm-windowbar{grid-template-columns:190px 1fr auto}.wfm-user-tools>div{display:none}}

/* Redesigned WFM operations dashboard */
@media(max-width:980px){.wfm-app{min-height:700px}}

/* Full workforce dashboard sidebar */
.wfm-app{grid-template-columns:118px minmax(0,1fr)}.wfm-app aside{display:flex;flex-direction:column;gap:3px;padding:13px 8px 15px;background:#20252a}.wfm-side-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:53px;padding:7px 5px;border:0;border-radius:8px;background:transparent;color:#fff;font-family:inherit;cursor:pointer;transition:background .18s ease,transform .18s ease}.wfm-side-link:hover{background:#30363c;transform:translateY(-1px)}.wfm-side-link.active{background:#44484d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.wfm-side-link svg{width:18px;height:18px;color:#5ea2ff}.wfm-side-link span{max-width:94px;color:#fff;font-size:8px;font-weight:800;line-height:1.05;text-align:center}.wfm-side-link.violet svg{color:#a77aff}.wfm-side-link.indigo svg{color:#7d89ff}.wfm-side-link.yellow svg{color:#ffd000}.wfm-side-link.pink svg{color:#ff5b78}.wfm-side-link.orange svg{color:#ff8a1f}.wfm-side-link.gold svg{color:#ffbf22}.wfm-side-link.teal svg{color:#24c9ae}.wfm-side-link.white svg{color:#fff}
@media(max-width:1050px){.wfm-app{grid-template-columns:110px minmax(0,1fr)}}

/* Workforce overview dashboard */
.wfm-overview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wfm-overview-head h3{margin:0;color:#07152b;font-size:19px}.wfm-overview-head label{display:flex;align-items:center;gap:9px;color:#526178;font-size:9px}.wfm-overview-head select,.wfm-overview-grid select{min-width:150px;padding:8px 28px 8px 10px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#172641;font:inherit;font-size:8px}
.wfm-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wfm-overview-grid>article{min-height:235px;border:1px solid #d5dde8;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(0,6,61,.025)}.wfm-overview-grid article>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 14px;border-bottom:1px solid #e1e6ee}.wfm-overview-grid article>header>div{display:flex;align-items:center;gap:9px}.wfm-overview-grid article>header svg{width:17px;height:17px;color:#1760df}.wfm-overview-grid article>header b{color:#0762f4;font-size:11px}.wfm-overview-grid article>header span b,.wfm-overview-grid article>header span small{display:block}.wfm-overview-grid article>header span small{margin-top:2px;color:#718098;font-size:7px}.wfm-overview-grid article>header button{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #1760df;border-radius:999px;background:#fff;color:#1760df;font-size:7px}.wfm-overview-grid article>header button svg{width:10px;height:10px}
.weekly-progress{padding:13px 14px 0}.weekly-progress span{display:flex;justify-content:space-between;color:#596980;font-size:8px}.weekly-progress span b{color:#07966a}.weekly-progress>i{display:block;height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#f0f2f6}.weekly-progress em{display:block;width:33%;height:100%;background:#168b5c}.attendance-chart{display:flex;align-items:end;justify-content:space-around;height:120px;margin:10px 14px 0;padding:10px 8px 20px;border-top:1px solid #edf0f4;border-bottom:1px solid #cfd7e3;background:#fff}.attendance-chart span{position:relative;display:flex;align-items:end;justify-content:center;width:12%;height:100%;border-bottom:1px solid #e8edf3}.attendance-chart i{width:20px;height:var(--h);min-height:2px;border-radius:5px 5px 0 0;background:#ee9b20}.attendance-chart b{position:absolute;bottom:calc(var(--h) + 4px);font-size:7px}.attendance-chart small{position:absolute;bottom:-17px;color:#69778c;font-size:7px}
.overview-distribution header{display:grid!important;justify-content:stretch!important;gap:9px}.overview-distribution header select{min-width:0;width:150px}.overview-donut-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:8px;padding:12px}.overview-donut-wrap svg{width:145px;height:145px;transform:rotate(-90deg)}.overview-donut-wrap circle{fill:none;stroke:#edf1f6;stroke-width:6}.overview-donut-wrap .seg{stroke-width:7;stroke-linecap:round}.overview-donut-wrap .sales{stroke:#4aa0dc;stroke-dasharray:36 64}.overview-donut-wrap .ecommerce{stroke:#62c5b2;stroke-dasharray:25 75;stroke-dashoffset:-38}.overview-donut-wrap .marketing{stroke:#f6ad5d;stroke-dasharray:14 86;stroke-dashoffset:-65}.overview-donut-wrap .accounts{stroke:#f1847e;stroke-dasharray:10 90;stroke-dashoffset:-81}.overview-donut-wrap .admin{stroke:#9475e8;stroke-dasharray:8 92;stroke-dashoffset:-93}.distribution-key{display:grid;gap:8px}.distribution-key span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;color:#5e6d83;font-size:7px}.distribution-key i{width:7px;height:7px;border-radius:2px;background:#4aa0dc}.distribution-key span:nth-child(2) i{background:#62c5b2}.distribution-key span:nth-child(3) i{background:#f6ad5d}.distribution-key span:nth-child(4) i{background:#f1847e}.distribution-key span:nth-child(5) i{background:#9475e8}.distribution-key b{color:#172641;font-size:7px}
.policy-row{display:grid;grid-template-columns:34px 1fr auto 28px;align-items:center;gap:9px;margin:15px;padding:13px;border:1px solid #dbe3ed;border-radius:8px}.policy-row>svg{width:18px;height:18px;padding:8px;border-radius:50%;box-sizing:content-box;background:#e8f2ff;color:#1760df}.policy-row span b,.policy-row span small{display:block}.policy-row span b{font-size:8px}.policy-row span small{margin-top:3px;color:#738198;font-size:7px}.policy-row em{padding:3px 6px;border-radius:999px;background:#1760df;color:#fff;font-size:6px;font-style:normal}.policy-row button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d9e2ed;border-radius:50%;background:#fff}.policy-row button svg{width:11px;height:11px}.policy-status{display:flex;align-items:center;justify-content:space-between;margin:0 15px;padding:10px;border-top:1px solid #edf0f4}.policy-status span{display:flex;align-items:center;gap:5px;color:#07966a;font-size:7px;font-weight:800}.policy-status svg{width:12px;height:12px}.policy-status small{color:#8290a4;font-size:7px}
.leave-tabs{display:flex;border-bottom:1px solid #d9e0ea}.leave-tabs span{padding:9px 14px;color:#1760df;font-size:8px}.leave-tabs span.active{border-right:1px solid #d9e0ea;background:#f8fafc;color:#172641}.apply-leave{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 28px);margin:12px 14px;padding:9px;border:0;border-radius:5px;background:#1760df;color:#fff;font-size:9px}.apply-leave svg{width:13px;height:13px}.overview-leave>small{display:block;margin:0 14px 7px;color:#53637b;font-size:6px;font-weight:800;letter-spacing:.08em}.leave-balance{padding:0 14px}.leave-balance span{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #edf0f4;color:#172641;font-size:7px}.leave-balance svg{width:14px;height:14px;color:#1760df}.leave-balance b{font-size:7px}
.overview-requests>em{display:inline-block;margin:10px 14px 0;padding:3px 7px;border-radius:999px;background:#697586;color:#fff;font-size:6px;font-style:normal}.request-list{padding:8px 14px}.request-list span{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e3e8ef}.request-list>span>svg{width:16px;height:16px;padding:7px;border-radius:8px;box-sizing:content-box;background:#edf1f5;color:#6f7d91}.request-list b,.request-list small{display:block}.request-list b{font-size:8px}.request-list small{margin-top:3px;color:#7c899c;font-size:6px;font-weight:400}.request-list i{padding:4px 6px;border-radius:999px;background:#eef3f8;color:#5d6d83;font-size:6px;font-style:normal;font-weight:800}
.overview-premise header>div{display:flex;align-items:center;gap:7px}.overview-premise header>div button{padding:2px;border:0}.overview-premise header>div span{display:flex;align-items:center;gap:4px;color:#172641;font-size:7px}.overview-premise>select{margin:12px 14px}.premise-totals{display:grid;grid-template-columns:1fr 1fr;padding:8px 14px}.premise-totals span{color:#65738a;font-size:7px}.premise-totals span:last-child{text-align:right}.premise-totals b{display:block;margin-top:5px;color:#07152b;font-size:14px}.premise-bar{height:9px;margin:13px 14px 9px;overflow:hidden;border-radius:999px;background:#edf1f5}.premise-bar i{display:block;width:45%;height:100%;background:#5b9fe1}.overview-premise footer{display:flex;justify-content:space-between;padding:0 14px}.overview-premise footer span,.overview-premise footer b{padding:4px 6px;border:1px solid #dbe3ed;border-radius:5px;font-size:6px}
@media(max-width:1100px){.wfm-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wfm-app{min-height:850px}}

/* Readable typography for the WFM product workspace. */
.wfm-dashboard{font-family:'DM Sans',Arial,sans-serif}.wfm-brand small{font-size:10px;font-weight:650}.wfm-search input{font-size:10.5px}.wfm-search kbd{font-size:9px}.wfm-user-tools>div strong{font-size:9.5px}.wfm-user-tools>div small{font-size:8px}.wfm-side-link{min-height:59px}.wfm-side-link span{font-size:9.5px;line-height:1.25}.wfm-side-link svg{width:19px;height:19px}.wfm-overview-head h3{font-size:23px;line-height:1.2}.wfm-overview-head label{font-size:10px;font-weight:650}.wfm-overview-head select,.wfm-overview-grid select{font-size:9.5px}.wfm-overview-grid article>header b{font-size:12px;line-height:1.3}.wfm-overview-grid article>header span small{font-size:8.5px;line-height:1.35}.wfm-overview-grid article>header button{min-height:28px;font-size:8.5px;font-weight:750}.weekly-progress span{font-size:9px}.attendance-chart small{font-size:8px}.wfm-dashboard .attendance-chart span:before{font-size:7.5px}.distribution-key span{font-size:8.5px;line-height:1.35}.distribution-key b{font-size:8.5px}.policy-row span b{font-size:9.5px;line-height:1.35}.policy-row span small{font-size:8px;line-height:1.35}.policy-row em{font-size:7.5px}.policy-status span,.policy-status small{font-size:8px}.leave-tabs span{font-size:9px}.apply-leave{min-height:34px;font-size:9.5px;font-weight:750}.overview-leave>small{font-size:7.5px}.leave-balance span,.leave-balance b{font-size:8.5px}.overview-requests>em{font-size:7.5px}.request-list b{font-size:9.5px;line-height:1.35}.request-list small{font-size:8px;line-height:1.35}.request-list i{font-size:7.5px}.overview-premise header>div span{font-size:8.5px}.premise-totals span{font-size:8.5px}.premise-totals b{font-size:16px}.overview-premise footer span,.overview-premise footer b{font-size:7.5px}
@media(max-width:1100px){.wfm-side-link span{font-size:9px}.wfm-overview-grid article>header b{font-size:11.5px}.request-list b,.policy-row span b{font-size:9px}}

/* Workforce employee overview */
.employee-overview-grid>article{min-height:260px}.overview-weekly header{min-height:58px}.weekly-summary-cards{display:grid;gap:10px;padding:12px}.weekly-summary-cards section{display:flex;align-items:center;gap:11px;padding:13px;border-radius:8px}.weekly-summary-cards section>svg{width:17px;height:17px}.weekly-summary-cards span small,.weekly-summary-cards span b,.weekly-summary-cards span em{display:block}.weekly-summary-cards span small{font-size:7px;font-weight:800}.weekly-summary-cards span b{margin-top:3px;color:#08234c;font-size:11px}.weekly-summary-cards span em{margin-top:2px;color:#526178;font-size:7px;font-style:normal}.days-card{background:#dceaff;color:#135bbd}.shift-card{background:#dff1ea;color:#075b42}.weekly-summary-cards>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weekly-summary-cards .pending-card{background:#fff1c9;color:#7f5b00}.weekly-summary-cards .approved-card{background:#dff1ea;color:#075b42}.employee-requests>em{background:#0b8d5c}.employee-requests .request-list span{padding-block:12px}.employee-requests .request-list i{background:#e1f4eb;color:#087f5b}.employee-policies{grid-column:2/3}.employee-policies .policy-list{max-height:205px;overflow:auto;padding:2px 0 10px}.employee-policies .policy-row{margin:10px 14px}.employee-overview-grid .overview-leave{grid-column:1/2}
@media(max-width:1100px){.employee-policies,.employee-overview-grid .overview-leave{grid-column:auto}}

/* Fill the complete Attendance & Timesheet card */
.wfm-overview-grid .overview-attendance{display:grid;grid-template-rows:auto auto minmax(175px,1fr)}
.wfm-overview-grid .overview-attendance .attendance-chart{align-self:stretch;height:auto;min-height:175px;margin-bottom:14px;padding-top:18px}
.wfm-overview-grid .overview-attendance .attendance-chart span{min-height:125px}
.wfm-overview-grid .overview-attendance .weekly-progress{padding-top:15px;padding-bottom:4px}
@media(max-width:760px){.wfm-overview-grid .overview-attendance{grid-template-rows:auto auto 190px}.wfm-overview-grid .overview-attendance .attendance-chart{min-height:190px}}

/* Complete seven-day attendance bars */
.attendance-chart span>b{display:none}.attendance-chart span:before{content:var(--hours);position:absolute;bottom:calc(var(--h) + 5px);color:#34445c;font-size:6px;font-weight:800;white-space:nowrap}
.attendance-chart span:nth-child(1){--h:48%!important;--hours:"5h 20m"}.attendance-chart span:nth-child(2){--h:82%!important;--hours:"9h 05m"}.attendance-chart span:nth-child(3){--h:68%!important;--hours:"7h 30m"}.attendance-chart span:nth-child(4){--h:76%!important;--hours:"8h 15m"}.attendance-chart span:nth-child(5){--h:64%!important;--hours:"7h 05m"}.attendance-chart span:nth-child(6){--h:72%!important;--hours:"8h 00m"}.attendance-chart span:nth-child(7){--h:36%!important;--hours:"4h 10m"}
.attendance-chart span:nth-child(1) i{background:#efaa33}.attendance-chart span:nth-child(2) i{background:#ee9418}.attendance-chart span:nth-child(3) i{background:#f1a52d}.attendance-chart span:nth-child(4) i{background:#e98b17}.attendance-chart span:nth-child(5) i{background:#f0a027}.attendance-chart span:nth-child(6) i{background:#e9931b}.attendance-chart span:nth-child(7) i{background:#f2b54e}

/* Compact WFM section spacing */
body[data-route="/"] main>.wfm-showcase-section{padding-top:62px!important;padding-bottom:66px!important}
.wfm-story{gap:0 68px}.wfm-story>span{margin-bottom:14px}.wfm-story>p{margin-bottom:18px;line-height:1.65}.wfm-actions{margin-top:10px}
.wfm-capability-chips{display:none!important}.wfm-pillars{grid-row:5!important;margin-top:30px!important}.wfm-dashboard{margin-top:22px!important}
@media(max-width:1050px){body[data-route="/"] main>.wfm-showcase-section{padding-block:58px!important}.wfm-story>p{margin-block:18px}.wfm-pillars{margin-top:26px!important}}
@media(max-width:650px){body[data-route="/"] main>.wfm-showcase-section{padding-block:46px!important}.wfm-story>span{margin-bottom:12px}.wfm-pillars{margin-top:22px!important}.wfm-dashboard{margin-top:18px!important}}

/* Match WFM intro alignment to the HR Suite editorial header */
.wfm-story{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);grid-template-rows:auto auto auto;gap:0 90px;max-width:none;margin:0;text-align:left}.wfm-story>span{grid-column:1;grid-row:1;margin-bottom:20px}.wfm-story>h2{grid-column:1;grid-row:2/4;max-width:650px;margin:0;font-size:clamp(50px,5vw,72px)}.wfm-story>p{grid-column:2;grid-row:2;max-width:620px;margin:0 0 25px;padding-left:24px;border-left:2px solid #4f8df5;font-size:16px}.wfm-story>.wfm-actions{grid-column:2;grid-row:3;display:flex;align-items:start;gap:10px;margin:0}.wfm-story>.wfm-actions .button{width:auto;min-width:190px}.wfm-view-tabs{margin:28px 0 0 auto}.wfm-pillars{margin-top:18px!important}
@media(max-width:1050px){.wfm-story{display:block;text-align:center}.wfm-story>h2{margin-inline:auto}.wfm-story>p{margin:25px auto;padding:0;border:0}.wfm-story>.wfm-actions{justify-content:center}.wfm-view-tabs{margin:25px auto 0}}
@media(max-width:650px){.wfm-story>h2{font-size:44px}.wfm-story>.wfm-actions{display:grid}.wfm-story>.wfm-actions .button{width:100%}}

/* Remove stretched whitespace in WFM intro's right column */
.wfm-story{align-items:start}.wfm-story>p{align-self:start;min-height:0}.wfm-story>.wfm-actions{position:relative;transform:translateY(-34px)}
@media(max-width:1050px){.wfm-story>.wfm-actions{transform:none}}

/* Readable compact navbar */
.site-header.compact{height:68px!important}.site-header.compact .nav{gap:23px}.site-header.compact .brand{gap:10px;font-size:17px}.site-header.compact .brand img{width:48px;height:48px}.site-header.compact .brand:after{height:29px}.site-header.compact .nav-link,.site-header.compact .nav-links>li>a{min-height:36px;padding:8px 11px;font-size:13px}.site-header.compact .nav-actions .login{font-size:13px}.site-header.compact .nav-actions .button{min-height:40px;padding:8px 15px;font-size:13px}.site-header.compact .mega{top:calc(100% + 10px)}
@media(max-width:1100px){.site-header.compact{height:64px!important}.site-header.compact .brand img{width:46px;height:46px}.site-header.compact .menu-button{width:42px;height:42px}.site-header.compact .nav-links.open{top:64px}}
@media(max-width:760px){.site-header.compact{height:64px!important}.site-header.compact .brand{font-size:16px}}

/* Keep the navigation substantial and readable after the page is scrolled. */
@media(min-width:1101px){
  .site-header.compact{height:76px!important}
  .site-header.compact .nav{gap:24px}
  .site-header.compact .brand{gap:11px;font-size:17px}
  .site-header.compact .brand img{width:52px;height:52px}
  .site-header.compact .brand:after{height:31px}
  .site-header.compact .nav-link,.site-header.compact .nav-links>li>a{min-height:44px;padding:10px 12px;font-size:14px}
  .site-header.compact .nav-actions .login{font-size:14px;padding-block:9px}
  .site-header.compact .nav-actions .button{min-height:44px;padding:10px 16px;font-size:14px}
}
@media(min-width:761px) and (max-width:1100px){
  .site-header.compact{height:70px!important}
  .site-header.compact .brand img{width:50px;height:50px}
  .site-header.compact .menu-button{width:44px;height:44px}
  .site-header.compact .nav-links.open{top:70px}
}

/* Homepage payroll story */
body[data-route="/"] main>.payroll-showcase-section{position:relative;z-index:1;padding-block:88px;background:#08142c;color:#fff;overflow:hidden}.payroll-showcase{width:min(1380px,calc(100% - 48px))}.payroll-story{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);grid-template-rows:auto auto auto;gap:0 90px}.payroll-story>span{grid-column:1;grid-row:1;margin-bottom:20px;color:#73d8eb;font-size:10px;font-weight:800;letter-spacing:.15em}.payroll-story>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4f9cff}.payroll-story>h2{grid-column:1;grid-row:2/4;max-width:650px;margin:0;color:#fff;font-size:clamp(50px,5vw,72px);line-height:1.02;letter-spacing:-.05em}.payroll-story>h2 mark{background:none;color:#58a0ff}.payroll-story>p{grid-column:2;grid-row:2;max-width:620px;margin:0 0 25px;padding-left:24px;border-left:2px solid #39bfd8;color:#aeb9d3;font-size:16px;line-height:1.75}.payroll-actions{grid-column:2;grid-row:3;display:flex;gap:10px}.payroll-actions .button{width:auto;min-width:190px}.payroll-actions .button-secondary{border-color:#35436e;background:#101a3e;color:#fff}.payroll-pillars{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border:1px solid #303a63;border-radius:14px;background:#0b1538;overflow:hidden}.payroll-pillars>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 11px;padding:18px 20px;border-right:1px solid #303a63}.payroll-pillars>div:last-child{border:0}.payroll-pillars svg{grid-row:1/3;width:26px;height:26px;margin:auto;color:#76a8ff}.payroll-pillars strong,.payroll-pillars small{display:block}.payroll-pillars strong{color:#dbe3f4;font-size:11px}.payroll-pillars small{margin-top:3px;color:#74809d;font-size:9px}
.payroll-workspace{margin-top:30px;border:1px solid #cfd9e7;border-radius:18px;background:#fff;box-shadow:0 32px 75px rgba(0,0,0,.28);overflow:hidden;color:#111936}.payroll-appbar{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,1.5fr) minmax(190px,.8fr);align-items:center;gap:24px;height:66px;padding:0 22px;border-bottom:1px solid #e4e9f0}.payroll-appbar>div{display:flex;align-items:center;gap:9px}.payroll-appbar img{width:32px;height:32px;object-fit:contain}.payroll-appbar strong{color:#00063d;font-size:15px}.payroll-appbar>div i{width:1px;height:22px;background:#d8e0eb}.payroll-appbar small{color:#53647e;font-size:9px}.payroll-appbar label{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px;border:1px solid #cfd9e7;border-radius:8px;background:#f8fafc}.payroll-appbar label svg{width:15px;height:15px;color:#7a8ca6}.payroll-appbar label span{flex:1;color:#8a98ad;font-size:9px}.payroll-appbar kbd{padding:4px 6px;border:1px solid #d4dce8;border-radius:5px;background:#fff;color:#7d8ba0;font:inherit;font-size:8px}.payroll-appbar>em{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#087f5b;font-size:8px;font-style:normal;font-weight:800}.payroll-appbar>em svg{width:14px;height:14px}
.payroll-canvas{display:grid;grid-template-columns:112px 1fr;min-height:520px;background:#f7f9fc}.payroll-canvas>aside{display:flex;flex-direction:column;gap:5px;padding:16px 9px;background:#0d1a31}.payroll-canvas>aside span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;border-radius:8px;color:#a7b2c7;font-size:7px;font-weight:700}.payroll-canvas>aside span.active{background:#173761;color:#fff}.payroll-canvas>aside svg{width:16px;height:16px}.payroll-canvas>main{padding:25px 28px}.payroll-canvas>main>header{display:flex;align-items:center;justify-content:space-between}.payroll-canvas>main>header small{color:#74839a;font-size:8px;letter-spacing:.1em}.payroll-canvas>main>header h3{margin:3px 0 0;color:#07152b;font-size:21px}.payroll-canvas>main>header>div:last-child{display:flex;align-items:center;gap:8px}.payroll-canvas>main>header span{padding:6px 9px;border-radius:999px;background:#fff1d8;color:#ad6d00;font-size:7px;font-weight:800}.payroll-canvas>main>header button{display:flex;align-items:center;gap:6px;padding:9px 12px;border:0;border-radius:8px;background:#1760df;color:#fff;font-size:8px;font-weight:800}.payroll-canvas>main>header button svg{width:12px;height:12px}
.payroll-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.payroll-kpis article{padding:14px;border:1px solid #d8e1ed;border-radius:10px;background:#fff}.payroll-kpis small,.payroll-kpis strong,.payroll-kpis span{display:block}.payroll-kpis small{color:#8190a4;font-size:7px}.payroll-kpis strong{margin:4px 0;color:#102349;font-size:11px}.payroll-kpis span{color:#708097;font-size:7px}.payroll-grid{display:grid;grid-template-columns:1.4fr .75fr;gap:12px}.payroll-grid>article{min-height:225px;padding:15px;border:1px solid #d8e1ed;border-radius:11px;background:#fff}.payroll-grid article>header{display:flex;justify-content:space-between;margin-bottom:13px}.payroll-grid header b{font-size:10px}.payroll-grid header small{color:#8290a3;font-size:7px}.payroll-table>span{display:grid;grid-template-columns:1.15fr .8fr .8fr .55fr;align-items:center;gap:8px;padding:9px;border-top:1px solid #e7ebf1}.payroll-table>span:first-child{border:0;border-radius:6px;background:#f2f5f9}.payroll-table b{color:#718097;font-size:6px}.payroll-table strong,.payroll-table em,.payroll-table small,.payroll-table i{font-size:7px}.payroll-table strong{color:#172641}.payroll-table em{color:#087f5b;font-style:normal}.payroll-table small{color:#65748b}.payroll-table i{padding:3px 5px;border-radius:999px;background:#e5f6ef;color:#087f5b;font-style:normal;text-align:center}.payroll-cycle>div{display:grid;gap:8px}.payroll-cycle>div span{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:9px;border:1px solid #e1e7ef;border-radius:7px;color:#53627a;font-size:7px}.payroll-cycle svg{width:14px;height:14px;color:#1760df}.payroll-cycle span b{font-size:7px;color:#102349}.payroll-ready{display:flex;align-items:center;gap:11px;margin-top:12px;padding:11px 13px;border:1px solid #cbdcf7;border-radius:10px;background:#edf4ff}.payroll-ready>svg{width:17px;height:17px;color:#1760df}.payroll-ready>div{flex:1}.payroll-ready strong,.payroll-ready small{display:block}.payroll-ready strong{font-size:8px}.payroll-ready small{color:#6d7b91;font-size:7px}.payroll-ready>span{padding:5px 8px;border-radius:999px;background:#dff5eb;color:#087f5b;font-size:7px;font-weight:800}
@media(max-width:1050px){.payroll-story{display:block;text-align:center}.payroll-story>h2{margin-inline:auto}.payroll-story>p{margin:25px auto;padding:0;border:0}.payroll-actions{justify-content:center}.payroll-pillars{grid-template-columns:1fr 1fr}.payroll-workspace{overflow-x:auto}.payroll-appbar,.payroll-canvas{min-width:900px}}
@media(max-width:650px){body[data-route="/"] main>.payroll-showcase-section{padding-block:58px}.payroll-showcase{width:min(100% - 28px,var(--container))}.payroll-story>h2{font-size:44px}.payroll-actions{display:grid}.payroll-actions .button{width:100%}.payroll-pillars{grid-template-columns:1fr}.payroll-pillars>div{border-right:0;border-bottom:1px solid #303a63}.payroll-pillars>div:last-child{border-bottom:0}}

/* Keep payroll CTAs consistent with HR and WFM */
.payroll-actions{align-self:start;align-items:flex-start}.payroll-actions .button{height:50px;min-height:50px;padding:0 20px;align-self:flex-start;font-size:14px}
@media(max-width:650px){.payroll-actions .button{height:48px;min-height:48px}}

/* Payroll dashboard light theme — authoritative */
.payroll-workspace{border-color:#cfd9e7!important;background:#fff!important;box-shadow:0 30px 75px rgba(0,6,61,.16)!important}.payroll-appbar{border-bottom-color:#e2e8f0!important;background:#fff!important}.payroll-appbar strong{color:#00063d!important}.payroll-appbar small{color:#53647e!important}.payroll-appbar>div i{background:#d8e0eb!important}.payroll-appbar label{border-color:#cfd9e7!important;background:#f8fafc!important}.payroll-appbar label span{color:#8a98ad!important}.payroll-appbar kbd{border-color:#d4dce8!important;background:#fff!important;color:#7d8ba0!important}.payroll-canvas{background:#f6f8fb!important}.payroll-canvas>aside{background:#111d31!important}.payroll-canvas>main{background:#f6f8fb!important;color:#172641!important}.payroll-run-head{border-bottom-color:#dce3ed!important}.payroll-run-head small{color:#66758c!important}.payroll-run-head h3{color:#07152b!important}.payroll-run-head span{color:#8190a5!important}.payroll-run-head button{border-color:#1760df!important;background:#1760df!important;color:#fff!important}.payroll-result-kpis article{border-color:#d5deea!important;background:#fff!important;box-shadow:0 5px 16px rgba(0,6,61,.035)!important}.payroll-result-kpis small{color:#77859a!important}.payroll-result-kpis strong{color:#172641!important}.payroll-result-kpis .failed strong,.payroll-result-kpis .deduction strong{color:#d9484f!important}.payroll-results-table{box-shadow:0 8px 24px rgba(0,6,61,.045)!important}

.payroll-run-head>div:first-child{display:block!important}.payroll-run-head small{display:block!important;margin:0 0 3px!important}.payroll-run-head h3{display:block!important;margin:0!important;line-height:1.25!important}.payroll-run-head span{display:block!important;margin:3px 0 0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#8190a5!important;font-size:7px!important;font-weight:400!important}

/* Contract workforce showcase */
body[data-route="/"] main>.cwfm-showcase-section{position:relative;z-index:1;padding-block:92px;background:#f6f9fd;color:#172641;overflow:hidden}.cwfm-showcase{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(720px,1.28fr);align-items:center;gap:64px;width:min(1380px,calc(100% - 48px))}.cwfm-copy>span{display:inline-flex;align-items:center;gap:8px;color:#1760df;font-size:10px;font-weight:800;letter-spacing:.14em}.cwfm-copy>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#52a0ff;box-shadow:0 0 0 4px #e6f0ff}.cwfm-copy h2{margin:17px 0 22px;color:#07152b;font-size:clamp(46px,4.4vw,66px);line-height:1.02;letter-spacing:-.05em}.cwfm-copy h2 mark{background:none;color:#3679ef}.cwfm-copy>p{max-width:590px;margin:0 0 24px;color:#65748d;font-size:16px;line-height:1.7}.cwfm-actions{display:flex;gap:10px}.cwfm-actions .button{width:auto;min-width:190px;height:50px}.cwfm-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.cwfm-feature-list span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#45556d;font-size:8px;font-weight:800}.cwfm-feature-list svg{width:15px;height:15px;color:#1760df}.cwfm-copy>small{display:block;margin-top:13px;color:#738198;font-size:8px}
.cwfm-visual{position:relative;min-width:0;padding:20px 0 38px}.cwfm-desktop{overflow:hidden;border:1px solid #cbd7e6;border-radius:16px;background:#fff;box-shadow:0 30px 70px rgba(0,6,61,.16)}.cwfm-desktop-bar{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:18px;height:58px;padding:0 18px;border-bottom:1px solid #e1e7ef}.cwfm-desktop-bar>div{display:flex;align-items:center;gap:7px}.cwfm-desktop-bar img{width:29px;height:29px;object-fit:contain}.cwfm-desktop-bar strong{color:#00063d;font-size:13px}.cwfm-desktop-bar>div i{width:1px;height:19px;background:#d7dfe9}.cwfm-desktop-bar small{color:#5a6a82;font-size:8px}.cwfm-desktop-bar label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d7e0eb;border-radius:7px;background:#f8fafc;color:#8794a7;font-size:7px}.cwfm-desktop-bar label svg{width:12px;height:12px}.cwfm-desktop-bar>em{padding:5px 8px;border-radius:999px;background:#e1f6ed;color:#087f5b;font-size:7px;font-style:normal;font-weight:800}
.cwfm-desktop-body{display:grid;grid-template-columns:92px 1fr;min-height:460px;background:#f7f9fc}.cwfm-desktop-body>aside{display:flex;flex-direction:column;gap:4px;padding:14px 7px;background:#111d31}.cwfm-desktop-body>aside span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;border-radius:7px;color:#a9b4c7;font-size:6px}.cwfm-desktop-body>aside span.active{background:#173761;color:#fff}.cwfm-desktop-body>aside svg{width:14px;height:14px}.cwfm-desktop-body>main{padding:20px}.cwfm-desktop-body main>header{display:flex;align-items:center;justify-content:space-between}.cwfm-desktop-body main>header small{color:#7e8ca0;font-size:7px;letter-spacing:.08em}.cwfm-desktop-body main>header h3{margin:3px 0 0;color:#102349;font-size:17px}.cwfm-desktop-body main>header button{padding:7px 9px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#5f6f86;font-size:7px}.cwfm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.cwfm-kpis article{padding:12px;border:1px solid #dae2ec;border-radius:9px;background:#fff}.cwfm-kpis small,.cwfm-kpis strong{display:block}.cwfm-kpis small{color:#8390a4;font-size:6px}.cwfm-kpis strong{margin:3px 0;color:#172641;font-size:10px}.cwfm-kpis i{color:#087f5b;font-size:6px;font-style:normal;font-weight:800}.cwfm-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.cwfm-grid>article{min-height:205px;padding:12px;border:1px solid #dae2ec;border-radius:9px;background:#fff}.cwfm-grid article>header{display:flex;justify-content:space-between;margin-bottom:10px}.cwfm-grid header b{font-size:8px}.cwfm-grid header small{color:#8390a4;font-size:6px}.contractor-rows{display:grid;gap:7px}.contractor-rows>span{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;padding:8px;border:1px solid #e3e8ef;border-radius:7px}.contractor-rows i{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e3edff;color:#1760df;font-size:6px;font-style:normal;font-weight:800}.contractor-rows b,.contractor-rows small{display:block}.contractor-rows b{font-size:7px}.contractor-rows small{margin-top:2px;color:#8491a4;font-size:5.5px;font-weight:400}.contractor-rows em{padding:3px 5px;border-radius:999px;background:#e1f6ed;color:#087f5b;font-size:5.5px;font-style:normal;font-weight:800}.cwfm-actions-list{display:grid;gap:7px}.cwfm-actions-list span{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:5px;padding:8px;border:1px solid #e3e8ef;border-radius:7px;color:#5d6c82;font-size:6px}.cwfm-actions-list svg{width:13px;height:13px;color:#1760df}.cwfm-actions-list b{font-size:5.5px;color:#1760df}.cwfm-export{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px;border:1px solid #cbdcf7;border-radius:8px;background:#edf4ff}.cwfm-export>svg{width:14px;height:14px;color:#1760df}.cwfm-export>span{flex:1}.cwfm-export strong,.cwfm-export small{display:block}.cwfm-export strong{font-size:7px}.cwfm-export small{color:#6e7d92;font-size:5.5px}.cwfm-export>b{padding:4px 7px;border-radius:5px;background:#1760df;color:#fff;font-size:5.5px}
.cwfm-phone{position:absolute;right:-24px;bottom:0;width:226px;padding:20px 14px 15px;border:7px solid #07152b;border-radius:31px;background:#fff;box-shadow:0 28px 58px rgba(0,6,61,.28);font-family:'DM Sans',Arial,sans-serif}.phone-speaker{width:60px;height:5px;margin:-11px auto 14px;border-radius:999px;background:#07152b}.cwfm-phone>header{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid #dce5ef}.cwfm-phone header img{width:30px;height:30px;object-fit:contain}.cwfm-phone header span b,.cwfm-phone header span small{display:block}.cwfm-phone header span b{color:#07152b;font-size:10px;line-height:1.3}.cwfm-phone header span small{margin-top:2px;color:#66758b;font-size:7px;line-height:1.35}.worker-id{text-align:center;padding:16px 0}.worker-id>i{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 8px;border-radius:11px;background:#1760df;color:#fff;font-size:9px;font-style:normal;font-weight:800}.worker-id strong,.worker-id small,.worker-id em{display:block}.worker-id strong{color:#07152b;font-size:11px;line-height:1.35}.worker-id small{margin-top:2px;color:#66758b;font-size:7.5px}.worker-id em{width:max-content;margin:8px auto 0;padding:4px 8px;border-radius:999px;background:#dff6eb;color:#087f5b;font-size:7px;font-style:normal;font-weight:800}.mobile-pass{display:grid;gap:7px}.mobile-pass span{display:grid;grid-template-columns:18px 1fr;gap:3px 8px;padding:10px;border:1px solid #d8e3ef;border-radius:8px;color:#607088;font-size:7.5px;line-height:1.3}.mobile-pass svg{grid-row:1/3;width:15px;height:15px;color:#1760df}.mobile-pass b{color:#07152b;font-size:8.5px;line-height:1.3}.cwfm-phone>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;margin-top:10px;padding:9px;border:0;border-radius:8px;background:#1760df;color:#fff;font-size:8.5px;font-weight:800}.cwfm-phone>button svg{width:14px;height:14px}
@media(max-width:1150px){.cwfm-showcase{grid-template-columns:1fr;max-width:1000px}.cwfm-copy{text-align:center;max-width:780px;margin:auto}.cwfm-copy>p{margin-inline:auto}.cwfm-actions{justify-content:center}.cwfm-feature-list{max-width:700px;margin-inline:auto}.cwfm-copy>small{text-align:center}.cwfm-visual{margin-top:20px}}
@media(max-width:700px){body[data-route="/"] main>.cwfm-showcase-section{padding-block:62px}.cwfm-showcase{width:min(100% - 28px,var(--container))}.cwfm-copy h2{font-size:44px}.cwfm-actions{display:grid}.cwfm-actions .button{width:100%}.cwfm-feature-list{grid-template-columns:1fr}.cwfm-visual{overflow-x:auto;padding-bottom:28px}.cwfm-desktop{min-width:780px}.cwfm-phone{display:none}}
.cwfm-actions{align-items:flex-start}.cwfm-actions .button{height:50px;min-height:50px;white-space:nowrap}.cwfm-actions .button:first-child{min-width:190px}.cwfm-actions .button-secondary{min-width:245px}
@media(max-width:700px){.cwfm-actions .button,.cwfm-actions .button-secondary{width:100%;min-width:0;white-space:normal}}

/* Improve CWFM capability-card typography and legibility. */
.cwfm-feature-list{gap:10px}.cwfm-feature-list span{min-height:60px;padding:14px 16px;border-color:#cbd8e8;color:#172641;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:750;line-height:1.4;letter-spacing:-.01em;box-shadow:0 5px 15px rgba(0,6,61,.04)}.cwfm-feature-list svg{width:19px;height:19px;flex:0 0 19px;color:#1760df}.cwfm-copy>small{margin-top:15px;color:#52627a;font-family:'DM Sans',Arial,sans-serif;font-size:9px;font-weight:650;line-height:1.5}
@media(max-width:1150px){.cwfm-feature-list span{font-size:12.5px}.cwfm-copy>small{font-size:9.5px}}
@media(max-width:700px){.cwfm-feature-list span{min-height:58px;font-size:13px;line-height:1.45}}
.cwfm-desktop-body main>header h3{display:block!important;margin:4px 0 0!important;color:#07152b!important;font-size:18px!important;font-weight:800!important;line-height:1.25!important;opacity:1!important;visibility:visible!important}

/* Premium CWFM product-story polish */
body[data-route="/"] main>.cwfm-showcase-section:before{content:"";position:absolute;right:-230px;top:80px;width:470px;height:470px;border:1px solid #dce7f5;border-radius:50%;box-shadow:0 0 0 70px rgba(225,234,247,.42),0 0 0 140px rgba(236,242,250,.52);pointer-events:none}.cwfm-showcase{position:relative;z-index:1}.cwfm-copy>span{padding:8px 12px;border:1px solid #cbdcf7;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(0,6,61,.04)}.cwfm-copy h2{max-width:650px}.cwfm-copy>p{padding-left:20px;border-left:2px solid #4f8df5}.cwfm-feature-list span{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cwfm-feature-list span:hover{transform:translateY(-2px);border-color:#a9c3ea;box-shadow:0 10px 22px rgba(0,6,61,.08)}
.cwfm-workflow{display:flex;align-items:center;gap:9px;margin-top:16px}.cwfm-workflow span{display:flex;align-items:center;gap:6px;color:#53637b;font-size:8px;font-weight:800;white-space:nowrap}.cwfm-workflow span b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbdcf7;border-radius:50%;background:#fff;color:#1760df;font-size:7px}.cwfm-workflow>i{position:relative;flex:1;height:1px;background:#cfdbea}.cwfm-workflow>i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #95a8c3;border-right:1px solid #95a8c3;transform:rotate(45deg)}
.cwfm-visual{isolation:isolate}.cwfm-desktop{transition:transform .25s ease,box-shadow .25s ease}.cwfm-visual:hover .cwfm-desktop{transform:translateY(-3px);box-shadow:0 38px 84px rgba(0,6,61,.2)}.cwfm-desktop-bar{background:#fff}.cwfm-desktop-body>main{background:#f5f8fc}.cwfm-kpis article{position:relative;overflow:hidden;box-shadow:0 5px 14px rgba(0,6,61,.035)}.cwfm-kpis article:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3479ef}.cwfm-kpis article:nth-child(2):after{background:#10ad78}.cwfm-kpis article:nth-child(3):after{background:#e7a029}.cwfm-grid>article{box-shadow:0 6px 18px rgba(0,6,61,.035)}.contractor-rows>span,.cwfm-actions-list span{transition:transform .17s ease,border-color .17s ease}.contractor-rows>span:hover,.cwfm-actions-list span:hover{transform:translateX(2px);border-color:#b5c9e5}
.cwfm-phone{z-index:3;right:-18px;bottom:-7px;transition:transform .25s ease}.cwfm-visual:hover .cwfm-phone{transform:translateY(-5px)}.cwfm-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;min-width:165px;padding:10px 12px;border:1px solid #d3deeb;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(0,6,61,.14)}.cwfm-float-card>svg{width:16px;height:16px;padding:7px;border-radius:8px;box-sizing:content-box;background:#edf4ff;color:#1760df}.cwfm-float-card span small,.cwfm-float-card span b{display:block}.cwfm-float-card span small{color:#8390a4;font-size:6px}.cwfm-float-card span b{margin-top:2px;color:#172641;font-size:7px}.cwfm-float-card.licence{top:0;right:70px}.cwfm-float-card.gate{left:-20px;bottom:18px}.cwfm-float-card.gate>svg{background:#e3f7ef;color:#087f5b}
/* Reserve a dedicated edge for the enlarged phone instead of covering dashboard content. */
@media(min-width:761px){.cwfm-desktop{margin-right:160px}.cwfm-phone{right:0}.cwfm-float-card.licence{top:-8px;right:190px}.cwfm-float-card.gate{left:22px;bottom:0}}
@media(min-width:761px) and (max-width:900px){.cwfm-desktop{margin-right:130px}.cwfm-phone{right:-8px;transform:scale(.9);transform-origin:right bottom}.cwfm-visual:hover .cwfm-phone{transform:translateY(-5px) scale(.9)}.cwfm-float-card{display:none}}
@media(max-width:1150px){.cwfm-copy>p{padding-left:0;border:0}.cwfm-workflow{max-width:610px;margin-inline:auto}.cwfm-float-card.gate{left:5px}}
@media(max-width:700px){.cwfm-workflow{display:grid;grid-template-columns:1fr 1fr}.cwfm-workflow>i{display:none}.cwfm-workflow span{justify-content:center;padding:7px;border:1px solid #dbe4ef;border-radius:8px;background:#fff}.cwfm-float-card{display:none}}

/* Readable typography for the Contract Workforce product workspace. */
.cwfm-desktop{font-family:'DM Sans',Arial,sans-serif}.cwfm-desktop-bar small{font-size:10px;font-weight:650}.cwfm-desktop-bar label{font-size:9px}.cwfm-desktop-bar>em{font-size:8.5px}.cwfm-desktop-body>aside span{min-height:48px;font-size:8.5px;font-weight:700;line-height:1.25}.cwfm-desktop-body>aside svg{width:17px;height:17px}.cwfm-desktop-body main>header small{font-size:9px;line-height:1.3}.cwfm-desktop-body main>header h3{font-size:22px!important}.cwfm-desktop-body main>header button{min-height:30px;font-size:8.5px}.cwfm-kpis article{min-height:76px;padding:14px}.cwfm-kpis small{font-size:8px;line-height:1.3}.cwfm-kpis strong{font-size:12px;line-height:1.3}.cwfm-kpis i{font-size:7.5px}.cwfm-grid header b{font-size:10.5px}.cwfm-grid header small{font-size:8px}.contractor-rows>span{min-height:48px;grid-template-columns:32px 1fr auto;gap:9px;padding:9px}.contractor-rows i{width:32px;height:32px;font-size:7.5px}.contractor-rows b{font-size:9.5px;line-height:1.3}.contractor-rows small{font-size:7.5px;line-height:1.3}.contractor-rows em{padding:4px 6px;font-size:7px}.cwfm-actions-list span{min-height:43px;grid-template-columns:18px 1fr auto;gap:7px;padding:9px;color:#526178;font-size:8.5px;line-height:1.3}.cwfm-actions-list svg{width:15px;height:15px}.cwfm-actions-list b{font-size:8px}.cwfm-export{min-height:48px;padding:10px 12px}.cwfm-export>svg{width:17px;height:17px}.cwfm-export strong{font-size:9px;line-height:1.3}.cwfm-export small{font-size:7.5px;line-height:1.35}.cwfm-export>b{font-size:7.5px}.cwfm-float-card span small{font-size:8px;line-height:1.3}.cwfm-float-card span b{font-size:9.5px;line-height:1.3}
@media(max-width:950px){.cwfm-desktop-body>aside span{font-size:8px}.cwfm-kpis strong{font-size:11.5px}.contractor-rows b{font-size:9px}.cwfm-actions-list span{font-size:8px}}
.cwfm-actions .button:first-child{border-color:#00063d;background:#00063d;color:#fff;box-shadow:0 10px 24px rgba(0,6,61,.16)}.cwfm-actions .button:first-child:hover{border-color:#07152b;background:#07152b;box-shadow:0 12px 28px rgba(0,6,61,.22)}
.cwfm-copy>span{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cwfm-copy>span:before{width:7px;height:7px;box-shadow:none}
.cwfm-workflow,.cwfm-copy>small{display:none!important}.cwfm-feature-list{margin-bottom:0}

/* Scrollable attendance capability section */
body[data-route="/"] main>.attendance-showcase-section{position:relative;z-index:1;padding-block:88px;background:#07142b;color:#fff}.attendance-showcase{width:min(1380px,calc(100% - 48px))}.attendance-showcase>header{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 90px;margin-bottom:38px}.attendance-showcase>header>span{grid-column:1;color:#73d8eb;font-size:10px;font-weight:800;letter-spacing:.15em}.attendance-showcase>header>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4f9cff}.attendance-showcase>header h2{grid-column:1;max-width:670px;margin:16px 0 0;color:#fff;font-size:clamp(48px,4.8vw,70px);line-height:1.03;letter-spacing:-.05em}.attendance-showcase>header h2 mark{background:none;color:#58a0ff}.attendance-showcase>header p{grid-column:2;grid-row:1/3;align-self:end;max-width:610px;margin:0;padding-left:24px;border-left:2px solid #39bfd8;color:#aeb9d3;font-size:16px;line-height:1.75}
.attendance-explorer{display:grid;grid-template-columns:245px minmax(0,1fr);height:580px;border:1px solid #2c3a58;border-radius:18px;background:#0b1931;box-shadow:0 30px 70px rgba(0,0,0,.24);overflow:hidden}.attendance-explorer>nav{padding:22px 13px;border-right:1px solid #2b3955;background:#0a172d}.attendance-explorer>nav>small{display:block;margin:0 10px 14px;color:#687997;font-size:7px;font-weight:800;letter-spacing:.11em}.attendance-explorer>nav button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-left:2px solid transparent;border-radius:8px;background:transparent;color:#8391aa;text-align:left;cursor:pointer}.attendance-explorer>nav button:hover,.attendance-explorer>nav button.active{border-left-color:#5a9cff;background:#152947;color:#fff}.attendance-explorer>nav button>i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #344766;border-radius:7px;color:#67a6ff;font-size:7px;font-style:normal;font-weight:800}.attendance-explorer>nav button span,.attendance-explorer>nav button small{display:block}.attendance-explorer>nav button span{font-size:9px;font-weight:800}.attendance-explorer>nav button small{margin-top:2px;color:#70809b;font-size:6px;font-weight:400}
.attendance-scroll{height:100%;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#3c5273 #101d35}.attendance-scroll>article{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr);align-items:center;gap:50px;min-height:100%;padding:48px;scroll-snap-align:start;border-bottom:1px solid #2a3954}.attendance-panel-copy>span{color:#67d3e8;font-size:8px;font-weight:800;letter-spacing:.12em}.attendance-panel-copy h3{margin:12px 0 15px;color:#fff;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.04em}.attendance-panel-copy p{margin:0;color:#a6b2c9;font-size:13px;line-height:1.7}.attendance-panel-copy ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.attendance-panel-copy li{display:flex;align-items:center;gap:8px;color:#c5cee0;font-size:9px}.attendance-panel-copy li svg{width:15px;height:15px;color:#62a3ff}
.face-punch-ui,.web-punch-ui,.auto-punch-ui,.geo-ui,.device-ui,.exception-ui{min-height:350px;padding:24px;border:1px solid #d3dce8;border-radius:16px;background:#f8fafc;color:#172641;box-shadow:0 24px 55px rgba(0,0,0,.2)}.camera-frame{position:relative;display:grid;place-items:center;height:245px;border:1px solid #cfd9e7;border-radius:12px;background:#eaf0f8;overflow:hidden}.camera-frame>i{width:105px;height:105px;border:2px solid #397df0;border-radius:50%;background:#d6e3f5}.camera-frame>span{position:absolute;width:35px;height:35px;border-color:#1760df}.camera-frame>span:nth-of-type(1){left:25px;top:25px;border-left:2px solid;border-top:2px solid}.camera-frame>span:nth-of-type(2){right:25px;top:25px;border-right:2px solid;border-top:2px solid}.camera-frame>span:nth-of-type(3){left:25px;bottom:25px;border-left:2px solid;border-bottom:2px solid}.camera-frame>span:nth-of-type(4){right:25px;bottom:25px;border-right:2px solid;border-bottom:2px solid}.camera-frame>div{position:absolute;bottom:15px;padding:7px 11px;border-radius:8px;background:#fff;box-shadow:0 7px 18px rgba(0,6,61,.1)}.camera-frame b,.camera-frame small{display:block}.camera-frame b{font-size:8px}.camera-frame small{color:#7e8b9f;font-size:6px}.face-punch-ui>footer{display:flex;justify-content:space-between;margin-top:13px;font-size:7px}.face-punch-ui footer span{display:flex;align-items:center;gap:5px;color:#087f5b}.face-punch-ui footer span i{width:7px;height:7px;border-radius:50%;background:#10ad78}
.web-punch-ui>header,.exception-ui>header{display:flex;justify-content:space-between}.web-punch-ui header b,.exception-ui header b{font-size:10px}.web-punch-ui header small,.exception-ui header small{color:#7c899c;font-size:7px}.web-clock{text-align:center;margin:45px 0 30px;color:#07152b;font-size:48px;font-weight:800}.web-clock small{display:block;color:#7d8a9d;font-size:8px;font-weight:400}.web-punch-ui>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px;border:0;border-radius:8px;background:#1760df;color:#fff;font-size:9px;font-weight:800}.web-punch-ui>footer{display:flex;justify-content:center;gap:18px;margin-top:20px;color:#627189;font-size:7px}.web-punch-ui footer span{display:flex;align-items:center;gap:5px}.web-punch-ui footer svg{width:13px;height:13px;color:#087f5b}
.auto-timeline{display:grid;gap:0;margin:22px}.auto-timeline span{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:10px;min-height:82px}.auto-timeline span>i{position:relative;width:12px;height:12px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#1760df;box-shadow:0 0 0 1px #8db4f6}.auto-timeline span:not(:last-child)>i:after{content:"";position:absolute;left:3px;top:11px;width:1px;height:70px;background:#bcd0ee}.auto-timeline b,.auto-timeline small{display:block}.auto-timeline b{font-size:9px}.auto-timeline small{margin-top:3px;color:#7f8da0;font-size:7px;font-weight:400}.auto-timeline em{color:#1760df;font-size:8px;font-style:normal;font-weight:800}
.geo-map{position:relative;height:250px;border:1px solid #d1dae6;border-radius:12px;background:#e6edf6;overflow:hidden}.geo-map:before,.geo-map:after{content:"";position:absolute;background:#fff}.geo-map:before{left:35%;width:24px;height:100%;rotate:14deg}.geo-map:after{top:45%;width:100%;height:20px;rotate:-8deg}.geo-map>i{position:absolute;border:2px solid #5e9df4;border-radius:50%;background:rgba(82,155,244,.14)}.geo-map .zone-one{z-index:1;left:35%;top:25%;width:120px;height:120px}.geo-map .zone-two{right:12%;bottom:10%;width:70px;height:70px}.geo-map>span{position:absolute;z-index:2;left:45%;top:43%;display:flex;align-items:center;gap:5px;padding:7px;border-radius:7px;background:#fff;color:#1760df;font-size:7px;font-weight:800}.geo-map>span svg{width:13px;height:13px}.geo-map>b{position:absolute;z-index:2;right:12px;top:12px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#e2f6ed;color:#087f5b;font-size:6px}.geo-map>b svg{width:11px;height:11px}.geo-ui footer{display:flex;gap:8px;margin-top:12px}.geo-ui footer span{padding:6px 8px;border:1px solid #d8e0eb;border-radius:6px;font-size:7px}
.device-hub{text-align:center;padding:18px;border:1px solid #cddbf0;border-radius:10px;background:#edf4ff}.device-hub>svg{width:26px;height:26px;margin:auto;color:#1760df}.device-hub strong,.device-hub small{display:block}.device-hub strong{margin-top:7px;font-size:10px}.device-hub small{color:#76849a;font-size:7px}.device-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.device-links span{display:grid;grid-template-columns:17px 1fr;align-items:center;gap:7px;padding:10px;border:1px solid #dbe3ed;border-radius:8px;font-size:7px}.device-links svg{width:15px;height:15px;color:#1760df}.device-links i{grid-column:2;color:#087f5b;font-size:6px;font-style:normal}.exception-ui{display:grid;align-content:start;gap:9px}.exception-ui>header{margin-bottom:8px}.exception-ui>span{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:12px;border:1px solid #dce3ec;border-radius:8px;color:#596980;font-size:8px}.exception-ui>span svg{width:15px;height:15px;color:#1760df}.exception-ui>span b{color:#1760df;font-size:7px}
@media(max-width:1050px){.attendance-showcase>header{display:block;text-align:center}.attendance-showcase>header h2,.attendance-showcase>header p{margin-inline:auto}.attendance-showcase>header p{margin-top:24px;padding:0;border:0}.attendance-explorer{grid-template-columns:205px 1fr}.attendance-scroll>article{grid-template-columns:1fr;gap:25px;padding:34px}.face-punch-ui,.web-punch-ui,.auto-punch-ui,.geo-ui,.device-ui,.exception-ui{min-height:300px}}
@media(max-width:700px){body[data-route="/"] main>.attendance-showcase-section{padding-block:60px}.attendance-showcase{width:min(100% - 28px,var(--container))}.attendance-showcase>header h2{font-size:42px}.attendance-explorer{display:block;height:auto;overflow:visible}.attendance-explorer>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2b3955}.attendance-explorer>nav>small{display:none}.attendance-explorer>nav button{min-width:150px}.attendance-scroll{height:560px}.attendance-scroll>article{min-width:720px}.attendance-scroll{overflow-x:auto}}

/* Refined Smart Attendance composition */
body[data-route="/"] main>.attendance-showcase-section{padding-top:66px;padding-bottom:76px}.attendance-showcase>header{grid-template-columns:minmax(560px,1.12fr) minmax(410px,.88fr);align-items:center;gap:50px;margin-bottom:30px}.attendance-showcase>header>span{margin-bottom:10px}.attendance-showcase>header h2{max-width:760px;margin-top:10px;font-size:clamp(43px,4.1vw,60px);line-height:1.01}.attendance-showcase>header p{align-self:center;max-width:560px;font-size:15px;line-height:1.65}.attendance-explorer{height:560px;border-color:#33435f;box-shadow:0 26px 60px rgba(0,0,0,.2)}.attendance-explorer>nav{padding-top:18px}.attendance-scroll>article{padding:38px 44px}.attendance-panel-copy h3{font-size:clamp(29px,2.7vw,40px)}
@media(max-width:1100px){.attendance-showcase>header{grid-template-columns:1fr;display:grid;gap:18px;text-align:left}.attendance-showcase>header>span,.attendance-showcase>header h2,.attendance-showcase>header p{grid-column:1;grid-row:auto;margin-inline:0}.attendance-showcase>header p{padding-left:20px;border-left:2px solid #39bfd8}.attendance-explorer{height:590px}}
@media(max-width:700px){body[data-route="/"] main>.attendance-showcase-section{padding-block:50px}.attendance-showcase>header{display:block;text-align:center}.attendance-showcase>header h2{font-size:40px;margin-inline:auto}.attendance-showcase>header p{margin:20px auto 0;padding:0;border:0}.attendance-explorer{height:auto}.attendance-scroll{height:540px}}

/* Attendance panels: dashboard left, content right */
.attendance-scroll>article{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);align-items:stretch;gap:28px;padding:28px 30px}
.attendance-panel-copy{order:2;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 30px;border:1px solid #2c4161;border-radius:14px;background:#101f39}
.attendance-panel-copy>span{display:flex;align-items:center;gap:8px;padding-right:42px}.attendance-panel-copy>span:before{content:"";width:18px;height:2px;background:#56a2ff}
.attendance-panel-copy h3{max-width:410px;margin:16px 0 14px;font-size:clamp(28px,2.45vw,38px)}
.attendance-panel-copy p{max-width:420px;font-size:12px;line-height:1.75}
.attendance-panel-copy ul{margin-top:24px;padding-top:20px;border-top:1px solid #2a3e5e}
.attendance-panel-copy li{gap:10px;padding:2px 0;font-size:9px}.attendance-panel-copy li svg{padding:4px;border:1px solid #36547c;border-radius:5px;box-sizing:content-box;background:#172b49}
.face-punch-ui,.web-punch-ui,.auto-punch-ui,.geo-ui,.device-ui,.exception-ui{order:1;align-self:stretch;min-height:440px;margin:0;padding:26px;border-radius:15px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.face-punch-ui,.web-punch-ui,.auto-punch-ui,.geo-ui,.device-ui{display:flex;flex-direction:column;justify-content:center}
.exception-ui{align-content:center;padding:34px}.exception-ui>header{margin-bottom:18px}.exception-ui>span{min-height:55px;padding:15px}
.geo-map{height:320px}.device-hub{padding:28px}.device-links span{padding:16px}.camera-frame{min-height:300px}
@media(max-width:1050px){.attendance-scroll>article{grid-template-columns:1fr;gap:18px;padding:24px}.attendance-panel-copy{order:2;padding:26px}.face-punch-ui,.web-punch-ui,.auto-punch-ui,.geo-ui,.device-ui,.exception-ui{order:1;min-height:300px}}

/* Simplified, readable attendance capability index */
.attendance-explorer>nav{display:flex;flex-direction:column;justify-content:center;padding:18px 14px}
.attendance-explorer>nav>small,.attendance-explorer>nav button span small{display:none}
.attendance-explorer>nav button{grid-template-columns:34px 1fr;gap:12px;min-height:58px;padding:11px 12px;margin:3px 0}
.attendance-explorer>nav button>i{width:32px;height:32px;font-size:9px}
.attendance-explorer>nav button span{font-size:12px;line-height:1.25}
@media(max-width:700px){.attendance-explorer>nav{display:flex;flex-direction:row;justify-content:flex-start;padding:10px}.attendance-explorer>nav button{min-width:180px}.attendance-explorer>nav button span{font-size:11px}}

/* Attendance capability index only */
.attendance-explorer{display:block;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.attendance-scroll{display:none}
.attendance-explorer>nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;border:0;background:transparent}
.attendance-explorer>nav button{grid-template-columns:46px 1fr;min-height:82px;margin:0;padding:16px 18px;border:1px solid #304464;border-left:1px solid #304464;border-radius:12px;background:#0d1c34;color:#dbe7fa}
.attendance-explorer>nav button:hover,.attendance-explorer>nav button.active{border-color:#559dff;background:#152b4c;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.attendance-explorer>nav button>i{width:42px;height:42px;border-color:#45658e;font-size:10px}
.attendance-explorer>nav button span{font-size:14px;line-height:1.3}
@media(max-width:900px){.attendance-explorer>nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.attendance-explorer>nav{display:grid;grid-template-columns:1fr;padding:0;overflow:visible}.attendance-explorer>nav button{min-width:0;width:100%}}

/* Interactive attendance index with preview stage */
.attendance-explorer{display:grid;grid-template-columns:300px minmax(0,1fr);height:590px;border:1px solid #304464;border-radius:18px;background:#0b1931;box-shadow:0 26px 60px rgba(0,0,0,.2);overflow:hidden}
.attendance-explorer>nav{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px 18px;border-right:1px solid #304464;background:#09172d}
.attendance-explorer>nav button{grid-template-columns:44px 1fr;width:100%;min-height:66px;margin:0;padding:11px 14px}
.attendance-explorer>nav button>i{width:38px;height:38px}.attendance-explorer>nav button span{font-size:13px}
.attendance-scroll{display:block;height:100%;overflow:hidden;background:#0d1b33}
.attendance-scroll>article{display:none;height:100%;min-height:0;padding:30px;border:0;place-items:center}
.attendance-scroll>article.is-active{display:grid;grid-template-columns:1fr}
.attendance-panel-copy{display:none}
.attendance-scroll>article>.face-punch-ui,.attendance-scroll>article>.web-punch-ui,.attendance-scroll>article>.auto-punch-ui,.attendance-scroll>article>.geo-ui,.attendance-scroll>article>.device-ui,.attendance-scroll>article>.exception-ui{order:initial;width:min(680px,100%);min-height:430px;margin:auto}
.attendance-scroll>article>.face-punch-ui{position:relative;width:292px;min-height:510px;padding:54px 18px 24px;border:8px solid #fff;border-radius:38px;background:#f7f9fc;box-shadow:0 26px 60px rgba(0,0,0,.34)}
.attendance-scroll>article>.face-punch-ui:before{content:"";position:absolute;left:50%;top:13px;width:84px;height:22px;border-radius:20px;background:#07142b;transform:translateX(-50%)}
.attendance-scroll>article>.face-punch-ui:after{content:"Face punch";position:absolute;left:24px;top:24px;color:#172641;font-size:8px;font-weight:800}
.face-punch-ui .camera-frame{min-height:350px;border-radius:22px}.face-punch-ui footer{padding:12px 4px 0}
@media(max-width:900px){.attendance-explorer{grid-template-columns:240px minmax(0,1fr)}.attendance-explorer>nav{grid-template-columns:1fr}.attendance-scroll>article{padding:22px}}
@media(max-width:700px){.attendance-explorer{display:block;height:auto;overflow:visible}.attendance-explorer>nav{display:flex;flex-direction:row;gap:8px;padding:12px;overflow-x:auto;border-right:0;border-bottom:1px solid #304464}.attendance-explorer>nav button{min-width:175px}.attendance-scroll{height:570px}.attendance-scroll>article{height:100%;min-width:0}.attendance-scroll>article>.face-punch-ui{min-height:480px}}

/* Attendance preview specifications */
.attendance-scroll>article.is-active{grid-template-columns:minmax(310px,1.1fr) minmax(260px,.9fr);gap:28px;align-items:center}
.attendance-panel-copy{display:flex;order:2;min-height:390px;padding:30px 28px}
.attendance-panel-copy h3{font-size:clamp(25px,2vw,34px)}
.attendance-panel-copy p{font-size:11px}.attendance-panel-copy li{font-size:9px}
.attendance-scroll>article>.face-punch-ui,.attendance-scroll>article>.web-punch-ui,.attendance-scroll>article>.auto-punch-ui,.attendance-scroll>article>.geo-ui,.attendance-scroll>article>.device-ui,.attendance-scroll>article>.exception-ui{order:1;width:min(100%,520px)}
.attendance-scroll>article>.face-punch-ui{width:270px;min-height:470px;padding-top:50px}
.face-punch-ui .camera-frame{min-height:315px}
@media(max-width:1100px){.attendance-explorer{grid-template-columns:230px minmax(0,1fr)}.attendance-scroll>article.is-active{grid-template-columns:minmax(260px,1fr) minmax(240px,.8fr);gap:18px;padding:22px}.attendance-panel-copy{min-height:360px;padding:24px 20px}.attendance-scroll>article>.face-punch-ui{width:245px;min-height:430px}.face-punch-ui .camera-frame{min-height:285px}}
@media(max-width:800px){.attendance-scroll{height:820px}.attendance-scroll>article.is-active{grid-template-columns:1fr;align-content:start;overflow-y:auto}.attendance-scroll>article>.face-punch-ui{min-height:430px}.attendance-panel-copy{min-height:auto;width:min(100%,520px);margin:auto}}

/* Realistic iPhone hardware treatment for face punch */
.attendance-scroll>article>.face-punch-ui{box-sizing:border-box;width:286px;min-height:574px;padding:68px 17px 34px;border:10px solid #101724;outline:2px solid #6f7c8e;border-radius:52px;background:#f8fafc;box-shadow:-6px 88px 0 -4px #202a38,-6px 137px 0 -4px #202a38,6px 108px 0 -4px #202a38,0 32px 68px rgba(0,0,0,.46)}
.attendance-scroll>article>.face-punch-ui:before{top:17px;width:92px;height:27px;border:1px solid #202a38;border-radius:20px;background:#050a12;box-shadow:inset 18px 0 0 #080f1b}
.attendance-scroll>article>.face-punch-ui:after{content:"9:41";left:24px;right:24px;top:25px;color:#111b2c;font-size:8px;font-weight:800;text-align:left}
.face-punch-ui .camera-frame{min-height:390px;border-radius:28px;background:#e8eef7;box-shadow:inset 0 1px 2px rgba(0,6,61,.04)}
.face-punch-ui>footer{position:relative;padding:14px 3px 15px}.face-punch-ui>footer:after{content:"";position:absolute;left:50%;bottom:-17px;width:96px;height:4px;border-radius:999px;background:#101724;transform:translateX(-50%)}
@media(max-width:1100px){.attendance-scroll>article>.face-punch-ui{width:264px;min-height:535px;padding-top:64px}.face-punch-ui .camera-frame{min-height:350px}}

/* Explicit light transition after Smart Attendance */
body[data-route="/"] main>.value-role-section{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
body[data-route="/"] main>.value-role-section .section-head>span{color:var(--blue)!important}
body[data-route="/"] main>.value-role-section .section-head h2,body[data-route="/"] main>.value-role-section h3{color:var(--navy)!important}
body[data-route="/"] main>.value-role-section .section-head p,body[data-route="/"] main>.value-role-section .role-panel p{color:var(--muted)!important}
body[data-route="/"] main>.value-role-section .role-tabs{border-color:var(--line)!important;background:#f4f7fb}
body[data-route="/"] main>.value-role-section .role-tabs button{color:#536078!important}
body[data-route="/"] main>.value-role-section .role-tabs button.active{background:var(--navy)!important;color:#fff!important}
body[data-route="/"] main>.value-role-section .role-panel{background:#f8fafc!important;border-color:var(--line)!important}
body[data-route="/"] main>.value-role-section .role-panel span{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}

/* Role workspace aligned with the attendance selector above */
body[data-route="/"] main>.value-role-section{padding-block:76px!important}
.value-role-section>.container{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0 24px}
.value-role-section .section-head{grid-column:1/-1;max-width:900px;margin-bottom:32px}
.value-role-section .section-head h2{margin-bottom:10px}
.value-role-section .role-tabs{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px;border:1px solid var(--line);border-radius:16px}
.value-role-section .role-tabs button{position:relative;display:flex;align-items:center;min-height:62px;padding:14px 18px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;font-size:14px;font-weight:800;cursor:pointer}
.value-role-section .role-tabs button:before{content:"0" counter(role);counter-increment:role;display:grid;place-items:center;width:31px;height:31px;margin-right:12px;border:1px solid #cbd8ea;border-radius:7px;color:var(--blue);font-size:9px}
.value-role-section .role-tabs{counter-reset:role}
.value-role-section .role-tabs button:hover{border-color:#c9d7eb;background:#fff}
.value-role-section .role-tabs button.active:before{border-color:#4f76c7;color:#fff}
.value-role-section .role-panel{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:center;gap:42px;min-height:350px;padding:46px;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 55px rgba(0,6,61,.08);overflow:hidden}
.value-role-section .role-panel:before{content:"ROLE WORKSPACE";position:absolute;left:46px;top:25px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.14em}
.value-role-section .role-panel h3{max-width:430px;margin:18px 0 14px;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.04em}
.value-role-section .role-panel p{max-width:440px;margin:0;font-size:15px;line-height:1.7}
.value-role-section .role-panel>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.value-role-section .role-panel span{position:relative;display:flex;align-items:center;min-height:92px;padding:20px 18px 20px 48px;border:1px solid var(--line);border-radius:11px;font-size:13px;font-weight:800;box-shadow:0 8px 22px rgba(0,6,61,.04)}
.value-role-section .role-panel span:before{content:"✓";position:absolute;left:17px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#e8f1ff;color:var(--blue);font-size:11px}
@media(max-width:900px){.value-role-section>.container{grid-template-columns:1fr}.value-role-section .role-tabs{flex-direction:row;overflow-x:auto;margin-bottom:16px}.value-role-section .role-tabs button{min-width:175px}.value-role-section .role-panel{grid-template-columns:1fr;padding:46px 28px 28px}}
@media(max-width:600px){.value-role-section .role-panel>div:last-child{grid-template-columns:1fr}.value-role-section .role-panel{gap:25px}.value-role-section .role-panel span{min-height:70px}}

/* Full-screen role section for section-over-section scrolling */
@media(min-width:901px){body[data-route="/"] main>.value-role-section{display:grid;align-items:center;min-height:calc(100vh - 58px);padding-block:58px!important}.value-role-section .role-panel{min-height:430px}.value-role-section .role-tabs{min-height:430px}.value-role-section .section-head{margin-bottom:28px}}
@media(max-width:900px){body[data-route="/"] main>.value-role-section{min-height:auto}}

/* Horizontal role selector */
.value-role-section>.container{display:block}
.value-role-section .role-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;height:auto;min-height:0!important;margin-bottom:16px;padding:10px}
.value-role-section .role-tabs button{justify-content:center;min-width:0;min-height:64px;padding:11px 12px;text-align:center}
.value-role-section .role-tabs button:before{flex:0 0 31px}
.value-role-section .role-panel{width:100%;min-height:400px}
@media(max-width:1050px){.value-role-section .role-tabs{display:flex;overflow-x:auto}.value-role-section .role-tabs button{flex:0 0 180px}.value-role-section .role-panel{min-height:380px}}

/* Richer role workspace content */
.value-role-section .role-workspace-copy>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.14em}
.value-role-section .role-workspace-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.value-role-section .role-workspace-actions>span{display:grid;grid-template-columns:28px 1fr;gap:9px;min-height:76px;padding:15px!important}
.value-role-section .role-workspace-actions>span:before{display:none}
.value-role-section .role-workspace-actions>span small{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#e8f1ff;color:var(--blue);font-size:8px;font-weight:800}
.value-role-section .role-workspace-actions footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:17px 18px;border:1px solid #cad9ed;border-radius:10px;background:#edf4ff}
.value-role-section .role-workspace-actions footer small{color:#65758d;font-size:8px;font-weight:800;letter-spacing:.1em}.value-role-section .role-workspace-actions footer strong{color:var(--navy);font-size:13px}
@media(max-width:600px){.value-role-section .role-workspace-actions{grid-template-columns:1fr}.value-role-section .role-workspace-actions footer{grid-column:1;display:grid;gap:5px}}

/* Dark industries showcase */
body[data-route="/"] main>.industries-showcase-section{position:relative;overflow:hidden;padding-block:82px;background:#07142b!important;color:#fff!important;border-color:#253654!important}
body[data-route="/"] main>.industries-showcase-section:before{content:"";position:absolute;right:-180px;top:-210px;width:460px;height:460px;border:1px solid #243a5e;border-radius:50%;box-shadow:0 0 0 70px rgba(24,49,84,.34),0 0 0 140px rgba(20,39,70,.28)}
.industries-showcase-section>.container{position:relative;z-index:1}
.industries-showcase-section .section-head{display:grid;grid-template-columns:minmax(420px,1fr) minmax(380px,.8fr);align-items:end;gap:48px;max-width:none;margin-bottom:36px}
.industries-showcase-section .section-head>span{grid-column:1;color:#72d6e9!important}
.industries-showcase-section .section-head h2{grid-column:1;max-width:720px;margin-bottom:0;color:#fff!important;font-size:clamp(42px,4.5vw,62px)}
.industries-showcase-section .section-head p{grid-column:2;grid-row:1/3;max-width:560px;padding-left:22px;border-left:2px solid #43c7df;color:#aebbd2!important;font-size:15px;line-height:1.75}
.industries-showcase-section .industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.industries-showcase-section .industry-grid article{position:relative;min-height:210px;padding:25px 22px;border:1px solid #2c4162;border-radius:13px;background:#0d1d37!important;color:#fff;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.industries-showcase-section .industry-grid article:first-child{grid-column:span 2}
.industries-showcase-section .industry-grid article:hover{transform:translateY(-4px);border-color:#579cff;background:#132846!important}
.industries-showcase-section .industry-grid article svg{width:25px;height:25px;padding:10px;border:1px solid #36547c;border-radius:9px;box-sizing:content-box;background:#142b4a;color:#68a8ff}
.industries-showcase-section .industry-grid article h3{margin:38px 0 9px;color:#fff!important;font-size:18px}
.industries-showcase-section .industry-grid article p{margin:0;color:#93a2bb!important;font-size:12px;line-height:1.65}
.industries-showcase-section .industry-grid article:after{content:"Explore →";position:absolute;right:20px;top:25px;color:#6faaff;font-size:8px;font-weight:800;letter-spacing:.08em}
@media(max-width:1000px){.industries-showcase-section .industry-grid{grid-template-columns:repeat(2,1fr)}.industries-showcase-section .section-head{grid-template-columns:1fr}.industries-showcase-section .section-head p{grid-column:1;grid-row:auto;padding-left:18px}}
@media(max-width:600px){body[data-route="/"] main>.industries-showcase-section{padding-block:60px}.industries-showcase-section .industry-grid{grid-template-columns:1fr}.industries-showcase-section .industry-grid article:first-child{grid-column:auto}.industries-showcase-section .industry-grid article{min-height:180px}}

/* Compact industries card grid */
.industries-showcase-section .industry-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.industries-showcase-section .industry-grid article,.industries-showcase-section .industry-grid article:first-child{grid-column:auto;min-height:168px;padding:20px;text-align:center}
.industries-showcase-section .industry-grid article svg{width:22px;height:22px;margin:0 auto;padding:9px}
.industries-showcase-section .industry-grid article h3{margin:20px 0 7px;font-size:15px}
.industries-showcase-section .industry-grid article p{max-width:330px;margin:0 auto;font-size:13px;line-height:1.6}
.industries-showcase-section .industry-grid article:after{display:none}
.industries-showcase-section .industry-more{margin:22px 0 0;color:#7f90aa;font-size:11px;font-style:italic;font-weight:700;text-align:center}
@media(max-width:900px){.industries-showcase-section .industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.industries-showcase-section .industry-grid{grid-template-columns:1fr}.industries-showcase-section .industry-grid article{min-height:155px}}

/* High-contrast light industry cards */
.industries-showcase-section .industry-grid article,.industries-showcase-section .industry-grid article:first-child{border-color:#d5deeb;background:#fff!important;color:#101a31;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.industries-showcase-section .industry-grid article:hover{border-color:#82adf2;background:#fff!important;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.industries-showcase-section .industry-grid article h3{color:#101a31!important}
.industries-showcase-section .industry-grid article p{color:#607089!important}
.industries-showcase-section .industry-grid article svg{border-color:#c9d9ee;background:#e9f2ff;color:#1760df}
.industries-showcase-section .industry-grid article:nth-child(2) svg{background:#fff3c9;color:#cf7b00}
.industries-showcase-section .industry-grid article:nth-child(3) svg{background:#ffe8d1;color:#e65c00}
.industries-showcase-section .industry-grid article:nth-child(4) svg{background:#ddf7e8;color:#079653}
.industries-showcase-section .industry-grid article:nth-child(5) svg{background:#f0e2ff;color:#8338d9}
.industries-showcase-section .industry-grid article:nth-child(6) svg{background:#ffe1e7;color:#d92f54}
.industries-showcase-section .industry-more{color:#aebbd0}

/* Tighter industries heading spacing */
body[data-route="/"] main>.industries-showcase-section{padding-top:54px;padding-bottom:68px}
.industries-showcase-section .section-head{grid-template-rows:auto auto;align-items:center;row-gap:6px;margin-bottom:28px}
.industries-showcase-section .section-head>span{align-self:end;margin:0}
.industries-showcase-section .section-head h2{align-self:start;margin:0}
.industries-showcase-section .section-head p{align-self:center;margin:0}
@media(max-width:1000px){.industries-showcase-section .section-head{row-gap:12px}.industries-showcase-section .section-head p{margin-top:4px}}

/* White Security & Control section with blue cards */
body[data-route="/"] main>.security{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
body[data-route="/"] main>.security .section-head>span{color:var(--blue)!important}
body[data-route="/"] main>.security .section-head h2{color:var(--navy)!important}
body[data-route="/"] main>.security .section-head p{color:var(--muted)!important}
body[data-route="/"] main>.security .security-grid article{border:1px solid #286df0!important;background:#0b5fff!important;color:#fff!important;box-shadow:0 12px 28px rgba(11,95,255,.18);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body[data-route="/"] main>.security .security-grid article:hover{transform:translateY(-3px);background:#064fdc!important;box-shadow:0 17px 34px rgba(11,95,255,.25)}
body[data-route="/"] main>.security .security-grid article svg{color:#fff!important}
body[data-route="/"] main>.security .security-grid article span{color:#fff!important}

/* Dark navy security cards */
body[data-route="/"] main>.security .security-grid article{border-color:#162554!important;background:#00063d!important;box-shadow:0 12px 28px rgba(0,6,61,.16)}
body[data-route="/"] main>.security .security-grid article:hover{border-color:#285fae!important;background:#07154f!important;box-shadow:0 17px 34px rgba(0,6,61,.23)}

/* Dark Customer Evidence section */
body[data-route="/"] main>.customer-evidence-section{padding-block:82px;background:#07142b!important;color:#fff!important;border-color:#273856!important}
.customer-evidence-section .section-head{max-width:900px;margin-bottom:34px}
.customer-evidence-section .section-head>span{color:#72d6e9!important}
.customer-evidence-section .section-head h2{color:#fff!important}
.customer-evidence-section .section-head p{color:#aebbd2!important}
.customer-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.customer-evidence-grid article{display:grid;grid-template-columns:45px 1fr;gap:15px;min-height:190px;padding:24px;border:1px solid #304461;border-radius:13px;background:#0d1d37}
.customer-evidence-grid article>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #3a5a83;border-radius:10px;background:#142b4a;color:#69a9ff}
.customer-evidence-grid article>span svg{width:21px;height:21px}
.customer-evidence-grid small{color:#6fd2e5;font-size:8px;font-weight:800;letter-spacing:.12em}
.customer-evidence-grid h3{margin:15px 0 8px;color:#fff!important;font-size:17px}
.customer-evidence-grid p{margin:0;color:#95a5bd;font-size:12px;line-height:1.65}
.evidence-note{margin:18px 0 0;color:#74839c;font-size:9px;text-align:center}
@media(max-width:800px){.customer-evidence-grid{grid-template-columns:1fr}.customer-evidence-grid article{min-height:150px}}

.evidence-toggle{display:inline-flex;gap:6px;margin-bottom:18px;padding:5px;border:1px solid #304461;border-radius:10px;background:#0a1930}
.evidence-toggle button{display:flex;align-items:center;gap:8px;min-width:155px;padding:10px 15px;border:0;border-radius:7px;background:transparent;color:#91a2bc;font-size:11px;font-weight:800;cursor:pointer}
.evidence-toggle button svg{width:15px;height:15px}.evidence-toggle button.active{background:#fff;color:var(--navy)}
.evidence-panel[hidden]{display:none}.evidence-panel.active{display:block}
@media(max-width:500px){.evidence-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%}.evidence-toggle button{min-width:0;justify-content:center}}

/* Evidence toggle contrast and reliable visible states */
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button{opacity:1!important;color:#fff!important;-webkit-text-fill-color:#fff}
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button svg{color:#72d6e9!important;stroke:currentColor}
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button.active{background:#fff!important;color:var(--navy)!important;-webkit-text-fill-color:var(--navy)}
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button.active svg{color:var(--blue)!important}

/* White Customer Evidence cards on dark section */
body[data-route="/"] main>.customer-evidence-section .customer-evidence-grid article{border-color:#d7e1ed;background:#fff!important;box-shadow:0 14px 34px rgba(0,0,0,.2)}
body[data-route="/"] main>.customer-evidence-section .customer-evidence-grid article>span{border-color:#c9daef;background:#eaf3ff;color:var(--blue)}
body[data-route="/"] main>.customer-evidence-section .customer-evidence-grid small{color:var(--blue)}
body[data-route="/"] main>.customer-evidence-section .customer-evidence-grid h3{color:var(--navy)!important}
body[data-route="/"] main>.customer-evidence-section .customer-evidence-grid p{color:var(--muted)!important}

/* Larger Customer Evidence toggle labels */
body[data-route="/"] main>.customer-evidence-section .evidence-toggle{gap:8px;padding:6px}
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button{min-width:190px;min-height:48px;padding:12px 18px;font-size:14px!important;line-height:1.2;font-weight:800;letter-spacing:0}
body[data-route="/"] main>.customer-evidence-section .evidence-toggle button svg{width:18px;height:18px;flex:0 0 18px}
@media(max-width:500px){body[data-route="/"] main>.customer-evidence-section .evidence-toggle button{min-width:0;padding-inline:10px;font-size:12px!important}}

/* Supplied testimonial cards */
.customer-evidence-grid .testimonial-card{display:flex;flex-direction:column;min-height:260px;padding:26px;text-align:left}
.testimonial-card header{display:flex;align-items:center;justify-content:space-between}.testimonial-card header span{color:#f29a00;font-size:15px;letter-spacing:2px}.testimonial-card header svg{width:28px;height:28px;color:#dfeaff}
.testimonial-card blockquote{flex:1;margin:24px 0;color:#52647e;font-size:15px;font-style:italic;line-height:1.65}
.testimonial-card footer{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #e4eaf2}.testimonial-card footer>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#1760df;color:#fff;font-size:11px;font-style:normal;font-weight:800}.testimonial-card footer strong,.testimonial-card footer small{display:block}.testimonial-card footer strong{color:var(--navy);font-size:12px}.testimonial-card footer small{margin-top:3px;color:#8290a4;font-size:9px}
.testimonial-card.testimonial-pending{border-style:dashed!important}.testimonial-card.testimonial-pending header span{color:#6d7d94;font-size:9px;font-weight:800;letter-spacing:.12em}.testimonial-card.testimonial-pending blockquote{color:#8a97a9}

/* Clear testimonial attribution typography */
.testimonial-card footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
body[data-route="/"] main>.customer-evidence-section .testimonial-card footer strong{display:block;color:#111936!important;font-size:14px;font-style:normal;font-weight:800;line-height:1.25}
body[data-route="/"] main>.customer-evidence-section .testimonial-card footer small{display:block;margin:0;color:#718097!important;font-size:10px;font-style:normal;font-weight:600;line-height:1.45}
body[data-route="/"] main>.customer-evidence-section .testimonial-card footer strong{font-family:"Open Sans",sans-serif!important}

/* Client story cards */
body[data-route="/"] main>.customer-evidence-section .client-story-card{display:block;min-height:430px;padding:0;overflow:hidden;text-align:left}
.client-story-media{position:relative;display:grid;place-items:center;height:190px;background:#dce7f4;color:#1760df;overflow:hidden}
.client-story-media.operations{background:#dfe7ee;color:#314b70}.client-story-media.video{background:#f5efe5}
.client-story-media>svg{width:58px;height:58px}.client-story-media>span{position:absolute;left:14px;top:14px;padding:6px 8px;border-radius:6px;background:#0fbd83;color:#fff;font-size:8px;font-weight:800}
.client-story-media.teams img,.client-story-media.operations img{width:100%;height:100%;object-fit:cover;object-position:center}
.client-story-media.video img{width:100%;height:100%;object-fit:cover;object-position:center}.client-story-media.video .client-story-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;translate:-50% -50%;background:#e31b61;color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(227,27,97,.24);transition:transform .18s ease,box-shadow .18s ease}.client-story-media.video .client-story-play svg{width:19px;height:19px;margin-left:2px}.client-story-media.video:hover .client-story-play{transform:scale(1.08);box-shadow:0 10px 24px rgba(227,27,97,.3)}
.client-story-body{padding:22px}.client-story-body>small{display:inline-block;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#3979df!important;font-size:8px!important;font-weight:800;letter-spacing:.08em}
body[data-route="/"] main>.customer-evidence-section .client-story-body h3{min-height:48px;margin:12px 0 8px;color:#101936!important;font-family:"Open Sans",sans-serif;font-size:15px;line-height:1.4}
body[data-route="/"] main>.customer-evidence-section .client-story-body p{min-height:56px;margin:0;color:#64748b!important;font-size:11px;line-height:1.6}
.client-story-body footer{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e3e9f1;font-size:8px}.client-story-body footer strong{color:#243650;font-size:12px;font-weight:800;line-height:1.35}.client-story-body footer i{width:4px;height:4px;border-radius:50%;background:#c5cfdd}.client-story-body footer span{color:#95a1b2}
@media(max-width:800px){body[data-route="/"] main>.customer-evidence-section .client-story-card{min-height:390px}.client-story-media{height:175px}}

/* Extra breathing room below Customer Evidence */
body[data-route="/"] main>.customer-evidence-section{padding-bottom:124px}
@media(max-width:800px){body[data-route="/"] main>.customer-evidence-section{padding-bottom:88px}}

/* Balanced Client Story cards: equal height without unused bottom space. */
body[data-route="/"] main>.customer-evidence-section .client-story-card{display:flex;flex-direction:column;height:100%;min-height:0}
body[data-route="/"] main>.customer-evidence-section .client-story-media{height:235px}
body[data-route="/"] main>.customer-evidence-section .client-story-body{display:flex;flex:1;flex-direction:column;padding:24px 22px}
body[data-route="/"] main>.customer-evidence-section .client-story-body footer{margin-top:auto}
@media(max-width:800px){body[data-route="/"] main>.customer-evidence-section .client-story-card{min-height:0}body[data-route="/"] main>.customer-evidence-section .client-story-media{height:205px;flex:0 0 205px}}

body[data-route="/"] main>.customer-evidence-section{padding-bottom:92px}
@media(max-width:800px){body[data-route="/"] main>.customer-evidence-section{padding-bottom:72px}}

body[data-route="/"] main>.customer-evidence-section [data-evidence-panel="stories"] .customer-evidence-grid{margin-bottom:0}

/* Footer callout straddles the white-section / dark-footer boundary */
body[data-route="/"] .site-footer{overflow:visible;padding-top:0}
body[data-route="/"] .site-footer>.container{position:relative}
body[data-route="/"] .footer-callout{z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
body[data-route="/"] .footer-capabilities{position:relative;z-index:1}
@media(max-width:900px){body[data-route="/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}
@media(max-width:600px){body[data-route="/"] .site-footer{padding-top:34px}body[data-route="/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}

/* Clear space between final FAQ row and overlapping footer callout */
/* Keep the homepage FAQ content-sized, with a compact gap before the footer. */
body[data-route="/"] main>.faq-section{height:auto;min-height:0!important;max-height:none;overflow:visible;padding-bottom:64px!important;scroll-snap-align:none!important}
@media(max-width:900px){body[data-route="/"] main>.faq-section{padding-bottom:48px!important}}
@media(max-width:600px){body[data-route="/"] main>.faq-section{padding-bottom:32px!important}}

.footer-callout-contact{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.footer-callout-contact a{color:#aeb8d3;font-size:12px}.footer-callout-contact a:hover{color:#fff}
.footer-callout-contact a+a{padding-left:18px;border-left:1px solid #35406c}
@media(max-width:480px){.footer-callout-contact{display:grid;gap:7px}.footer-callout-contact a+a{padding-left:0;border-left:0}}

/* Dark dashboard inside the light homepage hero */
.home-hero .hero-product .product-window{border-color:#25375a;background:#08162d;color:#fff;box-shadow:0 28px 65px rgba(0,6,61,.2)}
.home-hero .hero-product .window-top{border-bottom-color:#273957;background:#0d1d37;color:#fff}
.home-hero .hero-product .window-top span,.home-hero .hero-product .window-top small{color:#91a1bb}
.home-hero .hero-product .dash-layout aside{border-right-color:#273957;background:#09172d}
.home-hero .hero-product .dash-layout aside span{color:#8796ae}
.home-hero .hero-product .dash-layout aside span.active{background:#17345c;color:#fff}
.home-hero .hero-product .dash-layout>section{background:#0b1931}
.home-hero .hero-product .welcome h3,.home-hero .hero-product .card-title,.home-hero .hero-product .kpis strong,.home-hero .hero-product .activity>b{color:#fff}
.home-hero .hero-product .welcome small,.home-hero .hero-product .card-title small,.home-hero .hero-product .kpis small,.home-hero .hero-product .kpis em,.home-hero .hero-product .activity small{color:#8392aa}
.home-hero .hero-product .welcome button{border-color:#365077;background:#132945;color:#7db0ff}
.home-hero .hero-product .kpis article,.home-hero .hero-product .dash-grid article,.home-hero .hero-product .activity{border-color:#2b3e5e;background:#10213b}
.home-hero .hero-product .chart-bars{border-bottom-color:#334765}
.home-hero .hero-product .activity span{border-top-color:#2b3e5e;color:#c3cee0}
.home-hero .hero-product .activity i{background:#18365e;color:#7eb0ff}
.home-hero .hero-product .donut{color:#fff}

.home-hero .hero-product .dash-grid article:last-child{min-height:230px}
.home-hero .hero-product .dash-grid article:last-child .donut{width:82px;height:82px;margin:12px auto 9px;border-width:12px}
.hero-department-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:7px}
.hero-department-list span{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:5px;color:#aebbd0;font-size:7px}
.hero-department-list span i{width:6px;height:6px;border-radius:2px;background:#4f8df5}.hero-department-list span:nth-child(2) i{background:#20bfd0}.hero-department-list span:nth-child(3) i{background:#8b66e8}.hero-department-list span:nth-child(4) i{background:#e6a13c}
.hero-department-list span b{color:#fff;font-size:7px}.hero-department-list>small{grid-column:1/-1;margin-top:3px;color:#71819a;font-size:6px;text-align:center}

/* Accurate segmented department donut */
.home-hero .hero-product .donut{position:relative;display:grid;place-items:center;border:0;background:transparent}
.home-hero .hero-product .donut>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.home-hero .hero-product .donut circle{fill:none;stroke-width:5.5}
.home-hero .hero-product .donut .department-track{stroke:#263a59}
.home-hero .hero-product .donut .department-segment{stroke-dasharray:var(--part) calc(100 - var(--part));stroke-dashoffset:calc(-1 * var(--offset));stroke-linecap:butt}
.home-hero .hero-product .donut .operations{--part:28;--offset:0;stroke:#4f8df5}.home-hero .hero-product .donut .sales{--part:22;--offset:28;stroke:#20bfd0}.home-hero .hero-product .donut .hr{--part:14;--offset:50;stroke:#8b66e8}.home-hero .hero-product .donut .finance{--part:12;--offset:64;stroke:#e6a13c}.home-hero .hero-product .donut .other{--part:24;--offset:76;stroke:#63738d}
.home-hero .hero-product .donut>span{position:relative;z-index:1;text-align:center}.home-hero .hero-product .donut>span b,.home-hero .hero-product .donut>span small{display:block}.home-hero .hero-product .donut>span b{font-size:14px}.home-hero .hero-product .donut>span small{color:#8190a7;font-size:5px}

/* White cards inside the dark hero dashboard */
.home-hero .hero-product .kpis article,.home-hero .hero-product .dash-grid article,.home-hero .hero-product .activity{border-color:#d7e1ed;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.1)}
.home-hero .hero-product .kpis strong,.home-hero .hero-product .card-title,.home-hero .hero-product .activity>b{color:#111936}
.home-hero .hero-product .kpis small,.home-hero .hero-product .kpis em,.home-hero .hero-product .card-title small,.home-hero .hero-product .activity small{color:#718097}
.home-hero .hero-product .activity span{border-top-color:#e1e7ef;color:#46566e}
.home-hero .hero-product .chart-bars{border-bottom-color:#d9e1eb}
.home-hero .hero-product .donut .department-track{stroke:#e1e7ef}
.home-hero .hero-product .donut>span b{color:#111936}.home-hero .hero-product .donut>span small{color:#718097}
.hero-department-list span{color:#53647b}.hero-department-list span b{color:#111936}.hero-department-list>small{color:#78869a}

/* Full navigation sidebar in the hero dashboard */
.home-hero .hero-product .dash-layout{grid-template-columns:112px 1fr}
.home-hero .hero-product .dash-layout aside{gap:3px;padding:10px 7px;overflow-y:auto;scrollbar-width:none}
.home-hero .hero-product .dash-layout aside::-webkit-scrollbar{display:none}
.hero-side-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:49px;padding:6px 4px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.hero-side-link svg{width:15px;height:15px;color:#58a0ff}.hero-side-link span{max-width:90px;color:#fff!important;font-size:6.5px!important;font-weight:800;line-height:1.08;text-align:center}
.hero-side-link.active{background:#424954!important}.hero-side-link.white svg{color:#fff}.hero-side-link.violet svg{color:#a174ff}.hero-side-link.indigo svg{color:#7f8fff}.hero-side-link.yellow svg{color:#f2cd00}.hero-side-link.pink svg{color:#ff5d83}.hero-side-link.orange svg{color:#ff8b22}.hero-side-link.gold svg{color:#f5b800}.hero-side-link.teal svg{color:#20c9a5}
.hero-side-link:hover{background:#26354b}

/* HR Suite application header in hero dashboard */
.hero-app-header{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:24px;min-height:62px;padding:9px 14px;border-bottom:1px solid #d7e1ed;background:#fff;color:#111936}
.hero-app-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.hero-app-brand img{width:34px;height:34px;object-fit:contain}.hero-app-brand strong{color:var(--navy);font-size:12px}.hero-app-brand i{width:1px;height:23px;background:#d7e1ed}.hero-app-brand small{color:#61718a;font-size:7px}
.hero-app-header>label{display:flex;align-items:center;gap:8px;width:min(100%,430px);margin:auto;padding:8px 10px;border:1px solid #d2ddea;border-radius:8px;background:#f8fafc}.hero-app-header>label svg{width:13px;height:13px;color:#7f8da1}.hero-app-header>label span{flex:1;color:#8794a8;font-size:7px}.hero-app-header>label kbd{padding:3px 6px;border:1px solid #d6dfeb;border-radius:5px;background:#fff;color:#8b98aa;font-size:7px;font-family:"Open Sans",sans-serif}
.hero-app-user{display:flex;align-items:center;gap:8px}.hero-app-user>button{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d5dfeb;border-radius:8px;background:#fff;color:#4f6078}.hero-app-user>button svg{width:14px;height:14px}.hero-app-user>button i{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#e84b55}.hero-app-user>b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--navy);color:#fff;font-size:7px}.hero-app-user>span strong,.hero-app-user>span small{display:block}.hero-app-user>span strong{color:#172641;font-size:7px}.hero-app-user>span small{margin-top:2px;color:#8a97a9;font-size:6px}
@media(max-width:760px){.hero-app-header{grid-template-columns:1fr auto}.hero-app-header>label{display:none}.hero-app-user>span{display:none}}

/* Readable hero app-header typography */
.hero-app-header{min-height:74px;padding:11px 17px;gap:28px}
.hero-app-brand{gap:10px}.hero-app-brand img{width:42px;height:42px}.hero-app-brand strong{font-size:15px}.hero-app-brand i{height:29px}.hero-app-brand small{font-size:9px;font-weight:600}
.hero-app-header>label{min-height:40px;padding:10px 12px}.hero-app-header>label svg{width:16px;height:16px}.hero-app-header>label span{font-size:9px}.hero-app-header>label kbd{font-size:8px}
.hero-app-user{gap:10px}.hero-app-user>button{width:38px;height:38px}.hero-app-user>button svg{width:17px;height:17px}.hero-app-user>b{width:37px;height:37px;font-size:9px}.hero-app-user>span strong{font-size:9px}.hero-app-user>span small{font-size:8px}

/* Enhanced Attendance Trend card */
.home-hero .hero-attendance-card{position:relative;padding:15px 15px 12px!important;overflow:hidden}
.hero-attendance-card .card-title{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.hero-attendance-card .card-title>b{font-size:11px}.hero-attendance-card .card-title>small{grid-column:1;color:#7d899a;font-size:7px}.hero-attendance-card .card-title>em{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:#e5f7ef;color:#07895f;font-size:6px;font-style:normal;font-weight:800}.hero-attendance-card .card-title>em svg{width:10px;height:10px}
.hero-attendance-card .chart-bars{position:relative;height:122px;gap:8px;padding:27px 4px 19px;margin-top:7px;overflow:visible}
.hero-attendance-card .chart-bars i{position:relative;min-width:13px;border-radius:5px 5px 2px 2px;background:#1760df;box-shadow:0 4px 9px rgba(23,96,223,.18)}
.hero-attendance-card .chart-bars i:nth-child(2n){background:#20b8d0}
.hero-attendance-card .chart-bars i:before{position:absolute;left:50%;top:-15px;color:#617189;font-size:5px;font-style:normal;font-weight:800;transform:translateX(-50%)}
.hero-attendance-card .chart-bars i:after{position:absolute;left:50%;bottom:-16px;color:#8190a4;font-size:5px;font-style:normal;transform:translateX(-50%)}
.hero-attendance-card .chart-bars i:nth-child(1):before{content:"78"}.hero-attendance-card .chart-bars i:nth-child(2):before{content:"86"}.hero-attendance-card .chart-bars i:nth-child(3):before{content:"81"}.hero-attendance-card .chart-bars i:nth-child(4):before{content:"91"}.hero-attendance-card .chart-bars i:nth-child(5):before{content:"88"}.hero-attendance-card .chart-bars i:nth-child(6):before{content:"96"}.hero-attendance-card .chart-bars i:nth-child(7):before{content:"93"}
.hero-attendance-card .chart-bars i:nth-child(1):after{content:"M"}.hero-attendance-card .chart-bars i:nth-child(2):after{content:"T"}.hero-attendance-card .chart-bars i:nth-child(3):after{content:"W"}.hero-attendance-card .chart-bars i:nth-child(4):after{content:"T"}.hero-attendance-card .chart-bars i:nth-child(5):after{content:"F"}.hero-attendance-card .chart-bars i:nth-child(6):after{content:"S"}.hero-attendance-card .chart-bars i:nth-child(7):after{content:"S"}
.hero-attendance-summary{display:flex;align-items:center;margin-top:8px;padding-top:9px;border-top:1px solid #e5eaf1}.hero-attendance-summary>span{display:grid;grid-template-columns:7px 1fr;gap:0 5px}.hero-attendance-summary>span i{grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:#10ad78}.hero-attendance-summary b,.hero-attendance-summary small{display:block}.hero-attendance-summary b{color:#25344b;font-size:7px}.hero-attendance-summary small{color:#8995a7;font-size:5px}.hero-attendance-summary>strong{margin-left:auto;color:#07895f;font-size:11px}

/* Dark primary CTA in homepage hero */
.home-hero .hero-copy>.actions .button:first-child{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(0,6,61,.18)}
.home-hero .hero-copy>.actions .button:first-child:hover{border-color:#07152b;background:#07152b;box-shadow:0 13px 30px rgba(0,6,61,.24)}

/* Readable hero capability cards */
.home-hero .hero-capabilities{max-width:1120px;gap:14px;margin-top:38px}
.home-hero .hero-capabilities article{gap:14px;min-height:96px;padding:18px 16px;border-color:#ccd8e8;box-shadow:0 10px 26px rgba(0,6,61,.07)}
.home-hero .hero-capabilities article>svg{width:36px;height:36px;padding:8px;border-radius:9px}
.home-hero .hero-capabilities strong{font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:800;line-height:1.3}
.home-hero .hero-capabilities small{margin-top:5px;font-family:"DM Sans",Arial,sans-serif;font-size:10px;font-weight:650;line-height:1.4}
@media(max-width:760px){.home-hero .hero-capabilities article{min-height:88px;padding:14px}.home-hero .hero-capabilities strong{font-size:12px}.home-hero .hero-capabilities small{font-size:9px}}

/* Subtle shine sweep for the hero demo CTA */
.home-hero .hero-copy>.actions .button:first-child{position:relative;isolation:isolate;overflow:hidden}
.home-hero .hero-copy>.actions .button:first-child:before{content:"";position:absolute;z-index:-1;top:-45%;left:-30%;width:22px;height:190%;background:rgba(255,255,255,.34);filter:blur(3px);transform:skewX(-20deg);animation:heroCtaShine 3.4s ease-in-out infinite}
@keyframes heroCtaShine{0%,58%{left:-30%;opacity:0}66%{opacity:1}82%{left:120%;opacity:.8}100%{left:120%;opacity:0}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-copy>.actions .button:first-child:before{display:none;animation:none}}

/* Consistent visual separation between homepage sections */
body[data-route="/"] main{display:flow-root;background:#e9eef5}
body[data-route="/"] main>section+section{margin-top:12px!important}
body[data-route="/"] main>section{outline:1px solid rgba(0,6,61,.04);outline-offset:-1px}
@media(max-width:760px){body[data-route="/"] main>section+section{margin-top:8px!important}}

/* Explicit light FAQ section */
body[data-route="/"] main>.faq-section{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
body[data-route="/"] main>.faq-section .section-head>span{color:var(--blue)!important}
body[data-route="/"] main>.faq-section .section-head h2{color:var(--navy)!important}
body[data-route="/"] main>.faq-section .section-head p{color:var(--muted)!important}
body[data-route="/"] main>.faq-section .accordion article{border-color:var(--line)!important;background:#fff!important}
body[data-route="/"] main>.faq-section .accordion button{color:var(--navy)!important;background:#fff!important}
body[data-route="/"] main>.faq-section .accordion button svg{color:var(--blue)!important}
body[data-route="/"] main>.faq-section .accordion article>div>p{color:var(--muted)!important}

/* Contract workforce search-content section */
.contract-seo-section{padding:96px 0;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.contract-seo-section .contract-faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:86px;align-items:start}
.contract-seo-section header{max-width:430px;margin:0}
.contract-seo-section header>span{display:block;margin-bottom:14px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}
.contract-seo-section h2{margin:0 0 18px;color:var(--navy);font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.04em}
.contract-seo-section header p,.contract-seo-section article p{color:var(--muted);line-height:1.75}
.contract-faq-accordion article{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:hidden}
.contract-faq-accordion article:first-child{border-top:1px solid var(--line)}
.contract-faq-accordion button{min-height:67px;padding:20px 0;color:var(--navy);font-size:16px;line-height:1.4;cursor:pointer}
.contract-faq-accordion button>span{padding-right:24px}
.contract-faq-accordion button svg{flex:0 0 18px;color:var(--blue);transition:transform .2s ease}
.contract-faq-accordion article.open button svg{transform:rotate(45deg)}
.contract-faq-accordion article>div>p{padding:0;font-size:15px}
.contract-faq-accordion article.open>div>p{padding:0 50px 22px 0}
.contract-faq-accordion button:focus-visible{outline:3px solid rgba(11,95,255,.25);outline-offset:5px;border-radius:4px}
@media(max-width:800px){.contract-seo-section{padding:68px 0}.contract-seo-section .contract-faq-layout{grid-template-columns:1fr;gap:34px}.contract-seo-section header{max-width:620px}.contract-seo-section h2{font-size:clamp(32px,9vw,42px)}.contract-faq-accordion button{min-height:64px;padding:18px 0;font-size:15px}.contract-faq-accordion article>div>p{padding:0;font-size:14px}.contract-faq-accordion article.open>div>p{padding:0 36px 20px 0}}

/* Fast local system-font stack avoids a render-blocking external font request. */
body{font-family:Arial,"Helvetica Neue",sans-serif}

/* Dedicated Company navigation dropdown */
@media(min-width:1101px){
  .company-drop .mega{left:50%;right:auto;width:780px;max-width:calc(100vw - 48px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;translate:-50% 0;z-index:120}
  .company-drop .mega a{grid-template-columns:42px minmax(0,1fr);min-height:66px;align-content:center;padding:11px 12px}
  .company-drop .mega a svg{align-self:center;grid-row:1/3;width:38px;height:38px;margin:0;padding:9px}
  .company-drop .mega b{align-self:end;font-size:14px;line-height:1.35}
  .company-drop .mega small{align-self:start;font-size:11px;line-height:1.45}
}
@media(max-width:1100px){
  .company-drop .mega{width:100%;grid-template-columns:1fr;margin-top:0;padding:6px 8px 12px}
  .company-drop .mega a{grid-template-columns:40px minmax(0,1fr);min-height:62px;padding:10px}
}

/* Persistent WhatsApp contact action */
.whatsapp-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:500;display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 16px 9px 10px;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:#25d366;color:#fff;font-size:13px;font-weight:800;box-shadow:0 14px 34px rgba(0,35,20,.3);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.whatsapp-float svg{width:34px;height:34px;flex:0 0 auto}
.whatsapp-float:hover{transform:translateY(-3px);background:#1fbd5a;box-shadow:0 18px 42px rgba(0,35,20,.38)}
.whatsapp-float:focus-visible{outline:4px solid rgba(37,211,102,.3);outline-offset:3px}
@media(max-width:600px){.whatsapp-float{right:max(13px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:56px;height:56px;min-height:56px;padding:9px;justify-content:center}.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.whatsapp-float svg{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}

/* Animated navbar product label */
.brand .brand-rotator{display:inline-flex;align-items:center;min-width:112px;white-space:nowrap;color:var(--navy);font-size:30px;font-weight:400;line-height:1;letter-spacing:0;transition:opacity .22s ease,transform .22s ease}
.brand .brand-rotator.is-changing{opacity:0;transform:translateY(-6px)}
@media(max-width:760px){.brand .brand-rotator{min-width:72px;font-size:inherit}}
@media(prefers-reduced-motion:reduce){.brand .brand-rotator{transition:none}}

/* Slightly larger navbar logo */
@media(min-width:1101px){.site-header .brand img{width:76px;height:76px}.site-header.compact .brand img{width:64px;height:64px}}
@media(min-width:761px) and (max-width:1100px){.site-header .brand img{width:66px;height:66px}.site-header.compact .brand img{width:60px;height:60px}}
@media(max-width:760px){.site-header .brand img,.site-header.compact .brand img{width:58px;height:58px}}

/* Mobile navigation drawer */
@media(max-width:1100px){
  .site-header .nav{width:calc(100% - 28px);max-width:none}
  .site-header .nav-actions{display:none}
  .site-header .menu-button{position:relative;z-index:1002;flex:0 0 44px;margin-left:auto}
  .site-header .nav-links.open{position:fixed;z-index:1000;top:var(--header);right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:calc(100dvh - var(--header));margin:0;padding:12px 18px max(28px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#fff!important;box-shadow:0 18px 45px rgba(0,6,61,.18)}
  .site-header.compact .nav-links.open{top:64px;height:calc(100dvh - 64px)}
  .nav-links.open>li{flex:0 0 auto;width:100%;border-bottom:1px solid var(--line)}
  .nav-links.open .nav-link,.nav-links.open>li>a{width:100%;min-height:48px;padding:12px 4px;justify-content:space-between;color:var(--navy);font-size:14px;text-align:left}
  .nav-links.open .nav-link:after,.nav-links.open>li>a:after{display:none}
  .nav-links.open .mega,.nav-links.open .products-drop .mega,.nav-links.open .customers-drop .mega,.nav-links.open .company-drop .mega,.nav-links.open .resources-drop .mega{position:static;width:100%;max-width:100%;grid-template-columns:1fr;gap:7px;margin:0;padding:4px 0 12px;border:0;box-shadow:none;translate:0}
  .nav-links.open .mega:before{display:none}
  .nav-links.open .mega a{width:100%;min-width:0;grid-template-columns:40px minmax(0,1fr);min-height:62px;padding:10px;border:1px solid #dce5f1;border-radius:10px;background:#f7f9fc}
  .nav-links.open .mega a svg{grid-row:1/3;align-self:center;width:36px;height:36px;margin:0;padding:8px;border-radius:9px;background:#e7efff}
  .nav-links.open .mega b,.nav-links.open .mega small{min-width:0;white-space:normal}
  .nav-links.open .mega b{font-size:13px;line-height:1.3}
  .nav-links.open .mega small{font-size:11px;line-height:1.4}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menu-button span{transition:transform .2s ease,opacity .2s ease}
}
@media(max-width:420px){
  .site-header .nav{width:calc(100% - 20px)}
  .site-header .brand img,.site-header.compact .brand img{width:44px;height:44px}
  .brand .brand-rotator{min-width:0;max-width:125px;overflow:hidden;text-overflow:ellipsis;font-size:14px}
  .site-header .nav-links.open{padding-inline:12px}
}


/* Payroll calculation results dashboard */
.payroll-workspace{border-color:#243454;background:#0a1930}.payroll-appbar{border-bottom-color:#263653;background:#10203c}.payroll-appbar strong,.payroll-appbar small{color:#fff}.payroll-appbar>div i{background:#3b4c69}.payroll-appbar label{border-color:#314361;background:#0d1b33}.payroll-appbar label span,.payroll-appbar kbd{color:#8291aa}.payroll-appbar kbd{border-color:#3a4b67;background:#172844}.payroll-canvas{background:#0c1b32}.payroll-canvas>aside{background:#071426}.payroll-canvas>main{padding:21px 14px 15px;background:#0c1b32;color:#fff}.payroll-run-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 13px;border-bottom:1px solid #243652}.payroll-run-head small{color:#b9c4d8;font-size:8px;font-weight:800}.payroll-run-head h3{display:inline;margin:0 7px;color:#fff;font-size:14px}.payroll-run-head span{display:block;margin-top:3px;color:#687b99;font-size:7px}.payroll-run-head button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #365179;border-radius:7px;background:#142947;color:#dbe7fa;font-size:7px;font-weight:800}.payroll-run-head button svg{width:11px;height:11px}
.payroll-result-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}.payroll-result-kpis article{display:flex;align-items:center;gap:8px;min-height:50px;padding:9px;border:1px solid #2b3b58;border-radius:8px;background:#13223d}.payroll-result-kpis article>svg{width:18px;height:18px;padding:7px;border-radius:7px;box-sizing:content-box;background:#e1efff;color:#3979df}.payroll-result-kpis article:nth-child(2)>svg{background:#def8ed;color:#07966a}.payroll-result-kpis .failed>svg{background:#ffe7e7;color:#df454d}.payroll-result-kpis article:nth-child(4)>svg{background:#e3f6f2;color:#07966a}.payroll-result-kpis .deduction>svg{background:#ffe7e7;color:#df454d}.payroll-result-kpis .net-pay>svg{background:#e5edff;color:#3979df}.payroll-result-kpis small,.payroll-result-kpis strong{display:block}.payroll-result-kpis small{color:#71819c;font-size:6px}.payroll-result-kpis strong{margin-top:2px;color:#dce6f5;font-size:11px}.payroll-result-kpis .failed strong,.payroll-result-kpis .deduction strong{color:#ff6268}.payroll-result-kpis .deduction,.payroll-result-kpis .net-pay{grid-column:span 2}
.payroll-results-table{overflow:hidden;border:1px solid #d9e2ed;border-radius:9px;background:#fff;color:#172641}.payroll-results-table>header{display:grid;grid-template-columns:1fr 180px auto;align-items:center;gap:7px;min-height:46px;padding:8px 11px;border-bottom:1px solid #e4e9ef}.payroll-results-table>header b,.payroll-results-table>header small{display:block}.payroll-results-table>header b{color:#172641;font-size:9px}.payroll-results-table>header small{color:#8693a6;font-size:6px}.payroll-results-table>header label{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #d9e2ed;border-radius:6px;background:#f9fbfd}.payroll-results-table>header label svg{width:11px;height:11px;color:#8391a5}.payroll-results-table input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:7px}.payroll-results-table>header button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d9e2ed;border-radius:6px;background:#fff;color:#526178;font-size:7px}.payroll-results-table>header button svg{width:11px;height:11px}.payroll-result-row{display:grid;grid-template-columns:1.2fr .6fr .8fr .8fr .8fr .8fr .62fr .58fr;align-items:center;gap:8px;min-height:43px;padding:7px 11px;border-bottom:1px solid #e7ebf0;color:#4f5f76;font-size:6.5px}.payroll-result-row:last-child{border:0}.payroll-result-labels{min-height:30px;background:#f7f9fc;color:#99a5b5;font-size:6px;font-weight:800}.payroll-result-row>span:first-child{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:6px}.payroll-result-row>span:first-child>i{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e1efff;color:#3979df;font-size:6px;font-style:normal;font-weight:800}.payroll-result-row>span:first-child b,.payroll-result-row>span:first-child small{display:block}.payroll-result-row>span:first-child b{color:#34445b;font-size:6.5px}.payroll-result-row>span:first-child small{margin-top:2px;color:#95a1b2;font-size:5.5px;font-weight:400}.payroll-result-row>strong{color:#15ad69}.payroll-result-row>em{padding:4px 5px;border:1px solid #a5eac8;border-radius:4px;background:#e6faef;color:#12a661;font-size:6px;font-style:normal;font-weight:800;text-align:center}.payroll-result-row>em.review{border-color:#f0cd87;background:#fff5dd;color:#ad7200}.payroll-result-row>a{color:#1760df;font-size:6px;font-weight:700}

/* Readable typography for the Payroll calculation workspace. */
.payroll-workspace{font-family:'DM Sans',Arial,sans-serif}.payroll-appbar small{font-size:10px!important;font-weight:650}.payroll-appbar label span{font-size:10.5px}.payroll-appbar kbd{font-size:9px}.payroll-appbar>em{font-size:9px}.payroll-canvas>aside span{min-height:55px;font-size:9.5px;line-height:1.3}.payroll-canvas>aside svg{width:19px;height:19px}.payroll-canvas>main{padding:24px 18px 20px}.payroll-run-head small{font-size:10px;font-weight:800}.payroll-run-head h3{font-size:25px;line-height:1.2}.payroll-run-head span{font-size:9px!important;line-height:1.4}.payroll-run-head button{min-height:36px;padding:9px 13px;font-size:9.5px}.payroll-run-head button svg{width:13px;height:13px}.payroll-result-kpis{gap:10px;margin:12px 0}.payroll-result-kpis article{min-height:64px;padding:11px}.payroll-result-kpis article>svg{width:20px;height:20px;padding:8px}.payroll-result-kpis small{font-size:8.5px;line-height:1.3}.payroll-result-kpis strong{font-size:14px;line-height:1.3}.payroll-results-table>header{min-height:54px;padding:10px 13px}.payroll-results-table>header b{font-size:11.5px}.payroll-results-table>header small{font-size:8px}.payroll-results-table input{font-size:9px}.payroll-results-table>header button{font-size:9px}.payroll-results-table>header label svg,.payroll-results-table>header button svg{width:13px;height:13px}.payroll-result-row{min-height:52px;padding:9px 13px;font-size:8.5px;line-height:1.35}.payroll-result-labels{min-height:34px;font-size:8px}.payroll-result-row>span:first-child{grid-template-columns:30px 1fr;gap:8px}.payroll-result-row>span:first-child>i{width:30px;height:30px;font-size:7.5px}.payroll-result-row>span:first-child b{font-size:9.5px;line-height:1.3}.payroll-result-row>span:first-child small{font-size:7.5px;line-height:1.3}.payroll-result-row>em{font-size:7.5px}.payroll-result-row>a{font-size:8px}
@media(max-width:1100px){.payroll-canvas>aside span{font-size:9px}.payroll-result-row{font-size:8px}.payroll-result-row>span:first-child b{font-size:9px}}