/* Optimyl 2027: preserve the established visual system and mobile interactions. */
.video-library{height:auto!important;min-height:0!important}
.video-thumbnail-card[data-video]{height:auto!important;align-self:start}.video-thumbnail-card[data-video] .video-thumbnail{height:0!important;padding-top:56.25%;aspect-ratio:auto!important}.video-thumbnail-card[data-video] .video-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-card{height:auto!important;min-height:0!important}.video-library-card{height:auto!important;min-height:0!important}
.video-thumbnail-card{display:block!important;grid-template-columns:none!important}.video-thumbnail-card .video-thumbnail{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important}.video-thumbnail-copy{display:block!important;min-height:90px;padding:14px!important}.video-thumbnail-copy small,.video-thumbnail-copy strong{display:block}.video-thumbnail .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.learning-documents{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.learning-documents button{font:600 16px Archivo,sans-serif;padding:14px 18px;border:1px solid #b5cdc6;border-radius:9px;background:#fff;color:#08775b;cursor:pointer}.new-hire-overview{display:block;margin-top:16px;font-weight:600;color:#08775b}.mobile-plan-selector button{min-height:60px!important}
dialog.offline-dialog{margin:auto!important}#compare,section[id]{scroll-margin-top:112px}.support-steps,.dialog-content ol{list-style:decimal;padding-left:24px}.benefit-expand{transform:none!important}.benefit-expand:before{position:static!important;border-left:0!important;border-bottom:0!important;background:none!important}.benefit-expand svg{width:16px;height:16px;transition:transform .18s}.benefit-expand:has(svg):before{display:none!important}.benefit-button:hover .benefit-expand svg,.benefit-button:focus-visible .benefit-expand svg{transform:rotate(90deg)}
.refresh-block,.refresh-block h2,.refresh-block h3,.refresh-card,.offline-dialog,.dialog-links a,.dialog-links button,.review-note,.local-resources a,.local-resources button{font-family:Archivo,sans-serif}.refresh-block h2{color:#152442;font-size:clamp(32px,3.3vw,48px);line-height:1.1;margin:12px 0 28px}.refresh-card h3{font-size:23px;line-height:1.25}.refresh-card p,.review-note{color:#344258}.refresh-card .btn{margin-top:14px}.refresh-block .kick{color:#168565}
.benefit-button{display:grid!important;grid-template-columns:56px minmax(0,1fr) 38px!important;align-items:center;gap:16px;text-align:left}.benefit-button>span:first-child{width:56px;height:56px;display:block}.benefit-button>span:first-child img{width:100%;height:100%;object-fit:contain}.benefit-button small{line-height:1.45}.benefit-expand{position:relative!important;display:grid!important;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #d7e6e4;background:#eaf5f1}.benefit-expand:before{content:''!important;width:7px;height:7px;border-right:2px solid #127c60;border-top:2px solid #127c60;transform:rotate(45deg);transition:transform .18s}.benefit-expand:after{display:none!important}.benefit-button:hover .benefit-expand:before,.benefit-button:focus-visible .benefit-expand:before{transform:rotate(135deg)}
.compare-wrap table{table-layout:fixed;width:100%}.compare-wrap th:first-child{width:23%}.compare-wrap td,.compare-wrap th{font-size:16px;line-height:1.5}.compare-wrap thead a{display:block;font-size:14px;margin-top:8px;text-decoration:underline}.comparison-note{font-size:15px;line-height:1.65;margin-top:22px;color:#35465b}.mobile-plan-comparison{display:none}.modeler-action .step-link{display:block;margin-top:18px}.path-card a,.path-card button,.smart-link{font-size:18px!important;line-height:1.5}
.resources-grid{align-items:start}.video-frame video{width:100%;height:100%;display:block;background:#081b34}.overview-pending{font-size:16px;line-height:1.6;margin:20px 0 0}.video-thumbnail-card[data-video] img{display:block!important}.video-thumbnail-card[data-video]{min-height:0}.video-thumbnail-card .video-thumbnail{aspect-ratio:16/9}.video-thumbnail-card .video-thumbnail img{height:100%;width:100%;object-fit:cover}.video-thumbnail-card[data-video] span{color:inherit}.video-thumbnail-grid{max-height:690px;overflow-y:auto;padding:4px 8px 8px 0}.video-thumbnail-copy strong{font-size:17px;line-height:1.35}.video-thumbnail-copy small{font-size:12px}.learning-card-heading h3{font-size:24px}.video-card{position:sticky;top:110px}
.offline-dialog{font:17px/1.6 Archivo,sans-serif;max-height:calc(100dvh - 32px);width:min(1060px,calc(100% - 32px));color:#344258}.dialog-top h2{font:700 26px/1.2 Archivo,sans-serif;color:#142441}.dialog-top button{font:600 16px Archivo,sans-serif;min-height:44px;flex-shrink:0;background:#142441}.dialog-content h3{font-size:21px;color:#142441}.dialog-content p{margin:14px 0;line-height:1.65}.dialog-content video{width:100%;display:block}.dialog-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-links>div{border:1px solid #dce5e8;border-radius:12px;padding:16px;background:#f7f9fa}.dialog-links a,.dialog-links button{display:block;font:600 16px/1.5 Archivo,sans-serif;padding:0;background:none;border:0;text-decoration:none;color:#08775b;text-align:left}.dialog-links p{font-size:14px;margin:8px 0 0}.benefit-dialog-heading{display:flex;gap:22px;align-items:flex-start}.benefit-dialog-heading img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.benefit-carrier{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#08775b}.benefit-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.benefit-highlights span{font-size:14px;border-radius:8px;padding:8px 12px;background:#e8f5ef;color:#11694f;font-weight:600}.coverage-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coverage-facts>div{background:#f6f8fa;padding:0 16px 12px;border-radius:10px}.coverage-facts p{font-size:16px}.dialog-footnote{font-size:14px;color:#4c5a70}.text-action{color:#08775b;background:none;border:0;font:600 17px Archivo,sans-serif;cursor:pointer}.support-steps li{padding-left:6px;margin:14px 0}.benefit-effective{color:#08775b;font-weight:600}
.id-dialog{width:min(1160px,calc(100% - 32px))}.id-tabs{display:none}.id-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.id-panel{border:1px solid #dce5e8;border-radius:14px;padding:20px;display:flex;flex-direction:column;min-width:0}.id-heading{display:flex;align-items:center;gap:12px}.id-heading img{width:54px;height:54px}.id-heading h3{margin:0;font-size:24px}.id-heading small{font-size:12px;line-height:1.4;display:block;color:#08775b}.id-panel dl{margin:18px 0 0}.id-panel dl>div{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e0e7ec;min-height:100px}.id-panel dt{font-size:12px;text-transform:uppercase;line-height:1.5;font-weight:600;color:#4d5e72}.id-panel dd{margin:0;font-size:15px}.id-panel dd>*{display:block}.id-panel dd span{font-size:13px;line-height:1.5}.id-panel p{font-size:14px;line-height:1.5}.id-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.id-apps a{display:grid;place-items:center;min-height:44px;font-size:13px;text-decoration:none;background:#142441;color:white;border-radius:8px;text-align:center;padding:7px}
.oe-gate-logo{display:block}.oe-gate-note a{color:#08775b;text-decoration:underline}.footer-brand{display:flex!important;justify-content:center!important;margin-inline:auto!important}footer .footer-brand img{display:block;margin-inline:auto!important}.video-dialog .dialog-content{padding:18px}.video-dialog .dialog-content p{font-size:16px}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a,.desktop-nav button{font-size:14px}.id-panels{gap:10px}.id-panel{padding:14px}.id-panel dl>div{gap:8px}}
@media(max-width:760px){.page-shell{width:100%!important;padding-inline:20px!important}.hero{padding-bottom:42px}.refresh-block,.resources-section,.benefits-section,.compare-section,.new-hire,.router-section{padding-block:48px!important}.refresh-block{background:#f3f7f6;border-block:1px solid #e0e8e7}.router-section,.benefits-section{background:#fff}.compare-section,.new-hire{background:#f8f9fb;border-block:1px solid #e0e6eb}.refresh-block h2,.section-heading h2,.modeler-copy h2,.new-hire h2{font-size:32px!important;line-height:1.12!important}.refresh-columns,.local-resources{grid-template-columns:1fr}.refresh-card{padding:22px}.refresh-card h3{font-size:22px}.benefit-button{grid-template-columns:46px minmax(0,1fr) 34px!important;min-height:86px!important;gap:12px!important;padding:16px!important}.benefit-button>span:first-child{width:46px;height:46px}.benefit-button strong{font-size:18px}.benefit-button small{font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;color:#08775b}.benefit-expand{width:32px;height:32px}.benefit-list{background:white;border-radius:18px;box-shadow:0 10px 30px #1424410c;overflow:hidden;display:block}.benefit-list-column{display:block}.benefit-list-item{border-bottom:1px solid #e4e9ed}.smart-card{height:auto!important;min-height:0!important}.smart-card h3{font-size:23px!important}.smart-card p{font-size:17px!important;line-height:1.65!important}.smart-card a,.smart-card button{min-height:48px;display:inline-flex;align-items:center}.desktop-plan-comparison,.table-scroll-hint{display:none!important}.mobile-plan-comparison{display:block}.mobile-plan-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mobile-plan-selector button{min-height:54px;padding:12px;font:600 16px Archivo,sans-serif;border:1px solid #d4dfdf;border-radius:10px;background:white;color:#142441}.mobile-plan-selector button[aria-selected=true]{background:#142441;color:white;border-color:#142441}#selected-plan-details{background:#fff;border:1px solid #dbe4e8;border-radius:16px;padding:22px}#selected-plan-details h3{font-size:24px;margin:0 0 16px}#selected-plan-details dl>div{display:grid;grid-template-columns:44% minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid #e3e9ed}#selected-plan-details dt{font-size:14px;line-height:1.5;color:#4b5b70}#selected-plan-details dd{margin:0;font-size:16px;line-height:1.5;font-weight:600}#selected-plan-details .btn{margin-top:18px;width:100%;min-height:50px}.comparison-note{font-size:14px}.modeler-card{gap:24px}.modeler-copy p,.modeler-copy li,.new-hire p{font-size:17px!important;line-height:1.6!important}.modeler-copy li{margin:12px 0}.btn{min-height:50px}.resources-grid{display:block}.video-card{position:static;margin-bottom:28px}.video-thumbnail-grid{max-height:none;overflow:visible;grid-template-columns:1fr 1fr;gap:12px}.video-thumbnail-copy strong{font-size:16px}.video-thumbnail-copy small{font-size:10px}.video-library-heading h3{font-size:24px}.coverage-facts,.dialog-links{grid-template-columns:1fr}.offline-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);font-size:16px;border-radius:16px}.dialog-top{padding:16px;gap:12px}.dialog-top h2{font-size:22px}.dialog-content{padding:18px}.benefit-dialog-heading{gap:14px}.benefit-dialog-heading img{width:52px;height:52px}.benefit-dialog-heading p{margin-top:0}.id-dialog .dialog-content{padding:12px 16px 16px}.id-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.id-tabs button{min-height:44px;font:600 15px Archivo,sans-serif;background:#eef4f3;border:1px solid #d8e4e2;border-radius:8px;color:#142441}.id-tabs button[aria-selected=true]{background:#142441;color:#fff}.id-panels{display:block}.id-panel{display:none;padding:16px}.id-panel.active{display:flex}.id-heading img{width:46px;height:46px}.id-heading h3{font-size:24px}.id-panel dl{margin-top:8px}.id-panel dl>div{padding:10px 0;min-height:0;grid-template-columns:37% 1fr;gap:14px}.id-panel dt{font-size:11px}.id-panel dd{font-size:15px}.id-panel dd span{font-size:13px}.id-panel p{font-size:13px;margin:12px 0}.id-apps a{font-size:14px;min-height:46px}footer{padding-block:36px!important}.footer-summary{font-size:14px!important;line-height:1.65!important}.footer-links{gap:12px!important}.footer-links a{font-size:12px!important}}
@media(max-width:420px){.refresh-block h2,.section-heading h2,.modeler-copy h2,.new-hire h2{font-size:30px!important}.video-thumbnail-copy{padding:10px!important}.video-thumbnail-copy strong{font-size:15px}.id-dialog .dialog-top{padding:12px 14px}.id-dialog .dialog-top h2{font-size:20px}.id-panel{padding:12px}.id-panel dl>div{padding:8px 0}.id-panel dd span{font-size:12px}.id-heading small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.benefit-expand:before{transition:none}}