:root{
  --bg:#f6f9fc;--fg:#0b1426;--card:#ffffff;--muted:#f0f4f8;--muted-fg:#5b6b80;
  --primary:#0c3b7a;--primary-fg:#f6f9fc;--primary-glow:#3aa0ff;--primary-light:#9bd0ff;
  --accent:#1a8bff;--border:#dee5ee;--destructive:#e23b3b;
  --radius:.75rem;
  --grad-hero:linear-gradient(135deg,#0a1530 0%,#0c3b7a 50%,#1a8bff 100%);
  --grad-brand:linear-gradient(135deg,#0c3b7a,#3aa0ff);
  --grad-subtle:linear-gradient(180deg,#f6f9fc,#eef3f9);
  --grad-radial:radial-gradient(circle at 50% 0%,rgba(58,160,255,.18),transparent 70%);
  --shadow-soft:0 8px 24px -8px rgba(12,59,122,.15);
  --shadow-elegant:0 30px 80px -30px rgba(10,21,48,.35);
  --shadow-glow:0 20px 60px -20px rgba(58,160,255,.45);
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0}
p{margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.eyebrow{font-size:.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.18em}
.text-gradient{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:.6rem;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:all .3s var(--ease);white-space:nowrap}
.btn-primary{background:var(--primary-fg);color:var(--primary)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}
.btn-outline{border-color:rgba(255,255,255,.3);color:var(--primary-fg);background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:var(--primary);color:var(--primary-fg)}
.btn-dark:hover{background:#0d4690}
.arrow{width:1rem;height:1rem;transition:transform .3s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}

/* Reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in-view{opacity:1;transform:none}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.fade-in{animation:fadeIn .8s var(--ease) both}

/* Header */
.header{position:fixed;inset:0 0 auto 0;z-index:50;transition:all .3s var(--ease)}
.header.scrolled{background:rgba(246,249,252,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.5rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;color:#fff}
.header.scrolled .brand,.header.scrolled .nav-links a{color:var(--fg)}
.brand img{height:32px;width:32px;object-fit:contain}
.nav-links{display:none;gap:2rem}
@media(min-width:768px){.nav-links{display:flex}}
.nav-links a{color:rgba(255,255,255,.85);font-size:.9rem;font-weight:500;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
.header-actions{display:flex;align-items:center;gap:.75rem}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:.55rem;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:all .3s var(--ease)}
.menu-toggle:hover{background:rgba(255,255,255,.16)}
.header.scrolled .menu-toggle,.header.nav-open .menu-toggle{border-color:var(--border);background:var(--card);color:var(--fg)}
.header.nav-open{background:rgba(246,249,252,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header.nav-open .brand{color:var(--fg)}
.mobile-nav{display:none;position:absolute;top:64px;left:1rem;right:1rem;flex-direction:column;gap:.35rem;padding:.75rem;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-elegant);backdrop-filter:blur(14px)}
.mobile-nav a{display:block;padding:.8rem .9rem;border-radius:.5rem;color:var(--fg);font-weight:600}
.mobile-nav a:hover{background:var(--muted)}
.mobile-nav .mobile-cta{margin-top:.25rem;background:var(--primary);color:var(--primary-fg);text-align:center}
.mobile-nav .mobile-cta:hover{background:#0d4690}
.header.nav-open .mobile-nav{display:flex}
@media(min-width:768px){.menu-toggle,.mobile-nav{display:none!important}}
@media(max-width:520px){.header-cta{display:none}.mobile-nav{top:60px}.header .nav{height:60px}}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

/* Preserved above-the-fold entrance sequence from the original theme layout. */
.hero .chip,.hero .ctas,.hero .meta,.hero .stats{opacity:0;animation:lvFadeIn .6s cubic-bezier(.22,1,.36,1) forwards}
.hero .chip{animation-delay:.05s}.hero .ctas{animation-delay:.2s}.hero .meta{animation-delay:.3s}.hero .stats{animation-delay:.35s}
@keyframes lvFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;padding-top:6rem;padding-bottom:3rem}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.hero .ovl1{position:absolute;inset:0;background:var(--grad-hero);opacity:.9}
.hero .ovl2{position:absolute;inset:0;background:var(--grad-radial)}
.hero .ovl3{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(155,208,255,.25),transparent 50%)}
.hero .container{position:relative;z-index:2;color:var(--primary-fg)}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);font-size:.78rem;color:rgba(255,255,255,.9)}
.hero h1{margin-top:2rem;font-size:clamp(2.25rem,6vw,5.5rem);font-weight:700}
.hero h1 .grad{background:linear-gradient(90deg,#fff,var(--primary-light),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{margin:1.5rem auto 0;max-width:640px;font-size:clamp(1rem,1.6vw,1.2rem);color:rgba(255,255,255,.8)}
.hero .ctas{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}
@media(min-width:640px){.hero .ctas{flex-direction:row}}
.hero .meta{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.6)}
.hero .stats{margin-top:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;max-width:720px;margin-left:auto;margin-right:auto}
.hero .stats .v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.25rem,3vw,2.4rem)}
.hero .stats .l{margin-top:.25rem;font-size:.72rem;color:rgba(255,255,255,.6);line-height:1.3}
@media(min-width:640px){.hero .stats .l{font-size:.85rem}}

/* Sections */
section.block{padding:6rem 0}
@media(min-width:768px){section.block{padding:8rem 0}}
.bg-subtle{background:var(--grad-subtle)}
.bg-card-tint{background:rgba(255,255,255,.5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 0}
.section-head{max-width:640px}
.section-head h2{margin-top:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}
.section-head p{margin-top:1rem;color:var(--muted-fg);font-size:1.05rem}

/* Social proof */
.proof-clients{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 2rem}
.proof-clients span{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.05rem;color:rgba(11,20,38,.7)}
.proof-grid{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:1024px){.proof-grid{grid-template-columns:repeat(4,1fr)}}
.proof-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:var(--shadow-soft)}
.proof-card .v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.6rem}
.proof-card .l{margin-top:.5rem;font-size:.85rem;color:var(--muted-fg)}

/* Generic grid cards */
.grid-2{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}
.grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:768px){.grid-3{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:640px){.grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s var(--ease)}
.card:hover{transform:translateY(-2px);border-color:rgba(12,59,122,.3);box-shadow:var(--shadow-elegant)}
.card h3{font-size:1.2rem;margin-top:1.25rem;font-weight:600}
.card p{margin-top:.5rem;color:var(--muted-fg)}
.icon-box{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:.7rem;background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-soft)}
.icon-box svg{width:20px;height:20px}
.problem-row{display:flex;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.75rem}
.problem-row .x{flex-shrink:0;width:32px;height:32px;border-radius:999px;background:rgba(226,59,59,.1);color:var(--destructive);display:flex;align-items:center;justify-content:center}

/* Case studies */
.case{display:grid;grid-template-columns:1fr;gap:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s var(--ease)}
@media(min-width:768px){.case{grid-template-columns:3fr 6fr 3fr;align-items:center}}
.case:hover{border-color:rgba(12,59,122,.4);box-shadow:var(--shadow-elegant)}
.case .ind{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-fg)}
.case .name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;margin-top:.25rem}
.case .met{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.4rem}
.case .res{font-size:.85rem;color:var(--muted-fg);margin-top:.25rem}
@media(min-width:768px){.case .right{text-align:right}}

