/* Responsive hardening across phones, tablets, laptops and wide screens. */
html,body{max-width:100%;overflow-x:clip}
body[data-route="/"]{background:#05082c}

/* Four-plan pricing page */
.pricing-hero{position:relative;isolation:isolate;padding:84px 0 78px;background:radial-gradient(circle at 12% 18%,rgba(20,103,255,.2),transparent 32%),radial-gradient(circle at 88% 76%,rgba(0,184,217,.13),transparent 30%),linear-gradient(135deg,#061126 0%,#071a38 100%);color:#fff;border-bottom:0;overflow:hidden}
.pricing-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;opacity:.34;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 84%)}
.pricing-hero::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-185px;width:min(760px,82vw);height:300px;translate:-50% 0;border-radius:50%;background:rgba(31,104,255,.24);filter:blur(70px);pointer-events:none}
.pricing-hero>.container{position:relative;z-index:1}
.pricing-hero .eyebrow{margin-bottom:18px;color:#72d6e9}
.pricing-hero h1{max-width:900px;margin-inline:auto;color:#fff;font-family:"DM Sans",sans-serif;text-wrap:balance}
.pricing-hero p{max-width:760px;margin:0 auto 30px;color:#c1cce0;font-size:18px;line-height:1.7;text-wrap:balance}
.pricing-hero-notes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pricing-hero-notes span{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(132,163,211,.35);border-radius:999px;background:rgba(14,35,68,.72);color:#e4ecf8;font-size:12px;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.pricing-hero-notes svg{width:16px;height:16px;color:#71d5e8}
.pricing-scope-loop{position:relative;overflow:hidden;padding:17px 0;border-block:1px solid #d9e2ed;background:#fff}
.pricing-loop-track{display:flex;width:max-content;animation:pricingLoop 30s linear infinite;will-change:transform}
.pricing-scope-loop:hover .pricing-loop-track{animation-play-state:paused}
.pricing-loop-group{display:flex;gap:12px;padding-right:12px}
.pricing-loop-group article{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:13px;width:310px;min-height:84px;padding:14px 17px;border:1px solid #dbe4ef;border-radius:12px;background:#f7f9fc}
.pricing-loop-group article>svg{width:20px;height:20px;padding:11px;border-radius:10px;box-sizing:content-box;background:#e8f1ff;color:var(--blue)}
.pricing-loop-group strong,.pricing-factor-description{display:block}
.pricing-loop-group strong{color:var(--navy);font-size:16px;line-height:1.3;font-weight:700}
.pricing-factor-description{display:block!important;visibility:visible!important;opacity:1!important;margin-top:4px;color:#40506a!important;font-size:12px!important;line-height:1.4!important;font-weight:600!important;white-space:normal!important}
@keyframes pricingLoop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.pricing-loop-track{width:auto;animation:none;will-change:auto}.pricing-loop-group{flex-wrap:wrap;justify-content:center;padding-inline:14px}.pricing-loop-group[aria-hidden="true"]{display:none}}
.pricing-page{background:#f5f8fc}
.pricing-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:end;gap:56px;margin-bottom:38px}
.pricing-intro>div>span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em}
.pricing-intro h2{max-width:700px;margin:10px 0 0;color:var(--navy);font-size:clamp(36px,3.5vw,50px);line-height:1.08;letter-spacing:-.04em}
.pricing-intro>p{margin:0;padding-left:20px;border-left:2px solid var(--blue);color:var(--muted);font-size:15px;line-height:1.7}
.pricing-grid.pricing-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.pricing-grid-four .pricing-card{position:relative;display:flex;flex-direction:column;min-height:790px;padding:30px 24px 26px;border:1px solid #d4deea;border-top:6px solid #ec4fa5;border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(0,6,61,.07);overflow:visible}
.pricing-grid-four .pricing-card:nth-child(2){border-top-color:#6958ee}
.pricing-grid-four .pricing-card:nth-child(3){border-top-color:#f05a3f}
.pricing-grid-four .pricing-card:nth-child(4){border-top-color:var(--navy)}
.pricing-grid-four .pricing-card.featured{border:2px solid var(--blue);box-shadow:0 22px 52px rgba(11,95,255,.16)}
.pricing-best-value{position:absolute;top:-17px;left:18px;padding:7px 13px;border-radius:7px;background:#ef3340;color:#fff;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.03em;box-shadow:0 8px 18px rgba(239,51,64,.25)}
.pricing-card>header>span{display:inline-flex;min-height:27px;align-items:center;padding:5px 9px;border-radius:6px;background:#edf4ff;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.09em}
.pricing-card.featured>header>span{background:var(--blue);color:#fff}
.pricing-card>header h2{margin:19px 0 10px;color:var(--navy);font-size:25px;line-height:1.18}
.pricing-card>header p{min-height:92px;margin:0;color:#66758c;font-size:12px;line-height:1.65}
.pricing-quote{margin:22px 0 18px;padding:18px;border:1px solid #dbe4ef;border-radius:11px;background:#f7f9fc}
.pricing-card.featured .pricing-quote{border-color:#c9dafb;background:#edf4ff}
.pricing-quote small,.pricing-quote strong,.pricing-quote span{display:block}
.pricing-quote small{color:#7b899e;font-size:8px;font-weight:800;letter-spacing:.1em}
.pricing-quote strong{margin:5px 0 3px;color:var(--navy);font-size:20px}
.pricing-quote span{color:#7b899e;font-size:9px}
.pricing-features{display:grid;gap:11px;margin:20px 0 24px}
.pricing-features>b{margin-bottom:2px;color:var(--navy);font-size:12px}
.pricing-features>span{display:flex;align-items:flex-start;gap:8px;color:#53627a;font-size:11px;line-height:1.45}
.pricing-features svg{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:#07895f}
.pricing-addons{display:grid;gap:9px;margin:0 0 22px;padding:16px;border:1px solid #dce4ee;border-radius:10px;background:#f8faff}
.pricing-addons>b{justify-self:start;padding:4px 9px;border-radius:999px;background:#eaf1ff;color:var(--blue);font-size:9px;letter-spacing:.08em}
.pricing-addons>span{position:relative;padding-left:13px;color:#596981;font-size:12px;line-height:1.55}
.pricing-addons>span:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.pricing-custom-note{margin:0 0 22px;padding:16px;border-radius:10px;background:#eef2f8;color:#4e5e76;font-size:13px;line-height:1.6}
.pricing-card>.button{width:100%;margin-top:auto;min-height:48px}
.pricing-card.featured>.button{border-color:var(--navy);background:var(--navy)}

/* Polished pricing cards */
.pricing-grid-four{--plan-pink:#e9489a;--plan-violet:#6254e8;--plan-orange:#eb5a3c}
.pricing-grid-four .pricing-card{isolation:isolate;min-height:740px;padding:0 24px 24px;border-top:0;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pricing-grid-four .pricing-card:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(0,6,61,.13)}
.pricing-grid-four .pricing-card:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:158px;background:#fff1f8;border-bottom:1px solid #f4d7e6}
.pricing-grid-four .pricing-card:nth-child(2):before{background:#f0efff;border-bottom-color:#dcd8ff}
.pricing-grid-four .pricing-card:nth-child(3):before{background:#fff1ed;border-bottom-color:#f4d8d0}
.pricing-grid-four .pricing-card:nth-child(4):before{background:#edf1f8;border-bottom-color:#d8dfeb}
.pricing-grid-four .pricing-card.featured{border:2px solid var(--plan-violet);box-shadow:0 24px 58px rgba(98,84,232,.18)}
.pricing-grid-four .pricing-card>header{min-height:158px;padding:28px 0 22px}
.pricing-grid-four .pricing-card>header>span{display:none!important}
.pricing-grid-four .pricing-card>header>span{background:#fff;color:#a52b6d;box-shadow:0 3px 10px rgba(0,6,61,.06)}
.pricing-grid-four .pricing-card:nth-child(2)>header>span{background:#6254e8;color:#fff}
.pricing-grid-four .pricing-card:nth-child(3)>header>span{color:#bd3e27}
.pricing-grid-four .pricing-card:nth-child(4)>header>span{color:var(--navy)}
.pricing-grid-four .pricing-card>header h2{margin:0 0 8px;font-size:29px;letter-spacing:-.035em}
.pricing-grid-four .pricing-card>header p{min-height:0;color:#53627a;font-size:14px;line-height:1.6}
.pricing-grid-four .pricing-quote{position:relative;margin:0 -24px 22px;padding:18px 24px;border:0;border-radius:0;background:#e9489a;color:#fff}
.pricing-grid-four .pricing-card:nth-child(2) .pricing-quote{background:#6254e8}
.pricing-grid-four .pricing-card:nth-child(3) .pricing-quote{background:#eb5a3c}
.pricing-grid-four .pricing-card:nth-child(4) .pricing-quote{background:var(--navy)}
.pricing-grid-four .pricing-quote small,.pricing-grid-four .pricing-quote strong,.pricing-grid-four .pricing-quote span{color:#fff}
.pricing-grid-four .pricing-quote small{opacity:.8;font-size:9px}
.pricing-grid-four .pricing-quote strong{display:inline;margin:0;font-size:28px;letter-spacing:-.03em}
.pricing-grid-four .pricing-quote span{display:inline;margin-left:5px;font-size:11px;opacity:.9}
.pricing-grid-four .pricing-features{gap:11px;margin:0 0 20px}
.pricing-grid-four .pricing-features>b{padding-bottom:10px;border-bottom:1px solid #e3e8f0;font-size:12px}
.pricing-grid-four .pricing-features>span{gap:9px;color:#3f4f67;font-size:13px;line-height:1.55}
.pricing-grid-four .pricing-features svg{padding:2px;border-radius:50%;background:#e7f7f1;box-sizing:content-box}
.pricing-grid-four .pricing-addons{margin:0 0 20px;padding:14px;background:#f7f9fd}
.pricing-grid-four .pricing-custom-note{margin:0 0 20px;border:1px solid #dce3ee;background:#f7f9fc}
.pricing-grid-four .pricing-card>.button{margin-top:auto;border-radius:10px;font-size:12px}
.pricing-grid-four .pricing-card:not(.featured)>.button{border-color:#aebbd0;color:var(--navy)}
.pricing-best-value{z-index:3;top:12px;left:auto;right:-37px;width:135px;padding:7px 0;border-radius:0;transform:rotate(36deg);text-align:center;font-size:9px}
.pricing-assurance{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px;padding:20px 22px;border:1px solid #d5dfeb;border-radius:13px;background:#fff}
.pricing-assurance>div{display:flex;align-items:center;gap:12px}
.pricing-assurance>div>svg{width:21px;height:21px;color:var(--blue)}
.pricing-assurance strong,.pricing-assurance small{display:block}
.pricing-assurance strong{color:var(--navy);font-size:13px}
.pricing-assurance small{margin-top:2px;color:var(--muted);font-size:10px}
.pricing-assurance>a{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap}
.pricing-assurance>a svg{width:16px;height:16px}
body[data-route="/hrms/pricing/"]{background:#05082c}
body[data-route="/hrms/pricing/"] main>.faq-section{margin:0;padding:92px 0 64px;background:#fff;border-top:1px solid #dce3ed}
body[data-route="/hrms/pricing/"] .site-footer{margin:0;padding:38px 0 28px;border-top:0;background:#05082c;overflow:hidden}
body[data-route="/hrms/pricing/"] .site-footer>.container{position:relative}
body[data-route="/hrms/pricing/"] .footer-callout{margin:0 0 26px;padding:44px 46px;border:1px solid #334071;border-radius:18px;transform:none;box-shadow:0 20px 52px rgba(0,0,0,.2)}
body[data-route="/hrms/pricing/"] .footer-capabilities{margin-bottom:48px}
body[data-route="/hrms/pricing/"] .footer-grid{padding-top:8px}
body[data-route="/hrms/pricing/"] .footer-bottom{margin-top:38px}

/* Book demo page */
body[data-route="/book-demo/"] .contact-form{padding:34px;border-radius:16px;box-shadow:0 22px 55px rgba(0,6,61,.11)}
body[data-route="/book-demo/"] .contact-form h2{margin:0 0 7px;font-size:30px}
body[data-route="/book-demo/"] .contact-form>p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.6}

/* Navik book-demo experience */
.tools-hero{padding:86px 0;background:#07142b;color:#fff;text-align:center}
.tools-hero>.container{max-width:900px}
.tools-hero>.container>span{color:#72d6e9;font-size:11px;font-weight:800;letter-spacing:.14em}
.tools-hero h1{margin:12px 0 18px;color:#fff;font-size:clamp(43px,5vw,66px);line-height:1.06;letter-spacing:-.05em}
.tools-hero p{max-width:690px;margin:0 auto 28px;color:#b8c5d8;font-size:18px}
.tools-hero>.container>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.tools-hero .button-secondary{border-color:#536581;background:transparent;color:#fff}
.tools-page{background:#f5f8fc}
@media(max-width:600px){.tools-hero{padding:58px 0}.tools-hero p{font-size:16px}}

.book-demo-page{min-height:calc(100vh - var(--header));padding:54px 0 76px;background:#07142b;color:#fff}
.book-demo-head{max-width:820px;margin:0 auto 42px;text-align:center}
.book-demo-head>span{display:none}
.book-demo-head h1{margin:0;color:#fff;font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-.045em}
.book-demo-head p{display:none}
.book-demo-grid{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.28fr);gap:38px;align-items:start;max-width:1160px;margin:auto}
.book-demo-benefits{display:flex;flex-direction:column;padding:32px;border:1px solid #cad9ed;border-radius:17px;background:#edf4ff;color:var(--navy);box-shadow:0 24px 54px rgba(0,0,0,.2)}
.book-demo-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.book-demo-logo img{width:48px;height:48px;object-fit:contain}
.book-demo-logo b{font-size:18px}
.book-demo-benefits>h2{margin:0 0 26px;font-size:25px;line-height:1.25;letter-spacing:-.025em}
.book-demo-benefits>div{display:grid;gap:20px}
.book-demo-benefits article{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.book-demo-benefits article>svg{width:21px;height:21px;margin-top:2px;color:var(--blue)}
.book-demo-benefits article strong,.book-demo-benefits article small{display:block}
.book-demo-benefits article strong{font-size:14px}
.book-demo-benefits article small{margin-top:2px;color:#53647d;font-size:12px;line-height:1.5}
.book-demo-benefits footer{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:auto;padding-top:27px;border-top:1px solid #cad7e8;color:#355070;font-size:12px;font-weight:700}
.book-demo-form.contact-form{padding:24px 28px;border:0;border-radius:17px;box-shadow:0 25px 60px rgba(0,0,0,.24)}
.book-demo-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.book-demo-form-head span,.book-demo-form-head>small{display:none}
.book-demo-form-head span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}
.book-demo-form-head h2{margin:3px 0 0!important;font-size:25px!important}
.book-demo-form-head>small{color:#64728a;font-size:11px;white-space:nowrap}
.book-demo-progress{display:block;height:6px;margin:12px 0 17px;border-radius:99px;background:#e8eef7;overflow:hidden}
.book-demo-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--blue)}
.book-demo-form label:not(.book-demo-consent){position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:11px;color:#23324a;font-size:12px;font-weight:700}
.book-demo-form label>em{color:#e5484d;font-style:normal}
.book-demo-form label:not(.book-demo-consent)>input,.book-demo-form label:not(.book-demo-consent)>select{flex:0 0 100%;margin-top:4px}
.book-demo-form input,.book-demo-form select{min-height:44px;padding:9px 12px;border-color:#cbd5e2;border-radius:8px;color:#17233a;font-size:13px}
.book-demo-form input::placeholder{color:#8a96a8}
.book-demo-form .form-row{gap:12px}
.book-demo-consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:9px!important;margin:3px 0 13px!important;font-weight:500!important}
.book-demo-form .book-demo-consent input{width:18px;height:18px;min-height:18px;margin:1px 0 0;padding:0;accent-color:var(--blue)}
.book-demo-consent span{color:#53627a;font-size:11px;line-height:1.5}
.book-demo-form>.button{min-height:46px;border-radius:9px;font-size:13px}
.book-demo-privacy{margin-top:9px!important;font-size:9px!important}
body[data-route="/book-demo/"] .footer-callout,body[data-route="/book-demo/"] .footer-capabilities{display:none}
body[data-route="/book-demo/"] .site-footer{padding-top:50px}
.book-demo-clients{width:100vw;max-width:none;margin:80px 0 0;margin-left:calc(50% - 50vw);padding:32px 0 48px;background:#07142b;text-align:center}
.book-demo-clients>h2{margin:0 20px 44px;color:#fff;font-size:clamp(24px,2.5vw,36px);line-height:1.2;letter-spacing:-.025em}
.book-demo-logo-viewport{width:100%;min-height:84px;overflow-x:auto;overflow-y:hidden;background:#07142b}
.book-demo-logo-track{display:block;width:100%;transform:none;animation:none;will-change:auto}
.book-demo-logo-group{display:none}
.book-demo-logo-group:first-child{display:flex;width:100%;align-items:center;justify-content:center;gap:18px;padding:0 28px}
.book-demo-logo-viewport:hover .book-demo-logo-track{animation-play-state:paused}
.book-demo-clients figure{display:grid!important;place-items:center;flex:0 1 220px;width:220px;height:82px;margin:0;padding:12px 18px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.book-demo-clients img{display:block!important;width:auto;max-width:100%;height:auto;max-height:58px;object-fit:contain;opacity:1!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){.book-demo-logo-track{animation:none;will-change:auto}.book-demo-logo-group[aria-hidden="true"]{display:none}}
@media(max-width:980px){.book-demo-grid{grid-template-columns:1fr}.book-demo-benefits{max-width:none}.book-demo-benefits footer{margin-top:28px}}
@media(max-width:600px){.book-demo-page{padding:40px 0 55px}.book-demo-head{margin-bottom:30px}.book-demo-head p{font-size:15px}.book-demo-benefits,.book-demo-form.contact-form{padding:24px 20px}.book-demo-form .form-row{grid-template-columns:1fr}.book-demo-form-head{display:block}.book-demo-form-head>small{display:block;margin-top:5px}}
/* Pricing sections flow into the related links and footer without overlap. */
@media(max-width:900px){body[data-route="/hrms/pricing/"] main>.faq-section{padding-bottom:48px}}
@media(max-width:600px){body[data-route="/hrms/pricing/"] main>.faq-section{padding-bottom:32px}}
@media(max-width:1200px){.pricing-grid.pricing-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid-four .pricing-card{min-height:620px}.pricing-card>header p{min-height:66px}}
@media(max-width:760px){.pricing-hero{padding-block:54px 50px}.pricing-hero::before{background-size:36px 36px}.pricing-hero .eyebrow{margin-bottom:16px;font-size:11px}.pricing-hero h1{width:100%;max-width:360px;font-size:clamp(34px,9.8vw,40px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:normal;word-break:normal}.pricing-hero p{max-width:350px;margin-bottom:0;font-size:15px;line-height:1.65}.pricing-hero-notes{display:grid}.pricing-intro{grid-template-columns:1fr;gap:20px}.pricing-intro>p{padding-left:16px}.pricing-grid.pricing-grid-four{grid-template-columns:1fr}.pricing-grid-four .pricing-card{min-height:0;padding:24px 20px}.pricing-card>header p{min-height:0}.pricing-assurance{display:grid;text-align:left}.pricing-assurance>a{white-space:normal}body[data-route="/hrms/pricing/"] main>.faq-section{padding-top:68px}body[data-route="/hrms/pricing/"] .site-footer{padding-top:24px}body[data-route="/hrms/pricing/"] .footer-callout{padding:32px 22px;margin-bottom:20px}}
main,main>section,.container,.hero-grid,.hero-copy,.hero-product,.product-window{min-width:0}
img,video{max-width:100%;height:auto}

/* Role tabs use labels only; numeric counters add no useful meaning. */
.value-role-section .role-tabs button:before{display:none!important;content:none!important}
.value-role-section .role-tabs button{gap:0;padding-inline:18px}

/* Fully opaque navigation on every section and scroll state. */
.site-header,.site-header.compact{background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header .nav{background:#fff}
.site-header .nav-links{background:#fff}
.site-header .mega,.site-header .nav-links.open{background:#fff!important}

/* Homepage sections use ordinary continuous document flow. */
body[data-route="/"] main>section,
body[data-route="/"] main>section.stack-section{position:relative!important;top:auto!important;transform:none!important;min-height:0;margin-top:12px;border-radius:0!important;box-shadow:none!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;will-change:auto!important}
body[data-route="/"] main>section:first-child{margin-top:0}
@media(max-width:760px){body[data-route="/"] main>section,body[data-route="/"] main>section.stack-section{margin-top:8px}}

/* Laptop widths need fluid columns before the tablet breakpoint. */
@media(min-width:761px) and (max-width:1366px){
  .site-header .nav,.wfm-showcase,.payroll-showcase,.cwfm-showcase,.attendance-showcase,
  body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{width:min(100% - 56px,1240px)}
  .home-hero .hero-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:38px}
  .hr-suite-section .suite-story,.wfm-story,.payroll-story{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:0 44px}
  .cwfm-showcase{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:40px}
  .attendance-showcase>header{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:36px}
  .industries-showcase-section .section-head{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:34px}
  .hero h1,.page-hero h1{font-size:clamp(44px,4.6vw,62px)}
  .wfm-story>h2,.payroll-story>h2,.cwfm-copy h2{font-size:clamp(44px,4.6vw,62px)}
  .cwfm-phone{right:0}
  .cwfm-float-card.gate{left:0}
  .product-proof{right:0}
}

/* Keep the CWFM story stacked on narrow laptops so neither column is clipped. */
@media(min-width:761px) and (max-width:1150px){
  .cwfm-showcase{grid-template-columns:1fr;max-width:1000px}
  .cwfm-copy{max-width:780px;margin-inline:auto;text-align:center}
  .cwfm-copy>p{margin-inline:auto;padding-left:0;border-left:0}
  .cwfm-actions{justify-content:center}
  .cwfm-feature-list{max-width:700px;margin-inline:auto}
  .cwfm-visual{width:100%;margin-top:28px}
}

/* Business tools workspace */
body[data-route^="/business-tools/"] .tools-hero{display:block;padding:72px 0 76px;background:radial-gradient(circle at 84% 18%,rgba(31,101,255,.22),transparent 30%),linear-gradient(135deg,#07142b 0%,#00063d 100%);border-bottom:1px solid rgba(114,214,233,.25)}
body[data-route^="/business-tools/"] .tools-hero>.container{max-width:980px}
body[data-route^="/business-tools/"] .tools-hero h1{max-width:850px;margin-left:auto;margin-right:auto}
body[data-route^="/business-tools/"] .tools-page{min-height:760px;padding:72px 0 96px;background:#fff}
.tools-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;max-width:1130px;margin:auto}
.tools-index{position:sticky;top:92px;padding:25px 18px;border:1px solid #d8e1ec;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(0,6,61,.07)}
.tools-index>strong{display:block;margin:0 0 18px;padding:0 2px 12px;border-bottom:2px solid var(--navy);color:var(--navy);font-size:12px;letter-spacing:.08em}
.tools-index>div{display:grid;gap:2px}
.tools-index button{position:relative;width:100%;padding:13px 12px;border:0;border-left:3px solid transparent;background:transparent;color:#46556d;text-align:left;font-size:12px;cursor:pointer}
.tools-index button:hover{background:#f4f7fb;color:var(--blue)}
.tools-index button.active{border-left-color:var(--blue);background:#eaf2ff;color:var(--blue);font-weight:700}
.tools-index button small{float:right;margin-top:2px;color:#9aa5b5;font-size:7px;text-transform:uppercase}
.tool-canvas>header{margin-bottom:26px}
.tool-canvas>header>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}
.tool-canvas>header h2{margin:5px 0 6px;color:var(--navy);font-size:40px;line-height:1.15;letter-spacing:-.04em}
.tool-canvas>header p{margin:0;color:#64738a;font-size:14px}
.salary-calculator{padding:30px 32px;border:1px solid #d8e1ec;border-radius:13px;background:#fff;box-shadow:0 12px 35px rgba(0,6,61,.05)}
.salary-calculator fieldset{margin:0 0 25px;padding:0;border:0}
.salary-calculator legend{width:100%;margin-bottom:20px;padding:0 0 11px;border-bottom:1px solid #dce4ee;color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em}
.salary-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}
.salary-field-grid label{display:block;color:#40506a;font-size:11px;font-weight:700}
.salary-field-grid label>span{display:flex;align-items:center;height:43px;margin-top:7px;border:1px solid #cbd6e4;border-radius:8px;background:#f9fbfd;overflow:hidden}
.salary-field-grid label>span:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #dce8ff}
.salary-field-grid label b{padding-left:12px;color:#64748d;font-size:13px}
.salary-field-grid input{width:100%;height:100%;min-width:0;padding:0 11px;border:0;outline:0;background:transparent;color:var(--navy);font-size:13px}
.salary-field-grid label>small{display:block;margin-top:5px;color:#8a98ac;font-size:9px;font-weight:500}
.salary-calculator>.button{width:100%;min-height:46px}
.salary-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:17px;border:1px solid #cfe0fb;border-radius:10px;background:#edf4ff}
.salary-result[hidden]{display:none}
.salary-result span{padding:2px 10px}
.salary-result span+span{border-left:1px solid #c6d8f2}
.salary-result small,.salary-result strong{display:block}
.salary-result small{color:#60718a;font-size:9px}
.salary-result strong{margin-top:3px;color:var(--navy);font-size:20px}
.tool-disclaimer{margin:14px 0 0;color:#8793a5;font-size:9px;text-align:center}
.tool-coming-soon{padding:70px 30px;border:1px solid #d8e1ec;border-radius:13px;background:#f8faff;text-align:center}
.tool-coming-soon>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:13px;background:#e7f0ff;color:var(--blue)}
.tool-coming-soon h2{margin:0 0 8px;color:var(--navy);font-size:28px}
.tool-coming-soon p{max-width:500px;margin:auto;color:#66758c;font-size:13px}
@media(max-width:820px){.tools-workspace{grid-template-columns:1fr}.tools-index{position:static}.tools-index>div{display:flex;overflow-x:auto}.tools-index button{min-width:180px}.salary-field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body[data-route="/business-tools/"] .tools-page{padding:48px 0 70px}.tool-canvas>header h2{font-size:34px}.salary-calculator{padding:23px 19px}.salary-field-grid,.salary-result{grid-template-columns:1fr}.salary-result span+span{padding-top:12px;border-top:1px solid #c6d8f2;border-left:0}}

/* Business tools visual refinement */
body[data-route="/business-tools/"] .tools-page{background:#f6f8fc}
body[data-route="/business-tools/"] .tools-workspace{gap:46px}
body[data-route="/business-tools/"] .tools-index{padding:27px 18px;border-color:#cfdae8;box-shadow:0 18px 45px rgba(0,6,61,.08)}
body[data-route="/business-tools/"] .tools-index>strong{padding-bottom:14px;font-size:13px}
body[data-route="/business-tools/"] .tools-index button{min-height:48px;margin:2px 0;padding:13px 13px;border-radius:0 8px 8px 0;font-size:13px;font-weight:600;transition:background .18s ease,color .18s ease,transform .18s ease}
body[data-route="/business-tools/"] .tools-index button:hover{transform:translateX(2px)}
body[data-route="/business-tools/"] .tools-index button.active{box-shadow:inset 0 0 0 1px #d8e6ff}
body[data-route="/business-tools/"] .tools-index button.active:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--blue);transform:translateY(-50%)}

/* Keep calculator navigation comfortably readable on every dedicated tool URL. */
body[data-route^="/business-tools/"] .tools-index>strong{font-size:14px;font-weight:800}
body[data-route^="/business-tools/"] .tools-index button{min-height:54px;padding:15px 14px;font-size:15px;font-weight:700;line-height:1.35}

/* Float the CTA equally across the Business Tools content/footer boundary. */
body[data-route^="/business-tools/"] .tools-page{padding-bottom:220px}
body[data-route^="/business-tools/"] .site-footer{padding-top:0;overflow:visible}
body[data-route^="/business-tools/"] .site-footer>.container{position:relative}
body[data-route^="/business-tools/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
body[data-route^="/business-tools/"] .footer-capabilities{position:relative;z-index:1}
@media(max-width:900px){body[data-route^="/business-tools/"] .tools-page{padding-bottom:175px}body[data-route^="/business-tools/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}
@media(max-width:600px){body[data-route^="/business-tools/"] .tools-page{padding-bottom:125px}body[data-route^="/business-tools/"] .site-footer{padding-top:34px}body[data-route^="/business-tools/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}

/* Case studies */
.case-hero{padding:92px 0 96px;background:radial-gradient(circle at 82% 18%,rgba(31,101,255,.3),transparent 29%),linear-gradient(135deg,#07142b,#00063d);color:#fff;text-align:center}
.case-hero>.container{max-width:1000px}.case-hero>.container>span,.case-studies-page .section-head>span{color:#72d6e9;font-size:12px;font-weight:800;letter-spacing:.14em}.case-hero h1{max-width:900px;margin:14px auto 20px;color:#fff;font-size:clamp(48px,6vw,76px);line-height:1.03;letter-spacing:-.055em}.case-hero p{max-width:720px;margin:0 auto 30px;color:#bdc9dc;font-size:18px;line-height:1.7}.case-hero>.container>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.case-hero .button-secondary{border-color:#607195;background:transparent;color:#fff}
.case-proof{border-bottom:1px solid #dce3ed;background:#fff}.case-proof .container{min-height:74px;display:flex;align-items:center;justify-content:center;gap:24px;color:#536078}.case-proof span{color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.12em}.case-proof p{margin:0;font-size:14px;font-weight:700}.case-proof i{width:4px;height:4px;border-radius:50%;background:#0b5fff}
.case-proof{overflow:hidden}.case-capability-track{display:flex;width:max-content;animation:caseCapabilityLoop 28s linear infinite}.case-capability-group{display:flex;align-items:center;min-height:78px}.case-capability-group span{display:flex;align-items:center;flex:none;padding:0 34px;color:#273655;font-size:14px;font-weight:700;letter-spacing:0;white-space:nowrap}.case-capability-group span:before{content:"";width:7px;height:7px;margin-right:14px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #eaf1ff}@keyframes caseCapabilityLoop{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.case-capability-track{animation:none}.case-capability-group[aria-hidden="true"]{display:none}}
.case-studies-page{background:#f6f8fc}.case-studies-page .section-head{max-width:850px}.case-studies-page .section-head>span{color:var(--blue)}.case-grid{display:grid;gap:22px}.case-card{display:grid;grid-template-columns:280px 1fr;min-height:330px;overflow:hidden;border:1px solid #d7e0ec;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(0,6,61,.07)}.case-card-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(145deg,#101b54,#00063d);color:#fff}.case-card-visual>span{font-size:13px;font-weight:800;letter-spacing:.14em;color:#72d6e9}.case-card-visual svg{width:72px;height:72px;color:#4f8eff}.case-card-visual small{font-size:12px;font-weight:800;letter-spacing:.12em}.case-card-copy{padding:38px 42px}.case-card-copy>span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em}.case-card-copy h2{max-width:750px;margin:10px 0 13px;color:var(--navy);font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:-.035em}.case-card-copy>p{max-width:780px;margin:0;color:#617087;font-size:15px;line-height:1.75}.case-card-copy>div{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.case-card-copy>div small{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #dce5f1;border-radius:999px;background:#f7f9fc;color:#43516a;font-weight:700}.case-card-copy>div svg{width:14px;height:14px;color:#0b5fff}.case-card-copy>a{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-size:13px;font-weight:800}.case-card-copy>a svg{width:17px;color:var(--blue)}
.case-outcomes{background:#fff}.case-outcomes>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.case-outcomes .section-head{margin-bottom:28px}.case-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-outcome-grid article{min-height:180px;padding:25px;border:1px solid #dce3ed;border-radius:14px;background:#f8fafd}.case-outcome-grid svg{width:27px;height:27px;color:var(--blue)}.case-outcome-grid strong{display:block;margin:25px 0 7px;color:var(--navy);font-size:16px}.case-outcome-grid p{margin:0;color:#68758a;font-size:13px;line-height:1.65}
@media(max-width:850px){.case-card{grid-template-columns:190px 1fr}.case-outcomes>.container{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.case-hero{padding:62px 0 68px}.case-hero p{font-size:16px}.case-capability-group{min-height:68px}.case-capability-group span{padding:0 24px;font-size:13px}.case-card{grid-template-columns:1fr}.case-card-visual{min-height:150px}.case-card-visual svg{width:48px;height:48px}.case-card-copy{padding:27px 22px}.case-outcome-grid{grid-template-columns:1fr}}

/* Prevent the footer ornament from creating scrollable space below the page. */
.site-footer:before{bottom:0}

/* Case Studies footer CTA straddles the white/dark boundary. */
body[data-route="/case-studies/"] .case-outcomes{padding-bottom:220px}
body[data-route="/case-studies/"] .site-footer{padding-top:0;overflow:visible}
body[data-route="/case-studies/"] .site-footer>.container{position:relative}
body[data-route="/case-studies/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
body[data-route="/case-studies/"] .footer-capabilities{position:relative;z-index:1}
@media(max-width:900px){body[data-route="/case-studies/"] .case-outcomes{padding-bottom:175px}body[data-route="/case-studies/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}
@media(max-width:600px){body[data-route="/case-studies/"] .case-outcomes{padding-bottom:125px}body[data-route="/case-studies/"] .site-footer{padding-top:34px}body[data-route="/case-studies/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
body[data-route="/business-tools/"] .tool-canvas>header{padding:4px 2px 0}
body[data-route="/business-tools/"] .tool-canvas>header>span{display:none}
body[data-route="/business-tools/"] .tool-canvas>header h2{font-size:44px}
body[data-route="/business-tools/"] .tool-canvas>header p{max-width:610px;font-size:15px}
body[data-route="/business-tools/"] .salary-calculator{position:relative;padding:34px 36px 30px;border-color:#cfdae8;border-radius:16px;box-shadow:0 20px 50px rgba(0,6,61,.08);overflow:hidden}
body[data-route="/business-tools/"] .salary-calculator:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--blue)}
body[data-route="/business-tools/"] .salary-calculator legend{margin-bottom:22px;padding-bottom:13px;font-size:12px}
body[data-route="/business-tools/"] .salary-field-grid{gap:19px 17px}
body[data-route="/business-tools/"] .salary-field-grid label{color:#34445e;font-size:12px}
body[data-route="/business-tools/"] .salary-field-grid label>span{height:47px;border-color:#c7d3e2;background:#fbfcfe;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
body[data-route="/business-tools/"] .salary-field-grid label>span:hover{border-color:#9fb4d1;background:#fff}
body[data-route="/business-tools/"] .salary-field-grid label b{display:grid;place-items:center;align-self:stretch;min-width:38px;padding:0;border-right:1px solid #dce4ee;background:#f1f5fb;color:#52657e;font-size:14px}
body[data-route="/business-tools/"] .salary-field-grid input{font-size:14px;font-weight:600}
body[data-route="/business-tools/"] .salary-field-grid label>small{margin-top:6px;font-size:10px}
body[data-route="/business-tools/"] .salary-calculator>.button{position:relative;min-height:56px;border-color:var(--navy);border-radius:10px;background:var(--navy);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 28px rgba(0,6,61,.24);overflow:hidden}
body[data-route="/business-tools/"] .salary-calculator>.button:hover{border-color:#111a57;background:#111a57;box-shadow:0 16px 34px rgba(0,6,61,.3)}
body[data-route="/business-tools/"] .salary-calculator>.button:after{content:"";position:absolute;top:-70%;left:-25%;width:20%;height:240%;background:rgba(255,255,255,.25);transform:rotate(20deg);transition:left .5s ease}
body[data-route="/business-tools/"] .salary-calculator>.button:hover:after{left:115%}
body[data-route="/business-tools/"] .salary-result{padding:20px;border-color:#bcd3f6;background:#eef5ff;box-shadow:inset 0 0 0 1px #fff}
body[data-route="/business-tools/"] .salary-result small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
body[data-route="/business-tools/"] .salary-result strong{font-size:24px}
body[data-route="/business-tools/"] .tool-disclaimer{margin-top:16px;font-size:10px;line-height:1.5}
@media(max-width:560px){body[data-route="/business-tools/"] .salary-calculator{padding:26px 20px 22px}body[data-route="/business-tools/"] .tool-canvas>header h2{font-size:35px}}
.tool-coming-soon.active-calculator{padding:0;border:0;background:transparent;text-align:left}
.active-calculator>header{margin-bottom:25px}
.active-calculator>header h2{margin:0 0 7px;color:var(--navy);font-size:40px;line-height:1.15;letter-spacing:-.04em}
.active-calculator>header p{margin:0;color:#64738a;font-size:14px}
.secondary-tool-calculator{position:relative;padding:34px 36px 30px;border:1px solid #cfdae8;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(0,6,61,.08);overflow:hidden}
.secondary-tool-calculator:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--blue)}
.secondary-tool-calculator fieldset{margin:0 0 25px;padding:0;border:0}
.secondary-tool-calculator legend{width:100%;margin-bottom:22px;padding:0 0 13px;border-bottom:1px solid #dce4ee;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.08em}
.secondary-tool-calculator>.button{width:100%;min-height:56px;border-color:var(--navy);border-radius:10px;background:var(--navy);color:#fff;font-size:16px;font-weight:800;box-shadow:0 12px 28px rgba(0,6,61,.24)}
.secondary-tool-calculator>.button:hover{background:#111a57}
.secondary-tool-calculator .salary-result{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.secondary-tool-calculator .salary-result span+span{border-left:1px solid #c6d8f2}
.calculation-note{grid-column:1/-1;margin:7px 0 0;padding-top:12px;border-top:1px solid #c6d8f2;color:#536680;font-size:10px;line-height:1.55}
@media(max-width:560px){.active-calculator>header h2{font-size:34px}.secondary-tool-calculator{padding:26px 20px 22px}.secondary-tool-calculator .salary-result span+span{padding-top:12px;border-top:1px solid #c6d8f2;border-left:0}}

@media(min-width:1101px) and (max-width:1280px){
  .site-header .nav{gap:18px}
  .site-header .brand img{width:64px;height:64px}
  .site-header.compact .brand img{width:56px;height:56px}
  .brand .brand-rotator{min-width:92px;font-size:25px}
  .nav-link,.nav-links>li>a{padding-inline:8px;font-size:13px}
  .nav-actions{gap:6px}
  .nav-actions .button{padding-inline:12px;font-size:13px}
}

/* One responsive section per viewport on laptop-sized displays. */
@media(min-width:901px) and (max-width:1440px) and (max-height:1000px){
  :root{--laptop-header:76px;--laptop-section-gap:12px;--laptop-content-width:min(1240px,calc(100% - clamp(80px,10vw,144px)))}
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--laptop-header)}
  body[data-route="/"] main>section>.container,
  body[data-route="/"] main>.wfm-showcase-section>.wfm-showcase,
  body[data-route="/"] main>.payroll-showcase-section>.payroll-showcase,
  body[data-route="/"] main>.cwfm-showcase-section>.cwfm-showcase,
  body[data-route="/"] main>.attendance-showcase-section>.attendance-showcase,
  body[data-route="/"] main>.hr-suite-section>.suite-workspace-layout{width:var(--laptop-content-width);margin-inline:auto}
  body[data-route="/"] main>section{
    width:100%;
    height:calc(100svh - var(--laptop-header) - var(--laptop-section-gap));
    min-height:calc(100svh - var(--laptop-header) - var(--laptop-section-gap))!important;
    max-height:calc(100svh - var(--laptop-header) - var(--laptop-section-gap));
    overflow-x:clip;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    scrollbar-width:thin;
    scrollbar-color:#a7b5c7 transparent;
  }
  body[data-route="/"] main>section::-webkit-scrollbar{width:6px}
  body[data-route="/"] main>section::-webkit-scrollbar-thumb{border-radius:999px;background:#a7b5c7}
  body[data-route="/"] main>section::-webkit-scrollbar-track{background:transparent}
  body[data-route="/"] main>.section{padding-block:clamp(34px,5vh,62px)}
  body[data-route="/"] main>.hero{padding-block:clamp(30px,4vh,52px)}
  body[data-route="/"] .site-footer{scroll-snap-align:start}
}

@media(min-width:901px) and (max-width:1100px) and (max-height:1000px){
  :root{--laptop-header:70px}
}

@media(max-width:1200px){
  :root{--container:calc(100% - 48px)}
  .section{padding-block:84px}
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:38px}
}

@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr}
  .hero-product{width:min(100%,880px);margin-inline:auto}
  .section-head{max-width:760px}
  .payroll-story,.wfm-story{display:block}
  .payroll-story>p,.wfm-story>p{margin:24px auto;padding-left:0;border-left:0}
  .payroll-actions,.wfm-actions{justify-content:center}
}

@media(max-width:760px){
  :root{--container:calc(100% - 28px)}
  .container{width:var(--container)}
  .section,.hero,.page-hero{padding-block:58px}
  .section-head{margin-bottom:30px}
  .section-head h2{font-size:clamp(30px,9vw,40px);line-height:1.1}
  .hero h1,.page-hero h1{font-size:clamp(34px,10vw,46px);overflow-wrap:anywhere}
  .hero-copy>p,.section-head p{font-size:15px;line-height:1.7}
  .actions,.payroll-actions,.cwfm-actions,.wfm-actions{display:grid;width:100%}
  .actions .button,.payroll-actions .button,.cwfm-actions .button,.wfm-actions .button{width:100%;min-width:0}
  .home-hero .hero-product .dash-layout{grid-template-columns:1fr}
  .home-hero .hero-product .dash-layout>aside{display:none}
  .hero-app-header{padding-inline:10px}
  .hero-app-brand strong{font-size:12px}
  .hero-app-brand small{display:none}
  .home-hero .kpis{grid-template-columns:1fr 1fr}
  .home-hero .dash-grid{grid-template-columns:1fr}
  .suite-workspace{max-width:100%;overflow:hidden}
  .suite-windowbar{min-width:0;grid-template-columns:1fr auto;padding-inline:12px}
  .suite-user>div,.suite-search{display:none}
  .wfm-dashboard{max-width:100%;overflow:hidden}
  .wfm-windowbar,.wfm-app{min-width:0!important}
  .wfm-app{grid-template-columns:1fr}
  .wfm-app>aside{display:none}
  .wfm-main{padding:14px}
  .wfm-kpis{grid-template-columns:1fr 1fr}
  .wfm-dashboard-grid,.employee-day-grid{grid-template-columns:1fr}
  .cwfm-visual{max-width:100%;overflow:hidden}
  .cwfm-desktop{min-width:0!important}
  .cwfm-desktop-bar{grid-template-columns:1fr auto;padding-inline:12px}
  .cwfm-desktop-bar>label{display:none}
  .cwfm-desktop-body{grid-template-columns:1fr}
  .cwfm-desktop-body>aside{display:none}
  .cwfm-desktop-body>main{padding:14px}
  .cwfm-kpis{grid-template-columns:1fr 1fr}
  .cwfm-grid{grid-template-columns:1fr}
  .cwfm-phone,.cwfm-float-card{display:none}
  .payroll-workspace{max-width:100%;overflow:hidden}
  .payroll-canvas{grid-template-columns:1fr}
  .payroll-canvas>aside{display:none}
  .payroll-canvas>main{min-width:0}
  .payroll-results-table{overflow-x:auto}
  .payroll-results-table>header,.payroll-result-row{min-width:700px}
  .attendance-showcase>header h2{font-size:clamp(34px,10vw,42px)}
  .attendance-explorer>nav{scrollbar-width:thin}
  .value-role-section .role-panel{padding:30px 20px}
  .industries-showcase-section .section-head{gap:18px}
  .customer-evidence-grid article{padding:20px}
  .faq-grid{gap:10px}
  .footer-callout{grid-template-columns:1fr;padding:34px 22px;text-align:center}
  .footer-callout-actions{width:100%}
}

@media(max-width:520px){
  :root{--container:calc(100% - 22px)}
  .site-header .nav{gap:7px}
  .site-header .brand{gap:7px}
  .site-header .brand:after{display:none}
  .site-header .brand img,.site-header.compact .brand img{width:52px;height:52px}
  .brand .brand-rotator{min-width:58px;font-size:15px}
  .home-hero .hero-capabilities,.home-hero .kpis,.wfm-kpis,.cwfm-kpis{grid-template-columns:1fr}
  .home-hero .hero-capabilities article{min-height:76px}
  .wfm-livebar{grid-template-columns:1fr}
  .wfm-livebar button{justify-self:start}
  .attendance-scroll{height:850px}
  .attendance-scroll>article.is-active{padding:14px}
  .attendance-scroll>article>.face-punch-ui{transform:scale(.9);transform-origin:center top;margin-bottom:-55px}
  .value-role-section .role-tabs button{flex-basis:155px}
  .industries-showcase-section .industry-grid article{padding:22px 18px}
  .evidence-toggle{grid-template-columns:1fr!important}
  body[data-route="/"] main>.customer-evidence-section .evidence-toggle button{width:100%}
  .testimonial-card blockquote{font-size:14px}
  .footer-grid,.footer-capabilities{grid-template-columns:1fr}
}

/* Keep the Attendance showcase inside narrow mobile viewports. */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:clip}
  .attendance-showcase,.attendance-explorer,.attendance-scroll{width:100%;max-width:100%;min-width:0}
  .attendance-explorer{display:block;height:auto;overflow:hidden;border-radius:14px}
  .attendance-explorer>nav{display:flex;width:100%;max-width:100%;padding:10px;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;border-right:0;border-bottom:1px solid #304464}
  .attendance-explorer>nav button{flex:0 0 155px;min-width:155px;width:155px;min-height:56px;padding:9px 10px}
  .attendance-explorer>nav button>i{width:32px;height:32px}
  .attendance-explorer>nav button span{font-size:10px}
  .attendance-scroll{display:block;height:auto;overflow:visible}
  .attendance-scroll>article,.attendance-scroll>article.is-active{display:none;width:100%;min-width:0;height:auto;min-height:0;padding:18px 14px;overflow:hidden}
  .attendance-scroll>article.is-active{display:flex;flex-direction:column;gap:18px;align-items:stretch}
  .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%,390px);max-width:100%;min-width:0;min-height:360px;margin:0 auto;transform:none;box-shadow:0 18px 38px rgba(0,0,0,.25)}
  .attendance-scroll>article>.face-punch-ui{width:min(268px,calc(100vw - 64px));min-height:500px;margin:0 auto;padding:61px 15px 28px;border-width:8px;border-radius:44px}
  .face-punch-ui .camera-frame{min-height:340px}
  .attendance-panel-copy{order:2;display:flex;width:100%;max-width:100%;min-height:0;margin:0;padding:24px 20px}
  .attendance-panel-copy h3{font-size:clamp(25px,8vw,34px)}
}

/* Illustrative customer data displayed within Case Studies cards. */
.case-company{margin:9px 0 14px!important}.case-company strong,.case-company small{display:block}.case-company strong{color:#111936;font-size:16px}.case-card-copy>.case-company small{display:block;margin-top:2px;padding:0;border:0;border-radius:0;background:none;color:#728098;font-size:11px}.case-metrics{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important;margin:22px 0 8px!important}.case-metrics>span{min-width:0;padding:13px 12px;border:1px solid #dce5f1;border-radius:10px;background:#f7faff}.case-metrics strong,.case-metrics small{display:block}.case-metrics strong{color:#00063d;font-size:20px;line-height:1.1}.case-card-copy>.case-metrics span small{display:block;margin-top:5px;padding:0;border:0;border-radius:0;background:none;color:#66748a;font-size:9px;font-weight:600;line-height:1.35}.case-sample-note{display:block;margin:0 0 20px;color:#8994a7;font-size:9px;line-height:1.5}
@media(max-width:1050px){.case-metrics{grid-template-columns:repeat(2,1fr)}}
.case-narrative{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important;margin:22px 0!important}.case-narrative section{padding:16px;border-left:3px solid #0b5fff;background:#f8faff}.case-narrative section:nth-child(2){border-left-color:#00a8c7}.case-narrative section:nth-child(3){border-left-color:#087f5b}.case-narrative span{color:#00063d;font-size:9px;font-weight:800;letter-spacing:.11em}.case-narrative p{margin:7px 0 0;color:#5f6d83;font-size:11px;line-height:1.65}@media(max-width:900px){.case-narrative{grid-template-columns:1fr}}
.case-card:first-child .case-card-visual{background-image:linear-gradient(180deg,rgba(0,6,61,.35),rgba(0,6,61,.9)),url('/assets/manufacturing-case-study.jpeg');background-position:center;background-size:cover}.case-card:first-child .case-card-visual svg{padding:13px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(0,6,61,.58);color:#fff;backdrop-filter:blur(5px)}
.case-card:nth-child(2) .case-card-visual{background-image:linear-gradient(180deg,rgba(0,6,61,.3),rgba(0,6,61,.9)),url('/assets/retail-case-study.webp');background-position:center;background-size:cover}.case-card:nth-child(2) .case-card-visual svg{padding:13px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(0,6,61,.58);color:#fff;backdrop-filter:blur(5px)}
.case-card:nth-child(3) .case-card-visual{background-image:linear-gradient(180deg,rgba(0,6,61,.3),rgba(0,6,61,.9)),url('/assets/professional-services-case-study.jpeg');background-position:center;background-size:cover}.case-card:nth-child(3) .case-card-visual svg{padding:13px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(0,6,61,.58);color:#fff;backdrop-filter:blur(5px)}

/* Keep case-study supporting copy comfortably readable. */
.case-card-copy>p{font-size:16px;line-height:1.75}
.case-card-copy>.case-company small{font-size:12px;line-height:1.5}
.case-card-copy>.case-metrics span small{font-size:11px;line-height:1.4}
.case-sample-note{font-size:10px;line-height:1.55}
.case-narrative span{font-size:10px;line-height:1.4}
.case-narrative p{font-size:13px;line-height:1.7}
.case-card-copy>div:not(.case-metrics):not(.case-narrative):not(.case-company)>small{font-size:13px;line-height:1.45}

/* Templates library */
.template-hero{padding:88px 0 92px;background:radial-gradient(circle at 18% 5%,rgba(0,184,217,.18),transparent 30%),linear-gradient(135deg,#07142b,#00063d);color:#fff;text-align:center}.template-hero>.container{max-width:990px}.template-hero>.container>span{color:#72d6e9;font-size:12px;font-weight:800;letter-spacing:.14em}.template-hero h1{max-width:900px;margin:14px auto 20px;color:#fff;font-size:clamp(48px,5.5vw,72px);line-height:1.04;letter-spacing:-.055em}.template-hero p{max-width:760px;margin:0 auto 30px;color:#bcc9dc;font-size:18px;line-height:1.7}.template-hero>.container>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.template-hero .button-secondary{border-color:#607195;background:transparent;color:#fff}
.template-categories{position:sticky;top:76px;z-index:90;border-bottom:1px solid #dce3ed;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.template-categories .container{display:flex;justify-content:center;gap:4px;overflow-x:auto;padding-block:12px}.template-categories a{flex:none;padding:9px 15px;border-radius:8px;color:#59677d;font-size:12px;font-weight:700}.template-categories a:hover,.template-categories a.active{background:#eaf2ff;color:var(--blue)}
@media(min-width:761px) and (max-width:1100px){.template-categories{top:70px}}@media(max-width:760px){.template-categories{top:64px}}
.template-library{background:#f6f8fc}.template-library .section-head{max-width:870px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{display:flex;flex-direction:column;min-height:390px;padding:26px;border:1px solid #d8e1ed;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(0,6,61,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.template-card:hover{transform:translateY(-4px);border-color:#9bbcff;box-shadow:0 22px 48px rgba(0,6,61,.1)}.template-card header{display:flex;align-items:center;justify-content:space-between}.template-card header>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eaf2ff;color:var(--blue)}.template-card header small{color:#65738a;font-size:9px;font-weight:800;letter-spacing:.12em}.template-card h2{margin:26px 0 10px;color:var(--navy);font-size:23px;line-height:1.2;letter-spacing:-.03em}.template-card>p{margin:0;color:#66748a;font-size:13px;line-height:1.7}.template-card ul{display:grid;gap:8px;margin:22px 0;padding:0;list-style:none}.template-card li{display:flex;align-items:center;gap:7px;color:#425069;font-size:12px;font-weight:600}.template-card li svg{width:15px;height:15px;color:#087f5b}.template-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #e3e8f0}.template-card footer>span{color:#a0aabd;font-size:11px;font-weight:800}.template-card footer a{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:800}.template-card footer svg{width:16px}
.template-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:25px 28px;border:1px solid #cad8ec;border-radius:14px;background:#fff}.template-note>div{display:flex;align-items:center;gap:14px}.template-note>div>svg{width:28px;height:28px;color:var(--blue)}.template-note strong,.template-note small{display:block}.template-note strong{color:var(--navy);font-size:14px}.template-note small{max-width:700px;margin-top:3px;color:#6c7990;font-size:11px}.template-note>a{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--navy);font-size:12px;font-weight:800}.template-note>a svg{width:16px;color:var(--blue)}
@media(max-width:950px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.template-hero{padding:60px 0 66px}.template-hero p{font-size:16px}.template-categories .container{justify-content:flex-start}.template-grid{grid-template-columns:1fr}.template-card{min-height:0}.template-note{display:block}.template-note>a{margin-top:20px}}
body[data-route="/templates/"]{overflow-x:clip}.template-categories{width:100%;max-width:100vw;overflow-x:clip}.template-categories:before,.template-categories:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:54px;pointer-events:none}.template-categories:before{left:0;background:linear-gradient(90deg,#fff 18%,rgba(255,255,255,0))}.template-categories:after{right:0;background:linear-gradient(270deg,#fff 18%,rgba(255,255,255,0))}.template-categories>.template-name-track{max-width:none}.template-name-track{display:flex;width:max-content;animation:templateNameLoop 78s linear infinite}.template-name-group{display:flex;align-items:center;min-height:66px;padding-inline:18px}.template-name-group span{display:flex;align-items:center;flex:none;padding:0 28px;color:#33425e;font-size:13px;font-weight:700;white-space:nowrap}.template-name-group span:before{content:"";flex:none;width:7px;height:7px;margin-right:13px;border-radius:2px;background:var(--blue);box-shadow:0 0 0 4px #eaf2ff}@keyframes templateNameLoop{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.template-name-track{animation:none}.template-name-group[aria-hidden="true"]{display:none}}@media(max-width:600px){.template-categories:before,.template-categories:after{width:26px}.template-name-group{min-height:58px;padding-inline:8px}.template-name-group span{padding:0 22px;font-size:12px}}

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

/* Blog */
.blog-hero{padding:82px 0 88px;background:linear-gradient(135deg,#07142b,#00063d);color:#fff}.blog-hero>.container{display:grid;grid-template-columns:1.1fr .72fr;gap:70px;align-items:center}.blog-hero>.container>div>span,.blog-hero aside>span,.blog-subscribe>div>span{color:#72d6e9;font-size:11px;font-weight:800;letter-spacing:.14em}.blog-hero h1{max-width:760px;margin:13px 0 20px;color:#fff;font-size:clamp(48px,5.4vw,72px);line-height:1.03;letter-spacing:-.055em}.blog-hero>.container>div>p{max-width:690px;margin:0 0 28px;color:#bdc9dc;font-size:17px;line-height:1.75}.blog-hero>.container>div>div{display:flex;gap:12px;flex-wrap:wrap}.blog-hero .button-secondary{border-color:#607195;background:transparent;color:#fff}.blog-hero aside{padding:31px;border:1px solid #324274;border-radius:18px;background:linear-gradient(145deg,#111c53,#091044);box-shadow:0 24px 60px rgba(0,0,0,.25)}.blog-hero aside h2{margin:13px 0;color:#fff;font-size:27px;line-height:1.22;letter-spacing:-.035em}.blog-hero aside p{margin:0;color:#aebbd2;font-size:13px;line-height:1.75}.blog-hero aside>div{display:flex;justify-content:space-between;margin-top:25px;padding-top:17px;border-top:1px solid #2d3969}.blog-hero aside small,.blog-hero aside b{font-size:9px;letter-spacing:.1em}.blog-hero aside small{color:#72d6e9}
.blog-topic-loop{overflow:hidden;border-bottom:1px solid #dce3ed;background:#fff}.blog-topic-loop .case-capability-group{min-height:72px}.blog-topic-loop .case-capability-group span{padding:0 30px;color:#46556d;font-size:13px}.blog-topic-loop .case-capability-group span:before{content:"";width:6px;height:6px;margin-right:13px;border-radius:50%;background:var(--blue)}
.blog-page{background:#f6f8fc}.blog-page .section-head{max-width:860px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{overflow:hidden;border:1px solid #d8e1ed;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(0,6,61,.055);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,6,61,.1)}.blog-card-cover{display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:24px;background:linear-gradient(145deg,#11205c,#00063d);color:#fff}.blog-card:nth-child(3n+2) .blog-card-cover{background:linear-gradient(145deg,#0b3d68,#07142b)}.blog-card:nth-child(3n) .blog-card-cover{background:linear-gradient(145deg,#17376c,#00063d)}.blog-card-cover>span{align-self:flex-start;color:#72d6e9;font-size:11px;font-weight:800}.blog-card-cover svg{width:44px;height:44px;color:#5e96ff}.blog-card-cover small{align-self:flex-end;font-size:9px;font-weight:800;letter-spacing:.11em}.blog-card>div:last-child{padding:25px}.blog-card>div:last-child>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em}.blog-card h2{margin:9px 0 11px;color:var(--navy);font-size:20px;line-height:1.3;letter-spacing:-.025em}.blog-card p{margin:0;color:#69768b;font-size:12px;line-height:1.7}.blog-card footer{display:flex;justify-content:space-between;margin-top:23px;padding-top:15px;border-top:1px solid #e3e8f0;color:#7a879b}.blog-card footer small,.blog-card footer b{font-size:9px}.blog-card footer b{color:#43516a}
.blog-subscribe{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:32px;padding:34px 38px;border-radius:17px;background:#0b1245;color:#fff}.blog-subscribe h2{margin:8px 0 5px;color:#fff;font-size:27px}.blog-subscribe p{margin:0;color:#aebbd2;font-size:13px}.blog-subscribe .button{flex:none;background:#fff;border-color:#fff;color:var(--navy)}
@media(max-width:950px){.blog-hero>.container{grid-template-columns:1fr;gap:40px}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.blog-hero{padding:60px 0 66px}.blog-hero>.container>div>p{font-size:15px}.blog-topic-loop .case-capability-group{min-height:64px}.blog-topic-loop .case-capability-group span{padding:0 23px;font-size:12px}.blog-grid{grid-template-columns:1fr}.blog-subscribe{display:block;padding:28px 23px}.blog-subscribe .button{width:100%;margin-top:22px}}

/* Blog footer CTA straddles the white/dark boundary. */
body[data-route="/blogs/"] .blog-page{padding-bottom:220px}
body[data-route="/blogs/"] .site-footer{padding-top:0;overflow:visible}
body[data-route="/blogs/"] .site-footer>.container{position:relative}
body[data-route="/blogs/"] .footer-callout{position:relative;z-index:2;transform:translateY(-50%);margin-bottom:-112px;box-shadow:0 28px 68px rgba(0,0,0,.26)}
body[data-route="/blogs/"] .footer-capabilities{position:relative;z-index:1}
@media(max-width:900px){body[data-route="/blogs/"] .blog-page{padding-bottom:175px}body[data-route="/blogs/"] .footer-callout{transform:translateY(-32%);margin-bottom:-62px}}
@media(max-width:600px){body[data-route="/blogs/"] .blog-page{padding-bottom:125px}body[data-route="/blogs/"] .site-footer{padding-top:34px}body[data-route="/blogs/"] .footer-callout{transform:translateY(-24%);margin-bottom:-34px}}
html:has(.blog-modal:not([hidden])),body.blog-modal-open{overflow:hidden!important;overscroll-behavior:none}.blog-modal,.blog-modal-dialog{overscroll-behavior:contain}

.contact-us-grid{display:block}.contact-us-grid>aside{max-width:820px;margin:0 auto;padding:36px;border:1px solid #d8e1ed;border-radius:17px;background:#fff;box-shadow:0 18px 48px rgba(0,6,61,.07)}.contact-us-grid>aside>div{grid-template-columns:1fr 1fr}@media(max-width:600px){.contact-us-grid>aside{padding:26px 20px}.contact-us-grid>aside>div{grid-template-columns:1fr}}
.contact-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;margin:0 auto 60px;gap:16px}.contact-channel-grid article{min-height:320px;padding:26px 23px;border-radius:18px}.contact-channel-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:13px;background:#fff3dc;color:#f08a00}.contact-channel-icon svg{width:27px;height:27px}.contact-channel-grid article:nth-child(2) .contact-channel-icon{background:#e7f8f1;color:#20a875}.contact-channel-grid article:nth-child(3) .contact-channel-icon{background:#e5faff;color:#00a9cf}.contact-channel-grid article:nth-child(4) .contact-channel-icon{background:#f8e6ff;color:#a829e4}.contact-channel-grid article>svg{display:none}.contact-channel-grid h2{margin-top:24px;font-size:22px}.contact-channel-grid p{max-width:390px;font-size:13px}.contact-channel-grid a{align-self:flex-start;padding:10px 16px;margin-top:auto;border:2px solid var(--navy);border-radius:999px;color:var(--navy);font-size:12px}.contact-channel-grid a:hover{background:var(--navy);color:#fff}.contact-channel-grid a svg{width:16px}@media(max-width:1000px){.contact-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.contact-channel-grid{grid-template-columns:1fr}.contact-channel-grid article{min-height:270px}}
.contact-us-hero{padding:88px 0 94px;background:radial-gradient(circle at 82% 15%,rgba(31,101,255,.27),transparent 30%),linear-gradient(135deg,#07142b,#00063d);color:#fff;text-align:center}.contact-us-hero>.container{max-width:960px}.contact-us-hero>.container>span,.contact-us-grid>aside>span{color:#72d6e9;font-size:11px;font-weight:800;letter-spacing:.14em}.contact-us-hero h1{margin:13px 0 18px;color:#fff;font-size:clamp(48px,5.7vw,74px);line-height:1.04;letter-spacing:-.055em}.contact-us-hero p{max-width:730px;margin:0 auto 30px;color:#bdc9dc;font-size:17px;line-height:1.75}.contact-us-hero>.container>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.contact-us-hero .button-secondary{border-color:#607195;background:transparent;color:#fff}.contact-us-page{background:#f6f8fc}.contact-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:55px}.contact-channel-grid article{display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid #d8e1ed;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(0,6,61,.055)}.contact-channel-grid article>svg{width:28px;height:28px;color:var(--blue)}.contact-channel-grid h2{margin:28px 0 9px;color:var(--navy);font-size:20px}.contact-channel-grid p{margin:0;color:#66748a;font-size:12px;line-height:1.7}.contact-channel-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:20px;color:var(--blue);font-size:12px;font-weight:800}.contact-channel-grid a svg{width:16px}.contact-us-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.contact-us-grid>aside{padding-top:25px}.contact-us-grid>aside>span{color:var(--blue)}.contact-us-grid>aside h2{margin:10px 0 15px;color:var(--navy);font-size:clamp(36px,4vw,50px);line-height:1.08;letter-spacing:-.045em}.contact-us-grid>aside>p{margin:0;color:#65738a;font-size:14px;line-height:1.8}.contact-us-grid>aside>div{display:grid;gap:10px;margin-top:28px}.contact-us-grid>aside a{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #d9e2ee;border-radius:11px;background:#fff}.contact-us-grid>aside a>svg{width:22px;height:22px;color:var(--blue)}.contact-us-grid>aside small,.contact-us-grid>aside strong{display:block}.contact-us-grid>aside small{color:#8491a5;font-size:8px;letter-spacing:.12em}.contact-us-grid>aside strong{color:var(--navy);font-size:12px}.contact-us-form{padding:32px;border:1px solid #d4deeb;border-radius:17px;background:#fff;box-shadow:0 20px 55px rgba(0,6,61,.08)}.contact-us-form label{display:grid;gap:7px;margin-bottom:15px;color:#17213c;font-size:11px;font-weight:700}.contact-us-form em{color:#e03131;font-style:normal}.contact-us-form input,.contact-us-form select,.contact-us-form textarea{width:100%;padding:13px;border:1px solid #bdc9da;border-radius:8px;background:#fff;color:#17213c}.contact-us-form input:focus,.contact-us-form select:focus,.contact-us-form textarea:focus{outline:3px solid #d9e6ff;border-color:var(--blue)}.contact-us-form textarea{resize:vertical}.contact-us-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important}.contact-us-consent input{width:17px;height:17px;margin-top:2px}.contact-us-form>.button{width:100%}.contact-us-form>small{display:block;margin-top:11px;color:#8793a7;text-align:center;font-size:9px}@media(max-width:900px){.contact-channel-grid{grid-template-columns:1fr}.contact-channel-grid article{min-height:220px}.contact-us-grid{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.contact-us-hero{padding:60px 0 66px}.contact-us-hero p{font-size:15px}.contact-us-form{padding:23px 19px}.contact-us-form .form-row{grid-template-columns:1fr}}
.blog-card[role="button"]{cursor:pointer}.blog-card[role="button"]:focus-visible{outline:4px solid #b9d0ff;outline-offset:4px}.blog-modal[hidden]{display:none}.blog-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.blog-modal-backdrop{position:absolute;inset:0;background:rgba(0,6,35,.76);backdrop-filter:blur(7px)}.blog-modal-dialog{position:relative;width:min(820px,100%);max-height:min(780px,calc(100vh - 48px));overflow-y:auto;border:1px solid #d3ddea;border-radius:20px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.32)}.blog-modal-close{position:sticky;z-index:2;float:right;top:18px;margin:18px 18px -58px 0;width:42px;height:42px;border:1px solid #d5deea;border-radius:50%;background:#fff;color:#00063d;font-size:26px;line-height:1;cursor:pointer}.blog-modal-dialog>header{padding:44px 54px 34px;background:linear-gradient(145deg,#f4f8ff,#fff)}.blog-modal-dialog>header>span{color:#0b5fff;font-size:10px;font-weight:800;letter-spacing:.13em}.blog-modal-dialog h2{max-width:690px;margin:10px 0 14px;color:#00063d;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.04em}.blog-modal-dialog>header p{max-width:690px;margin:0;color:#647289;font-size:14px;line-height:1.75}.blog-modal-body{display:grid;gap:1px;padding:8px 54px 20px}.blog-modal-body section{padding:22px 0;border-bottom:1px solid #e2e7ef}.blog-modal-body section:last-child{border-bottom:0}.blog-modal-body h3{margin:0 0 7px;color:#00063d;font-size:16px}.blog-modal-body p{margin:0;color:#5f6d83;font-size:13px;line-height:1.8}.blog-modal-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 54px;border-top:1px solid #e0e6ef;background:#f7f9fc}.blog-modal-dialog>footer>span{color:#748198;font-size:11px}.blog-modal-open{overflow:hidden}@media(max-width:600px){.blog-modal{padding:12px}.blog-modal-dialog{max-height:calc(100vh - 24px);border-radius:15px}.blog-modal-dialog>header{padding:36px 23px 25px}.blog-modal-body{padding:5px 23px 15px}.blog-modal-dialog>footer{display:block;padding:22px 23px}.blog-modal-dialog>footer .button{width:100%;margin-top:17px}.blog-modal-close{top:10px;margin:10px 10px -52px 0}}