@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071725;--navy2:#0d2031;--lime:#c5f35d;--white:#fff;--ink:#102237;--muted:#637388;--pale:#f5f7f9;--line:#dfe5ea;--body:'DM Sans',Arial,sans-serif;--head:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--body);color:var(--ink);line-height:1.55}.wrap{width:min(1200px,calc(100% - 54px));margin:auto}.site-header{height:72px;background:#737E86;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #1c3041}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.site-header .nav > .brand{margin-left:-273px}.brand{display:flex;align-items:center;gap:10px;color:white}.bolt{font-size:48px;line-height:1;color:var(--lime);font-weight:800;transform:skew(-8deg)}.brand b{display:block;font:800 23px var(--head);letter-spacing:-1.3px;line-height:1}.brand b span{color:var(--lime)}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#b4c0cc;margin-top:5px}.links{display:flex;align-items:center;gap:30px;font-size:12px}.links a{color:#e3e8ed}.links a:hover,.links .active{color:var(--lime)}.links .active{position:relative}.links .active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:2px;background:var(--lime)}.nav-call{padding:12px 17px;border-radius:5px;background:var(--lime);color:#101d2a!important;font-weight:700}.nav-call b{margin-left:12px}.menu{display:none}.hero{height:410px;position:relative;overflow:hidden;background:var(--navy);color:white}.hero-photo{position:absolute;inset:0 0 0 30%;background:linear-gradient(90deg,#071725 0%,#07172525 40%,#07172508 100%),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=85') center 55%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061523 0%,#061523 29%,#061523d9 40%,transparent 74%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}.hero-copy{max-width:520px;padding:25px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow>span{width:24px;height:3px;background:var(--lime);display:inline-block}.hero h1,.contact h2{font:800 clamp(36px,4vw,52px)/1.12 var(--head);letter-spacing:-1.8px;margin:17px 0 12px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-copy p{max-width:485px;color:#e0e6ec;font-size:14px;line-height:1.75;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:28px;background:var(--lime);color:#0b1a27;font:700 12px var(--body);padding:13px 21px;cursor:pointer;text-decoration:none}.btn:hover{background:#d8ff8a}.btn b{font-size:18px}.hero-side{align-self:stretch;min-width:210px;position:relative}.camera{position:absolute;right:0;top:26px;width:115px;height:55px;transform:rotate(-8deg)}.camera-body{position:absolute;right:0;top:7px;width:90px;height:40px;background:linear-gradient(#d5dde2,#8796a2);border-radius:7px 14px 14px 7px;box-shadow:inset 0 -5px 0 #6c7a87}.camera-lens{position:absolute;z-index:2;left:5px;top:14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#4c7184 0 10%,#0a1722 25% 52%,#45515a 57% 67%,#121e2a 70%);border:3px solid #778692}.camera-arm{position:absolute;right:18px;top:43px;width:9px;height:24px;background:#8996a2}.handwritten{position:absolute;right:3px;bottom:44px;font:italic 22px Georgia,serif;transform:rotate(-8deg);white-space:nowrap}.handwritten span{position:absolute;bottom:-7px;left:20%;width:80%;height:4px;background:var(--lime);transform:rotate(-3deg);border-radius:50%}.service-strip{background:#071725;color:#fff;padding:30px 0 33px;border-top:1px solid #23384a}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service{padding:0 27px;border-right:1px solid #1b3447}.service:first-child{padding-left:8px}.service:last-child{border:0}.line-icon{font-size:37px;color:var(--lime);height:45px;font-weight:400}.service h2{font:700 15px var(--head);margin:9px 0 7px}.service p{font-size:11px;line-height:1.7;color:#c1cbd5;min-height:56px;margin:0 0 10px}.service a{font-size:10px;color:var(--lime);font-weight:600}.service a b{margin-left:5px}.about{background:#f8fafb;padding:55px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr .43fr;gap:36px;align-items:center}.work-photo{height:260px;background:linear-gradient(135deg,#0a1a29,#344657);border-radius:3px;position:relative;overflow:hidden;padding:23px;display:flex;align-items:center;justify-content:center}.work-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#102b3b88,#08142130),repeating-linear-gradient(90deg,transparent 0 30px,#ffffff0a 31px 32px)}.photo-label{position:absolute;top:15px;left:17px;right:17px;color:#d7e0e7;font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between}.photo-label span{color:var(--lime)}.electric-panel{position:relative;width:80%;background:#cbd4d8;border:7px solid #7b8991;border-radius:4px;padding:14px;box-shadow:0 15px 35px #0005}.panel-top{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#273746}.panel-top i{height:7px;width:7px;background:var(--lime);border-radius:50%}.panel-row{display:flex;gap:5px;margin-top:12px}.panel-row b{height:80px;flex:1;background:linear-gradient(90deg,#e7ebec,#9ba8b1,#e3e7e9);border:1px solid #82919a;border-radius:2px;position:relative}.panel-row b:after{content:"";position:absolute;top:14px;left:5px;right:5px;height:22px;background:#263848}.panel-wires{display:flex;gap:8px;margin-top:13px}.panel-wires i{height:4px;flex:1;background:#4d6b80}.panel-wires i:nth-child(2){background:#c6df54}.panel-bottom{font-size:7px;letter-spacing:1.5px;color:#263746;margin-top:10px}.dark{color:#293b4e}.about-copy h2{font:800 28px/1.22 var(--head);letter-spacing:-.7px;margin:12px 0}.about-copy h2 em{font-style:normal;color:#1c3548}.about-copy p{font-size:12px;color:#52657a;line-height:1.85}.about-copy ul{padding:0;list-style:none;margin:15px 0 0}.about-copy li{font-size:11px;margin:8px 0;color:#2d4054}.about-copy li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--lime);font-size:10px;font-weight:800;margin-right:9px}.about blockquote{border-left:1px solid #d7dfe5;padding:20px 0 20px 24px;margin:0;color:#243a50}.about blockquote>span{font:700 48px Georgia;color:var(--lime);line-height:.8}.about blockquote p{font:italic 17px/1.6 Georgia,serif}.about cite{font-size:11px;font-style:normal;color:#65758a}.steps{background:#071725;color:#fff;padding:42px 0 52px}.steps h2{font:800 24px var(--head);letter-spacing:-.5px;margin:9px 0 28px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps-grid article{position:relative;text-align:center;padding:0 13px}.step-number{width:36px;height:36px;border-radius:50%;background:var(--lime);color:#0b1a27;font-weight:800;display:grid;place-items:center;margin:0 auto 10px}.step-icon{position:absolute;top:0;left:calc(50% + 27px);width:36px;height:36px;border:2px solid #29455b;border-radius:50%;display:grid;place-items:center;font-size:16px}.steps-grid h3{font:700 13px var(--head);margin:12px 0 7px}.steps-grid p{font-size:10px;line-height:1.7;color:#c0cad4;max-width:220px;margin:auto}.contact{background:#0b1c2c;color:#fff;padding:65px 0}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:start}.contact h2{font-size:42px}.contact>div>p,.contact-grid>div>p{font-size:13px;line-height:1.8;color:#bdc8d2;max-width:430px}.contact-facts{display:flex;gap:28px;margin-top:30px}.contact-facts>div{display:flex;gap:12px;align-items:center}.contact-facts>div>b{color:var(--lime);font-size:23px}.contact-facts small,.contact-facts strong{display:block}.contact-facts small{font-size:8px;letter-spacing:1.2px;color:#91a0b0}.contact-facts strong{font-size:11px;margin-top:3px}.contact form{background:#fff;color:#13283b;padding:25px;border-radius:6px}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid #e2e7eb;padding-bottom:14px;margin-bottom:15px;font-size:9px;letter-spacing:1px}.form-head span{color:#8391a0}.contact label{display:block;font-size:10px;font-weight:700;margin:12px 0 5px}.contact input,.contact select,.contact textarea{display:block;width:100%;border:1px solid #d9e0e6;background:#f8fafb;border-radius:3px;padding:11px;font:11px var(--body);color:#13283b}.contact textarea{resize:vertical}.contact form .btn{width:100%;margin-top:15px}.form-note{font-size:9px;line-height:1.6;color:#7c8996;margin-bottom:0}footer{background:#050f19;color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #203041}.footer-top p{font-size:11px;color:#9daab7;line-height:1.8}.footer-top>a:last-child{font-size:9px;letter-spacing:1px;color:#bdc7d0}.footer-bottom{display:flex;justify-content:space-between;padding:14px 0;color:#788798;font-size:9px}
@media(max-width:850px){.links{gap:15px}.links a{font-size:11px}.nav-call{padding:10px}.hero-side{min-width:150px}.about-grid{grid-template-columns:1fr 1fr}.about blockquote{grid-column:2;border-left:0;padding:0}.service{padding:0 15px}.contact-grid{gap:40px}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.site-header{height:66px}.bolt{font-size:40px}.brand b{font-size:20px}.menu{display:flex;flex-direction:column;gap:5px;background:none;border:0}.menu i{display:block;width:24px;height:2px;background:white}.links{display:none;position:absolute;top:66px;left:0;right:0;background:#F4F7F9;padding:16px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:12px 0}.links .active:after{display:none}.links .nav-call{padding:12px 15px;margin-top:8px}.hero{height:auto;min-height:560px}.hero-photo{inset:0;background-position:center;background-image:linear-gradient(90deg,#061523ed,#06152399),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=80')}.hero-shade{background:linear-gradient(0deg,#061523 0%,#06152360 80%,#06152355)}.hero-inner{align-items:flex-start}.hero-copy{padding:55px 0 180px}.hero h1{font-size:40px}.hero-copy p{font-size:13px}.hero-side{position:absolute;bottom:0;right:0;height:170px;width:100%}.hero-side .camera,
.hero-side .camera-body,
.hero-side .camera-lens,
.hero-side .camera-arm {
  display: none !important;
}

.hero-side > img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.hero-side .handwritten {
  z-index: 2;
}.service-grid{grid-template-columns:1fr 1fr;gap:0}.service{padding:18px 12px;border-bottom:1px solid #1b3447}.service:first-child{padding-left:12px}.service:nth-child(2){border-right:0}.service:nth-child(3){padding-left:12px}.service h2{font-size:13px}.service p{min-height:70px;font-size:10px}.line-icon{font-size:30px}.about{padding:38px 0}.about-grid{grid-template-columns:1fr;gap:25px}.work-photo{height:235px}.about-copy h2{font-size:27px}.about blockquote{grid-column:auto;border-left:1px solid #d7dfe5;padding-left:20px}.steps-grid{grid-template-columns:1fr 1fr;gap:28px 12px}.steps h2{font-size:22px}.step-icon{left:calc(50% + 23px);width:30px;height:30px}.step-number{width:32px;height:32px}.contact{padding:45px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:38px}.contact-facts{flex-direction:column;gap:17px}.contact form{padding:20px}.footer-top{flex-wrap:wrap;gap:14px}.footer-top p{order:3;width:100%}.footer-bottom{flex-direction:column;gap:8px}}
.contact-facts a {
  color: #C5F35D;
  white-space: nowrap;
  text-decoration: none;
  margin-right: 30px;
}

.contact-facts strong {
  white-space: nowrap;
}
.footer-logo img {
  display: block;
  width: 180px;
  height: auto;
  max-width: 100%;
}
.site-header .brand img {
  display: block;
  width: 180px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}
/* Výrazné potvrdenie odoslania kontaktného formulára */
.contact .form-note {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 8px;
  background: #e5f7e9;
  border: 2px solid #248a45;
  color: #176b32;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

/* Po úspešnom odoslaní */
.contact .form-note.success {
  background: #d9fbe2;
  border: 2px solid #16803a;
  color: #125c2c;
  font-size: 17px;
  font-weight: 800;
  padding: 20px;
  box-shadow: 0 3px 12px rgba(22, 128, 58, 0.15);
}
/* Ostrý obrázok inteligentnej domácnosti v sekcii O nás */
.work-photo {
  background-image: url('photo.png') !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
}

.work-photo::before {
  display: none !important;
}

.work-photo > * {
  display: none !important;
}