/* algorim.ai – global styles taken 1:1 from the design (design/v1.0/Main.dc.html <helmet>, Zasady.dc.html) and the
   shared parts of algorim.net (static/css/site.css). Most of the look is inline styles in the templates; the mobile
   rules below target them via classes and [style*=…]. */
@font-face{font-family:"Archivo";font-weight:300;font-display:swap;src:url(/fonts/Archivo-Light.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:500;font-display:swap;src:url(/fonts/Archivo-Medium.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:600;font-display:swap;src:url(/fonts/Archivo-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-weight:500;font-display:swap;src:url(/fonts/Oswald-Medium.woff2) format("woff2")}
/* Smooth scrolling only after the page has loaded (site.js adds .smooth) – a page opened on #anchor (language switch)
   lands there at once instead of scrolling down from the top */
html{background:#EEF0EF}html.smooth{scroll-behavior:smooth}
[hidden]{display:none !important}
section[id],header[id]{scroll-margin-top:16px}
@media (max-width:699px){section[id]{scroll-margin-top:84px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (prefers-reduced-motion:reduce){html,html.smooth{scroll-behavior:auto}*{transition:none !important;animation:none !important}}
body{margin:0}
*{box-sizing:border-box}
a{color:#313131}a:hover{color:#4E8F27}
h1,h2,h3,legend{text-wrap:balance}
p,li,label,span{text-wrap:pretty}
.wrap{width:100%;max-width:1344px;margin:0 auto;padding-left:48px;padding-right:48px}

/* Hero: photo with gradients + lines (ai-hero-pozadi.svg, weaker on the left), illustration on the right */
.hero-bg{background-color:#12200F;background-image:linear-gradient(90deg,rgba(14,28,11,.78) 0%,rgba(14,28,11,.45) 55%,rgba(14,28,11,.25) 100%),linear-gradient(180deg,rgba(14,28,11,.55) 0%,rgba(14,28,11,.35) 45%,rgba(14,28,11,.85) 100%),url(/images/hero-pozadi-foto.webp);background-size:cover;background-position:center}
.hero-plain{background-image:linear-gradient(180deg,rgba(14,28,11,.6) 0%,rgba(14,28,11,.45) 45%,rgba(14,28,11,.85) 100%),url(/images/hero-pozadi-foto.webp)}
.hero-bg>.wrap{position:relative;z-index:1}
.hero-bg>.nav-wrap{z-index:40}
.hero-bgart{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,1) 78%);mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,1) 78%)}
@media (max-width:699px){.hero-art{display:none}}
.hero-facts>:nth-child(1){justify-self:start}.hero-facts>:nth-child(2){justify-self:center}.hero-facts>:nth-child(3){justify-self:end}
/* Mobile (Martin 20. 10. 2026): still 3 columns, the number above its label – not one column under each other */
@media (max-width:760px){.hero-facts{column-gap:16px !important}.hero-facts>*{justify-self:start !important;flex-direction:column;align-items:flex-start !important;gap:6px !important}}
@media (max-width:420px){.hero-facts>*>:first-child{font-size:26px !important}.hero-facts>*>:last-child{font-size:12px !important}}

/* Bar: links on the right; shortens only when it does not fit (docs/02-vyvoj.md, kap. 3) */
.navlinks a{color:#fff;text-decoration:none}.navlinks a:hover{color:#B7E59A}
.navlinks a.nav-kontakt{color:#9FDB78}.navlinks a.nav-kontakt:hover{color:#B7E59A}
@media (max-width:1080px){.nav-opt{display:none}}
@media (max-width:960px){.navlinks{gap:18px !important;font-size:13px !important}}
@media (max-width:760px){.nav-opt2{display:none}}
@media (max-width:699px){.navlinks{display:none !important}}
.lang-m{display:inline-flex !important}.lang-m:hover{color:#ffffff !important}

/* Mobile bar and burger menu (algorim.net) */
@keyframes menuIn{from{opacity:0}to{opacity:1}}@keyframes icoIn{from{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:none}}
@media (max-width:699px){.burger{display:inline-flex !important}.nav-main.is-open{background:rgba(20,32,18,0.72) !important;border-color:rgba(255,255,255,0.16) !important;border-bottom-color:transparent !important;border-radius:28px 28px 0 0 !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px) !important;transition:border-radius .15s ease}.menu-panel{border-top:0 !important;animation:menuIn .22s ease both}.burger-ico{animation:icoIn .2s ease both}
.nav-main{position:fixed !important;top:10px;left:12px;right:12px;z-index:40;padding:10px 10px 10px 14px !important;background:rgba(20,32,18,0.22) !important;border-color:rgba(255,255,255,0.12) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px) !important}.nav-wrap{padding-top:84px !important}}

/* Sections */
@media (max-width:1023px){.kde-head{flex-direction:row !important;align-items:center !important;gap:14px !important}.kde-head h3{min-height:0 !important}}
@media (max-width:899px){.steps{grid-template-columns:minmax(0,1fr) !important;border-top:0 !important;margin:24px 0 0 11px !important;padding-left:30px !important;row-gap:26px !important}
.steps-a{border-left:2px solid #313131}
.steps>li{padding-top:0 !important}
.steps>li>div:nth-child(1){display:none}
.steps>li>div:nth-child(2){top:-2px !important;left:-43px !important}}
@media (max-width:1023px){.kde-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:599px){.kde-grid{grid-template-columns:minmax(0,1fr) !important}}
/* "Kde AI pomáhá" on a phone (Martin 20. 10. 2026): two cards side by side, icon above the title, tighter padding */
@media (max-width:599px){.kde-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
.kde-cards>article{padding:18px 16px !important;border-radius:22px !important;gap:10px !important}
.kde-cards .kde-head{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}
.kde-cards .kde-head>div{width:40px !important;height:40px !important;border-radius:12px !important}
.kde-cards h3{font-size:15px !important}
.kde-cards p{font-size:13px !important;line-height:1.5 !important}}
@media (max-width:760px){.sec-head{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:1023px){.data-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:760px){.data-grid,.data-list{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:1023px){.ref-grid{grid-template-columns:minmax(0,1fr) !important}}
.ref-img{filter:grayscale(1);transition:filter .35s ease}.ref-card:hover .ref-img,.ref-card:focus-within .ref-img{filter:none}
@media (max-width:760px){.faq-grid{grid-template-columns:minmax(0,1fr) !important}}
[data-more-toggle][aria-expanded="true"] svg{transform:rotate(180deg)}

/* Privacy page */
.privacy a{color:#4E8F27}.privacy strong{font-weight:600;color:#313131}
.privacy h2{margin:40px 0 12px;font-weight:600;font-size:20px;letter-spacing:-0.01em;color:#313131}
.privacy p{margin:0 0 12px}
.privacy ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px}

@media (max-width:699px){.wrap{padding-left:16px;padding-right:16px}
[style*="padding: 52px 44px"],[style*="padding: 52px 56px"]{padding:32px 20px !important}
[style*="minmax(300px"],[style*="minmax(260px"],[style*="minmax(240px"]{grid-template-columns:minmax(0,1fr) !important}
input,textarea,select{min-width:0;max-width:100%}
img{max-width:100%}
html,body{overflow-x:hidden}
.hero-h1{font-size:clamp(28px,8.6vw,40px) !important}
.hero-content{padding:38px 0 36px !important}
.privacy p br{display:inline !important}
.back-link{font-size:0 !important;padding:8px 4px}.back-link::before{content:"←";font-size:20px}}
@media (max-width:599px){.form-row{grid-template-columns:minmax(0,1fr) !important}}