/* Shared homepage rhythm. Kept separate from supporting and legal pages. */
#monitoring{border:0;box-shadow:none;background:transparent}
/* Hide the baked-in one-pixel edge of the preview without changing its layout. */
#monitoring>img{clip-path:inset(0 0 0 1px)}
#monitoring .gallery-controls{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;padding:8px 0 0;border:0;background:transparent}
#monitoring .gallery-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:50%;font-size:20px;cursor:pointer}
#monitoring .gallery-controls .gallery-dot::before{content:"";width:7px;height:7px;border:1px solid var(--muted);border-radius:50%;background:transparent}
#monitoring .gallery-controls .gallery-dot[aria-pressed=true]::before{background:var(--accent);border-color:var(--accent)}
#monitoring .gallery-controls button:hover{color:var(--text)}
#monitoring .gallery-controls .gallery-dot:hover::before{border-color:var(--text)}
:root{
  --type-body:1rem;
  --type-small:.875rem;
  --type-title:clamp(1.75rem,2.6vw,2rem);
  --type-card:1.25rem;
  --section-space:3.5rem;
}
body{font-size:var(--type-body);line-height:1.6}
.hero-grid>*{min-width:0}
header{background:var(--bg)}
h2,.technical-intro h2,#compliance h2{font-size:var(--type-title);line-height:1.25;margin:0 0 1.5rem;letter-spacing:-.03em}
h3,.usecase-grid h3{font-size:var(--type-card);line-height:1.4}
p{margin-bottom:1rem}
.eyebrow,#compliance .eyebrow,#channels .channels-heading,.simple-flow .flow-heading{
  font-size:var(--type-small);line-height:1.5;font-weight:600;letter-spacing:.1em;color:var(--accent);margin:0 0 1.5rem;
}
section:not(.hero),#technical,#compliance,#channels,#architecture.simple-flow{padding:var(--section-space) 0}
.intro{font-size:1.125rem;line-height:1.6}
.audience,.compliance-note,.technical-answer .technical-caveat,.privacy,.channel-note{font-size:var(--type-small);line-height:1.6}
.audience{margin-top:1rem}
.processing-modes dt,.processing-modes dd{font-size:var(--type-small);line-height:1.6}
.usecase-grid>article>span{font:600 var(--type-small)/1.5 Manrope,Arial,sans-serif;letter-spacing:.08em;color:var(--accent)}
.usecase-grid{margin:2rem 0 1.5rem}
.usecase-grid h3{margin:1rem 0 0}
.buttons{gap:.75rem;margin-top:1.5rem}
.button{min-height:48px;font-size:1rem;line-height:1.5;padding:.75rem 1.25rem}
.languages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:var(--type-small);padding:.375rem}
.technical-actions{gap:.75rem 1.5rem;margin-top:1.5rem}
.technical-actions a{font-size:1rem;line-height:1.5;color:var(--accent);font-weight:500;text-underline-offset:.25rem;padding:.375rem 0}
.technical-actions a:hover{color:var(--text)}
.technical-panels summary{font-size:1rem;min-height:52px;padding:1rem 0}
.technical-answer{font-size:1rem;line-height:1.6;padding-bottom:1.5rem}
.channel-brand,.flow-caption{font-size:var(--type-card);line-height:1.4}
.flow-caption small{font-size:var(--type-small);line-height:1.5;margin-top:.5rem}
.channel-brands{gap:1.5rem 2rem}
.channel-more{font-size:1rem}
.pricing-grid{gap:1.5rem;margin:2rem 0 1.5rem}
.price-card{padding:1.5rem}
.price-card h3{font-size:var(--type-card);margin:0 0 1.5rem}
.price-card .subscription-price{margin-bottom:1.5rem}
.price-card .subscription-price strong{font-size:2rem;line-height:1.25}
.price-card>p:not(.subscription-price):not(.setup-price){font-size:1rem;line-height:1.6}
.price-card .setup-price strong,#pricing .price-card>p.setup-price+p{font-size:var(--type-small);line-height:1.6}
.price-card .setup-price{margin:1.5rem 0 .75rem;padding-top:1rem}
.price-card>p:last-of-type{margin-bottom:1.5rem}
#pricing .pricing-grid+p{font-size:var(--type-small);line-height:1.6}
.form-row{align-items:stretch}
form{margin-top:1.5rem}
input{font-size:1rem;min-height:48px;padding:.75rem 1rem}
.privacy{margin-top:1rem}
footer{font-size:var(--type-small);line-height:1.6}
footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.25rem}
.gallery-controls button,.gallery-controls button:nth-child(4){font-size:var(--type-small);min-height:44px;padding:.5rem}
.gallery-controls button:first-child,.gallery-controls button:nth-child(5){flex:0 0 44px;font-size:1.25rem}
.cookie-banner button{min-height:44px;font-size:var(--type-small)}
html{scroll-padding-top:110px}
@media(min-width:721px) and (max-width:1100px){html{scroll-padding-top:180px}}
@media(max-width:720px){
  :root{--section-space:2.5rem}
  h1{font-size:clamp(2rem,11vw,4.75rem)}
  html[lang=cs] h1{font-size:clamp(2rem,9.5vw,4.125rem)}
  .nav .button{font-size:var(--type-small);min-height:44px;padding:.5rem .75rem}
  .nav{gap:.5rem}
  :root .header-actions{gap:.5rem}
  .technical{gap:1.5rem}
  .flow-caption{font-size:var(--type-card)}
  .gallery-controls{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px;gap:0;padding:.25rem}
  .gallery-controls button{min-width:0;padding:.375rem .125rem;overflow-wrap:normal}
  .gallery-controls button:first-child,.gallery-controls button:nth-child(5){padding:0}
  .cookie-banner{box-shadow:none}
  html{scroll-padding-top:100px}
}
@media(max-width:400px){
  .nav{flex-wrap:wrap;row-gap:.75rem}
  .header-actions{margin-left:auto}
  .brand{font-size:1.375rem}
  .gallery-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
  .gallery-controls button:first-child{grid-row:2;grid-column:1}
  .gallery-controls button:nth-child(5){grid-row:2;grid-column:3}
  html{scroll-padding-top:140px}
}
/* Header controls share one quiet, touch-friendly rhythm. */
.nav .brand{font-size:1.5rem;align-items:flex-start;letter-spacing:-.035em}
.nav .header-actions{gap:.5rem}
.nav .languages{padding:0;gap:0;border:0}
.nav .languages a{min-width:2.25rem;min-height:44px;padding:.25rem;font-size:.875rem}
.nav .theme-toggle{flex:0 0 44px;width:44px;height:44px;border:0;font-size:1.25rem}
.nav .button{min-height:44px;padding:.5rem .875rem;font-size:.875rem;line-height:1.4}
@media(max-width:720px){
  .nav{min-height:72px;padding:10px 0}
  .nav .brand{font-size:1.375rem}
  .nav .header-actions{gap:.25rem}
}