/*
Theme Name: VTTG Pro
Theme URI: https://vttg.cz/
Author: VTTG s.r.o.
Description: Profesionální firemní prezentace VTTG pro správu IT a účetní služby.
Version: 1.0.2
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: vttg-pro
*/
:root{--red:#d82b32;--ink:#111827;--navy:#0b1321;--muted:#5c6677;--line:#e5e9ee;--paper:#f6f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.topbar{background:var(--navy);color:#dce3ed;font-size:12px}.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}.topbar p{margin:0}.topbar-inner>div{display:flex;gap:26px}.topbar a{display:flex;align-items:center;gap:7px}.nav-wrap{position:sticky;top:0;z-index:20;background:#fffffff2;border-bottom:1px solid #12192614;backdrop-filter:blur(15px)}.nav{min-height:78px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:41px;height:41px;color:#fff;background:var(--red);font-size:21px;font-weight:900;font-style:italic;border-radius:9px 2px;box-shadow:7px 7px 0 #f2d1d3}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:24px;letter-spacing:.045em}.brand small{margin-top:4px;color:#6f7783;font-size:8px;font-weight:800;letter-spacing:.22em}nav{display:flex;gap:31px;font-size:14px;font-weight:700}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:6px;color:#fff;background:var(--red);font-weight:800;font-size:14px;box-shadow:0 10px 25px #d82b322e;transition:.2s}.button:hover{transform:translateY(-2px);background:#b71f27}.button-small{padding:12px 17px;font-size:12px}.menu-button{display:none;background:none;border:0}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f8fafc,#fff 58%,#f7f8fa)}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#dfe4ea 1px,transparent 1px),linear-gradient(90deg,#dfe4ea 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000 45%,#000)}.glow{position:absolute;border-radius:50%}.glow-one{width:380px;height:380px;right:5%;top:12%;background:radial-gradient(circle,#d82b321f,transparent 69%)}.glow-two{width:260px;height:260px;right:35%;bottom:0;background:radial-gradient(circle,#3666a11a,transparent 70%)}.hero-layout{position:relative;min-height:595px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;padding:64px 0 70px}.eyebrow,.kicker{color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:28px;height:2px;background:var(--red)}h1{margin:20px 0 24px;font-size:clamp(48px,5.1vw,73px);line-height:1.01;letter-spacing:-.055em}h1 em{display:block;color:var(--red);font-style:normal}.hero-lead{max-width:610px;color:var(--muted);font-size:18px;line-height:1.68}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:800}.text-link:hover{color:var(--red)}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#515b69;font-size:12px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{color:var(--red)}.hero-visual{position:relative;height:430px}.main-status{position:absolute;inset:38px 23px 40px 34px;padding:30px;border:1px solid #ffffff17;border-radius:15px;background:linear-gradient(145deg,#121e31,#0a111e);color:#fff;box-shadow:0 35px 70px #0b13213d;transform:rotate(1deg)}.status-head{display:flex;justify-content:space-between;align-items:center;color:#aab7c8;font-size:12px}.status-head>div{display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#44d696;box-shadow:0 0 0 5px #44d6961c}.status-head svg{color:#44d696}.metric{display:flex;align-items:baseline;gap:13px;margin-top:22px}.metric strong{font-size:48px}.metric span{max-width:125px;color:#8996a9;font-size:11px}.bars{height:65px;display:flex;align-items:end;gap:8px;margin:18px 0 24px;border-bottom:1px solid #293549}.bars i{flex:1;background:linear-gradient(#e53d45,#9a1c24);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:32%}.bars i:nth-child(2){height:46%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:64%}.bars i:nth-child(5){height:56%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:91%}.system-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #243044}.system-line svg{color:#8998aa}.system-line span{display:flex;flex-direction:column;gap:3px}.system-line b{font-size:12px}.system-line small{color:#7f8da0;font-size:9px}.system-line em{margin-left:auto;color:#44d696;font-size:11px;font-style:normal;font-weight:800}.float-card{position:absolute;display:flex;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #0a111e24}.support-card{left:-12px;bottom:10px;gap:11px;padding:13px 16px;border-radius:9px}.support-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#fdebec;color:var(--red)}.support-card>div,.protected-card div{display:flex;flex-direction:column;gap:3px}.support-card b,.protected-card strong{font-size:11px}.support-card small,.protected-card small{font-size:9px;color:#798391}.support-card>i{width:7px;height:7px;margin-left:10px;border-radius:50%;background:#44d696}.protected-card{right:-12px;top:6px;gap:11px;padding:14px 17px;border-radius:9px;color:var(--red)}.protected-card strong{color:#1b2430}.proof-strip{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:93px;border-top:1px solid var(--line)}.proof-strip div{display:flex;flex-direction:column;gap:5px}.proof-strip strong{font-size:17px}.proof-strip span{font-size:10px;color:#788190;text-transform:uppercase;letter-spacing:.07em}.proof-strip>i{height:35px;width:1px;background:var(--line)}.section{padding:105px 0}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:48px}.kicker{margin:0 0 14px}.section-heading h2,.dark-copy h2,.accounting h2,.contact h2{margin:0;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.04em}.section-heading>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{position:relative;min-height:338px;padding:30px 27px;border-right:1px solid var(--line);background:#fff;transition:.2s}.service-card:last-child{border:0}.service-card:hover{z-index:2;transform:translateY(-6px);box-shadow:0 24px 55px #1118271a}.service-number{position:absolute;right:22px;top:21px;color:#dce1e7;font-size:11px;font-weight:800}.icon-box{display:grid;place-items:center;width:50px;height:50px;margin-bottom:29px;border-radius:8px;background:#fcebed;color:var(--red)}.service-card h3{margin:0 0 14px;font-size:19px}.service-card p{min-height:90px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.service-card a{display:flex;align-items:center;gap:7px;margin-top:25px;color:var(--red);font-size:12px;font-weight:800}.dark-section{background:var(--navy);color:#fff}.dark-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:115px;align-items:center}.dark-copy>p:not(.kicker){color:#aeb8c7;font-size:15px;line-height:1.75}.dark-copy ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:13px}.dark-copy li{display:flex;gap:10px;align-items:center;color:#dde4ec;font-size:13px}.dark-copy li svg{color:#ef5158}.steps article{display:grid;grid-template-columns:56px 1fr;gap:21px;padding:27px 0;border-bottom:1px solid #263143}.steps article:first-child{border-top:1px solid #263143}.steps article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#17243a;color:#ef5158;font-size:11px;font-weight:900}.steps h3{margin:2px 0 7px;font-size:17px}.steps p{margin:0;color:#96a3b5;font-size:12px;line-height:1.6}.accounting{background:var(--paper)}.accounting-card{display:grid;grid-template-columns:auto 1.2fr .8fr auto;gap:34px;align-items:center;padding:43px 47px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px #131e310f}.accounting-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fcebed;color:var(--red)}.accounting h2{font-size:29px}.accounting-copy>p:last-child{margin:11px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.accounting-list{display:grid;gap:10px}.accounting-list span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.accounting-list svg{color:var(--red)}.contact{padding-top:0;background:var(--paper)}.contact-card{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:58px 65px;color:#fff;background:linear-gradient(120deg,#d32931,#b51d25);border-radius:12px;box-shadow:0 25px 60px #b51d253b}.kicker.light{color:#ffd2d5}.contact p:last-child{max-width:670px;margin:15px 0 0;color:#ffe9ea;font-size:14px;line-height:1.65}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:17px}.button-white{background:#fff;color:var(--red);box-shadow:none}.contact-actions>a:last-child{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}footer{padding:65px 0 25px;background:#080f1b;color:#aab4c2}.footer-grid{display:grid;grid-template-columns:1fr 1.35fr .7fr .7fr;gap:60px}.brand-light{color:#fff}.brand-light small{color:#77869a}.footer-grid>p{margin:4px 0 0;font-size:12px;line-height:1.7}.footer-grid>div{display:flex;flex-direction:column;gap:11px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid #202a39;font-size:10px}
@media(max-width:900px){nav,.nav .button-small{display:none}.menu-button{display:block}.hero-layout{grid-template-columns:1fr}.hero-visual{display:none}.proof-strip{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px 0}.proof-strip>i{display:none}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.dark-layout{grid-template-columns:1fr;gap:55px}.accounting-card{grid-template-columns:auto 1fr}.accounting-list,.accounting-card>.text-link{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.hide-mobile{display:none}.container{width:min(100% - 28px,1160px)}.nav{min-height:68px}.hero-layout{min-height:auto;padding:60px 0 50px}h1{font-size:47px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.proof-strip strong{font-size:14px}.section{padding:72px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}.service-card p{min-height:auto}.accounting-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px}.contact-card{grid-template-columns:1fr;padding:38px 28px}.contact-actions{align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{gap:20px}.section-heading h2,.dark-copy h2,.contact h2{font-size:37px}}

.photo-visual{height:auto;aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 32px 70px #0b13213d;background:#111827}.photo-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-badge{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #ffffff33;border-radius:8px;background:#08111ed9;color:#fff;backdrop-filter:blur(8px)}.photo-badge svg{color:#45d79a}.photo-badge span{display:flex;flex-direction:column;gap:3px}.photo-badge b{font-size:11px}.photo-badge small{color:#aab5c3;font-size:9px}.field-work{background:#fff}.split-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;margin-bottom:90px}.split-feature:last-child{margin-bottom:0}.split-feature.reverse img{order:2}.split-feature img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;box-shadow:0 24px 55px #1118271c}.split-feature h2{margin:0 0 20px;font-size:clamp(32px,3.5vw,46px);line-height:1.08;letter-spacing:-.04em}.split-feature p:not(.kicker){color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:25px}.feature-note{display:flex;align-items:center;gap:9px;color:#374151;font-size:13px;font-weight:700}.feature-note svg{color:var(--red)}.photo-accounting{grid-template-columns:1.05fr .95fr;padding:0;overflow:hidden}.photo-accounting>img{width:100%;height:100%;min-height:410px;object-fit:cover}.photo-accounting>.accounting-copy{padding:55px}.photo-accounting .accounting-list{margin:25px 0}.photo-accounting .text-link{color:var(--red)}
@media(max-width:900px){.photo-visual{display:block;height:auto}.split-feature,.photo-accounting{grid-template-columns:1fr}.split-feature.reverse img{order:0}.photo-accounting>.accounting-copy{padding:40px}.photo-accounting>img{min-height:320px}.hero-layout{gap:25px}}
@media(max-width:600px){.hero-visual.photo-visual{display:block;height:auto}.photo-badge{left:12px;bottom:12px}.split-feature{gap:28px;margin-bottom:60px}.split-feature h2{font-size:34px}.photo-accounting>.accounting-copy{padding:30px}.photo-accounting>img{min-height:240px}.accounting-card.photo-accounting{display:grid;padding:0}}

.shop-section{padding:0 0 105px;background:var(--paper)}
.shop-card{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:35px 42px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 50px #131e310f}
.shop-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:12px;background:#fcebed;color:var(--red)}
.shop-card h2{margin:0 0 8px;font-size:27px;letter-spacing:-.03em}.shop-card p:not(.kicker){margin:0;color:var(--muted);font-size:13px}
.contact-card{border-radius:12px 12px 0 0;box-shadow:0 25px 60px #b51d2530}.contact-card p:last-child{max-width:670px;margin:15px 0 0;color:#ffe9ea;font-size:14px;line-height:1.65}
.contact-details{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr;border:1px solid var(--line);border-top:0;background:#fff;box-shadow:0 25px 60px #131e3112}
.contact-details article{display:flex;flex-direction:column;align-items:flex-start;min-height:265px;padding:31px;border-right:1px solid var(--line)}.contact-details article:last-child{border-right:0}
.contact-details article>svg{color:var(--red);margin-bottom:18px}.contact-details h3{margin:0 0 15px;font-size:16px}.contact-details strong{margin:6px 0 4px;font-size:13px}
.contact-details a,.contact-details span,.contact-details small{margin:2px 0;color:var(--muted);font-size:12px;line-height:1.45}.contact-details a:hover{color:var(--red)}.contact-details b{margin-top:5px;font-size:15px}
.contact-details .general-mail{display:flex;align-items:center;gap:6px;margin-top:13px;color:var(--red);font-weight:800}
@media(max-width:900px){.shop-card{grid-template-columns:auto 1fr}.shop-card>.button{grid-column:2;justify-self:start}.contact-details{grid-template-columns:1fr 1fr}.contact-details article:nth-child(2){border-right:0}.contact-details article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.shop-section{padding-bottom:72px}.shop-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px}.contact-details{grid-template-columns:1fr}.contact-details article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}}

.remote-install{font-weight:800;color:#fff}.remote-install:hover,.topbar a:hover{color:#ff8b91}
.footer-support{display:flex;align-items:center;gap:6px;color:#dce3ed;font-weight:700}.footer-support:hover{color:#fff}
@media(max-width:600px){.topbar-inner{min-height:auto;padding:8px 0;gap:7px;flex-wrap:wrap}.topbar-inner>div{width:100%;justify-content:space-between;gap:10px}.topbar{font-size:10px}}
@media(max-width:900px){.nav nav.is-open{position:absolute;display:flex;top:68px;left:20px;right:20px;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 22px 55px #11182724}.nav nav.is-open a{padding:13px 12px}.menu-button{font-size:25px;cursor:pointer}}