/* V2B — obsahové sekce ve stylu VIAVIS / KYBER čtvrtky
   DŮLEŽITÉ: header + hero + hero callout zůstávají beze změny. */

/* obecný rytmus pod hero */
main > .section,
main > .contact{font-family:Arial,Helvetica,sans-serif}
main > .section{padding:82px 0}
main > .section .container{width:min(1180px,calc(100% - 44px))}
main > .section h2,
.contact h2{font-family:Arial,Helvetica,sans-serif;font-size:38px;line-height:1.22;letter-spacing:0;font-weight:700}
main > .section h2.center{text-align:center;margin-bottom:44px}
main > .section h2 span{color:#cc2264}
.section-kicker{font-family:Arial,Helvetica,sans-serif;color:#3d74c8;font-size:14px;letter-spacing:.01em;font-weight:700;text-align:center;margin:0 0 12px}

/* lehký síťový motiv podobný KYBER čtvrtkům */
.problem,.audiences,.pricing,.process,.faq{position:relative;overflow:hidden;background:#fff}
.problem:before,.audiences:before,.pricing:before,.process:before,.faq:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;
  background-image:url('assets/viavis-cyber-bg.png');background-size:760px auto;background-repeat:no-repeat;background-position:right -120px top -100px
}
.problem .container,.audiences .container,.pricing .container,.process .container,.faq .container{position:relative;z-index:1}

/* 01 problém — místo moderních tří mikro-karet velké kyberčtvrtkové panely */
.problem .split-title{display:block;text-align:center;max-width:900px;margin:0 auto 46px}
.problem .split-title h2{margin:0 0 18px;color:#4676c9}
.problem .split-title h2 span{color:#4676c9}
.problem .split-title p{max-width:780px;margin:0 auto;color:#566b78;font-size:18px;line-height:1.65}
.problem .cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border:0}
.problem .feature{
  position:relative;overflow:hidden;min-height:330px;padding:34px 32px;border:0!important;border-radius:22px;
  color:#fff;background:
  linear-gradient(180deg,rgba(21,88,148,.95),rgba(50,111,153,.86)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;
  box-shadow:0 11px 25px rgba(19,69,106,.18)
}
.problem .feature .num{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#fff;font-size:15px;margin-bottom:34px}
.problem .feature h3{color:#fff;font-size:25px;line-height:1.25;margin:0 0 16px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.86)}
.problem .feature p{color:#fff;font-size:17px;line-height:1.6;margin:0}

/* demo — jeden velký modrý blok, bez startupové „device“ estetiky */
.demo{background:#eef7fc;color:#174e75;padding:92px 0}
.demo:before{display:none}
.demo .container{width:min(1180px,calc(100% - 44px))}
.demo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}
.demo-copy,.demo-stage{border-radius:22px;overflow:hidden;box-shadow:0 11px 25px rgba(19,69,106,.13)}
.demo-copy{padding:46px 44px;background:#fff}
.demo-copy .section-kicker{text-align:left;color:#cc2264;margin-bottom:12px}
.demo h2{font-size:38px;color:#4676c9;margin:0 0 16px}
.demo h2 span{color:#cc2264}
.demo .big{font-size:21px!important;line-height:1.5;color:#174e75!important;font-weight:700}
.demo-copy>p{font-size:17px;line-height:1.65;color:#5d7180}
.demo-points{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 30px;border-top:1px solid #d9e7ef}
.demo-points span{padding:15px 0;border-bottom:1px solid #d9e7ef;color:#174e75;font-size:16px}
.demo-points b{color:#4676c9}
.demo .btn-primary{background:#1670ad!important;border-radius:10px!important;padding:15px 22px}
.demo-stage{background:
  linear-gradient(180deg,rgba(20,89,149,.95),rgba(64,122,162,.88)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;color:#fff;padding:0}
.stage-label{background:rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.28);color:#fff;text-align:center;padding:20px;font-weight:700}
.attack-flow{padding:38px 28px 28px}
.node{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.12);color:#fff;border-radius:14px;box-shadow:none}
.node span,.node b,.node small{color:#fff}
.node.soc{border:2px solid #fff;box-shadow:none;background:rgba(255,255,255,.18)}
.flow-line{background:rgba(255,255,255,.45)}
.flow-line i,.flow-line.detect i{background:#fff}
.flow-line em{color:#fff}
.stage-alert{background:rgba(255,255,255,.10);border-top:1px solid rgba(255,255,255,.30);margin:0;padding:24px 28px;color:#fff}
.stage-alert span,.stage-alert strong{color:#fff}
.safe{color:#708592}

/* 03 pro koho — přesněji jako dvě velké kartuše z KYBER */
.audiences{padding-top:76px}
.audiences .section-kicker{display:none}
.audiences h2.center{font-size:42px;color:#0d5f94;margin-bottom:48px}
.audiences h2.center span{color:#cc2264}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.aud-card,.aud-card.dark{
  min-height:395px;padding:46px 46px 40px;border:0;border-radius:22px;box-shadow:0 10px 23px rgba(23,85,126,.12)
}
.aud-card{background:#eef7fc;color:#0c5c8b}
.aud-card.dark{background:
  linear-gradient(180deg,rgba(12,102,166,.96),rgba(29,118,178,.95)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;color:#fff}
.aud-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#1473b4;margin-bottom:40px;font-size:27px}
.aud-card.dark .aud-icon{background:rgba(255,255,255,.16);color:#fff}
.aud-card small{display:block;color:#cc2264;font-size:13px;margin-bottom:42px}
.aud-card.dark small{color:#fff}
.aud-card h3{font-size:29px;line-height:1.3;margin:0 0 26px;color:#0c5c8b}
.aud-card.dark h3{color:#fff}
.aud-card p{font-size:17px;line-height:1.65;color:#667985;margin-bottom:28px}
.aud-card.dark p{color:#fff}
.aud-card a{font-weight:700;color:#0c6ca8;font-size:16px}
.aud-card.dark a{color:#fff}

/* test — klasická světlá sekce, jednoduchý modrý panel */
.test-section{background:#f7fbfd;padding:86px 0}
.test-section .section-kicker{text-align:left;color:#cc2264}
.test-grid{grid-template-columns:.92fr 1.08fr;gap:54px;align-items:start}
.test-intro h2{color:#4676c9;font-size:37px}
.test-intro h2 span{color:#cc2264}
.test-intro>p{font-size:17px;line-height:1.65;color:#5f7481}
.test-facts{display:flex;flex-wrap:wrap;gap:8px}
.test-facts span{background:#fff;border:1px solid #dbe9f1;border-radius:8px;color:#176da7;padding:9px 12px}
.placeholder-note{background:#fff;border:1px solid #dbe9f1;border-left:5px solid #cc2264;border-radius:8px;font-family:Arial,Helvetica,sans-serif;color:#627783}
.reg-test{border:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 11px 25px rgba(19,69,106,.13)}
.test-top{background:#176eaa;color:#fff;padding:22px 26px}
.test-top small,.test-top strong{color:#fff}
.test-reset{color:#fff;border-color:rgba(255,255,255,.7)}
.test-progress{padding:20px 26px 0}
.test-question{font-size:23px;color:#0c5d8f}
.test-answers button{border-radius:10px;border-color:#d6e5ee}
.test-answers button:hover{border-color:#176eaa;background:#eef7fc}

/* pricing — tři modré KYBER karty */
.pricing{padding:88px 0;background:#fff}
.pricing .section-kicker{color:#4676c9}
.pricing .split-title{display:block;text-align:center;max-width:880px;margin:0 auto 50px}
.pricing .split-title h2{color:#4676c9;margin:0 0 16px}
.pricing .split-title h2 span{color:#cc2264}
.pricing .split-title p{font-size:17px;line-height:1.65;color:#657985;max-width:760px;margin:0 auto}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.price-card,.price-card.featured{
  position:relative;overflow:hidden;transform:none;border:0;border-radius:22px;padding:0;background:
  linear-gradient(180deg,rgba(18,91,151,.96),rgba(54,117,158,.91)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;color:#fff;box-shadow:0 11px 25px rgba(19,69,106,.17)
}
.price-card.featured{background:
  linear-gradient(180deg,rgba(9,104,171,.97),rgba(28,117,180,.94)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat}
.price-card .price-top{padding:34px 32px 14px}
.price-card .price-top small{color:#fff!important;font-size:13px}
.price-card .price-top h3{color:#fff;font-size:25px;margin:10px 0 14px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.85)}
.price-card .price-top p{color:#fff;font-size:15px;line-height:1.55}
.price{padding:10px 32px 20px;border:0;color:#fff}
.price span,.price em,.price strong{color:#fff!important}
.price strong{font-size:39px}
.price-card ul{padding:0 32px 8px}
.price-card li{color:#fff;font-size:15px;border-bottom:1px solid rgba(255,255,255,.18);padding:11px 0}
.price-card li:before{color:#fff}
.price-card .btn{margin:22px 32px 32px;width:calc(100% - 64px);background:transparent!important;color:#fff!important;border:1px solid #fff!important;border-radius:10px!important}
.price-card .btn:hover{background:#fff!important;color:#176eaa!important}
.recommended{position:static;background:#cc2264;color:#fff;font-size:12px;padding:10px 16px;text-align:center;letter-spacing:.03em}
.sla-note{margin-top:30px;background:#eef7fc;border:0;border-radius:16px;padding:24px 28px;color:#0e5d8c;display:flex;gap:20px;align-items:flex-start}
.sla-note b{color:#cc2264;white-space:nowrap}
.sla-note span{color:#566f7d}

/* tým — čisté komunitní karty */
.expertise{background:#f7fbfd;padding:86px 0}
.expertise .container{width:min(1180px,calc(100% - 44px))}
.expertise-head{display:block;text-align:center;max-width:900px;margin:0 auto 48px}
.expertise-head .section-kicker.light{color:#4676c9}
.expertise-head h2{color:#4676c9;margin:0 0 18px}
.expertise-head>div:last-child p{max-width:760px;margin:0 auto 10px;color:#5e7481!important;font-size:17px}
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.team-card,.team-card.focus{background:#fff;border:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(23,85,126,.11)}
.team-card img{height:235px;width:100%;object-fit:cover}
.team-card div{padding:20px 18px 22px;text-align:center}
.team-card small{color:#4676c9;font-size:11px}
.team-card h3{font-size:19px;color:#0c5d8f;margin:7px 0 5px}
.team-card p{font-size:13px;color:#6b7c86;margin:0}
.team-card.focus{border-bottom:4px solid #cc2264}
.team-proofs{margin-top:34px;border:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.team-proofs span{background:#fff;border:1px solid #dbe8ef;border-radius:10px;padding:12px 16px;color:#496574}
.team-proofs b{color:#4676c9}

/* proces — 4 jednoduché bloky jako program/workshop */
.process{padding:86px 0}
.process .section-kicker{color:#4676c9}
.process h2.center{color:#4676c9}
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border:0}
.process-row>i{display:none}
.process-row>div{min-height:235px;border:0;border-radius:18px;padding:30px 26px;background:
  linear-gradient(180deg,rgba(22,92,150,.96),rgba(52,116,159,.90)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;color:#fff;box-shadow:0 9px 22px rgba(19,69,106,.14)}
.process-row b{display:inline-flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#fff}
.process-row h3{color:#fff;font-size:22px;margin:26px 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.65)}
.process-row p{color:#fff;font-size:15px;line-height:1.55}
.process .placeholder-note.centered{max-width:820px;margin:30px auto 0}

/* FAQ — stejná jednoduchost jako kyberctvrtky.cz */
.faq{padding:86px 0;background:#f7fbfd}
.faq .section-kicker{color:#4676c9}
.faq h2{text-align:center;color:#4676c9;margin-bottom:42px}
.faq-list{max-width:930px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 8px 20px rgba(23,85,126,.09);padding:6px 28px}
.faq-list details{border-bottom:1px solid #dbe8ef}
.faq summary{font-size:18px;color:#0c5d8f;padding:22px 0}
.faq summary b{color:#cc2264}
.faq details p{font-size:16px;line-height:1.65;color:#617784;padding:0 0 22px}

/* kontakt — místo moderního dark CTA klasická VIAVIS kontaktní sekce */
.contact{padding:88px 0;background:#fff;color:#154f73}
.contact .container{width:min(1180px,calc(100% - 44px))}
.contact-head{display:block;text-align:center;max-width:980px;margin:0 auto 44px}
.contact .section-kicker.light{color:#4676c9;text-align:center}
.contact h2{color:#4676c9;font-size:39px;margin:0 0 18px}
.contact h2 span{color:#cc2264}
.contact-head p{max-width:760px;margin:0 auto;color:#617885;font-size:17px;line-height:1.65}
.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}
.contact-person,.contact-form,.map-card{border:0;border-radius:18px;box-shadow:0 9px 22px rgba(23,85,126,.10);overflow:hidden}
.contact-person{background:
  linear-gradient(180deg,rgba(18,91,151,.96),rgba(54,117,158,.90)),
  url('assets/viavis-cyber-bg.png') center/cover no-repeat;color:#fff;padding:30px}
.contact-person img{border-radius:14px;height:250px;object-fit:cover;width:100%;margin-bottom:20px}
.contact-person small,.contact-person h3,.contact-person p,.contact-lines a,.contact-lines span{color:#fff}
.contact-person h3{font-size:25px;margin:6px 0}
.contact-lines{border-top:1px solid rgba(255,255,255,.35)}
.contact-note{background:rgba(255,255,255,.12);color:#fff;border:0}
.contact-form{background:#f7fbfd;padding:30px;border-top:0}
.form-head{background:transparent;color:#0c5d8f;padding:0 0 18px;border-bottom:1px solid #dbe8ef;margin-bottom:18px}
.form-head b{color:#0c5d8f}
.form-head span{color:#6a7f8b}
.contact-form label{color:#0c5d8f}
.contact-form input,.contact-form select{border:1px solid #d5e4ed;border-radius:8px;background:#fff}
.contact-form .btn-primary{border-radius:10px!important;background:#176eaa!important}
.map-card{grid-column:1 / -1;border-top:0;height:330px}
.map-card iframe{height:330px}
.map-overlay{background:#fff;color:#0c5d8f}
.map-overlay span{color:#677d89}
.map-overlay a{color:#176eaa}

/* footer jako na VIAVIS/KYBER — modrý, klidný */
footer{background:#0d5e94;color:#fff;padding-top:54px}
footer .container{width:min(1180px,calc(100% - 44px))}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.footer-grid b{color:#fff}
.footer-grid span,.footer-bottom{color:#dbeaf4}
.footer-logo{width:150px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.22);margin-top:34px;padding:20px 0}

@media(max-width:1000px){
  .problem .cards-3,.pricing-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(3,1fr)}
  .process-row{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  main > .section{padding:68px 0}.problem .cards-3,.pricing-grid,.audience-grid,.demo-grid,.test-grid,.contact-layout{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}.contact-person img{height:320px}.map-card{grid-column:auto}.process-row{grid-template-columns:1fr 1fr}
  .aud-card,.aud-card.dark{min-height:auto}.sla-note{flex-direction:column;gap:8px}.sla-note b{white-space:normal}
}
@media(max-width:560px){
  main > .section .container,.contact .container{width:calc(100% - 28px)}
  main > .section h2,.contact h2,.audiences h2.center{font-size:31px}.problem .cards-3,.team-grid,.process-row{grid-template-columns:1fr}
  .problem .feature,.aud-card,.aud-card.dark,.demo-copy{padding:30px 24px}.price-card .price-top{padding:28px 24px 12px}.price,.price-card ul{padding-left:24px;padding-right:24px}.price-card .btn{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}
}

/* FINAL: prosté nadpisy ve stylu KYBER čtvrtků */
.section-kicker,
.demo-copy .section-kicker,
.test-section .section-kicker,
.pricing .section-kicker,
.expertise-head .section-kicker.light,
.process .section-kicker,
.faq .section-kicker,
.contact .section-kicker.light{
  display:none !important;
}
.section h2,
.contact h2,
.section h2 span,
.contact h2 span,
.demo h2,
.demo h2 span,
.expertise-head h2{
  color:#4676c9 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}