/* Portfolio */
.video-wrap{position:relative;aspect-ratio:9/16;border-radius:1rem;overflow:hidden;background:#000;box-shadow:var(--shadow-soft)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-facade{display:block;width:100%;padding:0;border:0;cursor:pointer;color:#fff}
.video-facade .vf-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a1530 0%,#0c3b7a 60%,#1a8bff 100%);transition:transform .4s var(--ease,ease)}
.video-facade:hover .vf-bg{transform:scale(1.04)}
.video-facade .vf-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);transition:transform .25s ease,background .25s ease}
.video-facade:hover .vf-play{background:rgba(255,255,255,.28);transform:translate(-50%,-50%) scale(1.06)}
.video-facade.activated .vf-play,.video-facade.activated .vf-bg{display:none}
.video-meta{margin-top:1rem}
.video-meta .cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-fg)}
.video-meta h3{margin-top:.25rem;font-size:1.05rem;font-weight:600}

/* For who */
.tile{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem}
.tile.primary{border-color:rgba(12,59,122,.3);box-shadow:var(--shadow-soft)}
.tile h3{margin-top:.5rem;font-size:1.4rem;font-weight:700}
.tile ul{margin:1.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.9rem}
.tile li{display:flex;gap:.75rem;align-items:flex-start}
.tile .check,.tile .cross{flex-shrink:0;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff}
.tile .check{background:var(--grad-brand)}
.tile .cross{background:var(--muted);color:var(--muted-fg)}
.tile .label-on{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--primary)}
.tile .label-off{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-fg)}

