:root{--ink:#15222c;--muted:#6a777e;--night:#111f2a;--deep:#0d1922;--lime:#c8f36a;--paper:#f6f7f3;--line:#dfe5df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #84bb30;outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding:0 32px}.skip{position:absolute;left:-9999px;z-index:100}.skip:focus{left:16px;top:12px;background:#fff;padding:12px}.header{height:86px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0ea}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;gap:11px;align-items:center;font:800 25px/1 'Manrope',sans-serif;letter-spacing:-1.2px;white-space:nowrap}.logo .accent{color:#7caa25}.logo small{display:block;letter-spacing:2px;font:700 8px/1.8 'DM Sans',sans-serif;color:#82908c}.symbol{display:grid;place-items:center;position:relative;background:#152731;color:#c8f36a;font:800 23px 'Manrope';width:46px;height:46px;border-radius:12px}.symbol span{position:absolute;top:2px;right:5px;font-size:12px}.header nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:700}.header nav a:hover{color:#6c9b1e}.header nav .nav-contact{padding:14px 21px;border-radius:6px;background:var(--night);color:#fff}.header nav .nav-contact:hover{color:var(--lime)}.menu{display:none}.hero{position:relative;overflow:hidden;background:var(--night);color:white}.mesh{position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(#48616c33 1px,transparent 1px),linear-gradient(90deg,#48616c33 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 15%,black 100%)}.hero-layout{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;position:relative}.eyebrow,.kicker{font:800 11px 'Manrope',sans-serif;letter-spacing:2.1px}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:12px}.point{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #bdf26724}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.09;letter-spacing:-3.6px;margin:27px 0}h1 em,h2 i{font-style:normal;color:var(--lime)}.lead{max-width:605px;line-height:1.85;color:#bdc8cc;font-size:16px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0 49px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;border-radius:6px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#17232b}.secondary{border:1px solid #57707c;color:#fff}.facts{display:flex;gap:32px;border-top:1px solid #3b4d56;padding-top:25px}.facts div{min-width:0}.facts strong{display:block;font:800 17px 'Manrope';white-space:nowrap}.facts small{display:block;color:#81949a;margin-top:7px;font-size:11px}.hero-art{height:510px;position:relative;display:grid;place-items:center}.hero-art svg{position:absolute;width:100%;height:100%;fill:none;stroke:#7cbdaf;stroke-width:2;opacity:.55}.hero-art svg circle{fill:var(--lime);stroke:none}.ring{border:1px solid #54727677;border-radius:50%;position:absolute}.ring1{width:83%;aspect-ratio:1}.ring2{width:60%;aspect-ratio:1;border-style:dashed;transform:rotate(20deg)}.core{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#304e50,#132933 70%);box-shadow:0 0 0 15px #bce46a13,0 28px 75px #0008;border:1px solid #8fb399;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center}.core span{color:var(--lime);font-size:34px;line-height:1}.core b{font:800 30px/1.1 'Manrope';letter-spacing:-1px;margin:8px 0 12px}.core small{font-size:9px;letter-spacing:2px;color:#94b7ab}.tag{position:absolute;z-index:2;background:#1b343c;border:1px solid #49716e;border-radius:4px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--lime)}.t1{top:80px;left:5%}.t2{right:0;top:46%}.t3{bottom:70px;left:6%}.hero-band{border-top:1px solid #3c4c56;color:#93a7a6;font:700 10px 'Manrope';letter-spacing:2px}.hero-band .wrap{display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px}.hero-band span:nth-child(2){font-size:22px;color:var(--lime)}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.1fr .65fr;gap:70px;align-items:end;margin-bottom:46px}.kicker{color:#6a902a;margin-bottom:22px}h2{font-size:clamp(36px,4.2vw,57px);line-height:1.14;letter-spacing:-2.7px;margin-bottom:0}h2 i{color:#7da62e}.section-head>p{font-size:15px;line-height:1.9;color:#6c7778;max-width:400px;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);padding:28px;min-height:325px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #14242113}.card-main{background:var(--lime);border-color:var(--lime)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:800;color:#6f7b7d}.card-top span:last-child{font-size:22px;line-height:1}.card-main .card-top{color:#40592d}.glyph{font-size:41px;margin:22px 0 13px;color:#87ae33;line-height:1}.card-main .glyph{color:#243726}.card h3{font-size:20px;letter-spacing:-.6px;line-height:1.3;margin-bottom:10px}.card p{color:#697678;line-height:1.75;font-size:13px;margin-bottom:24px}.card-main p{color:#3e543d}.card small{margin-top:auto;font-weight:800;font-size:9px;letter-spacing:1px;color:#94a09d}.card-main small{color:#526b38}.project{background:var(--night);color:#fff}.project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.project .kicker,.contact .kicker{color:var(--lime)}.project h2 i,.contact h2 i{color:var(--lime)}.project .muted{color:#aab9bc;line-height:1.9;max-width:430px;margin:28px 0}.inline-link{display:inline-block;border-bottom:1px solid var(--lime);padding-bottom:10px;color:var(--lime);font-size:13px;font-weight:800}.project-list article{border-bottom:1px solid #3b4b55;display:grid;grid-template-columns:52px 1fr;gap:24px;padding:20px 0 25px}.project-list article:first-child{padding-top:0}.project-list article>span{font-size:12px;color:var(--lime);font-weight:800;padding-top:5px}.project-list h3{font-size:21px;margin-bottom:7px}.project-list p{color:#9eb0b5;font-size:13px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:2px solid #cbd4c8;padding-top:24px}.steps b{font:800 35px 'Manrope';color:#a7ca69}.steps h3{font-size:18px;margin:27px 0 12px}.steps p{font-size:13px;line-height:1.85;color:#6d7b7a}.about{background:#e7eddf;padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about-grid>div:nth-child(2)>p{font-size:16px;line-height:1.9;color:#566561}.about-facts{border-top:1px solid #c8d1c1;display:flex;gap:75px;padding-top:23px;margin-top:30px}.about-facts strong{font:800 25px 'Manrope';display:block}.about-facts small{display:block;font-size:11px;color:#657469;margin-top:5px}.contact{background:#182a31;color:white}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact-grid>div:first-child>p:not(.kicker){color:#b0c0c2;max-width:450px;line-height:1.9;margin:26px 0 30px}.contact-box{background:#233b42;border:1px solid #3b565b;padding:35px 42px}.contact-box>div{border-bottom:1px solid #40565b;padding:18px 0}.contact-box>div:first-child{padding-top:0}.contact-box>div:last-child{border-bottom:none;padding-bottom:0}.contact-box small{display:block;letter-spacing:1.6px;font-weight:800;color:#a5b5b5;font-size:10px;margin-bottom:9px}.contact-box strong,.contact-box a:not(.maplink){display:block;font:700 17px/1.6 'Manrope'}.contact-box a:not(.maplink){color:var(--lime)}.contact-box span{color:#bac7c7;font-size:13px;display:block;margin-top:5px}.contact-box .maplink{display:inline-block;font-size:12px;color:var(--lime);margin-top:8px}footer{background:#0c171e;color:#c6d0d0;padding-top:55px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:55px}.footer-top .logo{color:white}.footer-top>div{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.footer-top>div a:hover,.footer-end a:hover{color:var(--lime)}.footer-end{border-top:1px solid #344149;min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#829296;font-size:11px}.legal-page{background:var(--paper);min-height:65vh;padding:90px 0}.legal-page .wrap{max-width:850px}.legal-page h1{color:var(--ink);font-size:clamp(35px,4vw,52px)}.legal-page h2{font-size:24px;letter-spacing:-.5px;margin-top:40px}.legal-page p,.legal-page li{line-height:1.85;color:#5d6b6b;font-size:15px}.legal-page a{color:#42761b;text-decoration:underline}
@media(max-width:950px){.hero-layout{grid-template-columns:1fr;min-height:auto;padding-top:80px;padding-bottom:50px}.hero-art{height:360px;max-width:520px;width:100%;margin:auto}.core{width:200px;height:200px}.core b{font-size:25px}.section-head,.project-grid,.about-grid,.contact-grid{gap:45px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding:0 21px}.header{height:70px}.logo{font-size:22px}.symbol{width:41px;height:41px}.menu{display:block;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--ink)}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;padding:20px;box-shadow:0 16px 20px #0001;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:13px}.hero-layout{padding-top:60px;padding-bottom:30px;gap:8px}.hero h1{letter-spacing:-2px;font-size:clamp(37px,9vw,54px)}.lead{font-size:14px}.actions{margin-bottom:35px}.facts{gap:18px;flex-wrap:wrap}.facts strong{font-size:14px}.hero-art{height:310px}.core{width:160px;height:160px}.core b{font-size:20px}.tag{font-size:8px}.hero-band{font-size:8px}.hero-band span:nth-child(3){display:none}.section{padding:75px 0}.section-head,.project-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}h2{letter-spacing:-1.7px}.cards{grid-template-columns:1fr}.card{min-height:275px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:16px}.about{padding:75px 0}.contact-box{padding:25px}.footer-top,.footer-end{align-items:flex-start;flex-direction:column;gap:24px}.footer-top{padding-bottom:35px}.footer-top>div{gap:16px}.footer-end{padding-top:20px;padding-bottom:25px}.project-list article{grid-template-columns:35px 1fr;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}

/* Revize prezentace: světlý rozcestník a galerie technologií */
.section#uvod{padding-top:90px}
.card-with-photo{padding-bottom:27px}.card-with-photo .glyph{margin:15px 0 10px;font-size:28px}.card-with-photo .service-photo{width:100%;aspect-ratio:1.6;background-image:url('service-trio.png');background-repeat:no-repeat;background-size:300% auto;background-color:#dde5de;border-radius:5px;margin:4px 0 20px}.sp-hardware{background-position:0% 48%}.sp-service{background-position:50% 48%}.sp-electro{background-position:100% 48%}.card-with-photo p{font-size:13px;line-height:1.7}
.service-photo{position:relative;overflow:hidden}.service-photo:after{content:'ILUSTRAČNÍ FOTO';position:absolute;right:7px;bottom:7px;background:#12232ccc;color:#fff;font:700 8px Arial,sans-serif;letter-spacing:1px;padding:5px 7px;border-radius:2px}
.hero{display:none}.services{background:#f8faf5}#uvod{padding-top:72px}.welcome{display:grid;grid-template-columns:1fr 255px;align-items:center;gap:45px;padding:58px 58px 60px;margin-bottom:78px;background:#eaf1df;border-radius:18px;position:relative;overflow:hidden}.welcome:after{content:'';position:absolute;right:-70px;top:-90px;width:340px;height:340px;border:1px solid #a5bd8d;border-radius:50%;opacity:.45;pointer-events:none}.welcome h1{font-size:clamp(45px,5vw,70px);color:#172a30;margin:12px 0 20px}.welcome h1 em{color:#719b28}.welcome p:not(.kicker):not(.welcome-mini){color:#52635c;line-height:1.85;max-width:660px;font-size:16px;margin-bottom:0}.welcome-mini{font-weight:800;letter-spacing:4px;font-size:12px;color:#526b49}.welcome-mini span{color:#78a32e}.welcome-side{position:relative;z-index:1;padding:26px;border-left:2px solid #9bbd72;display:flex;flex-direction:column;gap:15px}.welcome-side span{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#59714b}.welcome-side b{font:800 53px 'Manrope',sans-serif;color:#26402f;letter-spacing:-3px}.welcome-side small{color:#667865;font-weight:700}.references{background:#f2f5ef}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ref-card{background:#fff;border:1px solid #dfe8dc;overflow:hidden;border-radius:9px;transition:transform .2s,box-shadow .2s}.ref-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #21332a15}.ref-photo{aspect-ratio:3/2;background-image:url('reference-grid.png');background-size:300% 300%;background-repeat:no-repeat;background-color:#d6e0d5}.rp1{background-position:0% 0%}.rp2{background-position:50% 0%}.rp3{background-position:100% 0%}.rp4{background-position:0% 50%}.rp5{background-position:50% 50%}.rp6{background-position:100% 50%}.rp7{background-position:0% 100%}.rp8{background-position:50% 100%}.rp9{background-position:100% 100%}.ref-card>div:last-child{padding:22px 23px 25px}.ref-card span{font-size:10px;color:#739537;font-weight:800;letter-spacing:1.1px}.ref-card h3{font-size:19px;line-height:1.3;letter-spacing:-.5px;margin:12px 0 9px}.ref-card p{font-size:13px;line-height:1.7;color:#687977;margin:0}.ref-disclaimer{font-size:12px;line-height:1.7;color:#78837c;margin:26px 0 0}@media(max-width:900px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{grid-template-columns:1fr;padding:42px;gap:15px}.welcome-side{display:none}}@media(max-width:620px){#uvod{padding-top:26px}.welcome{padding:36px 24px;margin-bottom:55px}.welcome h1{font-size:43px;letter-spacing:-2px}.reference-grid{grid-template-columns:1fr}}