@font-face{font-family:Questrial;src:url('/assets/font-0.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
:root{--forest:#1e3b2a;--slate:#677e82;--white:#fff;--soft:#c7d3d5;--black:#070908;color-scheme:dark;font-family:Questrial,Arial,sans-serif;color:var(--white);background:var(--forest)}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}button{color:inherit}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:3px solid #b4c9ba;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:100;background:white;color:var(--forest);padding:14px}.skip:focus{transform:none}.site-header{height:92px;position:fixed;inset:0 0 auto;z-index:20;padding:0 3%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0007,transparent)}.site-header.scrolled{background:rgba(7,15,11,.9);backdrop-filter:blur(12px)}.brand{display:flex;gap:6px;align-items:center;text-decoration:none;width:fit-content}.brand img{width:91px;height:62px;object-fit:contain}.brand-name{display:block;font-size:30px;line-height:1.1}.brand-tagline{display:block;font-size:20px;margin-top:8px;line-height:1.15}.menu-toggle{background:transparent;border:0;padding:12px;width:74px;height:74px}.menu-toggle img{width:48px;height:48px;object-fit:contain}.hero{min-height:700px;height:100svh;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{background:#0005;z-index:-1}.hero-content{text-align:center;width:100%;padding:80px 6% 100px}.hero h1{font-size:clamp(70px,12.2vw,190px);line-height:1.05;letter-spacing:-.035em}.hero p{font-size:30px;margin-top:52px}.hero-cta{position:absolute;bottom:9%;right:3%}.pill{border:1.5px solid white;border-radius:100px;background:transparent;color:#fff;min-height:44px;min-width:182px;display:inline-flex;align-items:center;justify-content:center;padding:6px 24px;text-decoration:none;font-size:24px;line-height:1.2}.pill:hover{background:white;color:var(--forest)}.forest{background:var(--forest)}.slate{background:var(--slate)}.service-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:100svh;padding:100px 0;gap:0;scroll-margin-top:92px}.section-copy{width:72%;max-width:520px;justify-self:center}.home-section .section-copy{max-width:440px}.section-copy h2{font-size:clamp(44px,5vw,72px);line-height:1.03;margin-bottom:24px;letter-spacing:-.025em}.rich{font-size:20px;line-height:1.6}.rich p+p{margin-top:12px}.rich ul,.rich ol{padding-left:24px;margin:12px 0}.rich li p{margin:0}.rich strong,.rich b{font-weight:bold}.section-media{width:78%;justify-self:end;margin-right:6%;}.section-media img{width:100%;aspect-ratio:1.54;object-fit:cover;border-radius:32px}.arrow-link{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;margin-top:26px;border-radius:50%}.arrow-link:hover{background:#ffffff20}.arrow-link img{width:56px;height:56px}.pricing{padding:100px 7% 120px}.pricing>h2{font-size:72px;margin-bottom:60px;letter-spacing:-.025em}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.price-card{background:var(--slate);border-radius:22px;padding:30px 24px;display:flex;flex-direction:column;min-height:550px}.price-card h3{font-size:42px;line-height:1.12;margin-bottom:24px;white-space:pre-line}.price-copy{font-size:17px;line-height:1.5}.price-copy p+p{margin-top:12px}.price-copy ul{padding-left:19px;margin:0}.price-copy li{margin-bottom:4px}.price-copy li p{margin:0}.price-bottom{margin-top:auto;padding-top:32px}.price{font-size:30px;margin:0 0 18px}.price-bottom .pill{font-size:20px;min-width:140px}.about-layout{display:grid;grid-template-columns:1fr 1fr}.about-image{position:sticky;top:0;height:100svh}.about-image img{height:100%;width:100%;object-fit:cover}.about-content{padding:175px 5% 100px 10%}.about-content h1{font-size:90px;line-height:1.1;margin-bottom:38px}.about-content .lead{font-size:28px;line-height:1.45;margin-bottom:30px}.about-content .rich{font-size:17px}.about-content h2{font-size:42px;margin-bottom:34px}.team{margin-top:120px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.team-grid img{width:100%;aspect-ratio:181/208;object-fit:cover;border-radius:16px}.team-grid h3{font-size:22px;margin-top:20px}.team-grid p{font-size:15px;line-height:1.5;margin-top:8px}.projects{margin:100px 0 55px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;font-size:23px}.privacy{max-width:1100px;margin:0 auto;padding:190px 7% 100px;line-height:1.6}.privacy h1{font-size:64px;line-height:1.08;margin-bottom:40px}.privacy h2{font-size:32px;line-height:1.2;margin:36px 0 16px}.privacy p{font-size:18px;margin:12px 0}.privacy ul{padding-left:24px}.privacy li p{margin:0}.footer{background:#050605;padding:40px 3% 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand img{width:72px;height:49px}.footer .brand-name{font-size:27px}.footer .brand-tagline{font-size:17px}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.footer nav a{font-size:18px;text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer-bottom{margin-top:32px;display:flex;justify-content:space-between;font-size:16px;line-height:1.65}.footer-bottom>div:last-child{text-align:right}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}dialog{color:white;border:0}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.navigation{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;background:#060807;padding:12vh 10%;overflow:auto}.close{background:transparent;border:0;font:300 46px/1 Arial,sans-serif;width:48px;height:48px;position:absolute;top:20px;right:20px;display:grid;place-items:center;border-radius:50%;padding:0}.close:hover{background:#ffffff20}.navigation .close{right:3%;top:24px}.navigation nav{display:flex;flex-direction:column;gap:22px;max-width:900px}.navigation nav a{font-size:clamp(32px,4.5vw,66px);text-decoration:none;width:fit-content;line-height:1.1}.navigation nav a:hover,.navigation nav a[aria-current]{color:#a2b7a9}.menu-contact{margin-top:50px;display:flex;gap:30px;align-items:center;font-size:21px}.contact-dialog{background:var(--forest);border-radius:28px;box-shadow:0 20px 100px #0007;width:620px;max-width:calc(100% - 32px);max-height:calc(100svh - 40px);padding:36px;margin:auto;overscroll-behavior:contain}.contact-dialog h2{font-size:44px;padding-right:32px}.form-intro{font-size:18px;margin:12px 0 24px;color:#dde6e0}.field{display:flex;flex-direction:column;font-size:15px;gap:8px;margin-bottom:20px}.field input,.field textarea{background:#fff;color:#14271d;border:2px solid transparent;border-radius:14px;min-height:44px;width:100%;padding:10px 14px}.field textarea{resize:vertical;min-height:100px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{font-size:15px;margin-bottom:14px}.service-options{display:grid;gap:12px}.service-options label{display:flex;align-items:center;gap:12px;font-size:17px;cursor:pointer;min-height:24px}.service-options input{width:18px;height:18px;accent-color:#9cbd9d;margin:0;flex-shrink:0}.form-privacy{font-size:14px;line-height:1.5;color:#d6e0d9}.test-note{font-size:14px;line-height:1.5;border-left:2px solid #aec4b7;padding-left:12px;margin:20px 0}.submit{display:flex;margin:18px 0 0 auto;min-width:220px;font-size:21px}.submit:disabled{opacity:.6;cursor:wait}.field-error,.form-status.error{color:#ffd2cb}.field-error{font-size:14px;margin-top:10px}.form-status:not(:empty){background:#ffffff10;padding:16px;margin-top:20px;border-radius:12px;line-height:1.5}.cookie-notice{position:fixed;bottom:24px;left:24px;z-index:25;width:520px;max-width:calc(100% - 48px);padding:24px;background:#557777;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 12px 50px #0004}.cookie-notice h2{font-size:23px;margin-bottom:10px}.cookie-notice p{font-size:16px;line-height:1.5}.cookie-notice>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.cookie-notice a{font-size:14px}.cookie-notice .pill{font-size:18px;min-width:130px}.message-page{padding:220px 8% 150px;min-height:85vh}.message-page h1{font-size:72px;max-width:750px}.message-page p{font-size:24px;margin:25px 0}.message-page .pill{margin-top:20px}.modal-open{overflow:hidden}
@media(min-width:1800px){.section-copy{max-width:620px}.home-section .section-copy{max-width:560px}.section-media{max-width:780px;justify-self:center;margin-right:0}}
@media(max-width:1100px){.footer-top{flex-wrap:wrap}.footer nav{order:3;width:100%}.section-copy{width:80%}.section-copy h2{font-size:52px}.rich{font-size:18px}.price-grid{gap:18px}.pricing{padding-left:5%;padding-right:5%}.price-card{padding:24px 18px}.price-card h3{font-size:32px}.team-grid{gap:14px}.about-content{padding-left:7%;padding-right:7%}.about-content h1{font-size:72px}}
@media(max-width:700px){.site-header{height:80px;padding:0 18px}.brand{gap:8px}.brand img{width:54px;height:42px}.brand-name{font-size:23px}.brand-tagline{font-size:12px;margin-top:5px}.menu-toggle{height:48px;width:48px;padding:7px}.menu-toggle img{width:34px;height:34px}.hero{min-height:560px;max-height:900px}.hero-content{padding:80px 22px 100px}.hero h1{font-size:clamp(54px,14vw,90px);letter-spacing:-.04em}.hero p{font-size:22px;margin-top:32px;line-height:1.3}.hero-cta{right:24px;bottom:10%}.pill{font-size:20px;min-width:160px;min-height:44px}.service-section{grid-template-columns:1fr;min-height:auto;padding:75px 26px 70px;gap:42px;scroll-margin-top:80px}.section-copy,.home-section .section-copy{width:100%;max-width:none}.section-copy h2{font-size:48px;max-width:490px;margin-bottom:24px;line-height:1.04}.rich{font-size:18px;line-height:1.55}.section-media{width:100%;max-width:490px;margin:0;justify-self:center}.section-media img{border-radius:25px;aspect-ratio:1.45}.arrow-link,.arrow-link img{width:48px;height:48px}.arrow-link{margin-top:24px}.pricing{padding:70px 26px}.pricing>h2{font-size:48px;margin-bottom:36px}.price-grid{grid-template-columns:1fr;gap:24px}.price-card{padding:30px 24px;min-height:0}.price-card h3{font-size:36px}.price-copy{font-size:17px}.price{font-size:29px}.about-layout{grid-template-columns:1fr}.about-image{position:relative;height:65svh;min-height:420px}.about-content{padding:60px 26px 80px}.about-content h1{font-size:60px}.about-content .lead{font-size:25px}.about-content .rich{font-size:18px}.team{margin-top:70px}.team-grid{grid-template-columns:1fr;gap:36px}.team-grid article{display:grid;grid-template-columns:112px 1fr;column-gap:20px;align-items:start}.team-grid img{grid-row:span 2}.team-grid h3{margin-top:0}.team-grid p{font-size:16px}.projects{margin-top:70px}.project-grid{font-size:20px;gap:22px;overflow-wrap:anywhere}.privacy{padding:140px 26px 70px}.privacy h1{font-size:43px}.privacy h2{font-size:29px}.footer{padding:36px 26px}.footer-top{display:block}.footer .brand img{width:60px;height:44px}.footer .brand-name{font-size:25px}.footer .brand-tagline{font-size:14px}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.footer nav a{font-size:17px}.footer-bottom{flex-direction:column;gap:22px;margin-top:30px}.footer-bottom>div:last-child{text-align:left}.navigation{padding:110px 30px 40px}.navigation nav{gap:25px}.navigation nav a{font-size:36px}.menu-contact{flex-direction:column;align-items:start;font-size:17px;gap:24px;margin-top:42px}.contact-dialog{padding:28px 22px;border-radius:22px;max-height:calc(100svh - 24px);max-width:calc(100% - 24px)}.contact-dialog h2{font-size:38px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-dialog .close{right:12px;top:15px;font-size:38px}.service-options label{font-size:16px}.submit{width:100%}.cookie-notice{bottom:12px;left:12px;max-width:calc(100% - 24px);padding:20px}.cookie-notice h2{font-size:21px}.cookie-notice p{font-size:15px}.cookie-notice .pill{min-width:115px}.message-page{padding:150px 26px 90px}.message-page h1{font-size:50px}}
.section-media video{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:32px;background:#101a14}
@media(max-width:700px){.section-media video{border-radius:25px}}

/* Motion stays local to each element: no scroll interception or layout animation. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;pointer-events:none}
.hero-video.is-ready{opacity:1}
@media(prefers-reduced-motion:no-preference){
 .hero-image,.hero-video{transform:translateY(var(--hero-offset,0px)) scale(1.035)}
 .hero-video{transition:opacity 700ms ease}
 .hero-content h1{animation:hero-arrive 1000ms cubic-bezier(.16,1,.3,1) both}
 .hero-content>p{animation:hero-arrive 1000ms 120ms cubic-bezier(.16,1,.3,1) both}
 .hero-cta{animation:hero-arrive 900ms 220ms cubic-bezier(.16,1,.3,1) both}
 .pill,.arrow-link,.close,.menu-toggle,.price-card{transition:background-color 220ms ease,color 220ms ease,transform 300ms cubic-bezier(.2,.8,.2,1),box-shadow 300ms ease,border-color 220ms ease}
 .pill:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0002}
 .pill:active{transform:translateY(0)}
 .arrow-link:hover{transform:translateX(4px)}
 .price-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0002}
 .menu-toggle:hover{transform:scale(1.05)}
 .site-header{transition:background-color 300ms ease}
 .navigation[open] nav a{animation:hero-arrive 550ms cubic-bezier(.16,1,.3,1) both}
 .navigation[open] nav a:nth-child(2){animation-delay:45ms}.navigation[open] nav a:nth-child(3){animation-delay:90ms}.navigation[open] nav a:nth-child(4){animation-delay:135ms}.navigation[open] nav a:nth-child(5){animation-delay:180ms}
 .contact-dialog[open]{animation:dialog-arrive 300ms cubic-bezier(.16,1,.3,1)}
 @keyframes hero-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
 @keyframes dialog-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
.service-section{overflow:clip}
@media(prefers-reduced-motion:no-preference){.photo-pending{opacity:0}.section-media img,.team-grid img{backface-visibility:hidden}}
@media(prefers-reduced-motion:reduce){.photo-pending{opacity:1}}
.about-image,.team-grid article{overflow:clip}
/* A shared radio-wave pulse connects all arrow CTAs to the Horský signál identity. */
.arrow-link{position:relative;isolation:isolate}
.arrow-link::before,.arrow-link::after{content:"";position:absolute;inset:0;border:1px solid #fff;border-radius:50%;opacity:0;pointer-events:none}
.arrow-link:hover,.arrow-link:focus-visible{background:#ffffff18;box-shadow:0 0 25px #ffffff18}
.section-video{pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .arrow-link.signal-visible::before{animation:signal-ring 4.8s ease-out infinite}
 .arrow-link.signal-visible::after{animation:signal-ring 4.8s .32s ease-out infinite}
 .arrow-link.signal-visible img{animation:signal-nudge 4.8s ease-in-out infinite}
 .arrow-link:hover,.arrow-link:focus-visible{transform:translateX(5px) scale(1.08)}
 .arrow-link:hover img,.arrow-link:focus-visible img{animation:none}
 .arrow-link:active{transform:translateX(3px) scale(.94)}
 @keyframes signal-ring{0%{opacity:0;transform:scale(.98)}8%{opacity:.36}38%{opacity:0;transform:scale(1.65)}100%{opacity:0;transform:scale(1.65)}}
 @keyframes signal-nudge{0%,12%,30%,100%{transform:translateX(0)}21%{transform:translateX(4px)}}
}

/* Brand mark accompanies menu links on hover and keyboard focus. */
.navigation nav a{position:relative;padding-left:1em;max-width:100%}
.navigation nav a::before{content:"";position:absolute;left:0;top:.12em;width:.75em;height:.65em;background:#a2b7a9;-webkit-mask:url('/assets/logo.svg') center/contain no-repeat;mask:url('/assets/logo.svg') center/contain no-repeat;opacity:0;transform:translateX(-8px) scale(.85)}
.navigation nav a:hover::before,.navigation nav a:focus-visible::before{opacity:1;transform:translateX(0) scale(1)}
.navigation nav a:focus-visible{color:#a2b7a9}
@media(prefers-reduced-motion:no-preference){.navigation nav a::before{transition:opacity 220ms ease,transform 320ms cubic-bezier(.16,1,.3,1)}}

/* Developer projects use the site's existing forest/slate palette. */
.developer-teaser{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:100px 8%;align-items:center}
.eyebrow{font-size:17px;letter-spacing:.08em;margin-bottom:24px}
.developer-teaser h2,.developer-detail h2{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.025em}
.developer-teaser .pill,.developer-page .pill{margin-top:28px;font-size:20px}
.developer-intro{padding:180px 8% 90px}
.developer-intro h1{font-size:clamp(44px,6.5vw,96px);line-height:1.05;max-width:1050px;letter-spacing:-.025em}
.developer-intro .lead{font-size:clamp(24px,2.5vw,34px);margin:32px 0 24px;max-width:900px}
.developer-page .rich{max-width:900px}
.developer-detail{padding:85px 8%}
.developer-detail h2{margin-bottom:32px;max-width:1000px}
.developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 7%;font-size:20px;line-height:1.6}
.developer-grid h3{font-size:30px;margin-bottom:18px;line-height:1.2}
.developer-grid a{display:inline-block;margin-top:20px}
.developer-detail ol{padding-left:24px}
.developer-detail li+li{margin-top:14px}
@media(max-width:700px){.developer-teaser,.developer-grid{grid-template-columns:1fr;gap:32px}.developer-teaser,.developer-detail{padding:65px 26px}.developer-intro{padding:145px 26px 65px}.developer-grid{font-size:18px}.developer-page .pill{max-width:100%;text-align:center}.eyebrow{font-size:14px;letter-spacing:.03em}.navigation nav a{font-size:32px}}
.cooperation-cta{margin-top:36px}.cooperation-cta .pill{max-width:100%;text-align:center}