/* Scoped home page styles shared with the standalone build. */
#evApp.ev-is-home{grid-template-columns:minmax(0,1fr)}#evApp.ev-is-home>.ev-sidebar,#evApp.ev-is-home>.ev-main>.ev-top{display:none}#evApp.ev-is-home #evScreen{padding:0;scrollbar-gutter:auto;background:var(--page)}#evApp.ev-is-home .ev-page{max-width:none;margin:0}
.eh-home{--eh-ink:var(--ink);--eh-muted:var(--dim);--eh-blue:var(--accent);--eh-line:var(--line);color:var(--eh-ink);background:var(--page);font:14px/1.6 var(--font);letter-spacing:normal}.eh-home *{box-sizing:border-box}.eh-home a{color:inherit;text-decoration:none}.eh-home button{font-family:inherit;cursor:pointer}.eh-home svg{width:20px;height:20px;flex:none}.eh-wrap{max-width:1350px;padding:0 52px;margin:auto}.eh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cbd8e2;border-radius:8px;background:white;color:var(--eh-ink);font-size:var(--text-xs);font-weight:650;line-height:1.4;min-height:45px;padding:12px 17px;text-align:center;white-space:nowrap}.eh-btn svg{width:17px;height:17px}.eh-btn:hover{border-color:#8ba9c8;background:#f0f5fb}.eh-home .eh-primary{background:var(--eh-blue);color:#fff;border-color:var(--eh-blue)}.eh-home .eh-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.eh-home a:focus-visible,.eh-home button:focus-visible{outline-offset:4px}.eh-skip{position:absolute;top:-100px;left:20px;background:white;border:2px solid #2167e8;padding:12px 18px;z-index:5}.eh-skip:focus{top:12px}.eh-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px;align-items:center;padding:74px 0 65px}.eh-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#5e7c93;margin-bottom:18px;line-height:1.6;display:flex;gap:9px;align-items:center}.eh-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#4b8bff;flex:none}.eh-hero h1{font-size:62px;font-weight:700;letter-spacing:-3.4px;line-height:1.06;margin:0 0 24px}.eh-hero h1 em{font-style:normal;color:var(--eh-blue)}.eh-hero-copy>p{font-size:var(--text-sm);line-height:1.85;color:var(--eh-muted);max-width:405px;margin:0 0 27px}.eh-actions{display:flex;gap:10px;flex-wrap:wrap}.eh-home .eh-text-link{border:0;background:transparent;padding:0;color:#2a608d;min-height:35px;font-size:var(--text-2xs);gap:8px;font-weight:650}.eh-home .eh-text-link:hover{text-decoration:underline;text-underline-offset:4px}.eh-hero-copy>.eh-text-link{margin-top:13px}.eh-hero-copy>.eh-local-note{font-size:10px;line-height:1.7;color:#7e919f;max-width:350px;margin:18px 0 0}.eh-visual{position:relative;padding:37px 0 44px 17px;min-width:0;background-image:radial-gradient(#bdd0de 1px,transparent 1px);background-size:17px 17px}.eh-visual:before{content:'';position:absolute;inset:37px 18px 47px -4px;background:#d5e0ea;border-radius:14px;transform:rotate(-5deg)}.eh-visual-label{position:absolute;top:7px;left:23px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#6f8492}.eh-live-dot{height:5px;width:5px;background:#89a859;border-radius:50%}.eh-preview{border:1px solid #bfcddb;background:white;border-radius:11px;overflow:hidden;box-shadow:0 18px 45px #12364e26;position:relative}.eh-preview-top{height:29px;background:#eaf0f5;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:8px;color:#738999;border-bottom:1px solid #d4e0e9}.eh-preview-top>div{display:flex;gap:4px}.eh-preview-top i{display:block;width:5px;height:5px;border-radius:50%;background:#b6c7d5}.eh-preview-top>span{flex:1;text-align:center}.eh-preview-top svg{width:11px;height:11px}.eh-preview img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover}.eh-visual-note{position:absolute;bottom:20px;right:17px;border:1px solid #d8e1e8;border-radius:8px;background:white;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 19px #12364e14}.eh-visual-note>svg{padding:4px;width:27px;height:27px;background:#e6efff;color:#2056c5;border-radius:50%}.eh-visual-note b{display:block;font-size:10px;letter-spacing:-.15px}.eh-visual-note span{display:block;font-size:9px;color:#8193a0;margin-top:2px}.eh-example-label{font-size:8px;letter-spacing:.3px;position:absolute;bottom:3px;left:30px;color:#8a9ca8}.eh-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:29px}.eh-section-head h2{margin:0;font-size:29px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}.eh-section-head .eh-eyebrow{margin-bottom:12px}.eh-section-head>p{font-size:var(--text-xs);color:var(--eh-muted);line-height:1.8;margin:0;max-width:320px}.eh-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.eh-project{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--eh-line);border-radius:9px;padding:19px;background:white;text-align:left;color:var(--eh-ink);min-width:0}.eh-project:hover{border-color:#9bb7d2;box-shadow:0 4px 15px #1b3b5210}.eh-project-icon{background:#edf3f8;padding:8px;display:flex;border-radius:7px;color:#6b8da7}.eh-project-copy{min-width:0;flex:1}.eh-project-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#7390a5;font-weight:650}.eh-project h3{font-size:var(--text-ui);font-weight:650;line-height:1.6;margin:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.eh-project p{font-size:10px;color:var(--eh-muted);margin:0 0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.eh-project small{font-size:9px;color:#8495a2}.eh-project>svg{width:16px;height:16px;color:#6791b7;margin-top:4px}.eh-workflow{padding:64px 0}.eh-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.eh-step{padding:24px 0 0;border-top:1px solid #cbd9e3}.eh-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#4b7493}.eh-step-top svg{width:25px;height:25px}.eh-step-top span{font-size:23px;font-weight:400;letter-spacing:-1px;color:#b0c3d2}.eh-step h3{font-size:var(--text-base);letter-spacing:-.4px;font-weight:650;margin:0 0 12px;line-height:1.4}.eh-step p{font-size:var(--text-xs);line-height:1.85;color:var(--eh-muted);margin:0}.eh-resources{padding:5px 0 57px}.eh-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.eh-resource{background:white;border:1px solid var(--eh-line);border-radius:10px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.eh-resource-icon{display:flex;border-radius:8px;background:#edf3f7;color:#456d8d;padding:11px;margin-bottom:24px}.eh-resource-icon svg{width:25px;height:25px}.eh-resource-kicker{font-size:8px;letter-spacing:1.3px;color:#7892a4;font-weight:650;margin-bottom:9px}.eh-resource h3{margin:0 0 11px;font-size:19px;letter-spacing:-.6px;font-weight:650}.eh-resource p{font-size:var(--text-xs);color:var(--eh-muted);line-height:1.8;margin:0 0 23px;flex:1}.eh-home .eh-resource-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-2xs);color:#2465b1;font-weight:600;background:none;border:0;padding:0;min-height:28px;width:100%;text-align:left}.eh-resource-link svg{width:16px;height:16px}.eh-home .eh-resource-link:hover{text-decoration:underline;text-underline-offset:4px}.eh-resource-dark{background:#173044;border-color:#173044;color:white}.eh-resource-dark .eh-resource-icon{background:#ffffff0e;color:#6aa6ff}.eh-resource-dark .eh-resource-kicker{color:#8fb4e6}.eh-resource-dark p{color:#adbfcc}.eh-home .eh-resource-dark .eh-resource-link{color:#6aa6ff}.eh-bottom-cta{border-top:1px solid var(--eh-line);border-bottom:1px solid var(--eh-line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 0;margin:0}.eh-bottom-cta span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#71899a}.eh-bottom-cta h2{font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-1px;margin:8px 0 0}.eh-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;color:#8295a3;font-size:10px}.eh-footer b{font-weight:400;padding:0 5px}
@media(min-width:1600px){.eh-wrap{max-width:1440px}.eh-hero{gap:65px;padding-top:84px;padding-bottom:75px}.eh-hero h1{font-size:70px}.eh-hero-copy>p{font-size:15px}}
@media(max-width:1100px){.eh-wrap{padding:0 32px}.eh-hero{gap:28px;padding:53px 0}.eh-hero h1{font-size:50px;letter-spacing:-2.6px}.eh-hero-copy>p{font-size:var(--text-ui)}.eh-visual-note{padding:10px 12px;right:7px;gap:8px}.eh-visual-note b{font-size:9px}.eh-visual-note span{font-size:8px}.eh-section-head h2{font-size:26px}.eh-step-grid{gap:24px}.eh-resource{padding:22px}.eh-project{padding:16px;gap:9px}.eh-project-icon{display:none}}
@media(max-width:780px){.eh-hero{grid-template-columns:1fr;gap:26px;padding:43px 0 32px}.eh-hero-copy{max-width:580px}.eh-hero h1{font-size:58px}.eh-hero-copy>p{font-size:var(--text-sm);max-width:510px}.eh-visual{max-width:670px;width:100%;justify-self:center}.eh-section-head{gap:20px;align-items:flex-start}.eh-section-head>p{max-width:250px}.eh-resource-grid,.eh-project-grid{grid-template-columns:1fr}.eh-project-icon{display:flex}.eh-resource{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:19px;align-items:start}.eh-resource-icon{grid-column:1;grid-row:1/5;margin:0;justify-content:center}.eh-resource-kicker,.eh-resource h3,.eh-resource p,.eh-resource-link{grid-column:2}.eh-resource p{margin-bottom:16px}.eh-step-grid{gap:20px}.eh-step h3{font-size:var(--text-sm)}.eh-step p{font-size:var(--text-2xs)}.eh-project h3{font-size:var(--text-sm)}.eh-project p{margin-bottom:7px}.eh-workflow{padding:48px 0}}
@media(max-width:520px){.eh-wrap{padding:0 21px}.eh-eyebrow{font-size:8px;letter-spacing:1.4px}.eh-hero{padding:34px 0 27px;gap:16px}.eh-hero h1{font-size:48px;letter-spacing:-2.6px;margin-bottom:22px}.eh-hero-copy>p{font-size:var(--text-ui);line-height:1.8;margin-bottom:24px}.eh-actions .eh-btn{padding:12px 14px;font-size:var(--text-2xs)}.eh-hero-copy>.eh-text-link{font-size:var(--text-2xs)}.eh-hero-copy>.eh-local-note{font-size:9px;max-width:300px;margin-top:13px}.eh-visual{padding-top:33px;padding-bottom:45px;padding-left:10px}.eh-preview-top{font-size:7px;height:24px}.eh-visual-label{font-size:7px;top:8px;left:17px}.eh-visual-note{bottom:20px;right:6px;padding:10px}.eh-visual-note b{font-size:8px}.eh-visual-note span{font-size:7px}.eh-visual-note>svg{width:23px;height:23px}.eh-section-head{display:block;margin-bottom:24px}.eh-section-head h2{font-size:26px;letter-spacing:-1px}.eh-section-head>p{font-size:var(--text-xs);max-width:none;margin-top:15px}.eh-section-head .eh-text-link{margin-top:13px}.eh-step-grid{grid-template-columns:1fr;gap:22px}.eh-step{padding-top:20px}.eh-step-top{margin-bottom:12px}.eh-step-top svg{width:23px;height:23px}.eh-step h3{font-size:var(--text-base);margin-bottom:9px}.eh-step p{font-size:var(--text-xs)}.eh-resources{padding-bottom:36px}.eh-resource{padding:21px;grid-template-columns:40px minmax(0,1fr);gap:0 14px}.eh-resource-icon{padding:8px}.eh-resource-icon svg{width:23px;height:23px}.eh-resource-kicker{font-size:7px}.eh-resource h3{font-size:17px;margin-bottom:10px}.eh-resource p{font-size:var(--text-2xs)}.eh-bottom-cta{padding:26px 0;gap:15px}.eh-bottom-cta h2{font-size:23px}.eh-bottom-cta span{font-size:7px}.eh-bottom-cta .eh-btn{font-size:10px;padding:11px 12px}.eh-bottom-cta .eh-btn svg{display:none}.eh-footer{display:block;font-size:9px;padding:21px 0}.eh-footer .eh-text-link{display:flex;justify-content:flex-start;margin-top:7px;font-size:10px}}
/* Headings receive focus for navigation without looking like editable fields. */
.eh-home [tabindex="-1"]:focus{outline:none}.eh-preview img{aspect-ratio:auto}
.eh-resource-link.eh-btn svg{order:1}
/* Product information and readable captions, without promotional overlays. */
.eh-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:60px 0;gap:40px}
.eh-hero h1{font-size:clamp(40px,4.3vw,62px);letter-spacing:-2.3px;line-height:1.12}
.eh-hero-copy>p{font-size:var(--text-base);line-height:1.7;max-width:430px}
.eh-hero-copy>.eh-local-note{font-size:var(--text-xs);line-height:1.65;color:#526a7c;max-width:395px}
.eh-home .eh-text-link{font-size:var(--text-ui)}
.eh-visual{margin:0;padding:0;background:none}
.eh-visual::before{display:none}
.eh-preview{border-radius:12px;box-shadow:0 8px 30px #17304412}
.eh-preview-top{height:36px;font-size:var(--text-2xs);color:#536d80}
.eh-preview-top>span{text-align:left}
.eh-visual-caption{display:flex;flex-direction:column;gap:3px;padding:14px 3px 0;font-size:var(--text-xs);line-height:1.55;color:#536d80}
.eh-visual-caption b{color:var(--ink);font-size:var(--text-ui);font-weight:650}
.eh-section-head>div>p{font-size:var(--text-ui);color:#586e80;margin:8px 0 0}
.eh-section-head h2{font-size:28px;letter-spacing:-.7px}
.eh-step p,.eh-resource p{font-size:var(--text-sm);line-height:1.7}
.eh-step h3{font-size:18px;letter-spacing:-.2px}
.eh-home .eh-resource-link{font-size:var(--text-ui);min-height:38px}
.eh-resource-icon{margin-bottom:18px}
.eh-bottom-cta h2{font-size:23px;margin:0 0 6px;letter-spacing:-.4px}
.eh-bottom-cta p{font-size:var(--text-sm);color:#586e80;line-height:1.6;margin:0;max-width:550px}
.eh-footer{font-size:var(--text-xs);color:#586e80}
.eh-project-copy>span,.eh-project small{font-size:var(--text-2xs);color:#536d80}
.eh-project p{font-size:var(--text-xs)}
@media(max-width:780px){
 .eh-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}
 .eh-hero h1{font-size:48px}
 .eh-hero-copy>p{max-width:550px}
 .eh-resource-icon{margin:0;grid-row:1/4}
 .eh-resource h3,.eh-resource p,.eh-resource-link{grid-column:2}
}
@media(max-width:520px){
 .eh-hero{padding:32px 0;gap:24px}
 .eh-hero h1{font-size:42px;letter-spacing:-1.7px}
 .eh-hero-copy>p{font-size:15px}
 .eh-hero-copy>.eh-local-note{font-size:var(--text-xs)}
 .eh-section-head h2{font-size:25px}
 .eh-bottom-cta{align-items:flex-start;flex-direction:column}
 .eh-bottom-cta>.eh-btn{font-size:var(--text-ui)}
 .eh-resource p,.eh-step p{font-size:var(--text-sm)}
 .eh-resource{grid-template-columns:35px minmax(0,1fr);padding:19px;gap:0 12px}
 .eh-resource h3{font-size:18px}
 .eh-footer{font-size:var(--text-2xs)}
}

/* Shared type and link sizes. */
.eh-home .eh-text-link,.eh-home .eh-resource-link{font-size:var(--text-ui)}
.eh-hero-copy>.eh-local-note{font-size:var(--text-xs);color:#50697b}
.eh-step p,.eh-resource p{font-size:var(--text-sm);line-height:1.7}
.eh-eyebrow{font-size:var(--text-2xs);letter-spacing:1px}.eh-footer{font-size:var(--text-xs);color:#50697b}
@media(max-width:520px){.eh-wrap{padding:0 20px}.eh-home .eh-text-link{font-size:var(--text-xs);white-space:normal}.eh-hero-copy>.eh-local-note{font-size:var(--text-xs)}.eh-step p,.eh-resource p{font-size:var(--text-ui)}}

/* Brand: navy hero with sky blue highlights for first visits; drawn plan previews for returning visits. */
.eh-home .eh-hero{color:#fff;background:var(--ev-navy) radial-gradient(circle at 88% -25%,#2c5b7c 0,transparent 55%);border-radius:24px;padding:60px 56px;margin-top:8px;box-shadow:0 18px 44px #10283c33}
.eh-home .eh-hero h1{color:#fff}
.eh-home .eh-hero h1 em{color:var(--ev-sky)}
.eh-home .eh-hero .eh-eyebrow{color:var(--ev-sky)}
.eh-home .eh-hero-copy>p{color:#b8c9d6}
.eh-home .eh-hero-copy>.eh-local-note{color:#8fa9bd}
.eh-home .eh-hero .eh-primary{background:var(--ev-sky);border-color:var(--ev-sky);color:var(--ev-sky-ink)}
.eh-home .eh-hero .eh-primary:hover{background:var(--ev-sky-hover);border-color:var(--ev-sky-hover)}
.eh-home .eh-hero .eh-btn:not(.eh-primary):not(.eh-text-link){background:transparent;border-color:#ffffff40;color:#fff}
.eh-home .eh-hero .eh-btn:not(.eh-primary):not(.eh-text-link):hover{background:#ffffff14;border-color:#ffffff66}
.eh-home .eh-hero .eh-text-link{color:var(--ev-sky)}
.eh-home .eh-hero .eh-preview{border-color:#ffffff26;box-shadow:0 18px 44px #0006}
.eh-home .eh-hero .eh-visual-caption{color:#b8c9d6}
.eh-home .eh-hero .eh-visual-caption b{color:#fff}
.eh-project-icon img{object-fit:cover}
@media(max-width:1100px){.eh-home .eh-hero{padding:48px 36px}}
@media(max-width:780px){.eh-home .eh-hero{padding:40px 28px;border-radius:20px}}
@media(max-width:520px){.eh-home .eh-hero{padding:32px 20px;border-radius:18px;margin-left:-6px;margin-right:-6px}}

/* Returning visits: a navy welcome band for the project to continue, then other recent projects, guides and steps as cards. */
.eh-welcome h1{overflow-wrap:anywhere}
.eh-welcome .eh-primary svg{order:1}
.eh-welcome-visual{display:block;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;border-radius:12px;cursor:pointer}
.eh-welcome-visual .eh-preview{display:block;border-color:#ffffff26;box-shadow:0 18px 44px #0006;transition:transform .18s ease}
.eh-welcome-visual:hover .eh-preview{transform:translateY(-3px)}
.eh-welcome-visual .eh-preview-top{display:flex}
.eh-welcome-visual .eh-preview-top>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eh-welcome-visual .eh-preview img{display:block;width:100%;aspect-ratio:1400/771;object-fit:contain;background:#fff}
.eh-welcome-empty{display:grid;place-content:center;justify-items:center;gap:6px;aspect-ratio:1400/771;border:1px dashed #ffffff40;border-radius:12px;color:#b8c9d6;text-align:center;padding:24px;background:#ffffff0a}
.eh-welcome-empty svg{width:30px;height:30px;color:var(--ev-sky);margin-bottom:6px}
.eh-welcome-empty b{color:#fff;font-size:15px}
.eh-welcome-empty span{font-size:var(--text-ui)}
.eh-home .eh-section-head h2{font-size:22px;letter-spacing:-.5px}
.eh-returning .eh-project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.eh-returning .eh-project{flex-direction:column;align-items:stretch;gap:0;padding:0;border-color:#dfe7ee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #10283c0f,0 8px 24px #10283c0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
.eh-returning .eh-project:hover{transform:translateY(-3px);border-color:#c4d3e0;box-shadow:0 16px 36px #10283c26}
.eh-returning .eh-project-icon{height:150px;display:grid;place-items:center;padding:0;border-radius:0;border-bottom:1px solid #e6edf3;background:#f7f9fb radial-gradient(#cfdae3 1px,transparent 1px);background-size:14px 14px;color:#8aa0b2;overflow:hidden}
.eh-returning .eh-project-icon img{width:100%;height:100%;object-fit:cover}
.eh-returning .eh-project-icon svg{width:26px;height:26px}
.eh-returning .eh-project-copy{display:block;padding:14px 16px 16px}
.eh-returning .eh-project-copy>span{font-size:var(--text-2xs);letter-spacing:.4px;color:var(--dim)}
.eh-returning .eh-project h3{font-size:var(--text-base);font-weight:700;margin:4px 0 2px;white-space:normal;line-height:1.35}
.eh-returning .eh-project p{font-size:var(--text-ui);margin:0 0 8px;white-space:normal;line-height:1.5}
.eh-returning .eh-project small{font-size:var(--text-xs);color:#50697b}
.eh-returning .eh-project>svg{display:none}
.eh-home .eh-resources{padding:0 0 12px}
.eh-home .eh-resource{border-color:#dfe7ee;border-radius:14px;padding:24px;box-shadow:0 1px 2px #10283c0f,0 8px 24px #10283c0d}
.eh-home .eh-resource-icon{background:var(--ev-navy);color:var(--ev-sky);border-radius:10px;padding:10px;margin-bottom:16px}
.eh-home .eh-resource-dark .eh-resource-icon{background:#ffffff14}
.eh-home .eh-resource h3{font-size:17px;letter-spacing:-.3px}
.eh-home .eh-resource p{font-size:var(--text-ui);margin-bottom:14px;line-height:1.65}
.eh-home .eh-resource-link{min-height:40px}
.eh-home .eh-workflow{padding:28px 0 40px}
.eh-home .eh-step{padding:22px 24px;border:1px solid #dfe7ee;border-radius:14px;background:#fff;box-shadow:0 1px 2px #10283c0f,0 8px 24px #10283c0d}
.eh-home .eh-step-top{margin-bottom:14px;color:#2a4a62}
.eh-home .eh-step-top span{font-size:var(--text-xs);font-weight:700;letter-spacing:.3px;line-height:1;color:var(--ev-sky-ink);background:var(--ev-sky);border-radius:999px;padding:6px 10px}
.eh-home .eh-step h3{font-size:var(--text-base);margin-bottom:8px}
.eh-home .eh-step p{font-size:var(--text-ui)}
@media(max-width:780px){.eh-returning .eh-project-grid{grid-template-columns:1fr;gap:12px}.eh-returning .eh-project{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center}.eh-returning .eh-project-icon{height:100%;min-height:84px;border-bottom:0;border-right:1px solid #e6edf3}.eh-home .eh-resource{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:20px}.eh-home .eh-resource-icon{margin:0;grid-row:1/4}.eh-home .eh-step{padding:18px 20px}}
@media(max-width:520px){.eh-returning .eh-project{grid-template-columns:88px minmax(0,1fr)}.eh-returning .eh-project-copy{padding:12px 14px}.eh-returning .eh-project h3{font-size:15px}}

/* More impact: a blueprint backdrop, a cable run drawn along the foot of the navy band and a glowing plan preview, with tinted and navy sections below. */
.eh-home .eh-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--ev-navy);background-image:radial-gradient(circle at 78% 32%,#6aa6ff26 0,transparent 42%),radial-gradient(circle at 88% -25%,#2c5b7c 0,transparent 55%),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}
.eh-hero-copy,.eh-visual{position:relative;z-index:1}
@keyframes ehRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.eh-visual{animation:ehRise .7s ease-out .15s both}
.eh-home .eh-hero .eh-visual::before{content:'';display:block;position:absolute;inset:12% -10% -8%;background:radial-gradient(closest-side,#6aa6ff33,transparent);filter:blur(12px);transform:none;border-radius:50%;z-index:-1}
.eh-home .eh-hero .eh-preview{border-color:#6aa6ff40;box-shadow:0 0 0 1px #6aa6ff26,0 26px 60px #0007,0 0 90px #6aa6ff1c}
.eh-home .eh-section-head h2{position:relative;padding-left:16px}
.eh-home .eh-section-head h2::before{content:'';position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:3px;background:var(--ev-sky)}
.eh-returning .eh-project-icon{background:#1b3a52;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:14px 14px;color:var(--ev-sky);border-bottom-color:#1b3a52}
.eh-home .eh-resources{background:#e8eef4;background-image:radial-gradient(#c6d3df 1px,transparent 1px);background-size:16px 16px;border-radius:24px;padding:32px 36px 36px;margin-top:8px}
.eh-home .eh-resources .eh-section-head{margin-top:0}
.eh-home .eh-resource{border-color:#ffffff;box-shadow:0 2px 4px #10283c0f,0 12px 28px #10283c14;transition:transform .18s ease,box-shadow .18s ease}
.eh-home .eh-resource:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10283c26}
.eh-home .eh-resource-dark{border-color:#173044}
.eh-home .eh-resource:nth-child(2) .eh-resource-icon{background:#2167e8;color:#fff}
.eh-home .eh-resource:nth-child(3) .eh-resource-icon{background:var(--ev-sky);color:var(--ev-sky-ink)}
.eh-home .eh-workflow{color:#fff;background:var(--ev-navy);background-image:radial-gradient(circle at 10% 120%,#2c5b7c 0,transparent 50%),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border-radius:24px;padding:36px 40px 40px;margin:28px 0 36px;box-shadow:0 18px 44px #10283c33}
.eh-home .eh-workflow .eh-section-head{margin-top:0}
.eh-home .eh-workflow h2{color:#fff}
.eh-home .eh-workflow .eh-text-link{color:var(--ev-sky)}
.eh-home .eh-step{background:#ffffff0f;border-color:#ffffff1f;box-shadow:none}
.eh-home .eh-step-top{color:var(--ev-sky)}
.eh-home .eh-step-top svg{width:28px;height:28px}
.eh-home .eh-step-top span{font-size:var(--text-ui);padding:7px 11px}
.eh-home .eh-step h3{color:#fff;font-size:17px}
.eh-home .eh-step p{color:#b8c9d6}
@media(max-width:1100px){.eh-home .eh-resources{padding:28px 28px 30px}.eh-home .eh-workflow{padding:30px 28px 32px}}
@media(max-width:780px){.eh-home .eh-resources{padding:24px 20px;border-radius:20px}.eh-home .eh-workflow{padding:26px 20px 28px;border-radius:20px;margin-bottom:28px}}
@media(max-width:520px){.eh-home .eh-resources,.eh-home .eh-workflow{padding:22px 16px 24px;border-radius:18px;margin-left:-6px;margin-right:-6px}.eh-home .eh-section-head h2{padding-left:14px}.eh-home .eh-section-head h2::before{width:4px}}
@media(prefers-reduced-motion:reduce){.eh-visual{animation:none}}

/* Pictures across the guides panel. */
.eh-resource-pic{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#dfe7ee}
.eh-resource-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.eh-home .eh-resource{padding:0;overflow:hidden}
.eh-home .eh-resource>.eh-resource-icon{margin:-26px 0 14px 20px;position:relative;z-index:1;box-shadow:0 6px 16px #10283c33}
.eh-home .eh-resource>h3{margin-left:20px;margin-right:20px}
.eh-home .eh-resource>p{margin-left:20px;margin-right:20px}
.eh-home .eh-resource>.eh-resource-link{width:auto;margin:0 20px 18px;align-self:stretch}
.eh-home .eh-resource:hover .eh-resource-pic img{transform:scale(1.04)}
@media(max-width:780px){.eh-home .eh-resource{display:flex;flex-direction:column;align-items:flex-start}.eh-home .eh-resource>.eh-resource-icon{grid-row:auto;margin:-24px 0 12px 18px}.eh-home .eh-resource>h3,.eh-home .eh-resource>p{margin-left:18px;margin-right:18px}.eh-home .eh-resource>.eh-resource-link{margin:0 18px 16px}}
@media(prefers-reduced-motion:reduce){.eh-resource-pic img{transition:none}}
.eh-home .eh-resource>.eh-resource-icon{box-shadow:0 0 0 3px #fff,0 6px 16px #10283c33}
.eh-home .eh-resource-dark>.eh-resource-icon{background:var(--ev-navy);color:var(--ev-sky);box-shadow:0 0 0 3px #173044,0 6px 16px #0006}
/* One link to the project list per screen: the nav has My projects above 780px, the recent list has View all projects below it. */
.eh-home .eh-phone-only{display:none}
@media(max-width:780px){.eh-home .eh-phone-only{display:inline-flex}}
/* The example project carries an Example tag in the opening box and on its card. */
.eh-example-pill{display:inline-block;font-style:normal;text-transform:none;letter-spacing:.2px;font-size:var(--text-2xs);font-weight:700;line-height:1.3;padding:2px 7px;border-radius:5px;background:#eff5ff;color:#215da9;border:1px solid #c9dbf7;margin-left:8px;vertical-align:1px}
.eh-welcome .eh-example-pill{background:var(--ev-sky);color:var(--ev-sky-ink);border-color:var(--ev-sky)}

/* Hero and motion (19 October 2026; on 21 October the first-visit picture became the example plan alone, flat, under a smaller
   all-white headline, and on 22 October the Welcome back box took the same form): sections rise in as they scroll into view,
   a sky blue route draws across the steps and the blueprint grid drifts with the scroll. Everything here is off for reduced
   motion. */
.eh-home .eh-hero h1{font-size:clamp(36px,1.6vw + 26px,50px);letter-spacing:-1.6px;line-height:1.1;text-wrap:balance}
.eh-home .eh-hero .eh-visual{align-self:center}
.eh-home .eh-hero .eh-visual-caption,.eh-home .eh-hero .eh-visual-caption b{color:#fff}
.eh-home .eh-hero .eh-visual-caption span{color:#b8c9d6}
/* Sections rise in as they scroll into view; a sky blue route draws across the three steps in order. */
.eh-home[data-eh-motion] .eh-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.eh-home[data-eh-motion] .eh-reveal.is-in{opacity:1;transform:none}
.eh-home[data-eh-motion] .eh-step{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;transition-delay:calc(.2s + var(--i,0)*.18s)}
.eh-home[data-eh-motion] .eh-reveal.is-in .eh-step{opacity:1;transform:none}
.eh-step{position:relative}
.eh-home .eh-step{overflow:hidden}
.eh-home[data-eh-motion] .eh-step::after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;height:2px;border-radius:14px 14px 0 0;background:var(--ev-sky);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s ease;transition-delay:calc(.45s + var(--i,0)*.5s)}
.eh-home[data-eh-motion] .eh-reveal.is-in .eh-step::after{transform:scaleX(1)}
.eh-home[data-eh-motion] .eh-home .eh-step::after,.eh-home[data-eh-motion].eh-home .eh-step::after{top:-1px;left:-1px;right:-1px;border-radius:14px 14px 0 0}
/* The blueprint grid drifts with the scroll. */
.eh-home .eh-hero{background-position:0 0,0 0,0 var(--eh-drift,0px),0 var(--eh-drift,0px)}
/* Cards lift on hover or touch on first visits too. */
.eh-home .eh-resource,.eh-home .eh-project{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.eh-home .eh-resource:hover,.eh-home .eh-project:hover{transform:translateY(-3px);box-shadow:0 16px 36px #10283c1f}
@media(max-width:1100px){.eh-home .eh-hero{grid-template-columns:1fr;gap:30px}.eh-home .eh-hero .eh-hero-copy{max-width:600px}.eh-home .eh-hero .eh-visual{width:100%;max-width:640px;justify-self:center}}
@media(max-width:520px){.eh-home .eh-hero h1{font-size:clamp(34px,10vw,40px);letter-spacing:-1.6px}}
@media(prefers-reduced-motion:reduce){.eh-home .eh-resource,.eh-home .eh-project{transition:none}}

/* Richer lower half on first visits (19 October 2026): the pictures, navy steps band and tinted guides panel that returning visits already
   had now show on first visits too (the .eh-returning rules above became .eh-home rules). Site audits sit on a pale panel, the foot band
   goes navy with the sky blue action, and a faint grid runs down the page behind the sections. */
.eh-home{background-color:var(--page);background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:28px 28px}
.eh-home .eh-audits{background:#eef3f8;border:1px solid #e3eaf1;border-radius:24px;padding:32px 36px 36px;margin:0 0 36px}
.eh-home .eh-audits .eh-section-head{margin-top:0}
.eh-home .eh-audits .eh-audits-empty,.eh-home .eh-audits .eh-project{border-color:#fff;background:#fff;box-shadow:0 2px 4px #10283c0f,0 12px 28px #10283c0f}
.eh-home .eh-bottom-cta{color:#fff;background:var(--ev-navy);background-image:radial-gradient(circle at 92% -40%,#2c5b7c 0,transparent 55%),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border:0;border-radius:24px;padding:36px 40px;margin:8px 0 36px;box-shadow:0 18px 44px #10283c33}
.eh-home .eh-bottom-cta h2{color:#fff}
.eh-home .eh-bottom-cta p{color:#b8c9d6}
.eh-home .eh-bottom-cta .eh-primary{background:var(--ev-sky);border-color:var(--ev-sky);color:var(--ev-sky-ink)}
.eh-home .eh-bottom-cta .eh-primary:hover{background:var(--ev-sky-hover);border-color:var(--ev-sky-hover)}
.eh-home .eh-bottom-cta .eh-btn:not(.eh-primary){background:#ffffff12;color:#fff;border-color:#ffffff3a}
.eh-home .eh-bottom-cta .eh-btn:not(.eh-primary):hover{background:#ffffff22;border-color:#ffffff66}
.eh-home .eh-bottom-cta{--focus:var(--ev-sky)}
@media(max-width:1100px){.eh-home .eh-audits{padding:28px 28px 30px}.eh-home .eh-bottom-cta{padding:30px 28px}}
@media(max-width:780px){.eh-home .eh-audits{padding:24px 20px;border-radius:20px}.eh-home .eh-bottom-cta{padding:26px 20px;border-radius:20px;flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.eh-home .eh-audits,.eh-home .eh-bottom-cta{padding:22px 16px 24px;border-radius:18px;margin-left:-6px;margin-right:-6px}}


/* Home page layout and wording (21 October 2026), from Ben's mum's notes and the wow pass. First visits: the opening box says
   what the planner is, who it is for and who built it; six points follow, then the 3D band with a clip and five ready-made
   layouts, the guided start card, the tour's four steps with their drawings, the drag-the-charger demo, the paperwork band,
   site audits, guides and the closing band. Returning visits keep their order; the steps band changes for both. */
.eh-eyebrow-two{flex-wrap:wrap;gap:0 .6em}
.eh-eyebrow-two i{font-style:normal}
.eh-eyebrow-two i+i::before{content:'·';margin-right:.6em}
.eh-home .eh-hero-copy>.eh-text-link{margin-top:14px}
.eh-home .eh-hero-copy>.eh-local-note{margin-top:6px}
.eh-home .eh-hero-copy>.eh-maker{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;padding-top:16px;border-top:1px solid #ffffff1f;max-width:480px;font-size:var(--text-xs);line-height:1.5;color:var(--ev-on-navy);text-wrap:pretty}
.eh-home .eh-maker svg{width:18px;height:18px;flex:none;color:var(--ev-sky)}
.eh-maker b{color:#fff;font-weight:650}
/* What it does for you: six points in a white panel, three across, two on tablets, one on phones. */
.eh-benefits{padding:52px 0 4px}
.eh-home .eh-more svg{order:1}
.eh-benefit-grid{list-style:none;margin:0;padding:8px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dfe7ee;border-radius:16px;background:#fff}
.eh-benefit-grid li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:3px;align-content:start;padding:18px 22px}
.eh-benefit-grid li:nth-child(n+4){border-top:1px solid #edf2f6}
.eh-benefit-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#eaf2ff;color:var(--accent)}
.eh-home .eh-benefit-icon svg{width:22px;height:22px}
.eh-benefit-grid b{font-size:var(--text-base);font-weight:700;color:var(--ink);line-height:1.35;margin-top:1px}
.eh-benefit-grid li>span:last-child{font-size:var(--text-sm);color:var(--dim);line-height:1.5;text-wrap:pretty}
.eh-benefit-note{margin:14px 0 0;font-size:var(--text-xs);color:#50697b}
/* How to use the planner: four steps, each with the tour's drawing above two short points. */
.eh-home .eh-steps4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eh-home .eh-steps4 .eh-step{padding:14px 14px 20px}
.eh-step-art{position:relative;border-radius:10px;overflow:hidden;background:var(--ev-navy);aspect-ratio:200/136;margin-bottom:16px;border:1px solid #ffffff14}
.eh-home .eh-step-art svg{display:block;width:100%;height:100%;max-width:none}
.eh-step-art span{position:absolute;top:8px;left:8px;font-size:var(--text-xs);font-weight:700;line-height:1;color:var(--ev-sky-ink);background:var(--ev-sky);border-radius:999px;padding:6px 10px}
.eh-home .eh-steps4 .eh-step h3{margin:0 6px 10px}
.eh-home .eh-step h3 em{display:none}
.eh-home .eh-step ul{margin:0 6px;padding:0;list-style:none;display:grid;gap:8px}
.eh-home .eh-step li{position:relative;padding-left:18px;color:#d3e0ea;font-size:var(--text-sm);line-height:1.45;text-wrap:pretty}
.eh-home .eh-step li::before{content:'';position:absolute;left:1px;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--ev-sky)}
.eh-step-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff1f}
.eh-step-foot p{display:flex;align-items:center;gap:10px;margin:0;color:var(--ev-on-navy);font-size:var(--text-sm);line-height:1.5;max-width:540px;text-wrap:pretty}
.eh-home .eh-step-foot p svg{flex:none;color:var(--ev-sky)}
.eh-home .eh-step-foot .eh-primary{background:var(--ev-sky);border-color:var(--ev-sky);color:var(--ev-sky-ink)}
.eh-home .eh-step-foot .eh-primary:hover{background:var(--ev-sky-hover);border-color:var(--ev-sky-hover)}
.eh-home .eh-workflow{--focus:var(--ev-sky)}
.eh-home .eh-audits .eh-section-head:last-child{margin-bottom:0}
.eh-foot-links{display:flex;flex-wrap:wrap;gap:0 20px}
.eh-company{display:block;margin-top:4px;font-size:var(--text-2xs);line-height:1.6}
/* Show the client: the 3D clip beside its copy on a navy band, with five ready-made layouts along the foot. */
.eh-cine{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px 40px;align-items:center;margin:40px 0 0;padding:40px;border-radius:24px;color:#fff;background:var(--ev-navy);background-image:radial-gradient(circle at 85% 0%,#2c5b7c 0,transparent 55%),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;box-shadow:0 18px 44px #10283c33;--focus:var(--ev-sky)}
.eh-cine>*,.eh-try>*,.eh-docs>*{min-width:0}
.eh-cine .eh-eyebrow{color:var(--ev-sky)}
.eh-try .eh-eyebrow,.eh-docs .eh-eyebrow{color:var(--accentText)}
.eh-cine h2,.eh-try h2,.eh-docs h2{margin:0 0 12px;font-size:var(--text-4xl);line-height:1.1;letter-spacing:-1px;text-wrap:balance}
.eh-cine h2{color:#fff}
.eh-cine-copy p{margin:0 0 22px;color:var(--ev-on-navy);font-size:var(--text-base);line-height:1.6;text-wrap:pretty}
.eh-home .eh-cine .eh-primary{background:var(--ev-sky);border-color:var(--ev-sky);color:var(--ev-sky-ink)}
.eh-home .eh-cine .eh-primary:hover{background:var(--ev-sky-hover);border-color:var(--ev-sky-hover)}
.eh-cine-frame{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#e9ecef;box-shadow:0 0 0 1px #ffffff26,0 24px 60px #0008,0 0 80px #6aa6ff33}
.eh-cine-clip{display:block;width:100%;height:auto;aspect-ratio:1180/570;object-fit:cover}
.eh-cine-badge{position:absolute;left:12px;bottom:12px;font-size:var(--text-2xs);font-weight:650;color:#fff;background:#122b3ecc;border-radius:999px;padding:6px 11px}
.eh-cine-toggle{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#122b3ecc;color:#fff;cursor:pointer}
.eh-cine-toggle:hover{background:var(--ev-navy)}
.eh-cine-toggle svg{width:18px;height:18px;pointer-events:none}
.eh-cine-tpl{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:22px}
.eh-cine-tpl p{margin:0 0 12px;font-size:var(--text-sm);font-weight:650;color:#fff}
.eh-cine-tpl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.eh-cine-tpl li{display:grid;gap:7px;align-content:start}
.eh-cine-tpl img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px #ffffff26;background:#e9ecef}
.eh-cine-tpl span{font-size:var(--text-xs);line-height:1.4;color:var(--ev-on-navy)}
.eh-cine-tpl small{display:block;margin-top:14px;font-size:var(--text-xs);color:var(--ev-on-navy-dim)}
/* Start from a template: the secondary action under the layouts, an outline button on the navy band. */
.eh-cine-tpl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px}
.eh-cine-tpl .eh-cine-tpl-foot small{margin:0}
.eh-home .eh-cine .eh-cine-tpl-foot .eh-btn{background:transparent;border-color:#ffffff59;color:#fff}
.eh-home .eh-cine .eh-cine-tpl-foot .eh-btn:hover{background:#ffffff14;border-color:#ffffff80}
.eh-home.eh-returning .eh-cine .eh-cine-tpl-foot .eh-btn{background:#fff;border-color:#cbd8e2;color:var(--eh-ink)}
.eh-home.eh-returning .eh-cine .eh-cine-tpl-foot .eh-btn:hover{border-color:#8ba9c8;background:#f0f5fb}
/* Drag the charger: the copy and two readings beside a small plan drawn to scale. */
.eh-try{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin:36px 0 0;padding:36px 40px;border:1px solid #dfe7ee;border-radius:24px;background:#fff;box-shadow:var(--ev-shadow)}
.eh-try-copy p{margin:0 0 18px;color:var(--dim);font-size:var(--text-base);line-height:1.6;text-wrap:pretty}
.eh-try-read{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.eh-try-read div{padding:12px 14px;border-radius:12px;background:#eef4fb;border:1px solid #dbe6f2}
.eh-try-read dt{font-size:var(--text-2xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#4c6b84}
.eh-try-read dd{margin:2px 0 0;font-size:var(--text-2xl);font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.eh-try-plan{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #dfe7ee,0 16px 40px #10283c1f;background:#4a535c}
.eh-try-plan svg{display:block;width:100%;height:auto;max-width:none;font-family:var(--font);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.eh-try-unit{cursor:grab;outline:none;touch-action:none}
.eh-try-plan svg.is-dragging .eh-try-unit{cursor:grabbing}
.eh-try-ring{fill:#6aa6ff33;stroke:var(--ev-sky);stroke-width:2;transform-box:fill-box;transform-origin:center}
.eh-try-unit:focus-visible .eh-try-ring{stroke:#fff;stroke-width:3}
@media(prefers-reduced-motion:no-preference){.eh-try-ring{animation:ehTryPulse 1.8s ease-out infinite}}
@keyframes ehTryPulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
/* One drawing, every document: three pages of the example's tender pack fanned out beside the copy. */
.eh-docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin:36px 0;padding:40px;border-radius:24px;background:#eef3f8;border:1px solid #e3eaf1}
.eh-docs-fan{position:relative;height:420px}
.eh-docs-fan img{position:absolute;left:50%;top:50%;width:min(56%,270px);height:auto;border-radius:6px;box-shadow:0 2px 6px #10283c26,0 20px 40px #10283c2e;background:#fff}
@media(prefers-reduced-motion:no-preference){.eh-docs-fan img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}}
.eh-docs-fan .p1{transform:translate(-50%,-50%) rotate(-2deg)}
.eh-docs-fan .p2{transform:translate(-18%,-56%) rotate(7deg)}
.eh-docs-fan .p3{transform:translate(-84%,-46%) rotate(-10deg)}
.eh-docs:hover .eh-docs-fan .p2{transform:translate(-6%,-60%) rotate(10deg)}
.eh-docs:hover .eh-docs-fan .p3{transform:translate(-96%,-44%) rotate(-13deg)}
.eh-docs-copy p{margin:0 0 16px;color:var(--dim);font-size:var(--text-base);line-height:1.6;text-wrap:pretty}
.eh-home .eh-docs-copy .eh-docs-uk{margin:0 0 10px;font-size:var(--text-sm);font-weight:700;color:var(--ink)}
.eh-docs-chips{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eh-docs-chips li{font-size:var(--text-xs);font-weight:650;color:#1d3b55;background:#fff;border:1px solid #d6e1ec;border-radius:999px;padding:7px 12px}
.eh-home .eh-docs-copy .eh-docs-note{margin:16px 0 0;font-size:var(--text-xs);color:#50697b}
@media(max-width:1100px){
 .eh-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eh-benefit-grid li:nth-child(n+3){border-top:1px solid #edf2f6}
 .eh-home .eh-steps4{grid-template-columns:1fr;gap:12px}
 .eh-home .eh-steps4 .eh-step{display:flex;align-items:center;gap:22px;padding:12px 20px 12px 12px}
 .eh-home .eh-steps4 .eh-step-art{flex:0 0 168px;margin:0}
 .eh-step-art span{display:none}
 .eh-home .eh-steps4 .eh-step h3{display:flex;align-items:center;gap:10px;margin:0 0 8px}
 .eh-home .eh-step h3 em{display:inline-flex;font-style:normal;font-size:var(--text-xs);font-weight:700;line-height:1;color:var(--ev-sky-ink);background:var(--ev-sky);border-radius:999px;padding:5px 9px}
 .eh-home .eh-step ul{margin:0}
 .eh-step-foot{flex-direction:column;align-items:flex-start;gap:18px}
 .eh-cine,.eh-try,.eh-docs{grid-template-columns:1fr;padding:30px 28px}
 .eh-cine h2,.eh-try h2,.eh-docs h2{font-size:var(--text-3xl)}
 .eh-docs-fan{height:440px;order:2}
}
@media(max-width:700px){
 .eh-eyebrow-two{flex-direction:column;align-items:flex-start;gap:2px}
 .eh-eyebrow-two i+i::before{content:none}
 .eh-benefits{padding-top:40px}
 .eh-benefit-grid{grid-template-columns:1fr;border:0;background:none;padding:0;gap:14px}
 .eh-benefit-grid li,.eh-benefit-grid li:nth-child(n+3){padding:0;border:0;grid-template-columns:38px minmax(0,1fr);column-gap:12px}
 .eh-benefit-icon{width:38px;height:38px;border-radius:10px}
 .eh-home .eh-benefit-icon svg{width:20px;height:20px}
 .eh-home .eh-steps4 .eh-step{display:block;padding:16px 18px}
 .eh-step-art{display:none}
 .eh-home .eh-step ul{gap:6px}
 .eh-cine,.eh-try,.eh-docs{padding:24px 18px;border-radius:20px;gap:20px}
 .eh-cine h2,.eh-try h2,.eh-docs h2{font-size:var(--text-2xl);letter-spacing:-.5px}
 .eh-cine-copy p,.eh-try-copy p,.eh-docs-copy p{font-size:var(--text-sm)}
 .eh-cine-tpl ul{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
 .eh-cine-tpl li{scroll-snap-align:start}
 .eh-try-read dd{font-size:var(--text-xl)}
 .eh-docs-fan{height:300px}
}
@media(max-width:520px){.eh-cine,.eh-try,.eh-docs{margin-left:-6px;margin-right:-6px;padding:22px 16px 24px;border-radius:18px}}
/* The bar at the top of Home is the shared site bar (site-bar.css, 2 November 2026), with its own Menu below 1100 px. */
@media(max-width:780px){
 .eh-eyebrow-two .eh-example-pill{margin-left:0}
}
/* Fly-through at the top (24 October 2026): the clip opens the first-visit page in the box's picture slot, with the box's
   glow, and the example plan takes its old place in the 3D band. On returning visits the 3D band follows the project box. */
.eh-home .eh-hero .eh-cine-frame{box-shadow:0 0 0 1px #6aa6ff40,0 26px 60px #0007,0 0 90px #6aa6ff1c}
.eh-cine-visual{margin:0;min-width:0}
.eh-home .eh-cine .eh-preview{border-color:#6aa6ff40;box-shadow:0 0 0 1px #6aa6ff26,0 26px 60px #0007,0 0 90px #6aa6ff1c}
.eh-cine .eh-visual-caption,.eh-cine .eh-visual-caption b{color:#fff}
.eh-cine .eh-visual-caption span{color:#b8c9d6}
.eh-returning .eh-cine{margin-top:24px}
/* Clip polish (24 October 2026). The clip is set into a slim navy bezel with a soft edge shade, so its pale ground sits into
   the box instead of reading as a flat white panel. On a first visit it takes the wider column and lines up with the
   heading; below 1100 it moves above the words, and on phones it runs to the box edges as the top of the card. On returning
   visits the 3D band after the navy project box becomes a white card, so two navy boxes never stack. */
.eh-home .eh-cine-frame{padding:6px;border-radius:18px;background:#0d2233}
.eh-cine-frame::after{content:'';position:absolute;inset:6px;border-radius:12px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 48px #0d22332e}
.eh-home .eh-cine-clip{border-radius:12px;background:#e9ecef}
.eh-home .eh-cine-badge{left:18px;bottom:18px}
.eh-home .eh-cine-toggle{right:18px;top:18px}
.eh-home .eh-hero:not(.eh-welcome){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.eh-home .eh-hero .eh-hero-clip{align-self:start;margin-top:30px}
@media(max-width:1100px){
 .eh-home .eh-hero:not(.eh-welcome){grid-template-columns:1fr}
 .eh-home .eh-hero .eh-hero-clip{order:-1;max-width:none;margin-top:0}
}
@media(max-width:780px){
 .eh-home .eh-hero .eh-hero-clip{margin:-40px -28px 0;width:auto}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-frame{padding:0;border-radius:0;box-shadow:0 1px 0 #ffffff1f}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-frame::after{inset:0;border-radius:0}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-clip{border-radius:0}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-badge{left:12px;bottom:12px}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-toggle{right:12px;top:12px}
 .eh-home .eh-hero .eh-hero-clip .eh-visual-caption{padding:12px 28px 0}
}
@media(max-width:520px){
 .eh-home .eh-hero .eh-hero-clip{margin:-32px -20px 0}
 .eh-home .eh-hero .eh-hero-clip .eh-visual-caption{padding:12px 20px 0}
}
.eh-returning .eh-cine{color:var(--ink);background:#fff;border:1px solid #dfe7ee;box-shadow:var(--ev-shadow);--focus:var(--accent)}
.eh-returning .eh-cine .eh-eyebrow{color:var(--accentText)}
.eh-returning .eh-cine h2{color:var(--ink)}
.eh-returning .eh-cine-copy p{color:var(--dim)}
.eh-home.eh-returning .eh-cine .eh-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.eh-home.eh-returning .eh-cine .eh-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.eh-returning .eh-cine-frame{box-shadow:0 18px 40px #10283c2e}
.eh-returning .eh-cine .eh-visual-caption b{color:var(--ink)}
.eh-returning .eh-cine .eh-visual-caption span{color:var(--dim)}
.eh-returning .eh-cine-tpl{border-top-color:var(--line)}
.eh-returning .eh-cine-tpl p{color:var(--ink)}
.eh-returning .eh-cine-tpl span{color:var(--dim)}
.eh-returning .eh-cine-tpl small{color:var(--faint)}
.eh-returning .eh-cine-tpl img{box-shadow:0 0 0 1px var(--line)}
@media(max-width:520px){
 .eh-home .eh-hero .eh-hero-clip .eh-visual-caption span{display:none}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-badge{left:10px;bottom:10px;padding:5px 9px}
 .eh-home .eh-hero .eh-hero-clip .eh-cine-toggle{right:8px;top:8px}
}
.eh-home.eh-returning .eh-cine-frame{padding:4px;border-radius:16px;background:var(--ev-navy)}
.eh-returning .eh-cine-frame::after{inset:4px}
/* Home order, 26 October 2026: Other recent projects is gone, and the guides and reference tools follow the 3D band on
   every visit. The project box keeps the estate overview link beside Open a backup file. */
.eh-home .eh-hero-copy>.eh-welcome-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;margin-top:14px}
/* Interactive figures band, 26 October 2026: the guide library's drag-through figures as one bundle under the 3D band.
   One large still and four smaller ones, the five groups and a link to all of them. White card, as the returning 3D band. */
.eh-home .eh-figs{margin:24px 0 0;padding:36px 40px 32px;border-radius:24px;background:#fff;border:1px solid #dfe7ee;box-shadow:var(--ev-shadow)}
.eh-figs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:24px}
.eh-figs-head .eh-eyebrow{margin-bottom:12px}
.eh-figs-head h2{margin:0 0 10px;font-size:var(--text-3xl);font-weight:700;letter-spacing:-1px;line-height:1.15;color:var(--ev-navy)}
.eh-figs-head p{margin:0;max-width:640px;color:var(--eh-muted);font-size:var(--text-sm);line-height:1.7}
.eh-home .eh-figs-head .eh-btn{flex:none}
.eh-figs-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.eh-fig{min-width:0}
.eh-home .eh-fig a{display:flex;flex-direction:column;height:100%;border:1px solid #dfe7ee;border-radius:14px;overflow:hidden;background:#fff;color:var(--eh-ink);transition:border-color .15s,box-shadow .15s}
.eh-home .eh-fig a:hover{border-color:#9bb7d2;box-shadow:var(--ev-shadow-hover)}
.eh-fig-pic{position:relative;display:block;aspect-ratio:16/10;background:#f1f1ee;overflow:hidden}
.eh-fig-pic img{display:block;width:100%;height:100%;object-fit:cover}
.eh-fig.is-missing .eh-fig-pic img{visibility:hidden}
.eh-fig-copy{display:block;padding:12px 14px 14px;border-top:1px solid #e6ecf1;flex:1}
.eh-fig-copy b{display:block;font-size:var(--text-sm);font-weight:650;line-height:1.35}
.eh-fig-copy span{display:block;margin-top:4px;font-size:var(--text-xs);color:var(--eh-muted);line-height:1.5}
.eh-fig.is-lead{grid-column:span 2;grid-row:span 2}
.eh-fig.is-lead .eh-fig-pic{flex:1;aspect-ratio:auto;min-height:260px}
.eh-fig.is-lead .eh-fig-pic::before{content:'';position:absolute;inset:-24px;background:var(--pic) center/cover;filter:blur(20px);opacity:.55}
.eh-fig.is-lead .eh-fig-pic img{position:relative;object-fit:contain}
.eh-fig.is-lead .eh-fig-copy{flex:none;padding:16px 18px 18px}
.eh-fig.is-lead .eh-fig-copy b{font-size:var(--text-xl);letter-spacing:-.3px}
.eh-fig.is-lead .eh-fig-copy span{font-size:var(--text-sm)}
.eh-fig-hint{position:absolute;z-index:1;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--ev-navy);color:#fff;font-size:var(--text-xs);font-weight:650;line-height:1.3}
.eh-fig-hint svg{width:16px;height:16px;color:var(--ev-sky)}
.eh-figs-groups{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eh-home .eh-figs-groups a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 14px;border:1px solid #cbd8e2;border-radius:999px;background:#f5f8fb;color:var(--ev-navy);font-size:var(--text-ui);font-weight:600}
.eh-home .eh-figs-groups a:hover{border-color:var(--accent);color:var(--accent)}
.eh-figs-groups em{font-style:normal;font-size:var(--text-2xs);font-weight:700;color:#fff;background:var(--ev-navy);border-radius:999px;padding:1px 7px}
.eh-figs-note{margin:14px 0 0;font-size:var(--text-xs);color:#50697b}
@media(max-width:1100px){.eh-home .eh-figs{padding:30px 28px 28px}.eh-figs-head{flex-direction:column;align-items:flex-start}.eh-figs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eh-fig.is-lead{grid-row:auto}.eh-fig.is-lead .eh-fig-pic{aspect-ratio:16/10;min-height:0}}
@media(max-width:700px){.eh-home .eh-figs{padding:24px 20px;border-radius:20px}.eh-figs-head h2{font-size:var(--text-2xl)}.eh-figs-grid{gap:12px}.eh-fig-copy{padding:10px 12px 12px}}
@media(max-width:520px){.eh-home .eh-figs{padding:22px 16px 24px;border-radius:18px;margin-left:-6px;margin-right:-6px}.eh-fig:not(.is-lead) .eh-fig-copy span{display:none}.eh-fig.is-lead .eh-fig-copy b{font-size:var(--text-base)}.eh-fig-hint{left:10px;top:10px}.eh-home .eh-figs-head .eh-btn{width:100%}}
/* Site Notes, 26 October 2026: one line under the six points and a footer link, shown once the latest issue reads. */
.eh-home [data-eh-notes][hidden],.eh-home [data-eh-notes-link][hidden]{display:none}
.eh-notes-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:14px 0 0;font-size:var(--text-ui);line-height:1.5;color:var(--eh-muted)}
.eh-notes-line span{font-size:var(--text-2xs);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#5e7c93}
.eh-home .eh-notes-line a{color:var(--accent);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.eh-notes-line small{font-size:var(--text-xs);color:#50697b}

/* Layout picks, 26 October 2026: each of the five pictures under the 3D band starts a project with that layout. */
.eh-cine-tpl-pick{display:grid;gap:7px;align-content:start;width:100%;padding:0;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer;border-radius:10px}
.eh-cine-tpl-pick img{transition:transform .18s ease,box-shadow .18s ease}
.eh-cine-tpl-pick:hover img{transform:translateY(-2px);box-shadow:0 0 0 2px var(--ev-sky)}
.eh-returning .eh-cine-tpl-pick:hover img{box-shadow:0 0 0 2px var(--accent)}
.eh-cine-tpl-pick:hover span{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.eh-cine-tpl-pick img{transition:none}.eh-cine-tpl-pick:hover img{transform:none}}

/* Site audit result on the home card: red, amber or green from the saved counts (October 2026). */
.eh-audit-result{font-style:normal;font-weight:700;font-size:var(--text-2xs);padding:2px 7px;border-radius:5px;margin-left:6px;background:#edf2f7;color:#536c81}
.eh-audit-result.red{color:#ab362b;background:#fbe9e5}
.eh-audit-result.amber{color:#98611c;background:#fff2dc}
.eh-audit-result.green{color:#3b632d;background:#eef6dc}
/* Key features (27 October 2026): marking out EV bays leads in a large card with its picture, three picture cards follow,
   then the other points in one compact row. Light cards on the page grid, blue actions, the paint in the pictures supplies
   the green. */
.eh-features .eh-section-head{margin-bottom:18px}
.eh-feature-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;background:#fff;border:1px solid #dfe7ee;border-radius:20px;box-shadow:var(--ev-shadow);overflow:hidden}
.eh-feature-lead .eh-feature-pic{margin:0;background:#3e4750;min-height:100%}
.eh-feature-lead .eh-feature-pic img{display:block;width:100%;height:100%;object-fit:cover}
.eh-feature-copy{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}
.eh-feature-copy .eh-eyebrow{color:var(--accentText)}
.eh-feature-copy h3{margin:0 0 10px;font-size:var(--text-3xl);line-height:1.12;letter-spacing:-.8px;color:var(--ink);text-wrap:balance}
.eh-feature-copy>p{margin:0 0 18px;font-size:var(--text-base);line-height:1.6;color:var(--dim);text-wrap:pretty}
.eh-feature-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:9px}
.eh-feature-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--text-sm);line-height:1.45;color:var(--ink)}
.eh-home .eh-feature-points svg{width:18px;height:18px;margin-top:1px;color:var(--accent);stroke-width:2.2}
.eh-feature-copy .eh-actions{margin:0}
.eh-feature-grid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eh-feature{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7ee;border-radius:18px;box-shadow:var(--ev-shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.eh-feature:hover{transform:translateY(-3px);box-shadow:var(--ev-shadow-hover)}
.eh-feature .eh-feature-pic{margin:0;aspect-ratio:1200/760;background:#e9eef3;overflow:hidden}
.eh-feature .eh-feature-pic img{display:block;width:100%;height:100%;object-fit:cover}
.eh-feature-text{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 22px 22px;flex:1}
.eh-feature-text h3{margin:0;font-size:var(--text-xl);line-height:1.3;color:var(--ink)}
.eh-feature-text p{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--dim);text-wrap:pretty;flex:1}
.eh-feature-text .eh-text-link{margin-top:4px}
.eh-home .eh-feature-more{margin-top:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.eh-home .eh-feature-more li:nth-child(n){border-top:0}
.eh-home .eh-feature-more li+li{border-left:1px solid #edf2f6}
@media(max-width:1100px){
 .eh-feature-lead{grid-template-columns:1fr}
 .eh-feature-lead .eh-feature-pic{aspect-ratio:1200/760}
 .eh-feature-copy{padding:28px 30px 30px}
 .eh-feature-points{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
 .eh-feature-grid{grid-template-columns:1fr;gap:16px}
 .eh-feature{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}
 .eh-feature .eh-feature-pic{aspect-ratio:auto;height:100%}
 .eh-home .eh-feature-more{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eh-home .eh-feature-more li+li{border-left:0}
 .eh-home .eh-feature-more li:nth-child(even){border-left:1px solid #edf2f6}
 .eh-home .eh-feature-more li:nth-child(n+3){border-top:1px solid #edf2f6}
}
@media(max-width:700px){
 .eh-feature-copy{padding:22px 20px 24px}
 .eh-feature-copy h3{font-size:var(--text-2xl);letter-spacing:-.5px}
 .eh-feature-points{grid-template-columns:1fr}
 .eh-feature{display:flex}
 .eh-feature .eh-feature-pic{aspect-ratio:1200/760;height:auto}
 .eh-feature-text{padding:16px 18px 18px}
 .eh-home .eh-feature-more{grid-template-columns:1fr}
 .eh-home .eh-feature-more li:nth-child(n){border:0}
 .eh-home .eh-feature-copy .eh-actions .eh-btn{width:100%;justify-content:center}
}

/* Page colour, 28 October 2026: small text that sits straight on the blue-grey page steps to --dim (4.6:1) and the
   Site Notes link to the darker text blue, so both keep 4.5:1 on --page. */
.eh-benefit-note,.eh-footer,.eh-notes-line small,.eh-notes-line span{color:var(--dim)}
.eh-home .eh-notes-line a{color:var(--accentText)}

/* Who made the planner, 1 November 2026: a white card after the guides, the faceless installer drawing beside first-person
   copy and a link to about.html. Picture above the copy on phones. */
.eh-home .eh-maker-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin:8px 0 40px;padding:32px 40px;background:#fff;border:1px solid var(--card-line);border-radius:24px;box-shadow:var(--ev-shadow)}
.eh-maker-pic img{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}
.eh-maker-copy h2{margin:0 0 14px;font-size:var(--text-3xl);font-weight:650;letter-spacing:-1px;line-height:1.2}
.eh-maker-copy p{margin:0 0 14px;max-width:620px;font-size:var(--text-sm);line-height:1.75;color:var(--dim)}
.eh-home .eh-maker-copy .eh-text-link{font-size:var(--text-ui)}
@media(max-width:1100px){.eh-home .eh-maker-band{gap:28px;padding:28px}}
@media(max-width:700px){.eh-home .eh-maker-band{grid-template-columns:1fr;gap:12px;padding:24px 20px;border-radius:20px}.eh-maker-pic img{max-width:300px}.eh-maker-copy h2{font-size:var(--text-2xl)}}
/* A short Home (4 November 2026). Key features are one row of four cards (two on tablets, one on phones); the ready-made
   layouts sit in a slim navy band of their own; site audits are one slim band unless audits are saved; who made the
   planner is a shorter card. The longer explanations are on What it does and Councils. */
.eh-home .eh-feature-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eh-home .eh-feature-row .eh-feature-text{padding:18px 18px 20px}
.eh-home .eh-feature-row .eh-feature-text h3{font-size:var(--text-base)}
.eh-home .eh-feature-row .eh-feature-text p{font-size:var(--text-ui)}
.eh-home .eh-layouts{display:block;margin:40px 0 0;padding:28px 32px 30px}
.eh-home .eh-layouts .eh-cine-tpl{border-top:0;padding-top:0}
.eh-layouts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:18px}
.eh-home .eh-layouts h2{margin:0;font-size:var(--text-2xl);color:#fff}
.eh-home .eh-layouts .eh-layouts-head .eh-btn{background:transparent;border-color:#ffffff59;color:#fff}
.eh-home .eh-layouts .eh-layouts-head .eh-btn:hover{background:#ffffff14;border-color:#ffffff80}
.eh-home.eh-returning .eh-layouts .eh-cine-tpl p,.eh-home.eh-returning .eh-layouts .eh-cine-tpl span{color:var(--ev-on-navy)}
.eh-home.eh-returning .eh-layouts .eh-cine-tpl small{color:var(--ev-on-navy-dim)}
.eh-home.eh-returning .eh-layouts .eh-cine-tpl img{box-shadow:0 0 0 1px #ffffff26}
.eh-home.eh-returning .eh-layouts .eh-cine-tpl-pick:hover img{box-shadow:0 0 0 2px var(--ev-sky)}
.eh-home .eh-audits-slim{margin-top:36px;padding:26px 32px;background:#fff;border-color:var(--card-line);box-shadow:var(--ev-shadow)}
.eh-home .eh-audits-slim .eh-section-head{margin:0;align-items:center}
.eh-home .eh-audits-slim .eh-section-head p{max-width:640px}
.eh-home .eh-audits-slim h2{font-size:var(--text-2xl)}
.eh-home .eh-maker-slim{grid-template-columns:200px minmax(0,1fr);gap:32px;padding:24px 32px}
.eh-home .eh-maker-slim .eh-maker-pic img{max-width:200px}
.eh-home .eh-maker-slim .eh-maker-copy h2{font-size:var(--text-2xl);margin-bottom:10px}
.eh-home .eh-maker-slim .eh-maker-copy p{margin-bottom:10px}
@media(max-width:1100px){.eh-home .eh-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.eh-home .eh-layouts{padding:26px 28px}.eh-home .eh-audits-slim{padding:24px 28px}}
@media(max-width:700px){.eh-home .eh-feature-row{grid-template-columns:1fr}.eh-home .eh-layouts,.eh-home .eh-audits-slim{padding:22px 20px;border-radius:20px}.eh-home .eh-audits-slim .eh-section-head{flex-direction:column;align-items:flex-start}.eh-home .eh-maker-slim{grid-template-columns:1fr;gap:8px;padding:22px 20px}.eh-home .eh-maker-slim .eh-maker-pic img{max-width:160px;margin:0}}
/* First visit: Pin's one line under the hero buttons opens Help me start (home job design, 2 November 2026). */
.eh-pin-line{display:flex;align-items:center;gap:10px;margin:12px 0 0;max-width:405px}
.eh-pin-head{width:32px;height:32px;flex:none;border-radius:50%;background:var(--ev-info-bg);display:grid;place-items:center}
.eh-pin-head svg{width:24px;height:24px}
.eh-home .eh-pin-open{text-align:left;white-space:normal;line-height:1.5}