/* S-IT.cz — samostatný web bez externích závislostí. */
:root{--ink:#102b49;--muted:#526577;--blue:#166da0;--cyan:#91def4;--line:#dce5ec;--light:#f1f6fa;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:white}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #168bc2;outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.35rem;letter-spacing:-.025em}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.header{background:#fff;position:sticky;top:0;z-index:3;border-bottom:1px solid var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:160px;flex-shrink:0}.header nav{display:flex;align-items:center;gap:38px;font-size:.94rem;font-weight:600}.header nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid var(--line);padding:10px 18px;border-radius:8px}.nav-contact span{margin-left:22px}.hero{background:linear-gradient(115deg,#f4f8fb 0%,#fff 70%)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-block:86px 70px}.eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:700;color:var(--blue);margin-bottom:24px}h1{font-size:clamp(3rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.06em}h1 span{color:var(--blue)}.lead{font-size:1.12rem;line-height:1.75;color:var(--muted);max-width:530px;margin-top:28px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:24px;align-items:center;padding:15px 22px;background:var(--ink);color:white;border-radius:8px;font-weight:600;font-size:.93rem;transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.text-link{font-size:.9rem;font-weight:600}.text-link span{margin-left:10px}.hero-note{font-size:.82rem;color:var(--muted);margin-top:25px}.infrastructure{background:var(--ink);border-radius:var(--radius);color:#fff;padding:28px;box-shadow:0 22px 50px #18395518;transform:rotate(1deg)}.panel-top{display:flex;justify-content:space-between;gap:12px;color:#b6d0e4;font-size:.75rem;letter-spacing:.09em}.diagram{margin-top:38px}.diagram-core{border:1px solid #51718d;background:#1b3d5d;padding:28px 22px;display:flex;flex-direction:column;gap:8px;border-radius:10px}.core-caption{font-size:.72rem;letter-spacing:.1em;color:var(--cyan)}.diagram-core strong{font-size:1.7rem;letter-spacing:-.03em}.diagram-core>span:last-child{font-size:.9rem;color:#c2d3e1}.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:23px;position:relative}.diagram-grid:before{content:"";position:absolute;height:23px;top:0;left:50%;border-left:1px solid #66829b}.diagram-grid>div{border:1px solid #3f617e;border-radius:8px;padding:14px 12px;font-size:.85rem;display:flex;align-items:center;gap:10px}.diagram-symbol{font-size:.72rem;color:var(--cyan)}.panel-bottom{font-size:.76rem;color:#b6d0e4;border-top:1px solid #3f617e;padding-top:21px;margin-top:30px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:.74rem;letter-spacing:.14em;color:#536e83;font-weight:bold}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:44px}.section-heading>p{max-width:330px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:20px}.service{padding:30px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.service-number{font-size:.73rem;letter-spacing:.1em;color:var(--blue);font-weight:bold;display:block;margin-bottom:30px}.service h3{margin-bottom:16px}.service p{font-size:.96rem;color:var(--muted);line-height:1.7}.service-tags{margin-top:auto;padding-top:26px;font-size:.77rem;color:var(--muted)}.featured{grid-row:span 2;background:var(--light);border-color:var(--light)}.featured h3{font-size:2.2rem}.featured ul{padding:0;list-style:none;margin:28px 0 40px;width:100%;font-size:.9rem}.featured li{padding:13px 0;border-bottom:1px solid var(--line)}.featured li:before{content:"✓";margin-right:10px;color:var(--blue)}.featured a{margin-top:auto;font-size:.9rem;font-weight:bold;width:100%;display:flex;justify-content:space-between;gap:15px}.featured a:hover{color:var(--blue)}.why{background:var(--light)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why h2 span{color:var(--blue)}.why-intro{max-width:440px;margin-top:26px;color:var(--muted)}.principles article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid #d2dfe8}.principles article:first-child{padding-top:0}.principles article:last-child{border-bottom:0;padding-bottom:0}.principles article>span{color:var(--blue);font-size:.85rem;font-weight:bold;padding-top:2px}.principles h3{font-size:1.2rem;margin-bottom:12px}.principles p{color:var(--muted);font-size:.96rem}.contact-box{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;background:var(--ink);padding:58px 62px;border-radius:var(--radius);color:white}.contact .eyebrow{color:var(--cyan)}.contact h2{font-size:clamp(2.2rem,3.5vw,3.1rem)}.contact-box>div>p:last-child{color:#c2d3e1;margin-top:25px;max-width:430px}.contact-details{align-self:center;min-width:0}.contact-notice{font-size:.9rem;color:var(--cyan)}dl{margin:20px 0 0}dl>div{padding:16px 0;border-top:1px solid #3f5b74}dt{font-size:.8rem;color:#b6cbdd}dd{margin:4px 0 0;font-size:1.1rem;overflow-wrap:anywhere}.footer{padding-bottom:32px;display:flex;align-items:center;gap:35px}.footer img{width:115px}.footer p{color:var(--muted);font-size:.85rem}.back-top{margin-left:auto;font-size:.85rem}.back-top span{margin-left:12px}
@media(min-width:1500px){.hero-grid{padding-block:100px 86px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-grid{gap:32px}.infrastructure{padding:22px}.diagram-grid>div{font-size:.8rem;padding:12px 9px}.services-grid{grid-template-columns:1fr 1fr}.featured{grid-column:span 2;grid-row:auto}.featured h3 br{display:none}.featured ul{margin-block:15px 25px}.why-grid{gap:45px}.contact-box{padding:40px;gap:45px}}
@media(max-width:760px){html{scroll-padding-top:130px}.container{width:calc(100% - 40px)}.header-inner{min-height:90px;gap:15px}.brand{width:125px}.header nav{gap:18px;font-size:.84rem}.nav-contact{padding:8px 12px}.nav-contact span{display:none}.hero-grid{grid-template-columns:1fr;gap:38px;padding-block:48px 38px}h1{font-size:clamp(2.8rem,9.7vw,4.5rem)}.lead{font-size:1.06rem}.infrastructure{transform:none;padding:25px}.diagram{margin-top:26px}.diagram-grid>div{font-size:.9rem;padding:16px}.hero-bottom{flex-wrap:wrap;justify-content:flex-start;column-gap:25px;font-size:.66rem}.section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:100%}.eyebrow{margin-bottom:18px}.why-grid{grid-template-columns:1fr;gap:36px}.why-intro{max-width:100%}.contact-box{grid-template-columns:1fr;gap:30px;padding:32px 26px}.contact{padding-bottom:42px}.footer{flex-wrap:wrap;gap:20px}.footer p{margin-left:auto}.back-top{margin-left:0}}
@media(max-width:480px){.header-inner{flex-wrap:wrap;justify-content:center;padding-block:12px;gap:9px}.brand{width:112px}.header nav{width:100%;justify-content:center;gap:24px}.nav-contact{padding:3px 10px}.hero-grid{padding-top:38px}.actions{gap:20px}.button{width:100%;justify-content:space-between}.hero-note{font-size:.78rem}.services-grid{grid-template-columns:1fr;gap:15px}.featured{grid-column:auto}.service{padding:26px}.service-number{margin-bottom:22px}.diagram-grid{gap:9px}.diagram-grid>div{font-size:.79rem;padding:13px 9px;gap:8px}.diagram-core{padding:23px 16px}.diagram-core strong{font-size:1.45rem}.panel-top{font-size:.65rem}.panel-bottom{font-size:.74rem}.footer p{margin-left:0}.footer{justify-content:space-between}.back-top{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.header{position:static}.hero-grid,.why-grid,.contact-box{display:block}.infrastructure{margin-top:25px;box-shadow:none;transform:none}.section{padding-block:25px}.service{break-inside:avoid}.contact-box{color:#102b49;background:#f1f6fa}.contact-box p,.contact-box dt,.contact-box .eyebrow{color:#526577!important}.back-top,.skip{display:none}}