
:root{--bg:#111311;--panel:#1d201d;--text:#f5f3e9;--muted:#a5aaa1;--lime:#d5fc78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33362f;max-width:1320px;margin:auto;padding:0 40px}.logo{font-weight:900;font-size:27px;letter-spacing:-1.7px;display:flex;align-items:center;gap:10px}.dot{width:12px;height:12px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:0 0 20px #d5fc7830}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a.active{color:var(--lime)}.btn{background:var(--lime);color:#161b10;padding:17px 23px;display:inline-flex;gap:35px;align-items:center;border:0;border-radius:4px;font-weight:700;cursor:pointer}.btn:hover{background:#e4ffad}.outline{background:transparent;border:1px solid #565b4d;color:var(--text)}.outline:hover{background:#282d23}.wrap{max-width:1240px;margin:auto;padding:0 40px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--lime);display:flex;gap:9px;align-items:center}.hero{padding-top:65px}.hero-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}h1{font-size:clamp(55px,7.4vw,101px);font-weight:500;line-height:.98;letter-spacing:-6px;margin:23px 0 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy{max-width:330px;padding-bottom:3px}.hero-copy p,p.lead{color:var(--muted);font-size:16px;line-height:1.7}.hero-copy .btn{margin-top:14px}.stage{height:430px;position:relative;overflow:hidden;border-radius:6px;background:#2b332b}.stage img{height:100%;width:100%;object-fit:cover;filter:brightness(.63);object-position:center 60%}.stage:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#060b07b0)}.live-tag{position:absolute;top:25px;left:25px;z-index:1;background:#131713b8;border:1px solid #ffffff40;border-radius:4px;padding:10px 14px;font-size:11px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.live-tag .dot{background:#ff694e;width:7px;height:7px}.viewfinder{position:absolute;inset:65px 17%;border:1px solid #ffffff30;z-index:1}.viewfinder:before,.viewfinder:after{content:'+';position:absolute;color:#ffffff90;font-size:30px;font-weight:200}.viewfinder:before{left:-10px;top:-19px}.viewfinder:after{bottom:-16px;right:-10px}.caption{position:absolute;bottom:28px;left:28px;right:28px;z-index:2;display:flex;justify-content:space-between;align-items:end}.caption strong{font-size:23px;font-weight:400}.caption small{color:#d5d9cc;display:block;margin-bottom:9px;letter-spacing:2px;font-size:10px}.caption span{font:12px monospace;color:#c8d0be}.strip{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #363a32;color:#b2b7ac;font-size:12px}.strip b{color:var(--lime);margin-right:10px}section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}h2{font-size:clamp(35px,4vw,52px);font-weight:400;letter-spacing:-2px;margin:15px 0 0;line-height:1.08}.subtle{font-size:13px;color:var(--muted);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service{min-height:220px;padding:25px 22px;background:var(--panel);border:1px solid #32372c;border-radius:5px;display:flex;flex-direction:column;align-items:start}.service .num{font:11px monospace;color:var(--lime)}.service h3{font-size:20px;font-weight:400;margin:45px 0 10px;letter-spacing:-.5px}.service p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.process{border-top:1px solid #363a32;display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps>div{padding:22px 0;display:grid;grid-template-columns:40px 1fr;border-bottom:1px solid #363a32}.steps b{color:var(--lime);font:12px monospace;padding-top:4px}.steps h3{font-size:20px;font-weight:400;margin:0 0 8px}.steps p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.cta{padding:45px;background:var(--lime);color:#18200e;display:flex;justify-content:space-between;align-items:center;border-radius:5px;margin:0 0 70px;gap:25px}.cta h2{margin:0;font-size:40px}.cta .btn{background:#192010;color:var(--lime)}footer{border-top:1px solid #34382f;padding:30px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer .logo{color:var(--text);font-size:21px}.page{display:none}.page.active{display:block}.page-intro{padding:70px 0 48px}.page-intro h1{font-size:78px;margin-bottom:24px}.page-intro .lead{max-width:580px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px}.price-card{padding:35px;border:1px solid #424936;background:var(--panel);border-radius:6px}.price-card.featured{border-color:var(--lime)}.price-card h2{font-size:36px}.price{font-size:66px;letter-spacing:-4px;margin:25px 0 5px}.price small{font-size:20px;letter-spacing:0}.price-card ul{padding:20px 0;list-style:none;border-top:1px solid #394032;margin-top:25px}.price-card li{padding:9px 0;color:#c0c5b8;font-size:14px}.price-card li:before{content:'↗';color:var(--lime);margin-right:12px}.calculator{margin:32px 0 60px;padding:26px;border:1px solid #3e4534;border-radius:5px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.calculator label{color:var(--muted);font-size:14px}.calculator select{margin-left:10px;background:#262d20;color:white;border:1px solid #586445;padding:12px;border-radius:3px}.calculator strong{color:var(--lime);font-size:23px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-bottom:80px}.contact-note{padding:25px 0;border-top:1px solid #3c4235;margin-top:30px}.contact-note h3{font-weight:400}.contact-form{padding:30px;background:var(--panel);border:1px solid #3a4132;border-radius:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label.field{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#c2c8b8;margin-bottom:20px}input,textarea,select{border:1px solid #4a5340;background:#151a12;color:var(--text);padding:13px;border-radius:3px;width:100%}textarea{resize:vertical;min-height:110px}#brief{white-space:pre-wrap;font-size:13px;line-height:1.6;color:var(--lime);margin-top:20px}details{padding:22px 0;border-bottom:1px solid #3b4233}summary{cursor:pointer;font-size:18px}details p{line-height:1.7;color:var(--muted);max-width:800px}.menu{display:none}.fade{animation:fade .35s ease}@keyframes fade{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:750px){header{height:78px;padding:0 22px}nav{gap:18px}nav .btn{display:none}.wrap{padding:0 22px}.hero{padding-top:35px}.hero-top{display:block}h1{letter-spacing:-3px}.hero-copy{margin-top:25px;max-width:100%}.stage{height:330px}.viewfinder{inset:65px 12%}.caption span{display:none}.strip{flex-wrap:wrap;gap:18px}.strip span{width:45%}.services-grid{grid-template-columns:1fr 1fr}.service{min-height:200px;padding:20px}.service h3{margin-top:30px}.section-head{display:block}.section-head .subtle{margin-top:20px}.process,.pricing,.contact-grid{grid-template-columns:1fr;gap:30px}section{padding:55px 0}.cta{padding:28px;display:block}.cta h2{font-size:32px}.cta .btn{margin-top:25px}.page-intro h1{font-size:58px;letter-spacing:-3px}.fields{grid-template-columns:1fr}.contact-grid{padding-bottom:50px}footer{gap:20px;flex-wrap:wrap}.calculator{gap:15px}.calculator select{width:auto}.price-card{padding:26px}.logo{font-size:23px}}

.form-status{margin-top:18px;font-size:14px;line-height:1.6;color:var(--lime)}.form-status.error{color:#ffb29b}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.btn[disabled]{opacity:.6;cursor:wait}nav a[aria-current="page"]{color:var(--lime)}

.g-recaptcha{margin:8px 0 22px}.contact-form .subtle a{text-decoration:underline;text-underline-offset:3px}


.po-gallery,.po-header,.po-footer{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#f5f3e9;background:#111311}
.po-gallery *,.po-header *,.po-footer *{box-sizing:border-box}
.po-gallery{max-width:1240px;width:100%;margin:0 auto;padding:70px 40px 0}
.po-gallery .po-eyebrow{margin:0 0 22px;color:#d5fc78;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.po-gallery h1{font-family:inherit;font-size:clamp(48px,6.4vw,78px);font-weight:500;line-height:1.02;letter-spacing:-4px;margin:0 0 25px;color:#f5f3e9}
.po-gallery h1 em{font-style:normal;color:#d5fc78}
.po-gallery .po-intro{max-width:620px;font-size:16px;line-height:1.75;color:#a5aaa1;margin:0 0 27px}
.po-gallery .po-note{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:10px 14px;background:#1d201d;border:1px solid #343a2e;border-radius:4px;color:#b5bcae;font-size:12px;line-height:1.5;margin:0 0 44px}
.po-gallery .po-note-dot{flex:0 0 6px;width:6px;height:6px;background:#d5fc78;border-radius:50%}
.po-gallery .po-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;margin:0 0 70px;padding:0}
.po-gallery .po-card{margin:0;min-width:0;border:0;background:transparent}
.po-gallery .po-photo-wrap{overflow:hidden;border-radius:6px;background:#20261d;aspect-ratio:3/2}
.po-gallery .po-card img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transition:transform .35s ease;filter:none;border:0;border-radius:0}
.po-gallery .po-card:hover img{transform:scale(1.025)}
.po-gallery .po-card figcaption{padding:14px 0 0;font-size:16px;line-height:1.5;font-weight:400;color:#f5f3e9}
.po-gallery .po-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 40px;background:#d5fc78;color:#18200e;border-radius:5px;margin:0 0 70px}
.po-gallery .po-cta h2{font-family:inherit;color:#18200e;font-size:36px;line-height:1.12;font-weight:400;letter-spacing:-1.5px;margin:0 0 10px}
.po-gallery .po-cta p{font-size:14px;color:#3d482d;line-height:1.6;margin:0;max-width:500px}
.po-gallery .po-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;padding:17px 23px;background:#192010;color:#d5fc78;text-decoration:none;border:0;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.3;font-weight:700}
.po-gallery .po-button:hover{background:#2b371d;color:#e4ffad}
.po-gallery .po-button:focus-visible,.po-header a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.po-header{max-width:1320px;margin:auto;padding:0 40px;height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #33362f}
.po-header .po-logo,.po-footer .po-logo{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:27px;font-weight:900;line-height:1;letter-spacing:-1.7px;text-decoration:none;color:#f5f3e9;white-space:nowrap}
.po-header .po-dot,.po-footer .po-dot{display:inline-block;flex:0 0 12px;height:12px;width:12px;background:#d5fc78;border-radius:50%;box-shadow:0 0 20px #d5fc7830}
.po-header .po-slash{color:#77816b;font-weight:400}
.po-header .po-nav{display:flex;align-items:center;gap:30px;font:14px/1.4 Arial,Helvetica,sans-serif}
.po-header .po-nav a{color:#f5f3e9;text-decoration:none;white-space:nowrap}
.po-header .po-nav a[aria-current="page"],.po-header .po-nav a:hover{color:#d5fc78}
.po-header .po-nav .po-nav-button{display:inline-flex;align-items:center;gap:16px;padding:17px 23px;background:#d5fc78;color:#161b10;border-radius:4px;font-weight:700}
.po-header .po-nav .po-nav-button:hover{background:#e4ffad;color:#161b10}
.po-footer{max-width:1160px;margin:0 auto;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #34382f;font-size:12px;line-height:1.6;color:#a5aaa1}
.po-footer .po-logo{font-size:21px}
.po-footer-shell{background:#111311;padding:0 40px}
.po-gallery.po-in-php{max-width:none;padding:70px 0 0}
@media(max-width:900px){.po-gallery .po-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){
 .po-gallery{padding:40px 22px 0}.po-gallery h1{letter-spacing:-2.5px}.po-gallery .po-grid{gap:24px 18px;margin-bottom:45px}.po-gallery .po-card figcaption{padding:12px 0 0;font-size:15px}.po-gallery .po-note{margin-bottom:30px}
 .po-gallery .po-cta{display:block;padding:28px;margin-bottom:45px}.po-gallery .po-cta h2{font-size:30px}.po-gallery .po-button{margin-top:22px}
 .po-header{height:78px;padding:0 22px;gap:20px}.po-header .po-logo{font-size:23px}.po-header .po-nav{gap:16px}.po-header .po-nav .po-nav-button{display:none}
 .po-footer-shell{padding:0 22px}.po-footer{flex-wrap:wrap;gap:16px}.po-gallery.po-in-php{padding:40px 0 0}
}
@media(max-width:560px){.po-gallery .po-grid{grid-template-columns:1fr}.po-header{height:auto;min-height:110px;padding:20px 22px 18px;flex-wrap:wrap;gap:18px}.po-header .po-nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.po-gallery .po-card img{transition:none}.po-gallery .po-card:hover img{transform:none}}

/* Štyri položky hlavného menu na malom mobile. */
@media(max-width:560px){header{height:auto;min-height:110px;padding:20px 22px 18px;flex-wrap:wrap;gap:18px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}}
