/* Michele Software — Electrician site base */
:root{--bg:#0f3568;--bg-900:#0c2b55;--brand:#0e4ea8;--accent:#ff8a1f;--text:#0f172a;--muted:#6b7280;--card:#ffffff;--surface:#f6f8fb}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Ubuntu,Arial;color:var(--text);background:#fff;line-height:1.55}
img{max-width:100%;display:block}.container{width:min(1180px,92%);margin-inline:auto}
.stack{display:flex;flex-direction:column}.center{text-align:center}
.gap-8{gap:.5rem}.gap-12{gap:.75rem}.gap-16{gap:1rem}.gap-24{gap:1.5rem}.gap-32{gap:2rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.topbar{background:var(--bg-900);color:#cbd5e1;font-size:.9rem}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}
.topbar a{color:#e5e7eb;text-decoration:none}
.ico{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #94a3b8;border-radius:999px;text-decoration:none;color:#94a3b8}
.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e5e7eb}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.brand__txt{font-weight:800;letter-spacing:.3px;color:var(--brand)}.brand__txt span{color:var(--accent)}
.menu a{margin-left:1.2rem;text-decoration:none;color:#0f172a;font-weight:600}
.menu a.is-active{color:var(--brand)}
.btn{display:inline-block;background:var(--accent);color:#111827;text-decoration:none;padding:.8rem 1.2rem;border-radius:10px;font-weight:800;box-shadow:0 10px 20px rgba(255,138,31,.25);border:none;cursor:pointer}
.btn--ghost{background:#fff;border:1px solid #cbd5e1;color:var(--text)}.btn--lg{padding:1rem 1.4rem}.btn--dark{background:var(--bg);color:#fff}
.btn:hover{transform:translateY(-1px) scale(1.01)}
.hero{position:relative;color:#fff;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1544829728-e5cb9eedb05e?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;filter:brightness(.45);z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 20% 30%, rgba(14,78,168,.55), transparent);z-index:-1}
.hero__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;min-height:72vh;padding:48px 0}
.page-hero{position:relative;background:linear-gradient(135deg,#0f3568 0%,#0e4ea8 65%,#1d74d6 100%);color:#fff;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:auto -10% -35% auto;width:420px;height:420px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 68%);pointer-events:none}
.page-hero__inner{position:relative;padding:72px 0 86px;max-width:78ch}
.badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);padding:.4rem .7rem;border-radius:999px;font-weight:700}
h1.hero__title{font-size: clamp(2.2rem, 3.2vw + 1rem, 3.6rem);line-height:1.05;margin:.4rem 0 0}
.hero__kicker{font-size:1.1rem;opacity:.95;max-width:60ch}
.hero .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:16px;backdrop-filter:blur(8px)}
.form input,.form textarea{width:100%;padding:.75rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff}
.form input::placeholder,.form textarea::placeholder{color:#e5e7eb}.form label{font-size:.9rem;margin-bottom:.3rem;display:block;opacity:.9}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.section{padding:70px 0}.label{letter-spacing:.15em;color:#0e4ea8;font-weight:800;font-size:.8rem}
.h1{font-size:2rem;margin:.25rem 0 0}.muted{color:#6b7280}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(2,6,23,.06)}
.services__intro{max-width:78ch;color:#475569;font-size:1.05rem;margin:0}
.services .svc{padding:18px;border-radius:14px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb}
.services .svc p{margin:0;color:#475569}
.svc .head{display:flex;align-items:center;gap:12px}.svc .head .icon{width:44px;height:44px;border-radius:12px;background:#ff8a1f;display:flex;align-items:center;justify-content:center}
.svc__img{width:100%;height:150px;object-fit:cover;border-radius:10px}
.svc:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(2,6,23,.08)}
.services-detail{background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)}
.services-detail__head{max-width:78ch}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-panel{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.service-link{display:block;text-decoration:none;color:inherit}
.service-panel h3{margin:.2rem 0 .75rem;font-size:1.3rem}
.service-panel p{margin:.65rem 0 0;color:#475569}
.service-panel__eyebrow{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;background:#dbeafe;color:#0e4ea8;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.service-detail-page{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:start}
.service-detail-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.service-detail-content p{margin:0;color:#334155;font-size:1.04rem}
.service-detail-side{position:sticky;top:96px}
.service-detail-media{overflow:hidden;padding:0}
.service-detail-media img{width:100%;height:100%;min-height:260px;object-fit:cover}
.service-highlight{padding:22px}
.service-highlight p{color:#475569}
.band{background:var(--surface)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;text-align:center}
.stat .n{font-size:1.6rem;font-weight:900;color:#0e4ea8}
.process{background:#fff}
.process__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.process-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px}
.process-step strong{display:block;margin-bottom:.45rem}
.process-step p{margin:0;color:#475569}
.invoice-form input,.invoice-form textarea,.invoice-form select{width:100%;padding:.75rem .9rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}
.invoice-form label{font-size:.9rem;margin-bottom:.3rem;display:block;font-weight:600}
.invoice-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.invoice-form .row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.advanced-fields{border:1px solid #dbe4f0;border-radius:12px;background:#fff}
.advanced-fields summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;color:#0f172a}
.advanced-fields summary::-webkit-details-marker{display:none}
.advanced-fields__body{padding:0 14px 14px}
.hero .hero-invoice-form{
  padding:16px;
  background:rgba(248,250,252,.94);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 18px 48px rgba(15,23,42,.24);
}
.hero .hero-invoice-form h3,.hero .hero-invoice-form label{color:#0f172a}
.hero .hero-invoice-form small{color:#475569}
.hero .hero-invoice-form input,.hero .hero-invoice-form textarea,.hero .hero-invoice-form select{
  border:1px solid #cbd5e1;
  background:#fff;
  color:#0f172a;
}
.hero .hero-invoice-form input::placeholder,.hero .hero-invoice-form textarea::placeholder{color:#64748b}
.hero .hero-invoice-form .btn{color:#111827}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:999px;background:#25d366;color:transparent;text-decoration:none;font-size:0;box-shadow:0 18px 40px rgba(37,211,102,.35)}
.whatsapp-float::before{content:"";width:30px;height:30px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.601 2.326A7.854 7.854 0 0 0 8.026 0C3.66 0 .102 3.556.1 7.922a7.89 7.89 0 0 0 1.06 3.966L0 16l4.214-1.102a7.9 7.9 0 0 0 3.812.97h.003c4.365 0 7.924-3.557 7.926-7.923A7.89 7.89 0 0 0 13.6 2.326ZM8.03 14.53h-.002a6.55 6.55 0 0 1-3.335-.908l-.239-.142-2.5.654.667-2.438-.156-.25a6.57 6.57 0 0 1-1.013-3.522c.002-3.63 2.955-6.584 6.587-6.584a6.54 6.54 0 0 1 4.665 1.945 6.54 6.54 0 0 1 1.93 4.67c-.002 3.63-2.956 6.584-6.586 6.584Zm3.61-4.94c-.197-.099-1.17-.578-1.352-.644-.181-.066-.313-.099-.446.1-.132.198-.512.644-.627.777-.115.132-.23.148-.428.05-.198-.1-.835-.308-1.59-.983-.588-.525-.985-1.173-1.1-1.371-.115-.198-.012-.305.086-.404.089-.088.198-.23.297-.347.1-.116.132-.198.198-.33.066-.133.033-.248-.016-.347-.05-.099-.446-1.074-.61-1.47-.16-.386-.323-.334-.445-.34l-.38-.007a.727.727 0 0 0-.528.248c-.181.198-.692.677-.692 1.652 0 .975.71 1.918.809 2.05.1.133 1.398 2.135 3.386 2.994.472.204.84.326 1.127.417.474.15.906.129 1.247.078.38-.057 1.17-.479 1.335-.942.165-.462.165-.859.116-.942-.05-.082-.182-.132-.38-.23Z'/%3E%3C/svg%3E")}
.footer{background:#0b1c3b;color:#cbd5e1}.footer a{color:#dbeafe;text-decoration:none}
.footnote{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:14px 0}
@media (max-width:980px){.hero__inner{grid-template-columns:1fr;min-height:auto;padding:36px 0}.form .row{grid-template-columns:1fr}.invoice-form .row-2,.invoice-form .row-3,.service-list,.process__grid,.process-steps,.service-detail-grid{grid-template-columns:1fr}.service-detail-side{position:static}.hero__kicker{max-width:none}}
@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.grid-4,.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.topbar__inner,.footnote{flex-direction:column;align-items:flex-start;gap:.75rem}.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center}.brand{width:100%;justify-content:center}.menu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;margin:0 auto}.menu a{display:block;margin:0;text-align:center}.hero::before{filter:brightness(.28)}.hero::after{background:linear-gradient(180deg,rgba(8,20,41,.62) 0%,rgba(11,31,64,.42) 42%,rgba(12,24,44,.68) 100%),radial-gradient(95% 70% at 20% 24%, rgba(14,78,168,.46), transparent)}.page-hero__inner{padding:54px 0 62px}.hero__inner{gap:20px;padding:28px 0}.hero__inner>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.hero__inner>div:first-child .stack{width:100%;align-items:center;justify-content:center}.hero__inner>div:first-child .btn{width:auto;min-width:220px;max-width:260px}.hero .hero-invoice-form{padding:14px;gap:10px}.invoice-form input,.invoice-form textarea,.invoice-form select{padding:.7rem .8rem}.section{padding:56px 0}.services .svc,.service-panel,.process-step,.service-detail-content,.service-highlight{padding:16px}.whatsapp-float{right:14px;bottom:14px;width:58px;height:58px}}
@media (max-width:560px){body{font-size:15px}.container{width:min(100% - 28px,1180px)}.topbar{font-size:.82rem}.badge{font-size:.82rem}.hero__title,.h1{line-height:1.1}.hero__kicker{font-size:1rem}.btn{text-align:center}.menu{gap:1rem}.menu a.btn{width:auto}.svc__img{height:190px}.advanced-fields summary{padding:11px 12px}.advanced-fields__body{padding:0 12px 12px}.whatsapp-float{width:56px;height:56px}.whatsapp-float::before{width:28px;height:28px}}