/* Process */
.step{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s var(--ease)}
.step:hover{border-color:rgba(12,59,122,.4);box-shadow:var(--shadow-elegant)}
.step .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.5rem;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h3{margin-top:.75rem;font-size:1.2rem;font-weight:600}
.step p{margin-top:.5rem;color:var(--muted-fg)}

/* CTA banner */
.cta-banner{position:relative;padding:6rem 0;overflow:hidden;background:var(--grad-hero);text-align:center}
@media(min-width:768px){.cta-banner{padding:8rem 0}}
.cta-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(58,160,255,.3),transparent 60%)}
.cta-banner .container{position:relative;color:var(--primary-fg)}
.cta-banner h2{font-size:clamp(2rem,5vw,3.75rem);font-weight:700;max-width:900px;margin:0 auto;line-height:1.15}
.cta-banner h2 .grad{background:linear-gradient(90deg,#fff,var(--primary-light),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-banner p{margin:1.5rem auto 0;max-width:640px;font-size:1.1rem;color:rgba(255,255,255,.8)}

/* FAQ */
.faq{max-width:800px;margin-top:3rem}
.faq details{border-bottom:1px solid var(--border);padding:1.25rem 0}
.faq summary{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--muted-fg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{content:"−"}
.faq .ans{margin-top:.75rem;color:var(--muted-fg);line-height:1.7}

/* Contact */
.contact{position:relative;padding:6rem 0;overflow:hidden;background:var(--grad-hero)}
@media(min-width:768px){.contact{padding:8rem 0}}
.contact::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(58,160,255,.3),transparent 50%)}
.contact .container{position:relative;color:var(--primary-fg)}
.contact .grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}
@media(min-width:1024px){.contact .grid{grid-template-columns:1fr 1fr;gap:4rem}}
.contact h2{font-size:clamp(2rem,5vw,3.75rem);font-weight:700}
.contact h2 em{font-style:italic}
.contact .lead{margin-top:1.5rem;color:rgba(255,255,255,.75);max-width:480px}
.contact .info{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;color:rgba(255,255,255,.85)}
.contact .info a:hover{text-decoration:underline}
.contact .form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-elegant)}
@media(min-width:768px){.contact .form-card{padding:2rem}}
.contact .form-card iframe{width:100%;border:0;min-height:680px;background:transparent}

/* Footer */
.site-footer{border-top:1px solid var(--border);padding:2.5rem 0;background:var(--bg)}
.site-footer .row{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between}
@media(min-width:768px){.site-footer .row{flex-direction:row}}
.site-footer .copy{color:var(--muted-fg);font-size:.85rem}

/* Utility icons */
.i{width:1rem;height:1rem;flex-shrink:0}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* === Updates: FAQ smooth, header CTA size, GCal embed === */
.btn-sm{padding:.55rem .95rem;font-size:.82rem;border-radius:.5rem}
.header-cta{font-size:.82rem;letter-spacing:.01em}
@media(min-width:768px){.header-cta{padding:.6rem 1.05rem}}

/* FAQ smooth accordion */
.faq{max-width:800px;margin-top:3rem}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:transparent;border:0;padding:1.25rem 0;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.1rem;color:inherit;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;transition:color .25s var(--ease)}
.faq-q:hover{color:var(--primary)}
.faq-ico{position:relative;width:18px;height:18px;flex-shrink:0;color:var(--muted-fg);transition:transform .4s var(--ease),color .25s var(--ease)}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:2px}
.faq-ico::before{width:14px;height:2px;transform:translate(-50%,-50%)}
.faq-ico::after{width:2px;height:14px;transform:translate(-50%,-50%);transition:transform .4s var(--ease)}
.faq-q[aria-expanded="true"] .faq-ico{color:var(--primary);transform:rotate(180deg)}
.faq-q[aria-expanded="true"] .faq-ico::after{transform:translate(-50%,-50%) scaleY(0)}
.faq-a{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s var(--ease),opacity .35s var(--ease)}
.faq-a-inner{padding:0 0 1.25rem;color:var(--muted-fg);line-height:1.7}
.faq-q[aria-expanded="true"] + .faq-a{opacity:1}

