
/* Cybersafe.cz commercial offer module v1, designed for light/dark accessible pages */
:root{--cs-ink:#0d2542;--cs-cyan:#49d2f1;--cs-blue:#247bea}
.cs-pricing-intro{background:linear-gradient(135deg,#071a32 0%,#0b2a4d 48%,#103b60 100%);color:#f5fbff;overflow:hidden;position:relative}
.cs-pricing-intro:before{content:"";position:absolute;inset:-30% -20% auto auto;width:680px;height:680px;background:radial-gradient(circle,#4fd9f51d,transparent 62%);pointer-events:none}
.cs-pricing-intro .container{position:relative;z-index:1}
.cs-eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#56d7ef}
.cs-pricing-intro h1{max-width:900px;margin:.6em 0 .4em;font-size:clamp(2.25rem,5.2vw,4.85rem);line-height:1.1;letter-spacing:-.04em;color:white}
.cs-pricing-intro p{color:#cce0f1;max-width:770px;font-size:1.13rem;line-height:1.65}
.cs-intro-shell{padding:75px 0 80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;align-items:center}
.cs-intro-bits{display:flex;gap:14px;flex-wrap:wrap;margin:23px 0 29px;color:#d4e8f4;font-size:.86rem}
.cs-intro-bits span:before{content:'✓';color:#68e5f4;margin-right:8px}
.cs-orb{width:270px;aspect-ratio:1;border:1px solid #73ccf043;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 0 29px #5cdef305,0 0 0 65px #5cdef308,inset 0 0 100px #4bd4f112;background:radial-gradient(circle at 50% 40%,#3cccea36,transparent 65%)}
.cs-orb:before,.cs-orb:after{content:"";position:absolute;width:80%;height:80%;border:1px solid #a7e6fa3b;border-radius:50%;transform:rotateX(66deg) rotate(-27deg)}
.cs-orb img{width:185px;max-width:75%;height:auto;filter:drop-shadow(0 14px 35px #3dbbfc8f)}
.cs-bundle-section{padding:74px 0 86px;background:#f4f8fc;color:#102946}
.cs-bundle-heading{max-width:740px;margin-bottom:30px}
.cs-bundle-heading h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;margin:10px 0 12px;letter-spacing:-.025em;color:#0b2445}
.cs-bundle-heading p{color:#4e6379;line-height:1.7}
.cs-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
.cs-plan{border:1px solid #d5e3ef;background:#fff;border-radius:22px;padding:30px 25px 26px;display:flex;flex-direction:column;box-shadow:0 12px 32px #1c53780a;position:relative;transition:transform .22s,box-shadow .22s}
.cs-plan:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1c53781a}
.cs-plan.is-featured{border:2px solid #236bd4;box-shadow:0 19px 50px #1763ca1e}
.cs-plan-chip{display:inline-block;color:#2369c3;background:#e9f3ff;padding:7px 10px;border-radius:20px;font-size:.75rem;font-weight:800;max-width:max-content}
.cs-plan.is-featured .cs-plan-chip{background:#0f6bca;color:white}
.cs-plan h3{color:#0b274b;font-size:1.3rem;letter-spacing:.09em;margin:18px 0 8px}
.cs-plan-desc{font-size:.94rem;color:#4f657b;min-height:75px;line-height:1.6}
.cs-plan-price{font-size:clamp(1.95rem,3vw,2.5rem);color:#072243;font-weight:800;letter-spacing:-.05em;line-height:1.05;margin:13px 0 3px}
.cs-plan-unit{font-size:.83rem;color:#61748a;margin-bottom:20px}
.cs-plan-divider{height:1px;background:#deebf5;margin:0 0 17px}
.cs-plan ul{list-style:none;margin:0 0 27px;padding:0;flex:1}
.cs-plan li{position:relative;padding-left:26px;margin:0 0 12px;line-height:1.5;color:#334c65;font-size:.91rem}
.cs-plan li:before{content:'✓';position:absolute;left:0;color:#0670c9;font-weight:900}
.cs-plan-btn{display:block;text-decoration:none!important;text-align:center;background:#0a3158;color:#fff!important;font-weight:700;border-radius:11px;padding:15px 14px;transition:background .2s}
.cs-plan-btn:hover{background:#1479ca;color:white}
.cs-plan.is-featured .cs-plan-btn{background:#146fe4}
.cs-plan.is-featured .cs-plan-btn:hover{background:#034fbd}
.cs-price-note{font-size:.81rem;line-height:1.75;color:#53677c;margin:22px 2px 0}
.cs-inline-cta{display:inline-flex;align-items:center;text-decoration:none!important;background:#1f80df;color:#fff!important;font-weight:750;padding:13px 19px;border-radius:10px;margin-top:6px}
.cs-inline-cta:hover{background:#1166bd}
.cs-offer-process{padding:72px 0;background:white;color:#163351}
.cs-offer-process h2,.cs-offer-faq h2,.cs-offer-detail h2{font-size:clamp(1.8rem,2.6vw,2.45rem);color:#0b2545;letter-spacing:-.025em;margin:.4em 0 1em}
.cs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cs-step{border-left:3px solid #2b88d9;padding-left:23px}
.cs-step-number{font-size:.78rem;font-weight:850;color:#277bca;letter-spacing:.15em}
.cs-step h3{color:#113456;margin:10px 0}
.cs-step p{color:#546c80;line-height:1.7}
.cs-offer-detail{background:#ebf4fb;padding:70px 0}
.cs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.cs-detail-grid p,.cs-detail-grid li{color:#506780;line-height:1.7}
.cs-detail-grid ul{margin:0;padding-left:22px}
.cs-offer-faq{background:white;padding:65px 0}
.cs-offer-faq details{border-bottom:1px solid #dce7ef;padding:15px 0;color:#526a7e}
.cs-offer-faq summary{font-size:1rem;font-weight:750;color:#15385a;cursor:pointer;list-style:revert}
.cs-offer-faq details p{line-height:1.7;margin:.9em 0}
.cs-cards-compact{background:#edf6fc;padding:68px 0;color:#12314f}
.cs-cards-compact .cs-bundle-heading{margin-bottom:25px}
.cs-compact-note{font-size:.88rem;color:#51677d;line-height:1.6;margin-top:15px}
.cs-cards-compact .cs-plan{padding:24px 22px;border-radius:17px}
.cs-cards-compact .cs-plan-desc{min-height:60px}
.cs-cards-compact .cs-plan li{margin-bottom:9px}
.cs-cards-compact .cs-plan ul{margin-bottom:20px}
.cs-sector-offer{padding:32px;margin:45px auto;border-radius:19px;background:linear-gradient(110deg,#072849,#145486);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cs-sector-offer h2{color:white;font-size:clamp(1.3rem,2.2vw,1.85rem);margin:5px 0}
.cs-sector-offer p{color:#d7e8f6;margin:5px 0;max-width:680px}
.cs-sector-offer .cs-inline-cta{background:white;color:#0b3e70!important;white-space:nowrap}
.cs-sector-offer .cs-inline-cta:hover{background:#dcefff}
.cs-offer-legal{font-size:.82rem;line-height:1.65;color:#64788a;margin-top:22px}
.cs-center{max-width:1040px;margin:auto}
@media(max-width:1020px){.cs-intro-shell{grid-template-columns:1fr 210px}.cs-orb{width:200px}}
@media(max-width:820px){.cs-plan-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}.cs-plan-desc{min-height:0}.cs-intro-shell{grid-template-columns:1fr}.cs-orb{display:none}.cs-steps{grid-template-columns:1fr}.cs-detail-grid{grid-template-columns:1fr}.cs-sector-offer{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.cs-pricing-intro .container{padding-inline:18px}.cs-intro-shell{padding:55px 0}.cs-bundle-section,.cs-offer-detail,.cs-offer-faq,.cs-offer-process,.cs-cards-compact{padding:52px 0}.cs-plan{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.cs-plan{transition:none}.cs-plan:hover{transform:none}}
