/* Beta nábor — náhled budoucího toku vloženého do stránky Jak začít.
   Třídy jsou záměrně prefixované, aby se návrh nedotkl produkčního webu. */
.beta-page{background:var(--gi);color:var(--ink)}
.beta-hero{padding-bottom:112px;background:var(--mat-2);color:var(--gi);overflow:hidden}
.beta-intro{max-width:760px;margin:0 auto 52px;text-align:center}
.beta-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;font:600 11px var(--f-mono);letter-spacing:.1em;color:#e4edf5;margin-bottom:26px}
.beta-pulse{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.12)}
.beta-intro .eyebrow{justify-content:center;margin-bottom:16px}
.beta-intro h1{font-size:clamp(42px,7vw,76px);max-width:none}
.beta-intro h1 span{color:var(--amber)}
.beta-lead{max-width:590px;margin:24px auto 0;color:#cdd9e6;font-size:18px}
.beta-note{max-width:520px;margin:18px auto 0;color:var(--muted-d);font:500 12px var(--f-mono);letter-spacing:.03em}
.beta-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:30px;align-items:start;max-width:940px;margin:0 auto}
.beta-aside{padding:30px 4px 0;color:var(--gi)}
.beta-aside-mark{font:600 12px var(--f-mono);color:var(--amber);letter-spacing:.15em;margin-bottom:18px}
.beta-aside h2{font-size:32px;margin-bottom:13px}
.beta-aside p{color:var(--muted-d);font-size:16px;line-height:1.65;margin:0;max-width:30ch}
.beta-checklist{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;color:#dbe5ee;font-size:15px}
.beta-checklist li{display:flex;align-items:center;gap:10px}
.beta-checklist li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(57,217,138,.16);color:#39d98a;font-weight:700;font-size:12px}
.beta-aside-contact{margin-top:46px;padding-top:17px;border-top:1px solid var(--line-d);display:grid;gap:3px;font-size:13px;color:var(--muted-d)}
.beta-aside-contact a{font:600 15px var(--f-mono);color:var(--gi);text-decoration:none}
.beta-card{background:var(--gi-card);border:1px solid rgba(23,32,42,.13);border-radius:20px;padding:30px;color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.beta-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.beta-card-eyebrow{margin:0 0 7px;color:var(--amber-deep);font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.beta-card h2{font-size:30px}
.beta-demo-badge{flex:none;border:1px solid rgba(216,40,28,.45);color:var(--amber-deep);font:600 11px var(--f-mono);letter-spacing:.1em;border-radius:999px;padding:7px 10px}
.beta-progress{position:relative;margin:0 0 30px;padding:0 6px}
.beta-progress-line{position:absolute;left:30px;right:30px;top:16px;height:2px;background:rgba(23,32,42,.12);z-index:0}
.beta-progress-line i{display:block;width:0;height:100%;background:var(--amber);transition:width .25s var(--ease-snap)}
.beta-progress ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}
.beta-progress li{display:grid;justify-items:center;gap:6px;color:var(--muted-l);font:500 11px var(--f-mono);letter-spacing:.05em}
.beta-progress li b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e2e0d9;border:1px solid rgba(23,32,42,.15);font-size:12px}
.beta-progress li.is-active,.beta-progress li.is-done{color:var(--amber-deep)}
.beta-progress li.is-active b{background:var(--amber);border-color:var(--amber);color:#fff}
.beta-progress li.is-done b{background:var(--ink);border-color:var(--ink);color:#fff}
.beta-step fieldset{border:0;padding:0;margin:0;min-width:0}
.beta-step legend{font:700 25px var(--f-display);margin:0 0 8px}
.beta-help{font-size:15px;color:var(--muted-l);margin:0 0 22px;line-height:1.5}
.beta-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.beta-choice{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(23,32,42,.15);border-radius:13px;background:#faf9f5;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.beta-choice:hover{border-color:var(--amber);transform:translateY(-1px)}
.beta-choice input{position:absolute;opacity:0;width:1px;height:1px}
.beta-choice input:focus-visible + span{outline:2px solid var(--amber);outline-offset:4px;border-radius:5px}
.beta-choice:has(input:checked){border-color:var(--amber);background:color-mix(in srgb,var(--amber) 8%,#faf9f5);box-shadow:inset 3px 0 0 var(--amber)}
.beta-choice span{display:grid;gap:4px}
.beta-choice strong{font:700 17px var(--f-display)}
.beta-choice small{font-size:13px;color:var(--muted-l);line-height:1.35}
.beta-field{display:grid;gap:7px;color:var(--muted-l);font-size:14px;margin-top:20px}
.beta-field input,.beta-field select{width:100%;border:1px solid rgba(23,32,42,.18);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;font-size:16px;min-height:48px}
.beta-field input:focus,.beta-field select:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)}
.beta-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.beta-form-grid .beta-field{margin-top:0}
.beta-visit-summary{margin:22px 0 25px;padding:17px 18px 16px;border:1px solid rgba(47,109,181,.24);border-left:4px solid var(--b-blue);border-radius:12px;background:#edf4fc}
.beta-visit-label{margin:0 0 6px;color:#49627d;font:600 10px var(--f-mono);letter-spacing:.13em;text-transform:uppercase}
.beta-visit-summary strong{display:block;color:var(--ink);font:700 21px var(--f-display);line-height:1.15}
.beta-visit-summary span{display:block;margin-top:5px;color:#536b83;font-size:14px;line-height:1.45}
.beta-form-section-label{margin:0 0 12px;color:var(--muted-l);font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.beta-slots{display:grid;gap:10px}
.beta-slot{position:relative;display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid rgba(23,32,42,.15);border-radius:12px;background:#faf9f5;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.beta-slot:hover{border-color:var(--amber);transform:translateY(-1px)}
.beta-slot input{position:absolute;opacity:0;width:1px;height:1px}
.beta-slot input:focus-visible + span{outline:2px solid var(--amber);outline-offset:4px;border-radius:5px}
.beta-slot:has(input:checked){border-color:var(--amber);background:color-mix(in srgb,var(--amber) 8%,#faf9f5);box-shadow:inset 3px 0 0 var(--amber)}
.beta-slot-day{display:grid;place-items:center;min-width:62px;padding-right:13px;border-right:1px solid rgba(23,32,42,.13);font:600 11px var(--f-mono);color:var(--amber-deep);text-transform:uppercase;line-height:1.35;text-align:center}
.beta-slot-body{display:grid;gap:2px;min-width:0}
.beta-slot-body strong{font:700 17px var(--f-display)}
.beta-slot-body small{font-size:13px;color:var(--muted-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beta-empty{border:1px dashed rgba(23,32,42,.25);border-radius:12px;padding:14px;color:var(--muted-l);margin:0;font-size:14px}
.beta-consent{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;border:1px solid rgba(23,32,42,.11);border-radius:10px;background:#faf9f5;color:var(--muted-l);font-size:13px;line-height:1.45;cursor:pointer}
.beta-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--amber)}
.beta-privacy{color:var(--muted-l);font-size:12px;line-height:1.5;margin:14px 0 0}
.beta-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(23,32,42,.12)}
.beta-actions .btn{min-height:46px}
.beta-actions .btn-ghost-dark{background:transparent}
.beta-form-message{min-height:20px;margin:12px 0 0;color:var(--amber-deep);font-size:13px;text-align:right}
.beta-confirmation-message{margin-top:0;text-align:left}
.beta-confirmation{padding:7px 0 2px}
.beta-confirmation-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#e0f5e9;color:#208650;font-size:23px;font-weight:700}
.beta-confirmation h3{font-size:32px;margin-bottom:9px}
.beta-confirmation-lead{max-width:48ch;color:var(--muted-l);font-size:16px;line-height:1.55;margin:0}
.beta-confirmation-summary{display:grid;gap:10px;margin:24px 0 0}
.beta-confirmation-summary>div{padding:13px 15px;border:1px solid rgba(23,32,42,.11);border-radius:11px;background:#faf9f5}
.beta-confirmation-summary span{display:block;margin-bottom:4px;color:var(--muted-l);font:600 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.beta-confirmation-summary strong{display:block;font:700 18px var(--f-display);line-height:1.2}
.beta-confirmation-summary small{display:block;margin-top:4px;color:var(--muted-l);font-size:13px}
.beta-confirmation-bring{margin-top:22px;padding:15px 17px;border-left:3px solid var(--amber);border-radius:0 11px 11px 0;background:#fff8f5}
.beta-confirmation-bring h4{font-size:17px;margin-bottom:7px}
.beta-confirmation-bring ul{margin:0;padding-left:19px;color:var(--muted-l);font-size:14px;line-height:1.55}
.beta-confirmation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.beta-confirmation-actions .btn{min-height:44px}
.beta-calendar-actions{margin-top:22px;padding:15px 17px;border:1px solid rgba(47,109,181,.2);border-radius:11px;background:#f2f7fd}
.beta-calendar-label{margin:0 0 10px;color:#49627d;font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.beta-calendar-links{display:flex;flex-wrap:wrap;gap:9px}
.beta-calendar-links .btn{min-height:42px}
.jz-nabor-wizard{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;margin-top:22px;padding:24px;border:1px solid var(--line-d);border-radius:18px;background:var(--mat-3)}
.beta-jak-zacit .jz-nabor-wizard{gap:20px;padding:18px;scroll-margin-top:92px}
.jz-nabor-wizard .beta-card{margin:0;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.beta-jak-zacit .jz-nabor-note{padding:8px 2px}
.jz-nabor-note-num{margin:0 0 16px;color:var(--amber);font:600 12px var(--f-mono);letter-spacing:.15em}
.beta-jak-zacit .jz-nabor-note h3{font-size:26px;margin-bottom:10px}
.jz-nabor-note>p:not(.jz-nabor-note-num){max-width:29ch;color:var(--muted-d);font-size:15px;line-height:1.65;margin:0}
.beta-jak-zacit .jz-nabor-note ul{margin:18px 0 0;gap:7px}
.jz-nabor-note li{display:flex;align-items:center;gap:9px}
.jz-nabor-note li::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(57,217,138,.16);color:#39d98a;font-size:11px;font-weight:700}
.beta-jak-zacit .jz-nabor-phone{display:inline-block;margin-top:28px}
.jz-nabor-phone:hover{color:var(--amber)}
.pj-more-reasons{max-width:840px;margin:18px auto 0;border:1px solid var(--line-d);border-radius:14px;background:var(--mat-3);overflow:hidden}
.pj-more-reasons summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;cursor:pointer;color:var(--gi);font:600 14px var(--f-mono)}
.pj-more-reasons summary::-webkit-details-marker{display:none}
.pj-more-reasons summary .faq-ic{flex:none}
.pj-more-reasons[open]{padding-bottom:2px}
.pj-more-reasons[open] summary{border-bottom:1px solid var(--line-d)}
.pj-more-reasons[open] summary .faq-ic::after{transform:scaleY(0)}
.pj-more-reasons .pj-grid-more{padding:16px;margin:0}
.pj-compare{max-width:840px;margin:32px auto 0;border:1px solid var(--line-d);border-radius:14px;background:var(--mat-3);overflow:hidden}
.pj-compare summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;cursor:pointer;color:var(--gi)}
.pj-compare summary::-webkit-details-marker{display:none}
.pj-compare-copy{display:grid;gap:4px;min-width:0}
.pj-compare-copy strong{font:700 19px var(--f-display)}
.pj-compare-copy small{color:var(--muted-d);font-size:13px;line-height:1.45}
.pj-compare summary .faq-ic{flex:none}
.pj-compare[open] summary{border-bottom:1px solid var(--line-d)}
.pj-compare[open] summary .faq-ic::after,.jz-info-disclosure[open] summary .faq-ic::after{transform:scaleY(0)}
.pj-compare-body{padding:0 16px 18px}
.pj-compare-body .pj-note{margin:18px auto 20px}
.jz-cta-compact{gap:8px;margin-top:18px}
.jz-cta-compact .btn{padding:10px 15px;font-size:12px}
.jz-info-compact{align-items:stretch}
.jz-info-disclosure{padding:0;overflow:hidden}
.jz-info-disclosure summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;color:var(--gi);font-family:var(--f-display);font-size:18px;font-weight:700}
.jz-info-disclosure summary::-webkit-details-marker{display:none}
.jz-info-disclosure summary .faq-ic{flex:none}
.jz-info-disclosure[open] summary{border-bottom:1px solid var(--line-d)}
.jz-info-body{padding:18px 22px 22px}
.jz-info-body .jz-step-btns{margin-top:16px}
.beta-followup{background:var(--gi);padding-top:90px}
.beta-followup-head{max-width:620px;margin-bottom:38px}
.beta-followup-head h2{font-size:clamp(32px,4vw,48px)}
.beta-how-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.beta-how-grid article{padding:25px 24px 28px;border-left:1px solid var(--line-l)}
.beta-how-grid article:first-child{border-left:0}
.beta-how-grid article span{font:600 12px var(--f-mono);color:var(--amber-deep);letter-spacing:.1em}
.beta-how-grid h3{font-size:21px;margin:18px 0 8px}
.beta-how-grid p{color:var(--muted-l);font-size:15px;line-height:1.55;margin:0}
.beta-next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:64px;padding:30px;border:1px solid var(--line-l);border-radius:16px;background:var(--gi-card)}
.beta-next-step .eyebrow{margin-bottom:12px}
.beta-next-step h2{font-size:29px;margin-bottom:7px}
.beta-next-step p:not(.eyebrow){color:var(--muted-l);font-size:15px;max-width:55ch;margin:0}
.beta-next-links{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.beta-back{margin:30px 0 0;text-align:center;font:500 12px var(--f-mono);color:var(--muted-l)}
.beta-back a{text-decoration:none}
.beta-back a:hover{color:var(--amber-deep)}
@media(max-width:820px){
  .beta-layout{grid-template-columns:1fr;max-width:640px}
  .beta-aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .beta-aside-mark,.beta-aside h2,.beta-aside p{grid-column:1/-1}
  .beta-aside-contact{margin-top:0;padding-top:0;border-top:0;align-self:end;justify-self:end;text-align:right}
  .beta-checklist{margin-top:20px}
  .jz-nabor-wizard{grid-template-columns:1fr;gap:18px;padding:20px}
  .jz-nabor-note{padding:0 4px}
  .jz-nabor-note>p:not(.jz-nabor-note-num){max-width:52ch}
}
@media(max-width:600px){
  .beta-hero{padding-bottom:74px}
  .beta-intro{margin-bottom:34px}
  .beta-intro h1{font-size:clamp(37px,11vw,58px)}
  .beta-lead{font-size:16px}
  .beta-card{padding:22px 18px;border-radius:16px}
  .beta-card h2{font-size:25px}
  .beta-progress{margin-bottom:25px}
  .beta-progress li span{font-size:10px}
  .beta-progress-line{left:26px;right:26px}
  .beta-choice-grid,.beta-form-grid{grid-template-columns:1fr}
  .beta-choice{padding:14px}
  .beta-visit-summary{margin-top:18px;padding:15px 15px 14px}
  .beta-visit-summary strong{font-size:19px}
  .beta-slot{padding:13px 12px}
  .beta-slot-day{min-width:55px;padding-right:10px}
  .beta-slot-body strong{font-size:16px}
  .beta-slot-body small{white-space:normal;font-size:12px}
  .beta-actions{justify-content:stretch;flex-direction:column-reverse}
  .beta-actions .btn{width:100%;justify-content:center}
  .beta-form-message{text-align:center}
  .beta-confirmation-message{text-align:left}
  .beta-confirmation h3{font-size:28px}
  .beta-confirmation-lead{font-size:15px}
  .beta-confirmation-actions{display:grid}
  .beta-confirmation-actions .btn{justify-content:center}
  .beta-calendar-links{display:grid}
  .beta-calendar-links .btn{justify-content:center;width:100%}
  .jz-nabor-wizard{display:block;margin-top:14px;padding:0;border:0;background:transparent}
  .jz-nabor-note{display:none}
  .pj-compare{margin-top:24px}
  .pj-compare summary{padding:16px 17px}
  .pj-compare-copy strong{font-size:17px}
  .pj-compare-copy small{font-size:12px}
  .pj-compare-body{padding:0 10px 16px}
  .pj-more-reasons{margin-top:14px}
  .pj-more-reasons summary{padding:14px 16px;font-size:11px}
  .pj-more-reasons .pj-grid-more{padding:10px}
  .jz-cta-compact{margin-top:14px}
  .beta-jak-zacit .jz-cta-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .beta-jak-zacit .jz-cta-compact .btn{width:100%;flex:none;justify-content:center;padding:9px 8px;font-size:11px;line-height:1.25;text-align:center}
  .beta-jak-zacit .jz-cta-compact .btn:last-child{grid-column:1/-1}
  .jz-info-disclosure summary{padding:16px 17px;font-size:16px}
  .jz-info-body{padding:16px 17px 18px}
  .beta-jak-zacit .jz-nav{margin-bottom:30px;padding:7px 14px;gap:6px}
  .beta-jak-zacit .jz-nav a{padding:7px 12px;font-size:11px}
  .beta-aside{display:block}
  .beta-aside-contact{margin-top:26px;padding-top:17px;border-top:1px solid var(--line-d);text-align:left}
  .beta-followup{padding-top:70px}
  .beta-how-grid{grid-template-columns:1fr}
  .beta-how-grid article{border-left:0;border-top:1px solid var(--line-l)}
  .beta-how-grid article:first-child{border-top:0}
  .beta-next-step{display:block;margin-top:42px;padding:22px}
  .beta-next-links{margin-top:22px;display:grid}
  .beta-next-links .btn{justify-content:center}
}