:root{--blue:#0067b8;--deep:#07182d;--ink:#101820;--muted:#5b6572;--line:#dfe3e8;--off:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:78px;padding:0 clamp(22px,4vw,68px);background:rgba(255,255,255,.97);border-bottom:1px solid #e4e7ea;display:flex;align-items:center;gap:34px;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:21px;font-weight:800;letter-spacing:-2px}.brand-name{font-size:19px;letter-spacing:-.5px}.brand-name b{font-weight:800;color:var(--blue)}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:600}.desktop-nav a{position:relative;padding:30px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--blue);transition:.25s}.desktop-nav a:hover:after{right:0}.header-cta{background:var(--blue);color:#fff;font-size:14px;font-weight:700;padding:14px 18px}.header-cta span,.button span,.text-link span,.service-card a span,.contact-side a span{display:inline-block;margin-left:8px;transition:.2s}.header-cta:hover span,.button:hover span,.text-link:hover span,.service-card a:hover span,.contact-side a:hover span{transform:translate(3px,-3px)}.menu-toggle{display:none;width:48px;height:48px;border:0;background:transparent;position:relative;cursor:pointer}.menu-toggle span{position:absolute;left:10px;width:28px;height:2px;background:#17283c;transition:.3s}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:28px}.menu-toggle.open span:first-child{top:23px;transform:rotate(45deg)}.menu-toggle.open span:last-child{top:23px;transform:rotate(-45deg)}.mobile-menu{display:none}
.hero{min-height:760px;padding:78px clamp(22px,6vw,96px) 0;display:grid;grid-template-columns:1.02fr .98fr;position:relative;overflow:hidden;background:linear-gradient(115deg,#f8fafb 0%,#f8fafb 53%,#eaf3fa 53%,#eaf3fa 100%)}.hero-copy{align-self:center;padding:62px 34px 110px 0;position:relative;z-index:2}.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0 0 28px}.eyebrow span{display:inline-block;width:25px;height:2px;background:var(--blue);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(48px,5.8vw,86px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:850px;font-weight:720}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:620px;color:#4b5866;font-size:18px;line-height:1.65;margin:34px 0 38px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:186px;padding:17px 20px;font-size:14px;font-weight:800}.button.primary{background:var(--blue);color:#fff}.text-link{font-size:14px;font-weight:800;border-bottom:1px solid #aab1b8;padding:11px 0}.hero-art{position:relative;min-height:660px;align-self:stretch}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(0,103,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,103,184,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:370px;height:370px;right:6%;top:20%;background:linear-gradient(140deg,#0476c9,#004276);box-shadow:0 35px 80px rgba(0,65,120,.28)}.orb-two{width:135px;height:135px;left:9%;bottom:20%;background:#ffb900;mix-blend-mode:multiply}.lab-card{position:absolute;width:245px;padding:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(13,39,64,.16);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px)}.lab-card span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--blue)}.lab-card b{display:block;font-size:20px;margin:18px 0 5px}.lab-card small{color:#66717b}.card-a{top:17%;left:1%;transform:rotate(-3deg)}.card-b{right:0;bottom:16%;transform:rotate(3deg)}.signal{position:absolute;left:26%;top:55%;display:flex;gap:7px;align-items:end}.signal i{display:block;width:8px;background:#ff5d45}.signal i:nth-child(1){height:20px}.signal i:nth-child(2){height:38px}.signal i:nth-child(3){height:60px}.signal i:nth-child(4){height:86px}.hero-stamp{position:absolute;right:21%;top:38%;width:112px;height:112px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.35;letter-spacing:.15em;transform:rotate(8deg);box-shadow:0 16px 30px rgba(7,24,45,.3)}.hero-stamp b{color:#61b8f0;font-size:18px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:54px;background:var(--deep);color:#b5c0cb;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,96px);font-size:10px;letter-spacing:.18em}
.intro{padding:110px clamp(22px,6vw,96px);display:grid;grid-template-columns:.65fr 1.7fr .7fr;gap:55px;align-items:start}.intro h2,.section-head h2,.process h2{font-size:clamp(38px,4.4vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0}.intro h2 span{color:var(--blue)}.intro>div>p{color:var(--muted);font-size:17px;line-height:1.75;max-width:670px;margin:30px 0 0}.intro-stat{border-left:1px solid var(--line);padding-left:35px;margin-top:42px}.intro-stat strong{display:block;font-size:58px;letter-spacing:-.06em;color:var(--blue)}.intro-stat span{font-size:13px;line-height:1.5;color:var(--muted)}.services,.process{padding:110px clamp(22px,6vw,96px);background:var(--off)}.section-head{display:grid;grid-template-columns:1.6fr .65fr;gap:50px;align-items:end;margin-bottom:62px}.section-head>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#d9dfe4}.service-card{min-height:370px;padding:29px;position:relative;display:flex;flex-direction:column;background:#fff;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);z-index:2;box-shadow:0 20px 48px rgba(17,42,68,.16)}.service-no{font-size:11px;font-weight:800;color:#8b959f;letter-spacing:.14em}.service-icon{margin:45px 0 30px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #b8c2cc;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.08em}.service-card h3{font-size:21px;margin:0 0 15px;letter-spacing:-.02em}.service-card p{font-size:14px;line-height:1.6;color:#64707c;margin:0 0 25px}.service-card a{margin-top:auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.service-card.blue{background:#0067b8;color:#fff}.service-card.blue p,.service-card.ink p,.service-card.cyan p{color:rgba(255,255,255,.75)}.service-card.blue .service-icon,.service-card.ink .service-icon,.service-card.cyan .service-icon{border-color:rgba(255,255,255,.4);color:#fff}.service-card.ink{background:var(--deep);color:#fff}.service-card.cyan{background:#008fae;color:#fff}.service-card.coral{background:#ff624c;color:#1c1b1b}.service-card.yellow{background:#ffca28}.service-card.light{background:#fff}
.feature{min-height:670px;background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.feature-copy{padding:105px clamp(22px,7vw,120px)}.section-label.light{color:#75c6f7}.feature h2{font-size:clamp(45px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0}.feature-copy>p:not(.section-label){color:#b8c4cf;line-height:1.75;font-size:16px;max-width:600px;margin:30px 0}.feature ul{list-style:none;padding:0;margin:30px 0 38px;display:grid;gap:16px;color:#e1e8ee;font-size:14px}.feature li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);margin-right:12px}.button.white{background:#fff;color:var(--deep)}.feature-visual{position:relative;background:radial-gradient(circle at center,rgba(0,103,184,.24),transparent 58%),linear-gradient(135deg,#0b213b,#061426)}.ring{position:absolute;border:1px solid rgba(99,187,242,.32);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.r1{width:190px;height:190px}.r2{width:350px;height:350px}.r3{width:530px;height:530px}.center-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:900;font-size:25px;letter-spacing:.1em;box-shadow:0 0 55px rgba(0,126,210,.5)}.tag{position:absolute;background:#fff;color:var(--deep);padding:11px 15px;font-size:10px;font-weight:900;letter-spacing:.12em}.t1{top:20%;left:22%}.t2{right:11%;top:36%}.t3{left:13%;bottom:25%}.t4{right:25%;bottom:14%}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:38px 32px 15px 0;border-right:1px solid var(--line);min-height:240px}.process-grid article+article{padding-left:32px}.process-grid article:last-child{border-right:0}.process-grid span{color:var(--blue);font-size:12px;font-weight:800}.process-grid h3{font-size:21px;margin:38px 0 14px}.process-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.contact{background:#0067b8;color:#fff;padding:100px clamp(22px,6vw,96px);display:grid;grid-template-columns:1.6fr .75fr;gap:60px;align-items:end}.contact h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.05em;line-height:1;margin:0}.contact h2 em{font-style:normal;color:#b9e4ff}.contact-side p{font-size:16px;line-height:1.7;color:#d9effc}.contact-side a{display:inline-block;margin-top:20px;font-size:20px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:8px}footer{padding:42px clamp(22px,6vw,96px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;background:#fff}.footer-links{display:flex;gap:28px;font-size:13px;font-weight:700}footer>p{text-align:right;font-size:11px;color:#7a838b}.back-top{position:fixed;z-index:800;right:25px;top:67%;width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:24px;box-shadow:0 8px 25px rgba(0,74,131,.3);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.back-top:hover{background:#004f8e}
@media(max-width:1050px){.desktop-nav{gap:18px}.header-cta{display:none}.hero{grid-template-columns:1.1fr .9fr}.service-grid{grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:.5fr 1.5fr}.intro-stat{grid-column:2}.feature{grid-template-columns:1.1fr .9fr}.footer-links{display:none}}
@media(max-width:760px){html{scroll-padding-top:68px}.site-header{height:68px;padding:0 17px}.brand-mark{width:34px;height:34px}.brand-name{font-size:17px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-menu{display:flex;position:fixed;z-index:990;inset:68px 0 0;background:#fff;padding:26px 22px 30px;flex-direction:column;transform:translateX(100%);opacity:0;visibility:hidden;transition:transform .32s ease,opacity .25s}.mobile-menu.open{transform:none;opacity:1;visibility:visible}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font-size:clamp(30px,9vw,44px);font-weight:750;letter-spacing:-.045em;border-bottom:1px solid #dfe3e7;padding:18px 2px;display:flex;align-items:center;gap:18px}.mobile-menu nav small{font-size:10px;color:var(--blue);letter-spacing:.15em}.mobile-cta{margin-top:auto;background:var(--blue);color:#fff;padding:20px;font-size:16px;font-weight:800;display:flex;justify-content:space-between}.hero{min-height:860px;display:block;padding:68px 22px 54px;background:linear-gradient(165deg,#f7f9fb 0%,#f7f9fb 60%,#e5f1f8 60%)}.hero-copy{padding:75px 0 20px}.eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(47px,14vw,66px)}.hero-lead{font-size:16px;line-height:1.6;margin:28px 0}.hero-actions{flex-wrap:wrap}.hero-art{min-height:335px;margin:0 -22px}.orb-one{width:225px;height:225px;right:6%;top:15%}.orb-two{width:85px;height:85px;left:8%;bottom:9%}.lab-card{width:170px;padding:16px}.lab-card b{font-size:15px;margin:10px 0 3px}.card-a{top:8%;left:2%}.card-b{bottom:3%;right:1%}.hero-stamp{width:78px;height:78px;right:18%;top:42%;font-size:7px}.hero-stamp b{font-size:12px}.signal{left:35%;top:56%}.signal i{width:5px}.hero-bottom{height:40px;padding:0 22px}.hero-bottom span:nth-child(2),.hero-bottom span:nth-child(3){display:none}.intro{padding:76px 22px;display:block}.intro .section-label{margin-bottom:38px}.intro-stat{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:40px}.intro-stat strong{font-size:52px}.services,.process{padding:76px 22px}.section-head{display:block;margin-bottom:42px}.section-head>p{margin-top:25px}.service-grid{grid-template-columns:1fr;gap:1px}.service-card{min-height:330px}.feature{display:block}.feature-copy{padding:76px 22px}.feature-visual{height:410px}.r3{width:360px;height:360px}.r2{width:260px;height:260px}.r1{width:150px;height:150px}.tag{padding:8px 10px;font-size:8px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.process-grid h3{margin:25px 0 10px}.contact{padding:76px 22px;display:block}.contact-side{margin-top:45px}.contact-side a{font-size:17px}footer{padding:36px 22px;display:flex;flex-direction:column;align-items:flex-start}footer>p{text-align:left}.back-top{right:16px;width:46px;height:46px}}
@media(min-width:761px) and (max-width:1050px){.menu-toggle{display:block;margin-left:auto}.desktop-nav{display:none}.mobile-menu{display:flex;position:fixed;z-index:990;inset:78px 0 0;background:#fff;padding:45px 7vw;flex-direction:column;transform:translateY(-110%);opacity:0;visibility:hidden;transition:.3s}.mobile-menu.open{transform:none;opacity:1;visibility:visible}.mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.mobile-menu nav a{font-size:38px;font-weight:750;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding:24px 0;display:flex;gap:16px}.mobile-menu nav small{font-size:10px;color:var(--blue)}.mobile-cta{margin-top:auto;background:var(--blue);color:#fff;padding:22px;font-weight:800;display:flex;justify-content:space-between}.hero{min-height:720px}.hero h1{font-size:58px}.intro{padding-top:85px}.feature-copy{padding:85px 50px}.contact{padding:85px 55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Pevný desktopový rámec: 1300 px celkom / 1240 px vnútorný obsah. */
html,body{max-width:100%;overflow-x:hidden}
body{background:#edf1f4}
main{position:relative;width:100%;max-width:1300px;margin:0 auto;background:#fff;overflow-x:clip}
.site-header{left:50%;right:auto;width:min(100%,1300px);transform:translateX(-50%)}
.hero>*,.intro>*,.section-head>*,.feature>*,.contact>*,footer>*{min-width:0}
.back-top{right:max(20px,calc((100vw - 1300px)/2 + 20px))}

@media(min-width:1051px){
  .site-header,.hero,.intro,.services,.process,.contact,footer{padding-left:30px;padding-right:30px}
  .hero-bottom{padding-left:30px;padding-right:30px}
  .feature-copy{padding-left:65px;padding-right:65px}
}

@media(max-width:1050px){
  main{max-width:100%}
  .site-header{width:100%}
  .back-top{right:16px}
}