/*
GridKeeper
Soubor: outputs/2026-09-23-vtz-brand-web/website/dist/styles.css
Modul: Návrh webu VTZ INVEST
Vrstva: Vizuální styl
Účel:
- Responzivní vzhled návrhu webu ve světlém a tmavém motivu.
Vazby / závislosti:
- index.html
Vytvořeno: 2026-09-23
Naposledy změněno: 2026-09-23
Poznámka:
- Samostatný prezentační návrh, bez zásahu do aplikačních stylů GridKeeperu.
*/
:root{color-scheme:light;--paper:#fff;--surface:#f2f4f5;--ink:#1b242c;--muted:#53616c;--line:#d9dfe3;--gold:#886018;--gold-light:#d9b470;--night:#161c21;--header:rgba(255,255,255,.97)}
:root[data-theme=dark]{color-scheme:dark;--paper:#161d23;--surface:#202a32;--ink:#f1f4f6;--muted:#b7c4ce;--line:#3c4b56;--gold:#d9b470;--header:rgba(22,29,35,.97)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}h2{font-size:clamp(2.3rem,4vw,3.6rem);font-weight:500;letter-spacing:-.04em}h3{font-size:1.45rem;font-weight:500;letter-spacing:-.025em}img{display:block;max-width:100%;height:auto}section,footer{scroll-margin-top:20px}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:var(--paper)}.skip:focus{top:12px}.site-header{height:100px;padding:14px 5%;display:flex;align-items:center;gap:40px;background:var(--header);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{width:153px;flex-shrink:0}.brand img{width:100%;height:65px;object-fit:contain}.on-dark{display:none!important}[data-theme=dark] .on-light{display:none!important}[data-theme=dark] .on-dark{display:block!important}nav{display:flex;gap:29px;margin-left:auto;font-size:.9rem}nav a{padding:8px 0}nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:22px}.theme-button{width:40px;height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;border-radius:50%}.theme-button:hover{background:var(--surface)}.contact-link{font-size:.9rem;border-bottom:1px solid var(--gold);white-space:nowrap}.contact-link span{margin-left:16px;color:var(--gold)}.hero{position:relative;min-height:730px;background:var(--night);color:#fff;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:58%;height:100%;}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161c21 0%,rgba(22,28,33,.15) 35%,rgba(22,28,33,.12)),linear-gradient(0deg,#161c21 0%,transparent 26%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.55)}.hero-photo>span{position:absolute;right:7%;bottom:95px;z-index:1;font-size:.75rem;color:#fff;text-shadow:0 1px 4px #000}.hero-content{position:relative;z-index:1;padding:66px 5% 112px;width:60%;max-width:920px}.eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.14em;line-height:1.6;color:var(--gold)}.hero .eyebrow{color:var(--gold-light)}h1{font-size:clamp(3.6rem,6.5vw,6.3rem);font-weight:500;letter-spacing:-.055em;margin:30px 0}h1 em{font-style:normal;color:var(--gold-light)}.hero-lead{font-size:1.08rem;line-height:1.75;max-width:460px;color:#d3dbe0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 23px;font-size:.95rem;font-weight:600;min-height:55px}.button-gold{background:var(--gold-light);color:#181f24;margin-top:28px}.button:hover{filter:brightness(1.08)}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #616262;display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:20px;color:#dce0e2;font-size:.78rem;letter-spacing:.05em}.hero-bottom a span{margin-left:25px}.section{padding:100px 5%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-bottom:62px}.section-heading>div{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.section-heading h2{max-width:600px}.section-heading>div>p{max-width:320px;color:var(--muted);font-size:.95rem}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solutions-grid article{padding:28px 32px 31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:275px}.solution-number{color:var(--gold);font-size:.9rem;margin-bottom:25px}.solutions-grid p{margin:16px 0 22px;line-height:1.65;color:var(--muted);max-width:370px}.solution-tag{margin-top:auto;font-size:.75rem;letter-spacing:.09em;color:var(--gold)}.footer{display:grid;grid-template-columns:2fr 1fr;gap:60px;background:#141b21;color:#f2f5f7;padding:84px 5% 0}.footer .eyebrow{color:var(--gold-light);margin-bottom:26px}.footer h2{max-width:680px}.email-link{display:block;font-size:clamp(1.45rem,3.1vw,2.8rem);font-weight:400;letter-spacing:-.03em;margin:28px 0 16px;width:fit-content;border-bottom:1px solid #59616a}.email-link span{color:var(--gold-light);margin-left:30px}.phone-link{font-size:1.35rem;color:#c3cdd4}.footer-details{font-size:.9rem;color:#c3cdd4}.footer-details strong{color:#fff;font-size:1rem}.footer-details p{margin-top:18px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #3d4851;padding:24px 0;font-size:.78rem;color:#b7c3cc}.footer-bottom a{color:white}
@media(min-width:1700px){.hero{min-height:840px}.hero-content{padding-top:90px}.section,.site-header,.footer{padding-left:max(5%,calc((100vw - 1580px)/2));padding-right:max(5%,calc((100vw - 1580px)/2))}}
@media(max-width:1150px){.site-header{gap:22px}nav{gap:18px}.header-actions{gap:14px}.section-heading{grid-template-columns:1fr 3fr}.section-heading>div{display:block}.section-heading>div>p{margin-top:24px;max-width:600px}.hero-content{width:68%}.hero{min-height:705px}.solutions-grid article{padding:26px}.hero-photo{width:64%}}
@media(max-width:850px){.site-header{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding:10px 5%}.brand{width:130px}.brand img{height:53px}nav{order:3;width:100%;overflow:auto;gap:25px;white-space:nowrap;margin:0;font-size:.82rem;border-top:1px solid var(--line);padding-top:4px}.header-actions{margin-left:auto}.hero{min-height:660px}.hero-content{width:84%;padding-top:48px}.hero-photo{width:100%;opacity:.53}.hero-photo:after{background:linear-gradient(90deg,#161c21,rgba(22,28,33,.3)),linear-gradient(0deg,#161c21,transparent 50%)}.hero-lead{max-width:460px}.hero-bottom>span{max-width:160px}.section{padding:65px 5%}.section-heading{display:block}.section-heading>.eyebrow{margin-bottom:25px}.section-heading>div>p{font-size:1rem}.solutions-grid{grid-template-columns:repeat(2,1fr)}.footer{padding-top:65px;gap:35px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:520px){html{scroll-padding-top:140px}.hero-content{width:100%;padding-top:40px;padding-bottom:120px}.hero h1{font-size:3.75rem}.hero .eyebrow{font-size:.68rem}.hero-lead{font-size:1rem;max-width:330px}.hero-bottom{font-size:.65rem}.hero-bottom a{max-width:160px;text-align:right}.hero-photo>span{display:none}.solutions-grid{grid-template-columns:1fr}.solutions-grid article{min-height:235px;padding:26px}.solutions-grid p{max-width:none}.section-heading{margin-bottom:36px}h2{font-size:2.55rem}.footer{grid-template-columns:1fr;padding-top:60px}.footer-details{padding-top:15px;border-top:1px solid #3d4851}.email-link span{margin-left:8px}.button{gap:25px}.contact-link{font-size:.83rem}.header-actions{gap:12px}}
.cooperation{background:var(--surface)}.cooperation-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.investment-note{max-width:470px}.quote-mark{font:6rem Georgia,serif;display:block;color:var(--gold);height:65px;line-height:1}.investment-note>p{font-size:clamp(1.65rem,2.65vw,2.5rem);line-height:1.3;letter-spacing:-.035em}.investment-note>div{color:var(--muted);font-size:.9rem;margin-top:25px;max-width:370px}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;gap:30px;border-top:1px solid var(--line);padding:29px 0}.steps li>span{color:var(--gold);font-size:.85rem}.steps li:last-child{border-bottom:1px solid var(--line)}.steps h3{font-size:1.35rem}.steps p{color:var(--muted);margin-top:10px}.platform-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.platform-brand{background:#152631;padding:70px 11% 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.platform-brand>img{width:100%;height:auto}.platform-brand>p{color:#c9d7df;font-size:.8rem;letter-spacing:.1em;line-height:1.8;margin-top:36px}.platform-topics{display:flex;gap:18px;border-top:1px solid #506774;padding-top:24px;margin-top:35px;font-size:.8rem;color:#c6d4dd;flex-wrap:wrap;justify-content:center}.platform-copy{padding:50px 10%}.platform-copy>h3{font-size:2rem}.platform-copy>p{color:var(--muted);margin-top:20px}.licensing{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.licensing p{font-size:.95rem}.licensing a{display:block;width:180px;margin-top:20px}.licensing img{width:100%;height:auto}.text-link{display:inline-block;padding:8px 0;border-bottom:1px solid var(--gold);font-size:.94rem;font-weight:600;margin-top:27px}.text-link>span{margin-left:26px;color:var(--gold)}.utea-section{padding-top:30px}.utea-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--surface)}.utea-art{background:#0a1f5c;min-height:450px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:65px}.utea-art img{width:100%;max-width:380px;height:auto}.utea-copy{padding:60px 10%}.utea-copy h2{font-size:2.9rem;margin:23px 0}.utea-copy>p:not(.eyebrow){color:var(--muted);margin-top:18px}.utea-copy .eyebrow{font-size:.72rem}
@media(max-width:850px){.cooperation-layout{gap:7%}.platform-brand{padding:50px 9%}.platform-copy{padding:40px 9%}.utea-art{padding:45px;min-height:360px}.utea-copy{padding:45px 9%}.utea-copy h2{font-size:2.4rem}.platform-topics{gap:12px}.section-heading>div>p{max-width:none}}
@media(max-width:650px){.cooperation-layout,.platform-layout,.utea-layout{grid-template-columns:1fr}.investment-note{margin-bottom:42px}.platform-brand{min-height:310px}.platform-brand>img{max-width:380px}.platform-copy{padding:35px 7%}.utea-art{min-height:240px;padding:40px 20%}.utea-copy{padding:40px 7%}.utea-section{padding-top:0}.utea-copy h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}