/* Google Calendar embed wrapper */
.gcal-wrap{position:relative;width:100%;background:rgba(255,255,255,.04);border-radius:.85rem;overflow:hidden;min-height:600px}
.gcal-wrap iframe{width:100%;height:600px;display:block;border:0;background:#fff;border-radius:.85rem}
.contact-fallback{min-height:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.25rem;color:rgba(255,255,255,.82)}
@media(max-width:640px){
  .gcal-wrap,.gcal-wrap iframe{min-height:720px;height:720px}
  .contact .form-card{padding:.75rem}
}

/* === Header readability on non-homepage templates === */
body:not([data-template="index"]) .header{background:rgba(246,249,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
body:not([data-template="index"]) .header .brand,
body:not([data-template="index"]) .header .nav-links a{color:var(--fg)}
body:not([data-template="index"]) .header .menu-toggle{border-color:var(--border);background:var(--card);color:var(--fg)}
body:not([data-template="index"]) main{padding-top:64px}
@media(max-width:520px){body:not([data-template="index"]) main{padding-top:60px}}

/* =====================================================================
   MOBILE UX REFINEMENT (≤767px) — typografie, spacing, gridy, tap targets
   Pouze mobilní breakpoint; desktop layout zachován beze změny.
   ===================================================================== */
@media(max-width:767px){
  /* Container & rytmus - kompaktnější vertikální rytmus */
  .container{padding:0 1.15rem}
  section.block{padding:2.75rem 0}
  .bg-card-tint{padding:2.25rem 0}

  /* Typografie - jemnější hierarchie */
  body{line-height:1.6}
  h1,h2,h3,h4{letter-spacing:-.015em;line-height:1.18}
  .section-head{max-width:100%}
  .section-head h2{font-size:1.65rem;line-height:1.2;margin-top:.5rem}
  .section-head p{font-size:.95rem;margin-top:.7rem;line-height:1.6}
  .eyebrow{font-size:.7rem;letter-spacing:.16em}

  /* Hero */
  .hero{min-height:auto;padding-top:5.25rem;padding-bottom:3rem}
  .hero h1{margin-top:1.25rem;font-size:2.05rem;line-height:1.1}
  .hero p.lead{margin-top:1rem;font-size:.98rem;line-height:1.55;padding:0 .25rem}
   /* CTA — auto width, vedle sebe pokud se vejdou, jinak stack; sekundární s menší vizuální váhou */
   .hero .ctas{margin-top:1.75rem;gap:.6rem;width:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}
   .hero .ctas .btn{width:auto;flex:0 1 auto;justify-content:center;min-height:44px}
   /* Na mobilu zobrazit pouze primární CTA — sekundární „Podívat se na výsledky" skryto pro čistší hero */
   .hero .ctas .btn-outline{display:none}
   @media (max-width:380px){
     .hero .ctas{flex-direction:column;max-width:300px;margin-left:auto;margin-right:auto}
     .hero .ctas .btn{align-self:center}
   }
  .hero .meta{margin-top:1.1rem;font-size:.7rem;gap:.35rem;text-align:center;flex-wrap:wrap;justify-content:center}
  .hero .stats{margin-top:2rem;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:360px}
  .hero .stats > *{padding:.2rem 0}
  .hero .stats .v{font-size:1.35rem;line-height:1.1}
  .hero .stats .l{font-size:.7rem;line-height:1.35;margin-top:.25rem}
  .chip{font-size:.7rem;padding:.32rem .8rem}

  /* Page hero (interní stránky) - override inline clamp */
  .container > h1[style*="clamp(2.25rem"]{font-size:1.9rem !important;line-height:1.15 !important}

  /* Tlačítka - tap target ≥44px, jemnější vizuál */
  .btn{padding:.75rem 1.05rem;font-size:.9rem;min-height:44px}
  .btn-sm{padding:.55rem .9rem;font-size:.78rem;min-height:38px}

  /* Karty - kompaktnější padding */
  .card{padding:1.25rem;border-radius:.85rem}
  .card h3{font-size:1.05rem;margin-top:.9rem;line-height:1.3}
  .card p{font-size:.92rem;line-height:1.55;margin-top:.35rem}
  .icon-box{width:38px;height:38px;border-radius:.6rem}
  .icon-box svg{width:17px;height:17px}

  /* Problem rows */
  .problem-row{padding:1.1rem;gap:.75rem;border-radius:.85rem}
  .problem-row .x{width:26px;height:26px}
  .problem-row p,.problem-row h3,.problem-row div{font-size:.93rem;line-height:1.5}

  /* Case studies */
  .case{padding:1.25rem;gap:.85rem;border-radius:.85rem}
  .case .name{font-size:1.1rem;margin-top:.35rem}
  .case .met{font-size:1.05rem}
  .case .res{font-size:.8rem}
  .case .ind{font-size:.66rem}

  /* Portfolio */
  .video-wrap{border-radius:.8rem}
  .video-meta{margin-top:.75rem}
  .video-meta h3{font-size:.98rem}

  /* For who / tiles */
  .tile{padding:1.25rem;border-radius:.85rem}
  .tile h3{font-size:1.1rem;margin-top:.4rem}
  .tile ul{margin-top:1rem;gap:.65rem}
  .tile li{font-size:.92rem;line-height:1.5}
  .tile .check,.tile .cross{width:22px;height:22px}
  .tile .label-on,.tile .label-off{font-size:.7rem}

  /* Process */
  .step{padding:1.25rem;border-radius:.85rem}
  .step .n{font-size:1.75rem}
  .step h3{font-size:1.05rem;margin-top:.45rem}
  .step p{font-size:.92rem;line-height:1.55}

  /* CTA banner & contact */
  .cta-banner{padding:2.75rem 0}
  .cta-banner h2{font-size:1.7rem;line-height:1.18;padding:0 .25rem}
  .cta-banner p{margin-top:.9rem;font-size:.95rem;line-height:1.55;padding:0 .25rem}
  .contact{padding:2.75rem 0}
  .contact h2{font-size:1.7rem;line-height:1.18}
  .contact .lead{margin-top:1rem;font-size:.95rem;line-height:1.55}
  .contact .info{margin-top:1.5rem;gap:.75rem;font-size:.93rem}
  .contact .grid{gap:1.75rem}

  /* Social proof */
  .proof-clients{gap:.5rem 1.25rem;margin-top:1.15rem}
  .proof-clients span{font-size:.9rem}
  .proof-grid{margin-top:1.85rem;gap:.7rem}
  .proof-card{padding:1rem .85rem;border-radius:.8rem}
  .proof-card .v{font-size:1.2rem;line-height:1.15}
  .proof-card .l{font-size:.76rem;margin-top:.3rem;line-height:1.35}

  /* Grid spacing */
  .grid-2,.grid-3,.grid-4{gap:.85rem}

  /* FAQ - tap target zachován */
  .faq{margin-top:1.5rem}
  .faq-q{padding:1rem 0;font-size:.98rem;min-height:48px;gap:.85rem}
  .faq-ico{width:16px;height:16px}
  .faq-ico::before{width:12px}
  .faq-ico::after{height:12px}
  .faq-a-inner{font-size:.93rem;line-height:1.65;padding-bottom:1rem}

  /* Footer */
  .site-footer{padding:1.75rem 0}
  .site-footer .copy{font-size:.78rem;text-align:center;line-height:1.5}

  /* Mobile nav - tap target zachován */
  .mobile-nav a{padding:.85rem 1rem;font-size:.94rem;min-height:48px;display:flex;align-items:center}
  .mobile-nav{gap:.2rem;padding:.55rem}

  /* Word wrap - ochrana proti přetékání */
  h1,h2,h3,h4,p,li,a,span{overflow-wrap:break-word;word-wrap:break-word}

  /* Gcal embed */
  .gcal-wrap,.gcal-wrap iframe{min-height:680px;height:680px}
}

/* Velmi malé telefony ≤380px (320 a 360) */
@media(max-width:380px){
  .container{padding:0 .95rem}
  section.block{padding:2.25rem 0}
  .bg-card-tint{padding:1.85rem 0}
  .hero{padding-top:4.85rem;padding-bottom:2.5rem}
  .hero h1{font-size:1.8rem;line-height:1.12}
  .hero p.lead{font-size:.93rem}
  .hero .stats{margin-top:1.65rem;grid-template-columns:repeat(2,1fr);gap:.55rem}
  .hero .stats .v{font-size:1.2rem}
  .hero .stats .l{font-size:.66rem}
  .section-head h2{font-size:1.5rem}
  .section-head p{font-size:.92rem}
  .cta-banner,.contact{padding:2.25rem 0}
  .cta-banner h2,.contact h2{font-size:1.5rem}
  .cta-banner p,.contact .lead{font-size:.92rem}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-card .v{font-size:1.1rem}
  .case .name{font-size:1.02rem}
  .case .met{font-size:.98rem}
  .step .n{font-size:1.55rem}
  .card{padding:1.1rem}
  .tile,.problem-row,.case,.step{padding:1.1rem}
  .eyebrow{font-size:.68rem}
  .container > h1[style*="clamp(2.25rem"]{font-size:1.7rem !important}
}