/*
Theme Name: Elektro Professional
Description: Responsywna strona dla usług elektrycznych, monitoringu i systemów bezpieczeństwa.
Version: 1.0
*/
:root{--bg:#0b1220;--panel:#142238;--yellow:#ffc928;--text:#f5f7fa;--muted:#aab6c6;--line:#29374a;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.header{height:78px;position:sticky;top:0;z-index:20;background:#09101bdc;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.headerin{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.1em}.bolt{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);color:#101827;font-size:24px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em}.nav{display:flex;gap:20px;align-items:center;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:var(--yellow)}.nav .cta{background:var(--yellow);color:#111827;padding:12px 16px}.toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:9px}
.hero{min-height:660px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 35%,#ffc92820,transparent 28%),linear-gradient(120deg,#0a111d,#14243b 60%,#0a111d)}.hero:after{content:"";position:absolute;right:8%;top:15%;width:380px;height:380px;border:2px solid #ffc92840;transform:rotate(45deg);box-shadow:0 0 0 38px #ffc92809,0 0 0 78px #ffc92808}.heroContent{position:relative;z-index:1;max-width:750px;padding:100px 0}.eyebrow{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:26px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:10px}h1{font-size:clamp(44px,7vw,84px);line-height:.98;letter-spacing:-.05em;text-transform:uppercase;margin:22px 0}h1 span{color:var(--yellow)}.hero p{max-width:620px;color:#c6d0dc;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;background:var(--yellow);color:#101827;padding:14px 21px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--yellow)}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.outline{background:transparent;color:white;border-color:#ffffff66}.meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:45px;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.strip{background:#0e1929;border-block:1px solid var(--line)}.stripin{display:grid;grid-template-columns:repeat(4,1fr)}.stripin div{padding:18px;border-right:1px solid var(--line);font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em}.stripin b{color:var(--yellow);margin-right:8px}
section{padding:90px 0}.alt{background:#0e1929}.head{max-width:760px;margin-bottom:40px}.head h2{font-size:clamp(34px,5vw,56px);line-height:1.02;text-transform:uppercase;letter-spacing:-.04em;margin:14px 0}.head p,.copy p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{min-height:400px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2d46,#0d1726);border:1px solid var(--line)}.visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffc92822 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ffc92822 50%,transparent 50.2%);background-size:40px 40px}.visual strong{position:relative;color:var(--yellow);font-size:150px;text-shadow:0 8px 40px #ffc92844}.visual label{position:absolute;bottom:0;left:0;background:var(--yellow);color:#111827;padding:11px 15px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.copy h3{font-size:clamp(28px,3.5vw,42px);line-height:1.08;text-transform:uppercase}.ticks{list-style:none;padding:0}.ticks li{padding:9px 0 9px 25px;border-bottom:1px solid var(--line);position:relative;font-size:14px}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:bold}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);padding:25px;min-height:225px;transition:.2s}.card:hover{border-color:var(--yellow);transform:translateY(-3px)}.card small{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.15em}.card .ico{display:block;font-size:28px;color:var(--yellow);margin:18px 0 8px}.card h3{text-transform:uppercase;font-size:18px;line-height:1.15;margin:0 0 10px}.card p{font-size:13px;color:var(--muted);margin:0}
.banner{background:linear-gradient(110deg,#101c2d,#0b1220);border-block:1px solid var(--line)}.bannerin{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{font-size:clamp(30px,5vw,52px);line-height:1;text-transform:uppercase}.banner p{color:var(--muted);max-width:680px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--bg);padding:24px}.step b{color:var(--yellow);font-size:11px}.step h3{text-transform:uppercase;font-size:16px}.step p{font-size:13px;color:var(--muted)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq article{background:var(--panel);padding:22px;border:1px solid var(--line)}.faq h3{font-size:15px;text-transform:uppercase;margin:0 0 8px}.faq p{font-size:13px;color:var(--muted);margin:0}
.area{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--yellow);color:#101827;padding:35px}.area h2{text-transform:uppercase;font-size:clamp(30px,4vw,44px);line-height:1;margin:8px 0}.area p{margin:0}.area .btn{background:#101827;color:white;border-color:#101827;white-space:nowrap}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact h3{font-size:32px;text-transform:uppercase;line-height:1.05}.contact p{color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full,.consent{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#c5cfdb}.field input,.field textarea,.field select{background:#142238;border:1px solid var(--line);padding:13px;color:white}.field textarea{min-height:120px}.consent{font-size:11px;color:var(--muted);display:flex;gap:9px}.notice{padding:12px;background:#173222;color:#d2f2d8}.notice.error{background:#351c20;color:#ffd5d5}
footer{padding:26px 0;border-top:1px solid var(--line);color:#8996a7;font-size:11px}.footerin{display:flex;justify-content:space-between;gap:18px;align-items:center}
@media(max-width:900px){.nav{gap:10px;font-size:9px}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:30px}}
@media(max-width:700px){.header{height:68px}.toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b1220;padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px}.hero{min-height:600px}.heroContent{padding:75px 0}.hero p{font-size:16px}.stripin{grid-template-columns:1fr 1fr}.stripin div{border-bottom:1px solid var(--line)}section{padding:70px 0}.split,.contact{grid-template-columns:1fr}.visual{min-height:290px}.visual strong{font-size:120px}.cards{grid-template-columns:1fr}.bannerin,.area{align-items:flex-start;flex-direction:column}.steps,.faq{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.field.full,.consent{grid-column:auto}.footerin{align-items:flex-start;flex-direction:column}}