/* Homepage presentation only. All rules expire when the original video gate hides .hero. */
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-title{text-align:left!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-center-play{background:#fffef0ef!important;color:#093f36!important;border-color:white!important;box-shadow:0 4px 20px #0002!important}
.home-privacy-link{display:none}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])){background:#f6f7f3!important;color:#093f36!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])):before{display:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden]))>.wrap{max-width:1360px!important;width:calc(100% - 32px)!important;margin:24px auto!important;background:#fff!important;border:1px solid #e2e7e1;border-radius:22px;overflow:hidden;box-shadow:0 8px 40px #143d3010}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .top{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:24px!important;padding:26px 38px!important;border-bottom:1px solid #dce5df}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .top .company,body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .privacy-entry,body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .home-company-original{display:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .brandlogo{width:280px!important;max-width:100%!important;max-height:none!important;height:auto!important;filter:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-layout-switch{display:flex!important;gap:6px!important;margin-left:auto!important;padding:0!important;border:0!important;background:transparent!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-layout-switch button{display:flex;align-items:center;gap:6px;background:#fff!important;border:1px solid #dce5df!important;border-radius:8px!important;padding:9px 12px!important;color:#093f36!important;font:600 12px 'Segoe UI',sans-serif!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-layout-switch button[aria-pressed=true]{background:#edf4e9!important;border-color:#648b76!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support{display:grid!important;grid-template-columns:26px auto;gap:0 13px!important;border:0!important;padding:0!important;margin:0!important;color:#526a64!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support:before{content:'☎';grid-column:1;grid-row:1/4;font-size:26px;align-self:center;color:#093f36}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support>a{grid-column:2;grid-row:1;font-size:16px!important;font-weight:700;color:#093f36!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support>span{grid-column:2;grid-row:2;font-size:12px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support>small{grid-column:2;grid-row:3;font-size:12px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:0 48px!important;padding:30px 38px 40px!important;margin:0!important;text-align:left!important;align-items:start!important;background:transparent!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-title{grid-column:1;grid-row:1;font-size:48px!important;line-height:1.12!important;letter-spacing:-1.8px!important;color:#093f36!important;margin:0 0 26px!important;max-width:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero-grid{grid-column:1;grid-row:2;display:block!important;min-width:0;width:100%!important;margin:0!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero-copy,body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero-proof{display:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-video-card{border:1px solid #dce5df!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-video-label{display:flex;justify-content:space-between;gap:12px;padding:13px 17px!important;background:#edf4e9!important;color:#093f36!important;font-size:12px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-video-label span:last-child{color:#526a64!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-actions{padding:18px!important;display:block!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) #videoGateStatus{font-size:13px!important;line-height:1.6;color:#526a64!important;margin:0 0 12px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) #startAssessmentButton{display:block;width:100%;padding:16px 20px!important;border:0!important;border-radius:9px!important;background:#ff7c19!important;color:#000!important;font-size:16px!important;line-height:1.4;box-shadow:none!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) #startAssessmentButton:disabled{opacity:.55!important;cursor:not-allowed}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-video-card>.btn.ghost{display:block;width:auto!important;max-width:calc(100% - 36px);padding:5px 9px!important;font-size:11px!important;line-height:1.4!important;min-height:0!important;background:transparent!important;color:#093f36!important;box-shadow:none!important;border:1px solid #dce5df!important;margin:10px 18px 0!important;border-radius:8px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-actions>.btn.ghost:not([hidden]){display:block;width:auto!important;max-width:100%;margin:12px auto 0!important;padding:7px 12px!important;font-size:12px!important;line-height:1.4!important;min-height:0!important;background:transparent!important;color:#093f36!important;box-shadow:none!important;border:1px solid #dce5df!important;border-radius:8px!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-actions>.micro{display:block;text-align:center;font-size:11px!important;color:#526a64!important;margin:10px 0 0!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-transcript{border-top:1px solid #dce5df;padding:14px 18px!important;font-size:13px!important;color:#093f36!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-transcript p{color:#526a64!important;font-size:13px!important;line-height:1.75!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside{grid-column:2;grid-row:1/3;border-radius:16px;overflow:hidden;align-self:start;background:#edf4e9;color:#093f36}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside>img{width:100%;height:280px;object-fit:cover;display:block}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .aside-overlay{padding:25px 28px;background:#093f36;color:white}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .aside-overlay>span{font-size:10px;letter-spacing:1.7px;color:#c5dec8}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .aside-overlay h2{font-size:31px;line-height:1.25;margin:9px 0 0;color:white}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside>section{padding:27px 28px}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside .eyebrow{font-size:16px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;color:#093f36!important;font-weight:700}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside ol{padding-left:25px;margin:18px 0 0}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li{padding-left:8px;margin-bottom:18px}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li::marker{color:#619068;font-weight:bold}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li p{font-size:13px!important;line-height:1.6!important;margin:3px 0!important;color:#526a64!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li.plan-highlight{margin-top:22px;margin-bottom:0;padding:18px 18px 18px 14px;border-left:4px solid #ff7c19;border-radius:0 10px 10px 0;background:#fff;box-shadow:0 5px 18px #093f360c}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li.plan-highlight>b{display:block;font-size:21px;line-height:1.3}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li.plan-highlight>p{line-height:1.75!important;color:#254d42!important;margin-top:10px!important;font-weight:500}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside li.onsite-review{margin-top:24px}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .footer{display:block;border-top:1px solid #dce5df;padding:24px 38px!important;font-size:11px!important;color:#526a64!important;background:transparent!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .footer a{color:#526a64!important}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .home-privacy-link{display:inline-block;margin:10px 15px 10px 0}
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .footer .legal-links{display:inline-flex;gap:15px;flex-wrap:wrap}
@media(max-width:950px){body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero:not([hidden]){gap:0 28px!important;padding:24px!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-title{font-size:39px!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .brandlogo{width:235px!important}}
@media(max-width:700px){body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden]))>.wrap{width:100%!important;margin:0!important;border:0;border-radius:0;box-shadow:none}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .top{padding:20px!important;gap:12px!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .brand{width:100%}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-layout-switch{margin:0!important;flex-basis:auto!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-support{width:100%;padding-top:12px!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero:not([hidden]){display:flex!important;flex-direction:column;gap:26px!important;padding:25px 20px!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-title{font-size:37px!important;margin:0!important}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside{width:100%}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside>img{height:220px}body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .footer{padding:22px 20px!important}}
/* Explicit phone mode uses the same narrow layout even on a large monitor. */
body[data-layout=mobile]:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden]))>.wrap{max-width:430px!important}
body[data-layout=mobile]:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .hero:not([hidden]){display:flex!important;flex-direction:column;gap:26px!important;padding:25px 20px!important}
body[data-layout=mobile]:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .video-gate-title{font-size:37px!important;margin:0!important}
body[data-layout=mobile]:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .intro-aside{width:100%}

/* Size inline header icons before revision-15 runs. */
body:not(:has(dialog[open]:not(#customerStart))):has(.hero:not([hidden])) .ek-layout-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}