:root{
    --web-primary:#0d9fba;
    --web-primary-dark:#087f98;
    --web-primary-soft:#eaf8fb;
    --web-navy:#0f2943;
    --web-text:#536a78;
    --web-muted:#8495a0;
    --web-border:#dfe8ec;
    --web-soft:#f7fafb;
    --web-white:#fff;
    --web-radius:14px;
    --web-shadow:0 12px 30px rgba(31,60,76,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-site-body{margin:0;background:#fff;color:var(--web-navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-container{width:min(1380px,calc(100% - 48px));margin:0 auto}

.site-header{height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf0;position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}
.site-nav{height:100%;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:26px}
.site-brand{display:inline-flex;align-items:center}
.site-brand img{width:150px;height:auto}
.site-menu{display:flex;align-items:center;justify-content:center;gap:34px;height:100%}
.site-menu a{height:100%;display:flex;align-items:center;position:relative;color:#344f5f;font-size:.78rem;font-weight:700;white-space:nowrap}
.site-menu a:hover,.site-menu a.active{color:var(--web-primary)}
.site-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--web-primary)}
.site-login-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:linear-gradient(135deg,#078fb0,#14b8c1);color:#fff;font-size:.76rem;font-weight:800;box-shadow:0 8px 18px rgba(13,159,186,.16)}
 .site-menu-toggle{display:none;width:42px;height:42px;padding:0;border:1px solid #dce8ec;border-radius:10px;background:#fff;color:var(--web-navy);font-size:1.15rem;align-items:center;justify-content:center;cursor:pointer}

.hero-section{min-height:430px;background:linear-gradient(110deg,#fff 0%,#fbfdfe 48%,#eaf9fc 100%);overflow:hidden;border-bottom:1px solid #edf2f4;position:relative}
.hero-section:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-130px;top:20px;background:rgba(109,220,231,.12);box-shadow:-90px 70px 0 rgba(109,220,231,.08)}
.hero-grid{min-height:430px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:44px;position:relative;z-index:1}
.hero-copy{padding:44px 0 42px}
.hero-copy h1{margin:0;max-width:650px;font-size:3.05rem;line-height:1.12;letter-spacing:-.035em;font-weight:800;color:#122b46}
.hero-copy h1 span{color:var(--web-primary)}
.hero-copy p{max-width:650px;margin:22px 0 0;color:#415e6f;font-size:.98rem;line-height:1.8}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn-primary-web,.btn-outline-web{min-height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;font-weight:800;transition:.18s ease}
.btn-primary-web{color:#fff;background:linear-gradient(135deg,#078fb0,#16b6bf);border:1px solid transparent;box-shadow:0 8px 18px rgba(13,159,186,.14)}
.btn-primary-web:hover{transform:translateY(-1px);box-shadow:0 10px 23px rgba(13,159,186,.19)}
.btn-outline-web{color:#0b8aa4;background:#fff;border:1px solid #86cfdb}
.btn-outline-web:hover{background:#f2fbfc}
.btn-primary-web.small{min-height:38px;padding:0 14px;font-size:.72rem}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;color:#4b6878;font-size:.72rem}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}.hero-trust i{color:var(--web-primary)}
.hero-visual{display:flex;justify-content:flex-end;align-items:center;padding:28px 0}
.hero-visual img{width:min(100%,670px);filter:drop-shadow(0 20px 28px rgba(27,64,81,.11));border-radius:12px}

.features-strip{padding:26px 0 34px;background:#fff}
.section-title.center{text-align:center;margin-bottom:18px}
.section-title h2{margin:0;color:#132c46;font-size:1.45rem;font-weight:800}
.section-title p{margin:6px 0 0;color:#758a96;font-size:.78rem}
.feature-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.feature-icons a{min-height:126px;padding:17px 10px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e2e9ed;border-radius:12px;box-shadow:0 6px 18px rgba(34,63,77,.035);transition:.18s ease}
.feature-icons a:hover{transform:translateY(-2px);border-color:#b7dfe6;box-shadow:0 9px 22px rgba(34,63,77,.07)}
.feature-icons i{font-size:1.55rem;color:#0e9fb9;margin-bottom:12px}.feature-icons strong{font-size:.76rem;color:#18344e}.feature-icons span{margin-top:7px;font-size:.62rem;line-height:1.45;color:#738893}

.home-content-band{padding:20px 0 26px;background:#fff}
.content-grid{display:grid;grid-template-columns:1.85fr .74fr 1.08fr;gap:18px;align-items:stretch}
.jobs-panel,.business-panel,.transparency-panel{border-radius:14px;border:1px solid #e1e9ed;min-height:288px}
.jobs-panel{padding:18px;background:#fbfcfd}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{margin:0;font-size:1.16rem}.panel-head a{font-size:.69rem;color:var(--web-primary);font-weight:800}.panel-head a i{margin-left:5px}
.job-list{display:flex;flex-direction:column;gap:7px}.job-row{display:grid;grid-template-columns:36px minmax(140px,1.25fr) .7fr .75fr auto 18px;align-items:center;gap:8px;padding:9px 10px;background:#fff;border:1px solid #e7edf0;border-radius:10px;transition:.16s ease}.job-row:hover{border-color:#aedce4;transform:translateX(2px)}
.job-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#0b9bb5;background:#eaf8fb}.job-main{min-width:0}.job-main strong,.job-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-main strong{font-size:.73rem;color:#15334d}.job-main small{margin-top:3px;font-size:.57rem;color:#718590}.job-meta{font-size:.61rem;color:#617985;white-space:nowrap}.job-meta i{color:#879aa4;margin-right:4px}.job-salary{font-size:.67rem;color:#113d5f;font-weight:800;white-space:nowrap}.job-arrow{font-size:.7rem;color:var(--web-primary)}
.jobs-empty{height:190px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7f929d;font-size:.75rem}

.transparency-panel{padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(150deg,#057c9f,#0e9fb9 55%,#16b5bd);border:0;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(13,159,186,.12)}
.transparency-panel:after{content:"";position:absolute;width:160px;height:160px;border:26px solid rgba(255,255,255,.10);border-radius:50%;right:-55px;bottom:-50px}.mini-label{font-size:.59rem;font-weight:900;letter-spacing:.08em}.transparency-panel h2{font-size:1.18rem;line-height:1.3;margin:10px 0 10px}.transparency-panel p{font-size:.68rem;line-height:1.6;margin:0;color:rgba(255,255,255,.86)}.white-btn{align-self:flex-start;margin-top:18px;padding:9px 12px;background:#fff;border-radius:7px;color:#0789a5;font-size:.67rem;font-weight:800;position:relative;z-index:1}

.business-panel{padding:24px 24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#fff,#f8fbfc);position:relative;overflow:hidden}.business-panel:after{content:"";position:absolute;right:-15px;bottom:-24px;width:150px;height:120px;background:linear-gradient(180deg,rgba(13,159,186,.08),rgba(13,159,186,.02));clip-path:polygon(0 100%,0 48%,24% 48%,24% 25%,48% 25%,48% 60%,68% 60%,68% 0,100% 0,100% 100%)}.business-panel .mini-label{color:var(--web-primary)}.business-panel h2{margin:8px 0 13px;font-size:1.18rem}.business-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.business-panel li{font-size:.68rem;color:#58717f}.business-panel li i{color:var(--web-primary);margin-right:7px}.business-panel .btn-primary-web{align-self:flex-start;position:relative;z-index:1}

.presentation-cta{padding:0 0 18px}.presentation-inner{min-height:82px;border-radius:14px;background:linear-gradient(100deg,#eff8fb,#f9fcfd);border:1px solid #dcebef;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:14px 24px}.presentation-brandmark{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #cde6eb;display:grid;place-items:center}.presentation-brandmark img{max-width:34px;max-height:34px}.presentation-copy h3{margin:0;font-size:.95rem}.presentation-copy p{margin:4px 0 0;color:#697f8b;font-size:.68rem}

.site-footer{border-top:1px solid #e8edef;background:#fff;padding:30px 0 16px}.site-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:56px}.site-footer-brand .site-brand img{width:145px}.site-footer-brand p{max-width:300px;margin:13px 0 0;color:#7a8f9a;font-size:.66rem;line-height:1.6}.site-footer-column{display:flex;flex-direction:column;gap:8px}.site-footer-column strong{font-size:.68rem;color:#223d50}.site-footer-column a{font-size:.64rem;color:#738995}.site-footer-column a:hover{color:var(--web-primary)}.site-footer-bottom{margin-top:23px;padding-top:13px;border-top:1px solid #eef2f4;display:flex;justify-content:space-between;color:#91a0a8;font-size:.58rem}

@media(max-width:1200px){.feature-icons{grid-template-columns:repeat(4,1fr)}.content-grid{grid-template-columns:1fr 1fr}.jobs-panel{grid-column:1/-1}.site-menu{gap:20px}.site-nav{grid-template-columns:170px 1fr}.site-brand img{width:135px}}
@media(max-width:900px){.site-header{height:68px}.site-nav{grid-template-columns:1fr auto}.site-menu-toggle{display:flex;position:relative;z-index:1002}.site-menu{display:none;position:absolute;top:68px;left:0;right:0;height:auto;padding:12px 24px;background:#fff;border-bottom:1px solid #e6ecef;box-shadow:0 10px 22px rgba(35,61,74,.08);z-index:1001;flex-direction:column;align-items:stretch;gap:0}.site-menu.open{display:flex}.site-menu a{height:auto;padding:12px 0}.site-menu a.active:after{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:48px 0 18px}.hero-copy h1{font-size:2.55rem}.hero-visual{justify-content:center;padding:10px 0 34px}.content-grid{grid-template-columns:1fr}.jobs-panel{grid-column:auto}.site-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}}
@media(max-width:680px){.site-container{width:min(100% - 28px,1380px)}.site-brand img{width:125px}.hero-copy h1{font-size:2.15rem}.hero-copy p{font-size:.88rem;line-height:1.7}.hero-trust{gap:12px;flex-direction:column}.feature-icons{grid-template-columns:repeat(2,1fr)}.content-grid{gap:12px}.job-row{grid-template-columns:34px 1fr 18px}.job-meta,.job-salary{display:none}.presentation-inner{grid-template-columns:48px 1fr}.presentation-inner .btn-primary-web{grid-column:1/-1}.site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.site-footer-brand{grid-column:1/-1}.site-footer-bottom{flex-direction:column;gap:5px}.section-title h2{font-size:1.25rem}}

/* =========================================================
   V6 REFERENCE POLISH + COOKIE MANAGEMENT
   ========================================================= */
.hero-eyebrow{display:inline-flex;margin-bottom:13px;color:var(--web-primary);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.hero-visual{position:relative}
.hero-visual img{width:min(100%,760px);border-radius:0;filter:drop-shadow(0 24px 36px rgba(27,64,81,.13))}
.panel-head>div p{margin:4px 0 0;color:#7b8e99;font-size:.62rem}
.panel-icon-large{position:absolute;right:20px;bottom:18px;font-size:5.8rem;color:rgba(255,255,255,.14);line-height:1}
.feature-icons i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:#edfafd;color:#079bb7;font-size:1.35rem}
.footer-cookie-link{padding:0;border:0;background:transparent;text-align:left;color:#738995;font:inherit;font-size:.64rem;cursor:pointer}
.footer-cookie-link:hover{color:var(--web-primary)}

.cookie-banner[hidden],.cookie-modal[hidden]{display:none!important}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:18px;z-index:12000;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:15px 16px;background:rgba(255,255,255,.98);border:1px solid #dce8ec;border-radius:14px;box-shadow:0 18px 55px rgba(24,55,71,.17);backdrop-filter:blur(12px)}
.cookie-banner-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf8fb;color:var(--web-primary);font-size:1rem}.cookie-banner-copy strong{display:block;color:#203d50;font-size:.79rem}.cookie-banner-copy p{margin:4px 0 0;color:#6b818d;font-size:.68rem;line-height:1.5}.cookie-banner-copy a{color:var(--web-primary);font-weight:700}.cookie-banner-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{min-height:36px;padding:7px 11px;border-radius:8px;font-size:.66rem;font-weight:800;cursor:pointer}.cookie-btn-primary{border:1px solid var(--web-primary);background:var(--web-primary);color:#fff}.cookie-btn-primary:hover{background:var(--web-primary-dark);border-color:var(--web-primary-dark)}.cookie-btn-light{border:1px solid #d9e4e8;background:#fff;color:#526c7a}.cookie-btn-light:hover{background:#f7fafb;border-color:#c8dce2}
.cookie-modal{position:fixed;inset:0;z-index:12100;display:grid;place-items:center;padding:18px}.cookie-modal-backdrop{position:absolute;inset:0;background:rgba(18,35,45,.42);backdrop-filter:blur(2px)}.cookie-modal-card{position:relative;width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;background:#fff;border:1px solid #dfe8ec;border-radius:16px;box-shadow:0 25px 70px rgba(20,48,62,.22)}.cookie-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.cookie-modal-eyebrow{display:block;margin-bottom:3px;color:var(--web-primary);font-size:.59rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.cookie-modal-head h2{margin:0;color:#18384d;font-size:1.15rem}.cookie-modal-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e0e8eb;border-radius:8px;background:#fff;color:#6d818b;cursor:pointer}.cookie-modal-close:hover{background:#f5f8f9}.cookie-modal-intro{margin:10px 0 14px;color:#6b818d;font-size:.71rem;line-height:1.6}.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;margin-top:8px;border:1px solid #e3eaed;border-radius:11px;background:#fff}.cookie-category.required{background:#f8fbfc}.cookie-category-title{display:flex;align-items:center;gap:8px}.cookie-category-title i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf8fb;color:var(--web-primary);font-size:.72rem}.cookie-category strong{color:#294858;font-size:.72rem}.cookie-category p{margin:4px 0 0;color:#71858f;font-size:.65rem;line-height:1.5}.cookie-required-label{flex:0 0 auto;color:#1f8f55;background:#eef9f3;border-radius:20px;padding:5px 8px;font-size:.58rem;font-weight:800}.cookie-switch{position:relative;flex:0 0 42px;width:42px;height:23px}.cookie-switch input{position:absolute;opacity:0;pointer-events:none}.cookie-switch span{position:absolute;inset:0;border-radius:20px;background:#d8e1e5;cursor:pointer;transition:.18s ease}.cookie-switch span:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.18s ease}.cookie-switch input:checked+span{background:var(--web-primary)}.cookie-switch input:checked+span:before{transform:translateX(19px)}.cookie-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cookie-modal-open{overflow:hidden}

@media(max-width:780px){.cookie-banner{grid-template-columns:40px 1fr;left:10px;right:10px;bottom:10px}.cookie-banner-actions{grid-column:1/-1;justify-content:stretch}.cookie-banner-actions .cookie-btn{flex:1}.cookie-modal-card{padding:16px}.cookie-category{align-items:flex-start}.cookie-modal-actions{flex-wrap:wrap}.cookie-modal-actions .cookie-btn{flex:1}}


/* V7 interactive feature demos */
.myhrm-svg-icon{width:1em;height:1em;display:block}
.feature-icons{align-items:stretch}
.feature-card{appearance:none;width:100%;min-height:142px;padding:16px 10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fff;border:1px solid #e2e9ed;border-radius:12px;box-shadow:0 6px 18px rgba(34,63,77,.035);cursor:pointer;transition:.18s ease;font:inherit}
.feature-card:hover,.feature-card.active{transform:translateY(-2px);border-color:#80cfdd;box-shadow:0 10px 24px rgba(34,63,77,.08)}
.feature-card.active{background:#f7fdfe;box-shadow:inset 0 -3px 0 #0d9fba,0 10px 24px rgba(34,63,77,.07)}
.feature-card-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;background:#eaf9fc;color:#079bb7;font-size:1.65rem}
.feature-card strong{font-size:.76rem;color:#18344e;line-height:1.25}.feature-card>span:last-child{margin-top:7px;font-size:.62rem;line-height:1.45;color:#738893}
.feature-demo{margin-top:18px}.feature-demo-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:0;overflow:hidden;background:#fff;border:1px solid #dfe8ec;border-radius:14px;box-shadow:0 10px 30px rgba(31,61,76,.055)}
.feature-demo-panel[hidden]{display:none!important}.feature-demo-media{min-height:330px;padding:18px;background:#f4f8fa;display:flex;align-items:center;justify-content:center;border-right:1px solid #e6edef}.feature-demo-media img{display:block;width:100%;max-height:330px;object-fit:contain;object-position:center;border-radius:9px;box-shadow:0 8px 24px rgba(28,55,69,.08)}
.feature-demo-copy{padding:28px 30px;align-self:center}.feature-demo-copy h3{margin:7px 0 9px;color:#17364c;font-size:1.35rem}.feature-demo-copy>p{margin:0 0 17px;color:#6f838e;font-size:.76rem;line-height:1.65}.feature-demo-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.feature-demo-copy li{display:flex;align-items:flex-start;gap:9px;color:#355260;font-size:.73rem;line-height:1.5}.feature-demo-copy li .myhrm-svg-icon{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:#0d9fba;stroke-width:2.5}
.cookie-modal-close{font-size:1rem}.cookie-modal-close:after{content:'×';font-size:1.35rem;line-height:1;color:#657b86}.cookie-modal-close i{display:none}
@media(max-width:900px){.feature-demo-panel{grid-template-columns:1fr}.feature-demo-media{min-height:220px;border-right:0;border-bottom:1px solid #e6edef}.feature-demo-copy{padding:22px}.feature-demo-media img{max-height:260px}}


/* =========================================================
   V8 - HORIZONTAL TOOL CAROUSEL
   ========================================================= */
.feature-carousel-shell{position:relative;margin-top:2px;padding:0 46px}
.feature-icons{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:4px 3px 12px;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:#a9dbe4 #eef5f7;
    overscroll-behavior-x:contain;
}
.feature-icons::-webkit-scrollbar{height:7px}
.feature-icons::-webkit-scrollbar-track{background:#eef5f7;border-radius:999px}
.feature-icons::-webkit-scrollbar-thumb{background:#a9dbe4;border-radius:999px}
.feature-icons.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.feature-card{
    flex:0 0 178px;
    width:178px;
    min-width:178px;
    min-height:154px;
    scroll-snap-align:start;
}
.feature-card-icon .myhrm-svg-icon{width:24px;height:24px;display:block;stroke-width:1.8}
.feature-scroll-btn{
    position:absolute;top:50%;z-index:4;width:36px;height:58px;padding:0;
    transform:translateY(-57%);display:grid;place-items:center;border:1px solid #cce8ed;
    border-radius:11px;background:rgba(255,255,255,.96);color:#0d9fba;cursor:pointer;
    box-shadow:0 8px 22px rgba(33,66,81,.10);transition:.18s ease
}
.feature-scroll-btn:hover{background:#eefafd;border-color:#8fd3df;transform:translateY(-57%) scale(1.03)}
.feature-scroll-btn .myhrm-svg-icon{width:18px;height:18px;stroke-width:2.4}
.feature-scroll-prev{left:0}
.feature-scroll-next{right:0}
.feature-scroll-prev .myhrm-svg-icon{transform:rotate(135deg)}
.feature-scroll-next .myhrm-svg-icon{transform:rotate(-45deg)}
.feature-scroll-hint{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:2px 46px 0;color:#8aa0aa;font-size:.62rem}
.feature-scroll-hint .myhrm-svg-icon{width:13px;height:13px;transform:rotate(-45deg);color:#0d9fba}
@media(max-width:900px){
    .feature-carousel-shell{padding:0 34px}
    .feature-card{flex-basis:160px;width:160px;min-width:160px}
    .feature-scroll-btn{width:30px;height:52px}
    .feature-scroll-hint{margin-right:34px}
}
@media(max-width:520px){
    .feature-carousel-shell{padding:0}
    .feature-scroll-btn{display:none}
    .feature-icons{padding-left:1px;padding-right:1px}
    .feature-card{flex-basis:150px;width:150px;min-width:150px}
    .feature-scroll-hint{justify-content:center;margin:4px 0 0}
}


/* =========================================================
   V9 - TOOL CAROUSEL FIX
   - visible arrows
   - stable horizontal scroller
   ========================================================= */
.feature-carousel-shell{
    position:relative;
    margin-top:4px;
    padding:0 54px;
    overflow:visible;
}
.feature-icons{
    position:relative;
    z-index:1;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:5px 4px 14px!important;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}
.feature-card{
    flex:0 0 178px!important;
    width:178px!important;
    min-width:178px!important;
    min-height:154px;
}
.feature-scroll-btn{
    position:absolute;
    top:50%;
    z-index:20;
    width:42px;
    height:64px;
    padding:0;
    display:flex!important;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    border:1px solid #b9e1e8;
    border-radius:12px;
    background:#fff;
    color:#0d9fba;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(33,66,81,.14);
    opacity:1!important;
    visibility:visible!important;
}
.feature-scroll-btn:hover{
    background:#effbfc;
    border-color:#69c7d7;
    transform:translateY(-50%);
}
.feature-scroll-btn .myhrm-svg-icon{
    display:block!important;
    width:24px!important;
    height:24px!important;
    min-width:24px;
    color:#079bb7;
    stroke:currentColor;
    stroke-width:2.6;
    transform:none!important;
}
.feature-scroll-prev{left:4px!important}
.feature-scroll-next{right:4px!important}
.feature-scroll-hint .myhrm-svg-icon{
    width:15px;
    height:15px;
    transform:none!important;
}
@media(max-width:900px){
    .feature-carousel-shell{padding:0 46px}
    .feature-scroll-btn{width:36px;height:58px}
    .feature-scroll-prev{left:2px!important}
    .feature-scroll-next{right:2px!important}
}
@media(max-width:520px){
    .feature-carousel-shell{padding:0 38px}
    .feature-scroll-btn{display:flex!important;width:32px;height:52px;border-radius:10px}
    .feature-scroll-prev{left:0!important}
    .feature-scroll-next{right:0!important}
    .feature-card{flex-basis:150px!important;width:150px!important;min-width:150px!important}
}


/* V10 public navigation/link fixes */
@media(max-width:900px){
  .site-nav{position:relative}
  .site-menu{max-height:calc(100vh - 68px);overflow-y:auto}
  .site-menu a{font-size:.84rem;border-bottom:1px solid #f0f4f5}
  .site-menu a:last-child{border-bottom:0}
}
@media(max-width:680px){
  .site-footer-grid{grid-template-columns:1fr;gap:22px}
  .site-footer-brand{grid-column:auto}
  .site-footer-column{display:flex!important}
}