/* Shared circuit headers + uniform buttons - The Lancaster Electrician */
.header{position:relative;padding:44px 28px 40px;text-align:center;color:#fff;overflow:hidden}
.header.blue{background:linear-gradient(115deg,#1e3a8a 0%,#1e40af 28%,#2563eb 55%,#1d4ed8 78%,#1e3a8a 100%)}
.header.purple{background:linear-gradient(115deg,#5b21b6 0%,#6d28d9 28%,#8b5cf6 55%,#7c3aed 78%,#5b21b6 100%)}
.header.green{background:linear-gradient(115deg,#065f46 0%,#047857 28%,#10b981 55%,#059669 78%,#065f46 100%)}
.header::before{content:'';position:absolute;inset:0;opacity:.35;background-size:180px;pointer-events:none}
.header.blue::before,.header.purple::before,.header.green::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%2393c5fd' stroke-width='1.2'%3E%3Cpath d='M10 40h40v20h30v-30h40v40h30v-20h40'/%3E%3Ccircle cx='50' cy='60' r='3' fill='%2393c5fd'/%3E%3C/g%3E%3C/svg%3E")}
.header.purple::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23ddd6fe' stroke-width='1.2'%3E%3Cpath d='M10 40h40v20h30v-30h40v40h30v-20h40'/%3E%3Ccircle cx='50' cy='60' r='3' fill='%23ddd6fe'/%3E%3C/g%3E%3C/svg%3E")}
.header.green::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23a7f3d0' stroke-width='1.2'%3E%3Cpath d='M10 40h40v20h30v-30h40v40h30v-20h40'/%3E%3Ccircle cx='50' cy='60' r='3' fill='%23a7f3d0'/%3E%3C/g%3E%3C/svg%3E")}
.header::after{content:'';position:absolute;top:-20%;right:-15%;width:70%;height:140%;background:linear-gradient(160deg,rgba(59,130,246,.4),rgba(0,0,0,.1));transform:skewX(-18deg);pointer-events:none}
.header.purple::after{background:linear-gradient(160deg,rgba(167,139,250,.4),rgba(0,0,0,.1))}
.header.green::after{background:linear-gradient(160deg,rgba(52,211,153,.4),rgba(0,0,0,.1))}
.header-icon{position:absolute;opacity:.9;z-index:2}
.header-icon.bulb{top:16px;left:16px;width:26px;height:26px}
.header-icon.plug{bottom:14px;right:16px;width:28px;height:28px}
.header-inner{position:relative;z-index:3}
.header h1{margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.header p{margin:0;font-size:15px;font-weight:500;opacity:.95}
.button{display:flex;align-items:center;justify-content:center;gap:10px;width:88%;max-width:340px;margin:12px auto;padding:18px 22px;font-size:18px;font-weight:600;text-decoration:none;border-radius:16px;color:#fff;box-sizing:border-box}
.buttons{display:flex;flex-direction:column;align-items:center;width:100%}