/* ==========================================================
   VIAVIS SOC – varianta V2 / 90 % vizuální jazyk viavis.cz
   Zachovává obsah V1, ale používá firemní modrou, bílou,
   růžový akcent, plošší layout a typografii blízkou VIAVIS.
   ========================================================== */
:root{
  --viavis-blue:#176ba0;
  --viavis-blue-dark:#10577f;
  --viavis-blue-deep:#0b4f78;
  --viavis-cyan:#36a9d6;
  --viavis-magenta:#c32668;
  --viavis-pale:#f2f7fa;
  --viavis-pale2:#eaf3f7;
  --viavis-line:#d5e2e8;
  --viavis-text:#2e3b43;
  --viavis-muted:#697982;
  --white:#fff;
  --max:1180px;
}

body{font-family:Arial,"Helvetica Neue",sans-serif;color:var(--viavis-text);background:#fff;font-size:17px;line-height:1.65}
.container{width:min(var(--max),calc(100% - 52px))}
.topline{height:30px;background:var(--viavis-blue-dark);color:#dcebF4;font:600 11px Arial,sans-serif;letter-spacing:.08em}
.nav-wrap{height:88px;background:#fff;border-bottom:1px solid #e4edf1;box-shadow:0 3px 18px rgba(16,87,127,.08)}
.nav{gap:28px}.brand{color:var(--viavis-blue-dark);gap:13px}.viavis-logo{width:154px}.brand small{font-family:Arial,sans-serif!important;color:var(--viavis-blue)!important;font-size:13px!important;font-weight:700;letter-spacing:.12em}
.nav-links{gap:30px;color:#374b56;font-size:15px;font-weight:600}.nav-links a{padding:31px 0 27px;border-bottom:3px solid transparent}.nav-links a:hover{color:var(--viavis-blue);border-color:var(--viavis-magenta)}
.menu{color:var(--viavis-blue-dark)}
.btn{border-radius:0;font-size:15px;letter-spacing:0;font-weight:700;box-shadow:none}.btn:hover{transform:none;filter:brightness(.97)}
.btn-primary{background:var(--viavis-magenta);color:#fff;border-color:var(--viavis-magenta);box-shadow:none}.btn-primary:hover{background:#aa1f59}
.btn-outline{background:var(--viavis-blue);color:#fff;border-color:var(--viavis-blue)}
.btn-ghost{background:#fff;color:var(--viavis-blue-dark);border-color:#fff}
.btn-card{border-color:var(--viavis-blue);color:var(--viavis-blue);background:#fff}

/* HERO – velká firemní modrá plocha, bez SaaS gridů/glow efektů */
.hero{min-height:620px;background:var(--viavis-blue);color:#fff;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(16,87,127,.97) 0%,rgba(23,107,160,.91) 42%,rgba(23,107,160,.48) 70%,rgba(23,107,160,.28) 100%),url('assets/viavis-cyber-bg.png');background-size:cover;background-position:center;z-index:-1}
.hero:after{display:none}.hero-grid{min-height:620px;grid-template-columns:1.05fr .95fr;gap:60px}
.eyebrow,.section-kicker{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.09em;color:var(--viavis-magenta);margin-bottom:20px}
.eyebrow{color:#fff}.pulse{background:#fff;box-shadow:none;width:8px;height:8px}
h1{font-size:58px;line-height:1.08;letter-spacing:-.025em;font-weight:700;margin-bottom:26px}h1 em{color:#fff;text-decoration:none;font-style:normal}
.lead{font-size:20px;line-height:1.65;color:#fff;max-width:690px}
.hero-actions{margin:34px 0 24px}.hero .btn-primary{background:var(--viavis-magenta);border-color:var(--viavis-magenta);color:#fff}.hero .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.75);color:#fff}
.hero-notes{font-size:14px;color:#fff}.hero-notes span{color:#fff}
.hero-glow{display:none}
.soc-panel{background:#fff;color:var(--viavis-text);border:0;border-top:5px solid var(--viavis-magenta);border-radius:0;box-shadow:0 18px 42px rgba(8,56,88,.22)}
.panel-head{background:#edf5f8;color:#55707e;border-bottom:1px solid #dbe8ed;font-family:Arial,sans-serif;font-size:11px}.dots b{background:#aac2cd}.live{color:var(--viavis-magenta)}
.metric-row{border-bottom:1px solid #dbe8ed}.metric-row small{color:#758b96}.metric-row strong{color:#163e55}.cyan{color:var(--viavis-blue)!important}.red{color:var(--viavis-magenta)!important}
.gridlines{background:linear-gradient(rgba(23,107,160,.10) 1px,transparent 1px);background-size:100% 35px}.line{stroke:var(--viavis-blue)}.area{fill:rgba(54,169,214,.10)}
.alert-card{background:#f7fafb;border-left-color:var(--viavis-magenta)}.alert-icon{background:#f9e5ee;color:var(--viavis-magenta)}.alert-card small{color:var(--viavis-magenta)}.alert-card strong{color:#274650}.alert-card span{color:#78909a}.status{border-color:#8cc6dc;color:var(--viavis-blue)!important}
.terminal{background:#edf5f8;color:#617985}.terminal span{color:#8297a0}.terminal b{color:var(--viavis-magenta)}

.trust-strip{background:#fff;border-bottom:1px solid var(--viavis-line)}.trust-inner{height:76px;color:#58717d;font-size:13px}.trust-inner i{background:var(--viavis-magenta)}
.section{padding:92px 0}.section h2,.contact h2{font-size:44px;line-height:1.16;letter-spacing:-.02em;color:var(--viavis-blue-dark)}.section h2 span,.contact h2 span{color:var(--viavis-blue)}
.split-title{gap:70px;margin-bottom:45px}.split-title p{font-size:17px;color:var(--viavis-muted)}

/* TYPOLOGIE KARET – ploché bloky jako korporátní web */
.cards-3{border:0;gap:22px}.feature{min-height:250px;border:1px solid var(--viavis-line)!important;padding:34px;background:#fff;position:relative}.feature:before{content:"";position:absolute;left:0;top:0;width:54px;height:4px;background:var(--viavis-magenta)}.feature .num{font-family:Arial,sans-serif;font-size:13px;color:var(--viavis-blue);margin-bottom:32px}.feature h3{font-size:22px;color:var(--viavis-blue-dark)}.feature p{font-size:16px;color:var(--viavis-muted)}

/* LIVE DEMO – VIAVIS modrá sekce */
.demo{background:var(--viavis-blue-dark);color:#fff}.demo:after{display:none}.demo-grid{gap:70px}.demo .section-kicker.light{color:#fff}.demo h2{font-size:50px;color:#fff}.demo h2 span{color:#fff}.big{font-size:21px!important}.demo-copy>p{font-size:17px;color:#dcebf2}.demo-points{gap:0 28px}.demo-points span{font-size:16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.demo-points b{font-family:Arial,sans-serif;color:#7ed1f0;font-size:14px}.safe{color:#c3d8e2;font-size:14px}
.demo-stage{background:#fff;color:var(--viavis-text);border:0;border-top:5px solid var(--viavis-magenta);padding:28px}.stage-label{font-family:Arial,sans-serif;color:var(--viavis-blue);border-bottom:1px solid var(--viavis-line)}.attack-flow{padding:48px 0}.node{background:var(--viavis-pale);border:1px solid #c8dce5;color:var(--viavis-blue-dark)}.node span{color:var(--viavis-blue)}.node b{font-family:Arial,sans-serif}.node small{color:#6f8793}.node.soc{border-color:var(--viavis-blue);box-shadow:none}.flow-line{background:#b9ccd5}.flow-line i{background:var(--viavis-magenta)}.flow-line.detect i{background:var(--viavis-blue)}.flow-line em{font-family:Arial,sans-serif;color:#7f949e}.stage-alert{background:var(--viavis-pale);border-left-color:var(--viavis-magenta)}.stage-alert span{font-family:Arial,sans-serif;color:var(--viavis-magenta)}.stage-alert strong{color:#294c5f}

.audiences,.process{background:var(--viavis-pale)}.audience-grid{gap:24px}.aud-card{border:1px solid var(--viavis-line);padding:40px}.aud-card.dark{background:var(--viavis-blue);border-color:var(--viavis-blue)}.aud-icon{border:0;background:var(--viavis-pale2);color:var(--viavis-blue);width:56px;height:56px}.aud-card.dark .aud-icon{background:rgba(255,255,255,.14);color:#fff}.aud-card small{font-family:Arial,sans-serif;color:var(--viavis-magenta);font-size:12px}.aud-card.dark small{color:#fff}.aud-card h3{font-size:27px;color:var(--viavis-blue-dark)}.aud-card.dark h3{color:#fff}.aud-card p{font-size:16px}.aud-card.dark p{color:#e1eef4}.aud-card a{color:var(--viavis-magenta);font-size:14px}.aud-card.dark a{color:#fff}

.test-section{background:#fff}.test-facts span{background:var(--viavis-pale);border:1px solid var(--viavis-line);border-radius:0}.placeholder-note{background:#fff8fb;border:1px solid #ead0dc;border-left:4px solid var(--viavis-magenta);color:#687d87;font-family:Arial,sans-serif}.reg-test,.test-card{border:1px solid var(--viavis-line);box-shadow:0 12px 32px rgba(16,87,127,.08);border-radius:0}.reg-test{border-top:5px solid var(--viavis-blue)}.reg-test .test-top small,.test-card>small{font-family:Arial,sans-serif;color:var(--viavis-blue)}.test-progress i.active,.test-progress i:first-child{background:var(--viavis-magenta)}.test-answers button{border-radius:0}.test-answers button:hover{border-color:var(--viavis-blue);background:var(--viavis-pale)}

.pricing{background:var(--viavis-pale)}.pricing-grid{gap:22px}.price-card{border:1px solid var(--viavis-line);border-radius:0;box-shadow:none;background:#fff}.price-card.featured{border:2px solid var(--viavis-blue);transform:none;box-shadow:0 12px 30px rgba(16,87,127,.10)}.recommended{background:var(--viavis-magenta);font-family:Arial,sans-serif}.price-top small{font-family:Arial,sans-serif;color:var(--viavis-magenta)!important}.price-top h3{color:var(--viavis-blue-dark)}.price strong{color:var(--viavis-blue)}.price-card li:before{color:var(--viavis-magenta)}.sla-note{background:#fff;border:1px solid var(--viavis-line);border-left:5px solid var(--viavis-magenta);border-radius:0}

.expertise{background:#fff;padding-bottom:92px}.expertise-head{gap:60px}.expertise-head .section-kicker.light{color:var(--viavis-magenta)}.expertise-head h2{color:var(--viavis-blue-dark)}.expertise-head p,.expertise-head .big{color:var(--viavis-muted)!important}.team-grid{gap:20px}.team-card{border:1px solid var(--viavis-line);box-shadow:none;border-radius:0}.team-card:hover{transform:none}.team-card.focus{box-shadow:none;border:1px solid var(--viavis-line);border-bottom:4px solid var(--viavis-magenta)}.team-card small{font-family:Arial,sans-serif;color:var(--viavis-magenta)}.team-card h3{color:var(--viavis-blue-dark)}.team-card p{font-size:13px}.team-proofs{border-top:1px solid var(--viavis-line);color:#637983}

.process-row>div{background:#fff;border:1px solid var(--viavis-line);padding:28px}.process-row b{font-family:Arial,sans-serif;color:var(--viavis-magenta)}.process-row i{color:var(--viavis-blue)}
.faq{background:#fff}.faq-list details{border-bottom:1px solid var(--viavis-line)}.faq summary{color:var(--viavis-blue-dark)}.faq summary b{color:var(--viavis-magenta)}

/* Kontakt podobný kontaktní stránce VIAVIS: modrá plocha + bílé boxy */
.contact{background:var(--viavis-blue);padding:92px 0}.contact:before{display:none}.contact h2{color:#fff}.contact h2 span{color:#fff}.contact-head p{color:#e7f1f6}.contact-person,.contact-form,.map-card{box-shadow:none;border-radius:0}.contact-person{border-top:5px solid var(--viavis-magenta)}.contact-person h3{color:var(--viavis-blue-dark)}.contact-person>small{font-family:Arial,sans-serif;color:var(--viavis-magenta)}.contact-lines a{color:var(--viavis-blue)}.contact-note{background:var(--viavis-pale);border-left-color:var(--viavis-magenta)}.contact-form{background:#fff;border-top:5px solid var(--viavis-magenta)}.form-head b{color:var(--viavis-blue-dark)}.form-head span{color:#70828c}.contact-form input,.contact-form select,.contact-form textarea{border-radius:0}.map-card{border-top:5px solid var(--viavis-magenta)}

footer{background:var(--viavis-blue-dark);color:#fff;border-top:0}.footer-brand .brand small,.footer-brand small{color:#fff!important}.footer-grid span,.footer-bottom{color:#d4e5ed}.footer-bottom{border-top:1px solid rgba(255,255,255,.2)}

/* Remove futuristic microcopy look where possible */
.panel-head,.terminal,.stage-label,.price-top small,.team-card small,.contact-person>small{letter-spacing:.06em}

@media(max-width:900px){
  .nav-wrap{height:76px}.nav-links{background:#fff;color:var(--viavis-text);top:76px;border-top:1px solid var(--viavis-line);box-shadow:0 10px 30px rgba(16,87,127,.12)}.nav-links a{padding:14px 0;border:0}.menu{display:block}
  .hero-grid{min-height:auto;padding:70px 0}.hero{min-height:0}h1{font-size:48px}.section h2,.contact h2{font-size:39px}.demo h2{font-size:44px}
}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 30px))}.topline{font-size:9px;text-align:center}.viavis-logo{width:126px}h1{font-size:39px}.lead{font-size:18px}.section{padding:70px 0}.section h2,.contact h2{font-size:33px}.demo h2{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}