:root{
    --blue:#0969ff;
    --blue-dark:#063b90;
    --blue-2:#00a8ff;
    --cyan:#43d7ff;
    --navy:#061733;
    --navy-2:#0b234a;
    --text:#10223d;
    --muted:#667994;
    --line:#e3edf8;
    --bg:#f6f9fd;
    --card:#fff;
    --shadow:0 24px 70px rgba(10,45,92,.13);
    --shadow-soft:0 14px 34px rgba(10,45,92,.08);
    --radius:26px;
    --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.site-shell{overflow:hidden;background:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(225,235,248,.86)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand-image{display:flex;align-items:center;min-width:220px}.brand-image img{height:46px;width:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:24px;font-weight:750;font-size:14px;color:#1f334e}.main-nav>a{position:relative;padding:10px 0}.main-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.22s}.main-nav>a:hover:after,.main-nav>a.is-active:after{right:0}.main-nav>a.is-active{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:6px}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#eef6ff}.nav-toggle span{display:block;width:22px;height:2px;background:var(--blue);margin:5px auto;border-radius:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:999px;font-weight:900;font-size:14px;border:1px solid transparent;transition:.18s;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0559d9);color:#fff;box-shadow:0 12px 26px rgba(9,105,255,.24)}.btn-soft{background:#eef6ff;border-color:#d7e8ff;color:#075edc}.btn-white{background:#fff;color:#073f98;box-shadow:0 14px 28px rgba(1,24,66,.15)}.btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36);color:#fff}.btn-ghost{background:#fff;border-color:#dce8f6;color:#17416f}.badge{display:inline-flex;border-radius:999px;background:#edf7ff;color:var(--blue);font-size:12px;font-weight:900;padding:8px 12px;text-transform:uppercase;letter-spacing:.1em}
.hero-wrap{padding:42px 0 44px;background:radial-gradient(circle at 20% 0%,#eff7ff 0,transparent 30%),linear-gradient(180deg,#fff,#f9fcff)}.hero-slider{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:16px;align-items:stretch;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#0a2a66 0%,#076adc 48%,#09b2e5 100%);box-shadow:var(--shadow);min-height:510px}.hero-main{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(430px,1fr);gap:20px;align-items:center;padding:54px 48px 60px;color:#fff;isolation:isolate}.hero-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 28%,rgba(255,255,255,.26),transparent 26%),radial-gradient(circle at 22% 82%,rgba(67,215,255,.26),transparent 32%);z-index:-1}.hero-copy{max-width:440px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#beedff}.eyebrow:before{content:"";width:30px;height:3px;border-radius:10px;background:currentColor}.hero h1{font-size:clamp(38px,3.9vw,56px);line-height:1.05;letter-spacing:-.055em;margin:18px 0 18px}.lead{font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);max-width:480px}.check-list,.blue-list{display:grid;gap:11px;margin:24px 0 28px;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.95);font-weight:700}.check-list li:before,.blue-list li:before{content:"✓";flex:0 0 23px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:13px}.check-list li:before{background:rgba(255,255,255,.18);color:#fff}.blue-list li{display:flex;align-items:flex-start;gap:10px;color:#284360;font-weight:700}.blue-list li:before{background:#eaf4ff;color:var(--blue)}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.device-scene{position:relative;min-height:380px}.portal-device{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(545px,100%);border-radius:24px;background:#f8fbff;color:#12223b;box-shadow:0 25px 60px rgba(0,28,75,.28);padding:18px;border:1px solid rgba(255,255,255,.65)}.device-top{display:flex;gap:8px;margin-bottom:15px}.device-top span{width:10px;height:10px;border-radius:50%;background:#d8e5f4}.device-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.device-bar strong{font-size:16px}.mini-btn{display:inline-flex;align-items:center;border-radius:10px;background:var(--blue);color:#fff;font-weight:900;font-size:12px;padding:8px 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat{background:#eaf2fb;border-radius:15px;padding:15px 14px}.stat strong{display:block;font-size:27px;line-height:1;color:#076adf}.stat small{display:block;color:#52677f;font-weight:700;margin-top:6px;font-size:12px}.ticket-table{margin-top:14px;background:#fff;border:1px solid #dce8f6;border-radius:16px;overflow:hidden;font-size:12px}.ticket-table .row{display:grid;grid-template-columns:.8fr 2fr 1fr 1.1fr .9fr;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid #eef3fa}.ticket-table .row:last-child{border-bottom:0}.ticket-table .head{font-size:10px;color:#66809e;text-transform:uppercase;font-weight:950;background:#f5f8fc}.compact-table .row{grid-template-columns:.8fr 2.4fr 1fr 1fr}.pill{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px}.pill.blue{background:#e6f2ff;color:#076adf}.pill.orange{background:#fff2d6;color:#9a6100}.pill.green{background:#e8f9ee;color:#118641}.phone-card{position:absolute;left:0;bottom:38px;z-index:2;width:150px;border-radius:18px;background:#fff;color:#0f2443;padding:16px;box-shadow:0 18px 38px rgba(0,28,75,.22)}.phone-notch{width:50px;height:6px;background:#e4edf7;border-radius:99px;margin:0 auto 12px}.phone-line{display:block;height:8px;border-radius:99px;background:#dce8f6;margin-top:9px}.phone-line.short{width:72%}.plant{position:absolute;right:-14px;bottom:82px;width:68px;height:68px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 0,#6be082 0 18%,transparent 19%),radial-gradient(circle at 25% 35%,#35ba5a 0 20%,transparent 21%),radial-gradient(circle at 75% 35%,#28aa52 0 20%,transparent 21%),#fff;box-shadow:0 15px 30px rgba(0,28,75,.18)}.slide-preview{position:relative;overflow:hidden;border-radius:0;background:linear-gradient(145deg,rgba(5,19,43,.98),rgba(8,82,121,.96));color:#fff;min-height:510px;display:flex;align-items:flex-end;padding:48px 32px}.slide-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(64,214,255,.25),transparent 26%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.44));z-index:1}.camera-art{position:absolute;right:-35px;top:34px;width:230px;height:330px;opacity:.48;background:radial-gradient(circle at 48% 26%,#56d7ff 0 8%,#09213f 9% 16%,#1b426b 17% 28%,transparent 29%),linear-gradient(90deg,transparent 0 35%,#07162e 36% 70%,transparent 71%),radial-gradient(circle at 75% 62%,#061325 0 24%,#0d315d 25% 39%,transparent 40%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.4));z-index:0}.slide-preview-content{position:relative;z-index:2}.slide-preview h2{font-size:34px;letter-spacing:-.055em;line-height:1.06;margin:18px 0 14px}.slide-preview p{color:rgba(255,255,255,.82);font-size:16px}.slider-arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:#0870df;font-size:32px;box-shadow:0 10px 25px rgba(0,0,0,.13);cursor:pointer}.slider-arrow.left{left:20px}.slider-arrow.right{right:20px}.slider-dots{position:absolute;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px}.slider-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4)}.slider-dots span.active{width:28px;border-radius:99px;background:#fff}
.section{padding:78px 0}.section-sm{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}.section-head.compact{margin-bottom:24px}.section-kicker{font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.section-title{font-size:clamp(30px,3.6vw,44px);line-height:1.07;letter-spacing:-.055em;margin:0}.section-copy{color:var(--muted);font-size:16px;max-width:570px}.services-section{background:#fff}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards-grid.six{grid-template-columns:repeat(6,1fr)}.service-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow-soft);min-height:210px;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#edf7ff,#dceeff);color:var(--blue);font-weight:950;font-size:24px;margin-bottom:18px}.service-card h3{font-size:19px;line-height:1.15;margin:0 0 10px;letter-spacing:-.035em}.service-card p{color:var(--muted);margin:0 0 18px;font-size:14px}.more{color:var(--blue);font-weight:950;font-size:14px}.portal-section{background:linear-gradient(180deg,#f4f9ff,#fff);border-top:1px solid #e8f0fa;border-bottom:1px solid #e8f0fa}.portal-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:66px;align-items:center}.portal-preview{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px}.portal-top{display:flex;justify-content:space-between;align-items:center;background:#0c2345;color:#fff;border-radius:18px;padding:15px 17px;margin-bottom:14px}.portal-content{padding-right:4vw}.portal-content .section-title{max-width:560px}.logos-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.logo-tile{height:78px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;text-align:center;font-weight:950;color:#203755;box-shadow:0 8px 22px rgba(10,45,92,.05)}.trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}.info-panel,.testimonial{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow-soft)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.step{background:#f8fbff;border:1px solid #e5eef9;border-radius:18px;padding:18px}.step-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:950;margin-bottom:12px}.step h3{font-size:16px;margin:0 0 8px}.step p{font-size:13px;color:var(--muted);margin:0}.quote{font-size:60px;line-height:.7;color:var(--blue);font-weight:950}.testimonial p{font-size:17px;color:#283f5e}.person{display:flex;align-items:center;gap:12px;margin-top:20px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbefff,#89c7ff)}.creative-section{padding-top:34px}.creative-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#061733 0%,#0647b5 45%,#08b5ea 100%);color:#fff;border-radius:30px;box-shadow:var(--shadow);padding:52px;margin:0 auto}.creative-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(255,255,255,.22),transparent 26%),radial-gradient(circle at 14% 90%,rgba(67,215,255,.34),transparent 30%);opacity:.95}.creative-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.creative-grid h2{font-size:clamp(34px,4.2vw,52px);line-height:1.05;letter-spacing:-.06em;margin:12px 0 16px}.creative-grid p{color:rgba(255,255,255,.84);font-size:16px;max-width:500px}.creative-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.creative-feature{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);border-radius:18px;padding:18px;backdrop-filter:blur(8px)}.creative-feature strong{display:block;font-size:18px}.creative-feature small{display:block;color:rgba(255,255,255,.78);margin-top:6px}.creative-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.creative-camera{position:absolute;right:30px;bottom:-20px;width:260px;height:190px;opacity:.35;background:radial-gradient(circle at 38% 45%,transparent 0 18%,#07162e 19% 33%,transparent 34%),linear-gradient(90deg,transparent 0 22%,#07162e 23% 66%,transparent 67%),radial-gradient(circle at 75% 45%,#061325 0 20%,#0a315e 21% 34%,transparent 35%)}.cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:32px}.contact-items{display:flex;gap:14px;flex-wrap:wrap}.contact-item{background:#f4f8fe;border:1px solid #e4edf9;border-radius:16px;padding:13px 17px;min-width:170px}.contact-item small{display:block;color:var(--muted);font-weight:850}.contact-item strong{display:block;color:#13243c}.site-footer{background:#07172f;color:#d8e6f7;padding:58px 0 24px;margin-top:26px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:28px}.brand-footer{display:flex;align-items:center;gap:12px}.footer-logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:950}.footer-brand p{color:#9eb0c8;max-width:310px}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:900}.site-footer h3{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.site-footer a,.site-footer span{display:block;color:#b8c8dc;margin:9px 0;font-size:14px}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;color:#8fa4bf;font-size:13px}.page-hero{padding:80px 0;background:linear-gradient(180deg,#f6faff,#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.06em;line-height:1.05;margin:0 0 18px}.page-hero p{color:var(--muted);font-size:19px;max-width:760px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:26px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid #dce8f7;border-radius:16px;padding:14px 16px;font:inherit;background:#fff}.form textarea{min-height:150px;resize:vertical}
@media (max-width:1160px){.main-nav{gap:14px}.brand-image{min-width:190px}.brand-image img{height:40px}.hero-slider{grid-template-columns:1fr}.slide-preview{min-height:300px;border-radius:0}.hero-main{grid-template-columns:1fr;padding:46px 34px}.device-scene{min-height:390px}.cards-grid.six{grid-template-columns:repeat(3,1fr)}.portal-grid,.creative-grid,.trust-grid,.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.logos-row{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.nav-toggle{display:block}.header-inner{height:70px}.main-nav{position:fixed;left:20px;right:20px;top:82px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.nav-actions{flex-direction:column;align-items:stretch;margin:0}.hero h1{font-size:40px}.lead{font-size:16px}.portal-device{position:relative;top:auto;right:auto;transform:none;width:100%;margin-top:24px}.device-scene{min-height:auto}.phone-card,.plant{display:none}.slider-arrow{display:none}.stats{grid-template-columns:repeat(2,1fr)}.ticket-table .row,.compact-table .row{grid-template-columns:1fr;gap:2px}.ticket-table .head{display:none}.cards-grid,.cards-grid.six,.creative-features,.steps{grid-template-columns:1fr}.section-head{display:block}.section{padding:58px 0}.section-sm{padding:42px 0}.cta-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.logos-row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.container{width:min(var(--max),calc(100% - 26px))}.brand-image img{height:36px}.brand-image{min-width:auto}.hero-wrap{padding-top:22px}.hero-slider{border-radius:24px}.hero-main{padding:36px 22px}.hero h1{font-size:34px}.slide-preview h2{font-size:28px}.creative-band{padding:32px 20px;border-radius:24px}.hero-actions .btn,.creative-actions .btn{width:100%}.logos-row{grid-template-columns:1fr}.contact-items{display:grid}.service-card{min-height:auto}}

/* ===== v3 úpravy podle připomínek: full-width hero, sticky menu, hranatější menu CTA ===== */
.site-header{
    position:sticky;
    top:0;
    z-index:999;
    background:rgba(255,255,255,.96);
    box-shadow:0 1px 0 rgba(10,45,92,.08);
}
.site-header.is-scrolled{
    background:rgba(255,255,255,.985);
    box-shadow:0 14px 35px rgba(6,23,51,.10);
}
.header-inner{
    height:72px;
}
.nav-actions .btn{
    border-radius:10px;
    padding:13px 20px;
    letter-spacing:.015em;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.nav-actions .btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,rgba(255,255,255,.0) 0%,rgba(255,255,255,.42) 48%,rgba(255,255,255,.0) 100%);
    transform:translateX(-130%);
    transition:transform .55s ease;
    z-index:-1;
}
.nav-actions .btn:hover::before{
    transform:translateX(130%);
}
.nav-actions .btn-soft{
    background:linear-gradient(180deg,#f7fbff,#eaf4ff);
    border-color:#b9d8ff;
    box-shadow:inset 0 -2px 0 rgba(9,105,255,.12),0 10px 22px rgba(9,105,255,.08);
}
.nav-actions .btn-primary{
    background:linear-gradient(135deg,#0872ff 0%,#0056d8 58%,#003e9e 100%);
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),0 14px 30px rgba(9,105,255,.28);
}

/* Hero přes celou šířku a bez zbytečného odskoku od menu */
.hero-wrap{
    padding:0 0 54px;
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.hero-wrap > .container{
    width:100%;
    max-width:none;
    margin:0;
}
.hero-slider{
    width:100%;
    min-height:620px;
    border-radius:0;
    gap:0;
    grid-template-columns:minmax(0,1fr) minmax(360px,27vw);
    box-shadow:0 26px 80px rgba(5,34,80,.18);
}
.hero-main{
    padding:68px clamp(34px,5.7vw,96px) 76px;
    grid-template-columns:minmax(360px,.72fr) minmax(470px,1fr);
}
.hero-copy{
    max-width:520px;
}
.hero h1{
    font-size:clamp(48px,4.55vw,74px);
    max-width:560px;
}
.lead{
    font-size:18px;
}
.slide-preview{
    min-height:620px;
    padding:58px clamp(28px,3vw,52px);
}
.slider-arrow.left{left:28px}
.slider-arrow.right{right:28px}
.slider-dots{bottom:34px}
.portal-device{
    width:min(610px,100%);
}

@media (min-width:1400px){
    .hero-main{
        padding-left:clamp(80px,10vw,180px);
        padding-right:clamp(44px,6vw,110px);
    }
}
@media (max-width:1160px){
    .hero-wrap{padding-top:0}
    .hero-slider{
        grid-template-columns:1fr;
        min-height:auto;
    }
    .hero-main{
        grid-template-columns:1fr;
        padding:52px 34px 62px;
    }
    .slide-preview{
        min-height:310px;
    }
}
@media (max-width:860px){
    .site-header{position:sticky}
    .main-nav{
        top:78px;
    }
    .nav-actions .btn{
        border-radius:10px;
        width:100%;
    }
    .hero-slider{
        border-radius:0;
    }
    .hero h1{
        font-size:42px;
    }
}
@media (max-width:520px){
    .hero-wrap{padding-top:0}
    .hero-main{padding:38px 22px 52px}
    .hero h1{font-size:34px}
}


/* ===== v4: oprava sticky menu ===== */
/* Sticky v předchozí verzi narážel na overflow:hidden u nadřazeného wrapperu.
   Pro sticky nesmí mít žádný parent overflow hidden/auto/scroll, proto ho přepisujeme. */
.site-shell{
    overflow:visible !important;
}
.site-header{
    position:sticky !important;
    top:0 !important;
    left:0;
    right:0;
    width:100%;
    z-index:5000;
}
@supports not (position: sticky){
    .site-header{position:fixed !important;}
    body{padding-top:72px;}
}


/* ===== v5: grafika, mikroanimace a výraznější vizuální hloubka ===== */
.scroll-progress{
    position:fixed;
    inset:0 auto auto 0;
    height:3px;
    width:0;
    z-index:7000;
    background:linear-gradient(90deg,#00d4ff,#0969ff,#0042b8);
    box-shadow:0 0 18px rgba(9,105,255,.55);
    pointer-events:none;
}
body{
    background:
        radial-gradient(circle at 8% 10%,rgba(9,105,255,.06),transparent 28%),
        radial-gradient(circle at 92% 18%,rgba(67,215,255,.08),transparent 30%),
        #fff;
}
.site-header{
    transition:box-shadow .2s ease, background .2s ease, transform .2s ease;
}
.site-header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(9,105,255,.35),transparent);
    opacity:.75;
}
.brand-image img{
    transition:transform .18s ease, filter .18s ease;
}
.brand-image:hover img{transform:translateY(-1px);filter:drop-shadow(0 8px 12px rgba(9,105,255,.13));}
.main-nav>a{transition:color .18s ease, transform .18s ease}
.main-nav>a:hover{transform:translateY(-1px)}

.hero-slider{
    --mx:0;
    --my:0;
    background:
        radial-gradient(circle at calc(50% + (var(--mx) * 16%)) calc(45% + (var(--my) * 12%)),rgba(67,215,255,.42),transparent 25%),
        linear-gradient(135deg,#08296a 0%,#076adc 48%,#08b9e6 100%);
}
.hero-slider::before{
    content:"";
    position:absolute;
    inset:-20% -10%;
    background:
        linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.13) 45%,transparent 56% 100%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 72px);
    transform:translateX(-10%) rotate(-3deg);
    animation:heroBeam 10s ease-in-out infinite alternate;
    z-index:1;
    pointer-events:none;
    mix-blend-mode:screen;
}
.hero-main,.slide-preview,.slider-arrow,.slider-dots{position:relative;z-index:2}
.hero-main::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 2px),
        radial-gradient(circle at 72% 70%,rgba(255,255,255,.16) 0 1px,transparent 2px);
    background-size:42px 42px,54px 54px;
    opacity:.32;
    z-index:-1;
}
.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.hero-particles i{
    position:absolute;
    width:7px;height:7px;border-radius:50%;
    background:rgba(255,255,255,.58);
    box-shadow:0 0 16px rgba(67,215,255,.9);
    animation:floatDot 8s ease-in-out infinite;
}
.hero-particles i:nth-child(1){left:12%;top:22%;animation-delay:.1s}.hero-particles i:nth-child(2){left:42%;top:16%;animation-delay:1.2s}.hero-particles i:nth-child(3){left:66%;top:76%;animation-delay:2.1s}.hero-particles i:nth-child(4){left:89%;top:35%;animation-delay:.8s}.hero-particles i:nth-child(5){left:31%;top:84%;animation-delay:3.2s}
.device-glow{
    position:absolute;
    inset:10% 4% 6% 18%;
    background:radial-gradient(circle,rgba(255,255,255,.36),transparent 58%);
    filter:blur(12px);
    opacity:.9;
}
.portal-device{
    animation:deviceFloat 6.8s ease-in-out infinite;
    transform:translateY(-50%) translate3d(calc(var(--mx) * 8px),calc(var(--my) * 6px),0);
    transition:transform .1s ease-out;
}
.portal-device::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:24px;
    background:linear-gradient(120deg,transparent 0 34%,rgba(255,255,255,.45) 43%,transparent 55% 100%);
    transform:translateX(-120%);
    animation:screenGlint 7s ease-in-out infinite;
    pointer-events:none;
}
.phone-card{animation:smallFloat 5.8s ease-in-out infinite .4s}
.plant{animation:smallFloat 6.2s ease-in-out infinite .8s}
.floating-badge{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.92);
    color:#0c2b55;
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 16px 32px rgba(0,28,75,.18);
    backdrop-filter:blur(10px);
    font-size:12px;
    animation:smallFloat 5.6s ease-in-out infinite;
}
.floating-badge strong{font-size:18px;color:var(--blue)}
.floating-badge span{font-weight:800;color:#58718d}
.badge-secure{right:18px;top:44px}.badge-online{right:116px;bottom:30px;animation-delay:1s}
.slide-preview::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:45%;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.26));
    z-index:1;
}
.camera-art{animation:cameraPulse 6s ease-in-out infinite}
.slider-arrow{transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.slider-arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 18px 32px rgba(0,0,0,.20)}
.slider-dots span{cursor:pointer;transition:width .2s ease, background .2s ease, transform .2s ease}
.slider-dots span:hover{transform:scale(1.15)}

.service-card::before{
    content:"";
    position:absolute;
    left:0;top:0;right:0;height:4px;
    background:linear-gradient(90deg,var(--blue),var(--cyan));
    transform:scaleX(.28);
    transform-origin:left;
    transition:transform .22s ease;
}
.service-card::after{
    content:"";
    position:absolute;
    right:-32px;bottom:-42px;
    width:130px;height:130px;border-radius:42px;
    background:radial-gradient(circle,rgba(9,105,255,.12),transparent 66%);
    transform:rotate(12deg);
    transition:transform .22s ease, opacity .22s ease;
    opacity:.75;
}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover::after{transform:rotate(12deg) scale(1.16);opacity:1}
.service-card:hover .icon{transform:translateY(-3px) rotate(-2deg);box-shadow:0 14px 26px rgba(9,105,255,.18)}
.icon{transition:transform .2s ease, box-shadow .2s ease}
.portal-section{
    position:relative;
    overflow:hidden;
}
.portal-section::before{
    content:"";
    position:absolute;
    width:520px;height:520px;border-radius:50%;
    right:-220px;top:-140px;
    background:radial-gradient(circle,rgba(9,105,255,.13),transparent 70%);
}
.portal-preview{
    position:relative;
    overflow:hidden;
}
.portal-preview::after{
    content:"";
    position:absolute;
    left:-40%;top:0;width:35%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transform:skewX(-12deg);
    animation:portalSweep 8s ease-in-out infinite;
}
.logos-row{perspective:900px}
.logo-tile{
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
    background:linear-gradient(180deg,#fff,#f8fbff);
}
.logo-tile:hover{
    transform:translateY(-4px) rotateX(4deg);
    border-color:#b9d8ff;
    color:var(--blue);
    box-shadow:0 18px 34px rgba(9,105,255,.12);
}
.steps-panel,.testimonial,.cta-card{position:relative;overflow:hidden}
.steps-panel::before,.testimonial::before,.cta-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 100% 0,rgba(9,105,255,.08),transparent 34%);
    pointer-events:none;
}
.creative-band{
    background:
        radial-gradient(circle at 88% 18%,rgba(67,215,255,.42),transparent 22%),
        radial-gradient(circle at 74% 76%,rgba(9,105,255,.45),transparent 30%),
        linear-gradient(135deg,#061733 0%,#063a95 44%,#0cb8e7 100%);
}
.creative-band::after{
    content:"";
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 88px);
    mask-image:linear-gradient(90deg,transparent,black 24%,black 75%,transparent);
    opacity:.36;
}
.creative-mosaic{
    position:absolute;
    right:32px;
    top:30px;
    width:330px;
    height:230px;
    z-index:1;
    opacity:.58;
    pointer-events:none;
}
.mosaic-tile{
    position:absolute;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.18);
}
.tile-camera{right:0;top:10px;width:170px;height:120px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.02)),radial-gradient(circle at 55% 52%,#021228 0 18%,#0c5fa7 19% 30%,transparent 31%),linear-gradient(135deg,#0b3972,#061733)}
.tile-edit{left:0;bottom:0;width:190px;height:116px;background:linear-gradient(180deg,#0b1834,#061733 62%,#0b69d9),repeating-linear-gradient(90deg,#3ee2ff 0 24px,#0969ff 24px 48px);background-blend-mode:screen}
.tile-lens{right:46px;bottom:6px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#41d9ff 0 8%,#061733 9% 22%,#0969ff 23% 34%,#061733 35% 56%,rgba(255,255,255,.16) 57% 60%,#061733 61%)}
.creative-camera{opacity:.22}
.contact-item{transition:transform .18s ease, box-shadow .18s ease}.contact-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(9,105,255,.10)}
.site-footer{position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(9,105,255,.18),transparent 35%),radial-gradient(circle at 100% 72%,rgba(67,215,255,.10),transparent 28%);pointer-events:none}.site-footer .container{position:relative;z-index:1}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease, transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.service-card.reveal:nth-child(2){transition-delay:.06s}.service-card.reveal:nth-child(3){transition-delay:.12s}.service-card.reveal:nth-child(4){transition-delay:.18s}.service-card.reveal:nth-child(5){transition-delay:.24s}.service-card.reveal:nth-child(6){transition-delay:.30s}
@keyframes heroBeam{0%{transform:translateX(-14%) rotate(-3deg);opacity:.45}100%{transform:translateX(12%) rotate(-3deg);opacity:.72}}
@keyframes floatDot{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(18px,-24px,0);opacity:.85}}
@keyframes deviceFloat{0%,100%{margin-top:0}50%{margin-top:-12px}}
@keyframes smallFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes screenGlint{0%,58%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes cameraPulse{0%,100%{filter:drop-shadow(0 30px 40px rgba(0,0,0,.4));opacity:.43}50%{filter:drop-shadow(0 30px 50px rgba(67,215,255,.35));opacity:.62}}
@keyframes portalSweep{0%,64%{left:-45%}78%,100%{left:115%}}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}
@media (max-width:1160px){
    .floating-badge{display:none}.creative-mosaic{display:none}.portal-device{animation:none;transform:none}
}
@media (max-width:860px){
    .hero-particles{display:none}.scroll-progress{height:2px}
}

/* ===== v6: oprava rozbitého hero slideru po grafických efektech =====
   V minulé verzi přepsaly efekty šipky a tečky na position:relative,
   takže se staly položkami CSS gridu a rozhodily celý slider. */
.hero-slider{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(360px,27vw) !important;
    grid-template-rows:1fr !important;
    align-items:stretch !important;
    isolation:isolate;
}
.hero-slider > .hero-main{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    z-index:2 !important;
    min-width:0;
}
.hero-slider > .slide-preview{
    grid-column:2 !important;
    grid-row:1 !important;
    position:relative !important;
    z-index:2 !important;
    min-width:0;
}
.hero-slider > .hero-particles{
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    pointer-events:none !important;
}
.hero-slider > .slider-arrow{
    position:absolute !important;
    z-index:12 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    grid-column:auto !important;
    grid-row:auto !important;
}
.hero-slider > .slider-arrow.left{left:28px !important;right:auto !important;}
.hero-slider > .slider-arrow.right{right:28px !important;left:auto !important;}
.hero-slider > .slider-arrow:hover{transform:translateY(-50%) scale(1.08) !important;}
.hero-slider > .slider-dots{
    position:absolute !important;
    z-index:12 !important;
    left:50% !important;
    bottom:34px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    gap:10px !important;
    grid-column:auto !important;
    grid-row:auto !important;
}

@media (max-width:1160px){
    .hero-slider{
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto !important;
    }
    .hero-slider > .hero-main{grid-column:1 !important;grid-row:1 !important;}
    .hero-slider > .slide-preview{grid-column:1 !important;grid-row:2 !important;}
}

/* ===== v7: stabilnější hero + více WOW grafiky + další obsah ===== */
.hero-wrap{
    padding-top:14px;
    background:
        radial-gradient(circle at 18% 0, rgba(8,106,223,.08), transparent 24%),
        linear-gradient(180deg,#f4f9ff 0%,#ffffff 32%,#f8fbff 100%);
}
.hero-slider{
    min-height:560px !important;
    box-shadow:0 30px 70px rgba(6,46,103,.16), 0 8px 26px rgba(8,80,170,.08);
}
.hero-slider::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.12), transparent 16%),
        linear-gradient(135deg, transparent 0 62%, rgba(255,255,255,.06) 70%, transparent 82%),
        linear-gradient(90deg, transparent 0 78%, rgba(255,255,255,.08) 78% 79%, transparent 79% 100%);
    pointer-events:none;
    z-index:1;
}
.hero-main{
    padding-top:42px !important;
    padding-bottom:42px !important;
}
.hero-copy{position:relative;z-index:5}
.hero-copy::after{
    content:"";
    position:absolute;
    left:-50px;
    top:24px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.12), transparent 64%);
    pointer-events:none;
}
.device-scene{
    min-height:410px;
    isolation:isolate;
}
.device-scene::before{
    content:"";
    position:absolute;
    right:52px;
    top:40px;
    width:270px;
    height:270px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 0 0 30px rgba(255,255,255,.04), 0 0 0 70px rgba(255,255,255,.025);
    opacity:.85;
    z-index:0;
}
.device-scene::after{
    content:"";
    position:absolute;
    left:12px;
    bottom:26px;
    width:210px;
    height:120px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
    box-shadow:0 20px 40px rgba(5,30,70,.12);
    z-index:0;
}
.portal-device{
    animation:deviceLift 7.4s ease-in-out infinite !important;
    transform:translateY(-50%) !important;
    transition:box-shadow .22s ease !important;
    will-change:transform;
}
.portal-device:hover{box-shadow:0 32px 70px rgba(0,28,75,.32)}
.portal-device::before{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:18px;
    border:1px solid rgba(10,117,223,.08);
    pointer-events:none;
}
.phone-card{
    left:18px !important;
    bottom:62px !important;
    animation:none !important;
    transform:rotate(-1.5deg);
}
.plant{
    right:-10px !important;
    bottom:90px !important;
    animation:none !important;
}
.floating-badge{
    animation:none !important;
    transform:none !important;
}
.badge-secure{right:16px; top:42px}
.badge-online{right:102px; bottom:20px}
.device-glow{filter:blur(22px); opacity:.8}
.slide-preview{
    background:
        radial-gradient(circle at 82% 20%, rgba(64,214,255,.25), transparent 24%),
        linear-gradient(160deg, #031428 0%, #052f57 55%, #0a8ac1 100%) !important;
}
.slide-preview .slide-preview-content{
    max-width:280px;
}
.slide-preview .slide-preview-content::before{
    content:"Creative services";
    display:inline-flex;
    margin-bottom:18px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:#d6f4ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.camera-art{
    right:-12px;
    top:20px;
    width:250px;
    height:360px;
    opacity:.6;
}
.metrics-strip{
    padding-top:22px;
    padding-bottom:18px;
}
.metrics-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.metric-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff,#f6faff);
    border:1px solid #e4eef9;
    border-radius:22px;
    padding:24px 22px;
    box-shadow:0 18px 38px rgba(12,58,120,.08);
}
.metric-card::after{
    content:"";
    position:absolute;
    right:-30px;
    top:-30px;
    width:110px;
    height:110px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(9,105,255,.12), transparent 66%);
}
.metric-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    font-size:22px;
    background:linear-gradient(135deg,#ecf6ff,#d9ecff);
    margin-bottom:14px;
}
.metric-card strong{display:block;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:#0f2340}
.metric-card small{display:block;margin-top:8px;color:#5b718b;font-size:14px;line-height:1.5}
.support-highlights{
    background:linear-gradient(180deg,#fbfdff,#f3f8ff);
    border-top:1px solid #e7eff9;
    border-bottom:1px solid #e7eff9;
}
.support-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:26px;
    align-items:center;
}
.support-copy{padding-right:20px}
.support-badges{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:24px;
}
.support-badges span{
    padding:10px 14px;
    border-radius:999px;
    border:1px solid #dbe8f7;
    background:#fff;
    color:#1c3d65;
    font-weight:800;
    font-size:14px;
    box-shadow:0 10px 24px rgba(10,45,92,.06);
}
.support-panels{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.support-panel{
    position:relative;
    overflow:hidden;
    min-height:220px;
    border-radius:24px;
    padding:24px;
    color:#fff;
    box-shadow:0 20px 44px rgba(10,45,92,.14);
}
.support-panel::after{
    content:"";
    position:absolute;
    right:-24px;
    bottom:-24px;
    width:120px;
    height:120px;
    border-radius:30px;
    background:radial-gradient(circle, rgba(255,255,255,.24), transparent 70%);
}
.support-panel strong{display:block;font-size:22px;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}
.support-panel p{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.65}
.feature-a{background:linear-gradient(160deg,#08296a,#0b79df)}
.feature-b{background:linear-gradient(160deg,#072041,#075e99)}
.feature-c{background:linear-gradient(160deg,#0a58b5,#08b5e7)}
.faq-section{padding-top:42px}
.faq-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:30px;
    align-items:start;
}
.faq-list{display:grid;gap:14px}
.faq-item{
    background:#fff;
    border:1px solid #e3ecf8;
    border-radius:20px;
    padding:0 22px;
    box-shadow:0 14px 30px rgba(10,45,92,.06);
}
.faq-item summary{
    list-style:none;
    cursor:pointer;
    font-weight:900;
    color:#153055;
    padding:20px 34px 20px 0;
    position:relative;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#eef6ff;
    color:var(--blue);
    font-size:18px;
    font-weight:700;
}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:0 0 20px;color:#5c718b;line-height:1.7}
.testimonial{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.creative-band{
    padding:56px 52px !important;
}
.creative-band::before{
    opacity:.9 !important;
}
.creative-feature{
    background:rgba(255,255,255,.14);
}
.cta-card{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
}
@keyframes deviceLift{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}
@media (max-width:1160px){
    .metrics-grid{grid-template-columns:repeat(2,1fr)}
    .support-grid,.faq-grid{grid-template-columns:1fr}
    .support-copy{padding-right:0}
    .support-panels{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:860px){
    .metrics-grid,.support-panels{grid-template-columns:1fr}
    .hero-slider{min-height:auto !important}
    .phone-card,.device-scene::after{display:none}
    .device-scene::before{right:50%;transform:translateX(50%);width:180px;height:180px}
    .portal-device{transform:none !important;animation:none !important}
    .faq-item{padding:0 18px}
}

/* ===== v8: užší a vyladěnější hero slider + jemnější grafické prvky ===== */
.hero-wrap{
    padding-top:18px !important;
    padding-bottom:28px !important;
    background:
        radial-gradient(circle at 14% 0, rgba(8,106,223,.10), transparent 26%),
        radial-gradient(circle at 100% 0, rgba(30,196,255,.06), transparent 20%),
        linear-gradient(180deg,#f7fbff 0%,#ffffff 34%,#f9fcff 100%) !important;
}
.hero-wrap > .container{
    width:min(1280px, calc(100% - 84px));
}
.hero-slider{
    grid-template-columns:minmax(0,1fr) 305px !important;
    min-height:538px !important;
    border-radius:38px !important;
    border:1px solid rgba(180,214,249,.60);
    box-shadow:0 34px 74px rgba(6,46,103,.15), 0 12px 34px rgba(8,80,170,.09) !important;
    background:linear-gradient(135deg,#0a2f73 0%,#0b6bdd 50%,#18a6ff 100%) !important;
}
.hero-slider::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.12);
    pointer-events:none;
    z-index:1;
}
.hero-slider::after{
    background:
        radial-gradient(circle at 17% 76%, rgba(255,255,255,.13), transparent 18%),
        radial-gradient(circle at 82% 14%, rgba(255,255,255,.10), transparent 15%),
        linear-gradient(105deg, transparent 0 57%, rgba(255,255,255,.05) 65%, transparent 74%),
        linear-gradient(90deg, transparent 0 82%, rgba(255,255,255,.09) 82% 83%, transparent 83% 100%) !important;
}
.hero-main{
    padding:52px 56px 54px !important;
    grid-template-columns:minmax(300px,.72fr) minmax(450px,1fr) !important;
    gap:16px !important;
}
.hero-main::before{
    background:
        radial-gradient(circle at 62% 26%, rgba(255,255,255,.20), transparent 26%),
        radial-gradient(circle at 16% 74%, rgba(67,215,255,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
}
.hero-copy{max-width:428px !important}
.hero-copy::after{
    left:-46px !important;
    top:18px !important;
    width:205px !important;
    height:205px !important;
}
.hero .lead{max-width:430px}
.hero-actions{margin-bottom:16px}
.hero-micro-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:8px;
}
.hero-micro-list span{
    display:inline-flex;
    align-items:center;
    padding:9px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:#ecf7ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.01em;
    backdrop-filter:blur(8px);
}
.device-scene{
    min-height:402px !important;
    padding-right:10px;
}
.device-scene::before{
    right:34px !important;
    top:32px !important;
    width:248px !important;
    height:248px !important;
    box-shadow:0 0 0 26px rgba(255,255,255,.035), 0 0 0 62px rgba(255,255,255,.018) !important;
}
.device-scene::after{
    left:24px !important;
    bottom:34px !important;
    width:180px !important;
    height:106px !important;
    border-radius:20px !important;
    background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.03)) !important;
}
.portal-device{
    width:min(510px,100%) !important;
    right:18px !important;
    border-radius:26px !important;
    padding:16px !important;
}
.stats{gap:10px !important}
.stat{padding:14px 12px !important}
.phone-card{
    left:12px !important;
    bottom:78px !important;
    width:144px !important;
    backdrop-filter:blur(10px);
}
.badge-secure{right:12px !important; top:26px !important}
.badge-online{right:76px !important; bottom:16px !important}
.hero-glass-card{
    position:absolute;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:12px 14px;
    min-width:176px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 18px 38px rgba(5,30,70,.18);
    backdrop-filter:blur(12px);
}
.hero-glass-card span{
    color:#d9f2ff;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:10px;
    font-weight:900;
}
.hero-glass-card strong{
    color:#fff;
    font-size:14px;
    line-height:1.35;
}
.badge-service{
    left:24px;
    top:12px;
    transform:rotate(-2deg);
}
.slide-preview{
    min-height:538px !important;
    padding:46px 28px 40px !important;
    background:
        radial-gradient(circle at 84% 18%, rgba(64,214,255,.22), transparent 24%),
        linear-gradient(160deg, #031428 0%, #082947 55%, #0c8fc3 100%) !important;
}
.slide-preview::after{
    content:"";
    position:absolute;
    inset:auto 22px 24px 22px;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.16), rgba(255,255,255,0));
    z-index:1;
}
.slide-preview .slide-preview-content{max-width:246px !important}
.preview-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0 18px;
}
.preview-tags span{
    display:inline-flex;
    align-items:center;
    padding:8px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    color:#eaf9ff;
    font-size:12px;
    font-weight:800;
}
.camera-art{
    right:-18px !important;
    top:14px !important;
    width:238px !important;
    height:350px !important;
    opacity:.68 !important;
}
.slider-arrow{
    width:56px !important;
    height:56px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(7,112,223,.10);
}
.slider-arrow.left{left:16px !important}
.slider-arrow.right{right:16px !important}
.slider-dots{bottom:28px !important}
.slider-dots span{height:9px !important; width:9px !important; opacity:.95}
.slider-dots span.active{width:26px !important}
.metrics-strip{padding-top:10px !important}
.metric-card{
    border-radius:24px;
    padding:26px 22px;
}
@media (max-width:1160px){
    .hero-wrap > .container{width:min(1280px, calc(100% - 44px));}
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .slide-preview{min-height:300px !important;}
}
@media (max-width:860px){
    .hero-wrap > .container{width:min(1280px, calc(100% - 24px));}
    .hero-main{padding:42px 24px 48px !important; grid-template-columns:1fr !important;}
    .hero-micro-list,.hero-glass-card,.preview-tags{display:none}
    .slide-preview{padding:34px 24px 28px !important}
    .portal-device{right:auto !important; width:100% !important;}
}

/* ===== v9: korekce - hero má být na plnou šířku, jen nižší ===== */
.hero-wrap > .container{
    width:100% !important;
    max-width:none !important;
    margin-inline:0 !important;
}
.hero-slider{
    width:100% !important;
    min-height:472px !important;
    border-radius:0 !important;
    grid-template-columns:minmax(0,1fr) 320px !important;
}
.hero-slider::before{
    inset:10px 10px 10px 10px !important;
    border-radius:26px !important;
}
.hero-main{
    min-height:472px !important;
    padding:40px 54px 42px !important;
}
.hero-copy{max-width:450px !important;}
.hero h1{margin:14px 0 14px !important;}
.hero .lead{font-size:16px !important; line-height:1.6 !important;}
.check-list{margin:20px 0 24px !important; gap:9px !important;}
.device-scene{min-height:336px !important;}
.portal-device{
    width:min(500px,100%) !important;
    top:50% !important;
}
.phone-card{bottom:54px !important;}
.slide-preview{
    min-height:472px !important;
    padding:40px 28px 34px !important;
}
.slide-preview .slide-preview-content{max-width:250px !important;}
.slide-preview h2{font-size:30px !important; margin:14px 0 12px !important;}
.slide-preview p{font-size:15px !important; line-height:1.55 !important;}
.camera-art{height:318px !important; top:10px !important;}
.slider-dots{bottom:22px !important;}
@media (max-width:1160px){
    .hero-wrap > .container{width:100% !important;}
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .hero-main{min-height:auto !important; padding:40px 34px 34px !important;}
    .slide-preview{min-height:280px !important;}
}
@media (max-width:860px){
    .hero-main{padding:36px 22px 32px !important;}
    .hero-slider,.slide-preview{min-height:auto !important;}
}

/* ===== v11: ještě nižší hero, téměř bez odskoku od menu, efekty přes celou šířku ===== */
.hero-wrap{
    padding-top:0 !important;
    padding-bottom:22px !important;
}
.hero-slider{
    min-height:388px !important;
    grid-template-columns:minmax(0,1fr) 286px !important;
    margin-top:0 !important;
}
.hero-slider::before{
    inset:4px !important;
    border-radius:18px !important;
}
.hero-slider::after{
    background:
        radial-gradient(circle at 8% 28%, rgba(255,255,255,.10), transparent 13%),
        radial-gradient(circle at 26% 74%, rgba(255,255,255,.08), transparent 14%),
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.08), transparent 16%),
        radial-gradient(circle at 70% 68%, rgba(67,215,255,.09), transparent 14%),
        radial-gradient(circle at 92% 22%, rgba(255,255,255,.07), transparent 12%),
        linear-gradient(113deg, transparent 0 6%, rgba(255,255,255,.08) 16%, rgba(255,255,255,.02) 27%, transparent 37%),
        linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 50%, rgba(255,255,255,.03) 100%) !important;
    opacity:1 !important;
}
.hero-main{
    min-height:388px !important;
    padding:16px 42px 18px !important;
    gap:12px !important;
}
.hero-main::before{
    inset:0 !important;
    background:
        radial-gradient(circle at 16% 50%, rgba(67,215,255,.10), transparent 18%),
        radial-gradient(circle at 84% 26%, rgba(255,255,255,.08), transparent 16%),
        linear-gradient(110deg, transparent 0 2%, rgba(255,255,255,.12) 12%, rgba(255,255,255,.03) 22%, transparent 34%),
        linear-gradient(70deg, transparent 48%, rgba(255,255,255,.04) 58%, transparent 68%) !important;
}
.hero-copy{max-width:430px !important;}
.hero h1{
    font-size:clamp(32px,3.2vw,46px) !important;
    line-height:.98 !important;
    margin:8px 0 10px !important;
}
.hero .lead{
    max-width:405px !important;
    font-size:14px !important;
    line-height:1.48 !important;
}
.eyebrow{font-size:12px !important; margin-bottom:4px !important;}
.check-list{
    margin:14px 0 16px !important;
    gap:7px !important;
}
.check-list li{font-size:13px !important;}
.hero-actions{margin-bottom:10px !important; gap:10px !important;}
.hero-actions .btn{padding:13px 20px !important;}
.hero-micro-list{gap:7px !important;}
.hero-micro-list span{padding:6px 9px !important; font-size:10px !important;}
.device-scene{
    min-height:276px !important;
}
.device-scene::before{
    right:24px !important;
    top:22px !important;
    width:220px !important;
    height:220px !important;
}
.device-scene::after{
    width:160px !important;
    height:96px !important;
    left:26px !important;
    bottom:22px !important;
}
.portal-device{
    width:min(438px,100%) !important;
    right:6px !important;
    border-radius:22px !important;
    padding:12px !important;
}
.device-head{font-size:13px !important; margin-bottom:10px !important;}
.stats{gap:7px !important; margin-bottom:12px !important;}
.stat{padding:10px 10px !important; border-radius:16px !important;}
.stat strong{font-size:20px !important; margin-bottom:2px !important;}
.stat span{font-size:12px !important;}
.table .row{padding:10px 0 !important; font-size:12px !important;}
.phone-card{
    width:128px !important;
    left:10px !important;
    bottom:32px !important;
    padding:14px 14px !important;
}
.phone-card strong{font-size:15px !important; margin-bottom:10px !important;}
.floating-badge{
    padding:10px 12px !important;
    border-radius:16px !important;
}
.floating-badge strong{font-size:16px !important;}
.floating-badge span{font-size:11px !important;}
.badge-service{left:24px !important; top:0 !important; min-width:162px !important; padding:10px 12px !important;}
.badge-secure{top:12px !important; right:6px !important;}
.badge-online{right:52px !important; bottom:6px !important;}
.plant{width:54px !important; height:54px !important; bottom:84px !important;}
.slide-preview{
    min-height:388px !important;
    padding:20px 22px 22px !important;
}
.slide-preview .slide-preview-content{max-width:232px !important;}
.slide-preview .slide-preview-content::before{margin-bottom:12px !important; padding:6px 10px !important; font-size:10px !important;}
.slide-preview h2{
    font-size:25px !important;
    line-height:1.06 !important;
    margin:8px 0 10px !important;
}
.slide-preview p{
    font-size:13px !important;
    line-height:1.44 !important;
}
.preview-tags{margin:10px 0 12px !important; gap:6px !important;}
.preview-tags span{padding:6px 8px !important; font-size:10px !important;}
.slide-preview .btn{padding:12px 18px !important;}
.camera-art{
    width:198px !important;
    height:252px !important;
    right:-18px !important;
    top:6px !important;
    opacity:.58 !important;
}
.slider-arrow{width:48px !important; height:48px !important;}
.slider-arrow.left{left:12px !important;}
.slider-arrow.right{right:12px !important;}
.slider-dots{bottom:12px !important;}
@media (max-width:1160px){
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .hero-main{min-height:auto !important; padding:24px 28px 22px !important;}
    .slide-preview{min-height:230px !important;}
}
@media (max-width:860px){
    .hero-main{padding:22px 18px 18px !important;}
    .hero h1{font-size:clamp(30px,10vw,42px) !important;}
    .hero-slider,.slide-preview{min-height:auto !important;}
}

/* ===== v12: slider vyšší cca o 1/4 až 1/3 ===== */
.hero-wrap{
    padding-bottom:24px !important;
}
.hero-slider{
    min-height:498px !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
}
.hero-main{
    min-height:498px !important;
    padding:26px 44px 28px !important;
}
.hero h1{
    font-size:clamp(34px,3.5vw,50px) !important;
    margin:10px 0 12px !important;
}
.hero .lead{
    font-size:15px !important;
    line-height:1.52 !important;
}
.check-list{
    margin:16px 0 18px !important;
}
.hero-actions{margin-bottom:12px !important;}
.device-scene{
    min-height:352px !important;
}
.device-scene::before{
    right:26px !important;
    top:26px !important;
    width:246px !important;
    height:246px !important;
}
.device-scene::after{
    width:176px !important;
    height:104px !important;
    bottom:26px !important;
}
.portal-device{
    width:min(486px,100%) !important;
    right:8px !important;
    padding:14px !important;
}
.device-head{margin-bottom:12px !important;}
.stats{margin-bottom:14px !important;}
.stat{padding:12px 11px !important;}
.stat strong{font-size:22px !important;}
.phone-card{
    width:136px !important;
    left:12px !important;
    bottom:44px !important;
}
.badge-service{top:6px !important;}
.badge-secure{top:18px !important;}
.badge-online{bottom:12px !important;}
.slide-preview{
    min-height:498px !important;
    padding:28px 24px 26px !important;
}
.slide-preview h2{
    font-size:28px !important;
    margin:10px 0 12px !important;
}
.slide-preview p{
    font-size:14px !important;
    line-height:1.5 !important;
}
.camera-art{
    width:214px !important;
    height:278px !important;
    top:10px !important;
}
.slider-dots{bottom:16px !important;}
@media (max-width:1160px){
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .hero-main{min-height:auto !important; padding:28px 30px 26px !important;}
    .slide-preview{min-height:280px !important;}
}
@media (max-width:860px){
    .hero-main{padding:24px 18px 20px !important;}
    .hero-slider,.slide-preview{min-height:auto !important;}
}

/* ===== v13: o trochu vyšší slider + širší jezdící efekt přes celý hero ===== */
.hero-wrap{
    padding-bottom:26px !important;
}
.hero-slider{
    min-height:548px !important;
    grid-template-columns:minmax(0,1fr) 312px !important;
}
.hero-slider::before{
    inset:-10% -6% -10% -6% !important;
    border-radius:24px !important;
    background:
        linear-gradient(112deg,
            transparent 0 16%,
            rgba(255,255,255,.04) 24%,
            rgba(255,255,255,.18) 36%,
            rgba(255,255,255,.08) 47%,
            rgba(255,255,255,.03) 56%,
            transparent 68%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 80px) !important;
    transform:translateX(-18%) rotate(-3deg) !important;
    animation:heroBeamWide 10.5s ease-in-out infinite alternate !important;
    mix-blend-mode:screen !important;
    opacity:.95 !important;
}
.hero-slider::after{
    background:
        radial-gradient(circle at 9% 24%, rgba(255,255,255,.10), transparent 14%),
        radial-gradient(circle at 28% 78%, rgba(255,255,255,.08), transparent 15%),
        radial-gradient(circle at 52% 18%, rgba(255,255,255,.08), transparent 17%),
        radial-gradient(circle at 74% 66%, rgba(67,215,255,.09), transparent 15%),
        radial-gradient(circle at 94% 18%, rgba(255,255,255,.07), transparent 12%),
        linear-gradient(90deg, rgba(255,255,255,.032) 0%, rgba(255,255,255,.016) 50%, rgba(255,255,255,.032) 100%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
    opacity:1 !important;
}
.hero-main{
    min-height:548px !important;
    padding:32px 46px 30px !important;
}
.hero-main::before{
    background:
        radial-gradient(circle at 14% 54%, rgba(67,215,255,.10), transparent 19%),
        radial-gradient(circle at 84% 24%, rgba(255,255,255,.09), transparent 16%),
        linear-gradient(110deg, transparent 0 2%, rgba(255,255,255,.10) 16%, rgba(255,255,255,.03) 26%, transparent 38%),
        linear-gradient(72deg, transparent 44%, rgba(255,255,255,.05) 56%, transparent 68%) !important;
}
.hero h1{
    font-size:clamp(36px,3.8vw,54px) !important;
    margin:12px 0 12px !important;
}
.hero .lead{
    font-size:15px !important;
    line-height:1.55 !important;
}
.check-list{margin:18px 0 20px !important;}
.device-scene{min-height:390px !important;}
.device-scene::before{
    right:30px !important;
    top:30px !important;
    width:260px !important;
    height:260px !important;
}
.device-scene::after{
    width:188px !important;
    height:112px !important;
    left:28px !important;
    bottom:30px !important;
}
.portal-device{
    width:min(504px,100%) !important;
    right:10px !important;
    padding:15px !important;
}
.stat{padding:13px 12px !important;}
.stat strong{font-size:23px !important;}
.phone-card{
    width:142px !important;
    left:14px !important;
    bottom:50px !important;
}
.badge-service{top:10px !important; left:28px !important;}
.badge-secure{top:22px !important; right:10px !important;}
.badge-online{right:58px !important; bottom:16px !important;}
.slide-preview{
    min-height:548px !important;
    padding:32px 26px 28px !important;
}
.slide-preview .slide-preview-content{max-width:246px !important;}
.slide-preview h2{
    font-size:30px !important;
    margin:10px 0 12px !important;
}
.slide-preview p{
    font-size:14px !important;
    line-height:1.52 !important;
}
.preview-tags{margin:12px 0 14px !important;}
.camera-art{
    width:226px !important;
    height:292px !important;
    right:-20px !important;
    top:12px !important;
}
.slider-dots{bottom:18px !important;}
@keyframes heroBeamWide{
    0%{transform:translateX(-22%) rotate(-3deg);opacity:.55}
    100%{transform:translateX(22%) rotate(-3deg);opacity:.95}
}
@media (max-width:1160px){
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .hero-main{min-height:auto !important; padding:30px 30px 28px !important;}
    .slide-preview{min-height:300px !important;}
}
@media (max-width:860px){
    .hero-main{padding:26px 18px 22px !important;}
    .hero-slider,.slide-preview{min-height:auto !important;}
}

/* ===== v14: slider malinko širší + malý odskok od menu ===== */
.hero-wrap{
    padding-top:10px !important;
    padding-bottom:26px !important;
}
.hero-slider{
    min-height:548px !important;
    grid-template-columns:minmax(0,1fr) 328px !important;
}
.hero-main{
    grid-template-columns:minmax(320px,.80fr) minmax(470px,1fr) !important;
    padding:32px 50px 30px !important;
}
.hero-copy{max-width:448px !important;}
.device-scene{min-height:392px !important;}
.portal-device{
    width:min(520px,100%) !important;
    right:12px !important;
}
.slide-preview{
    min-height:548px !important;
    padding:32px 28px 28px !important;
}
.slide-preview .slide-preview-content{max-width:254px !important;}
.camera-art{
    width:232px !important;
    height:300px !important;
    right:-18px !important;
}
@media (max-width:1160px){
    .hero-wrap{padding-top:8px !important;}
    .hero-slider{grid-template-columns:1fr !important; min-height:auto !important;}
    .hero-main{grid-template-columns:1fr !important; min-height:auto !important; padding:30px 30px 28px !important;}
    .slide-preview{min-height:300px !important;}
}
@media (max-width:860px){
    .hero-wrap{padding-top:6px !important;}
    .hero-main{padding:26px 18px 22px !important;}
    .hero-slider,.slide-preview{min-height:auto !important;}
}

/* ===== v15: nové sekce, další grafika a obsah ===== */
.service-flow-section{
    position:relative;
}
.service-flow-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 10% 0, rgba(9,105,255,.08), transparent 24%), radial-gradient(circle at 100% 100%, rgba(67,215,255,.06), transparent 26%);
    pointer-events:none;
}
.flow-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns: 0.95fr 1.25fr;
    gap:28px;
    align-items:start;
}
.flow-copy{
    position:sticky;
    top:108px;
}
.flow-side-card{
    margin-top:22px;
    padding:24px;
    border-radius:24px;
    background:linear-gradient(180deg,#f7fbff,#eef6ff);
    border:1px solid rgba(182,214,244,.7);
    box-shadow:0 18px 40px rgba(6,46,103,.08);
}
.mini-label{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:999px;
    background:#dff0ff;
    color:#0b5cbc;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.compact-list{gap:10px !important; margin:16px 0 0 !important;}
.flow-steps-wrap{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
}
.flow-line{
    position:absolute;
    left:calc(50% - 1px);
    top:24px;
    bottom:24px;
    width:2px;
    background:linear-gradient(180deg, rgba(9,105,255,.22), rgba(67,215,255,.32), rgba(9,105,255,.16));
    pointer-events:none;
}
.flow-step-card{
    position:relative;
    padding:24px 24px 22px;
    min-height:170px;
    border-radius:26px;
    background:#fff;
    border:1px solid rgba(217,230,244,.95);
    box-shadow:0 18px 40px rgba(8,35,83,.08);
    overflow:hidden;
}
.flow-step-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background:linear-gradient(90deg,#0a61de,#42d7ff);
}
.flow-step-card h3{
    margin:10px 0 10px;
    font-size:22px;
    letter-spacing:-.03em;
}
.flow-step-card p{
    margin:0;
    color:#4c627d;
    line-height:1.65;
}
.flow-step-num{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:16px;
    background:linear-gradient(135deg,#0a62de,#43d7ff);
    color:#fff;
    font-weight:900;
    box-shadow:0 12px 24px rgba(9,105,255,.24);
}
.tools-wrap{
    padding:34px;
    border-radius:34px;
    background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
    border:1px solid rgba(222,233,245,.9);
    box-shadow:0 18px 44px rgba(6,46,103,.06);
}
.tools-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin-top:26px;
}
.tool-chip{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:66px;
    padding:14px 16px;
    border-radius:18px;
    background:linear-gradient(180deg,#f7fbff,#edf5fe);
    border:1px solid rgba(196,219,243,.92);
    color:#21405f;
    font-weight:800;
    line-height:1.35;
    box-shadow:0 10px 22px rgba(7,56,121,.05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.tool-chip:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 30px rgba(7,56,121,.08);
    border-color:rgba(9,105,255,.26);
}
.logo-tile{
    position:relative;
    overflow:hidden;
}
.logo-tile::after{
    content:"";
    position:absolute;
    inset:auto 16px 0 16px;
    height:2px;
    background:linear-gradient(90deg,transparent,#38cfff,transparent);
    opacity:.8;
}
.service-card{
    position:relative;
    overflow:hidden;
}
.service-card::after{
    content:"";
    position:absolute;
    right:-28px;
    top:-28px;
    width:90px;
    height:90px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(67,215,255,.18), transparent 65%);
}
.portal-preview{
    position:relative;
    overflow:hidden;
}
.portal-preview::before{
    content:"";
    position:absolute;
    right:-90px;
    top:-90px;
    width:240px;
    height:240px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(67,215,255,.18), transparent 68%);
}
@media (max-width:1160px){
    .flow-grid{grid-template-columns:1fr;}
    .flow-copy{position:relative; top:auto;}
    .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:860px){
    .flow-steps-wrap{grid-template-columns:1fr;}
    .flow-line{display:none;}
    .tools-wrap{padding:24px; border-radius:26px;}
    .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
    .flow-step-card h3{font-size:20px;}
}
@media (max-width:520px){
    .tools-grid{grid-template-columns:1fr;}
    .flow-step-card{min-height:auto;}
}

/* ===== v16: vypiplání homepage + moderní podstránky ===== */
.hero-wrap{padding-top:12px !important;background:linear-gradient(180deg,#f6fbff 0%,#fff 100%) !important;}
.hero-slider{min-height:555px !important;grid-template-columns:minmax(0,1fr) 330px !important;box-shadow:0 30px 74px rgba(6,46,103,.16) !important;}
.hero-main{padding-left:clamp(76px,7vw,118px) !important;padding-right:42px !important;grid-template-columns:minmax(360px,.75fr) minmax(480px,1fr) !important;}
.hero-copy{max-width:470px !important;}
.hero h1{font-size:clamp(42px,4.1vw,62px) !important;line-height:1 !important;letter-spacing:-.065em !important;}
.hero .lead{font-size:16px !important;line-height:1.62 !important;max-width:455px !important;}
.slider-arrow.left{left:22px !important;}
.slider-arrow.right{right:22px !important;}
.portal-device{width:min(520px,100%) !important;right:0 !important;}
.phone-card{left:14px !important;bottom:56px !important;}
.badge-service{left:54px !important;top:12px !important;}
.slide-preview{padding-left:34px !important;}
.slide-preview h2{font-size:31px !important;}
.metrics-strip{padding-top:22px !important;}
.metric-card{background:linear-gradient(180deg,#fff,#f8fbff) !important;border-color:#dceaf8 !important;}
.metric-card strong{font-size:30px !important;}
.service-card,.info-panel,.testimonial,.portal-preview,.cta-card,.tools-wrap,.flow-step-card,.case-card,.page-visual-card,.profile-card,.contact-quick-card{box-shadow:0 18px 42px rgba(10,45,92,.08) !important;}
.page-hero-modern{position:relative;overflow:hidden;padding:74px 0;background:radial-gradient(circle at 9% 0,rgba(9,105,255,.12),transparent 28%),radial-gradient(circle at 100% 30%,rgba(67,215,255,.12),transparent 26%),linear-gradient(180deg,#f7fbff 0%,#fff 100%);border-bottom:1px solid #e5eef9;}
.page-hero-modern::after{content:"";position:absolute;inset:auto -10% 0 -10%;height:120px;background:linear-gradient(180deg,transparent,rgba(9,105,255,.035));pointer-events:none;}
.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:46px;align-items:center;}
.page-hero-modern h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.07em;margin:18px 0 18px;max-width:860px;}
.page-hero-modern p{font-size:19px;line-height:1.65;color:#5b718b;max-width:780px;}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.page-visual-card,.profile-card,.contact-quick-card{position:relative;overflow:hidden;border:1px solid #dce8f6;border-radius:30px;background:linear-gradient(135deg,#08295f,#0a77df 56%,#18b9e5);color:#fff;padding:34px;min-height:300px;}
.page-visual-card::before,.profile-card::before,.contact-quick-card::before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);}
.visual-kicker{position:relative;z-index:1;display:inline-flex;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#dff5ff;}
.page-visual-card strong{position:relative;z-index:1;display:block;font-size:34px;line-height:1.08;letter-spacing:-.055em;margin-top:22px;}
.visual-bars{position:relative;z-index:1;display:grid;gap:10px;margin-top:34px;}
.visual-bars span{height:12px;border-radius:999px;background:rgba(255,255,255,.22);}
.visual-bars span:nth-child(2){width:78%;}.visual-bars span:nth-child(3){width:58%;}.visual-bars span:nth-child(4){width:88%;}
.services-page-grid .service-card{min-height:235px;}
.case-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;}
.case-card{position:relative;overflow:hidden;border:1px solid #dce8f6;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);padding:30px;min-height:260px;}
.case-card.featured{grid-row:span 2;background:linear-gradient(135deg,#07172f,#0a64c9 58%,#13b7e7);color:#fff;}
.case-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(67,215,255,.18),transparent 68%);}
.case-label{display:inline-flex;border-radius:999px;background:#eaf5ff;color:#0862cc;padding:8px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;}
.case-card.featured .case-label{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);color:#e7f8ff;}
.case-card h3{font-size:32px;letter-spacing:-.055em;margin:18px 0 12px;}
.case-card p{color:#5b718b;line-height:1.65;}.case-card.featured p{color:rgba(255,255,255,.84);}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}.case-tags span{border-radius:999px;background:#f0f7ff;color:#145da9;font-weight:800;font-size:12px;padding:8px 10px;}.case-card.featured .case-tags span{background:rgba(255,255,255,.13);color:#fff;}
.profile-card{text-align:center;background:linear-gradient(135deg,#07172f,#0a61c8 60%,#12b6e8);}
.profile-avatar{position:relative;z-index:1;width:84px;height:84px;border-radius:26px;margin:0 auto 20px;display:grid;place-items:center;background:#fff;color:#0a65d7;font-size:27px;font-weight:950;box-shadow:0 16px 30px rgba(0,0,0,.18);}
.profile-card h3{position:relative;z-index:1;font-size:28px;margin:0 0 12px;}.profile-card p{position:relative;z-index:1;color:rgba(255,255,255,.82);}.profile-mini{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;margin-top:20px;}.profile-mini span{border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 12px;font-weight:900;}
.contact-quick-card{display:grid;gap:18px;background:linear-gradient(135deg,#07172f,#094a9e 52%,#0fb6e7);}.contact-quick-card div{position:relative;z-index:1;padding:16px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);}.contact-quick-card small{display:block;color:#cdeeff;font-weight:800;}.contact-quick-card strong{display:block;color:#fff;margin-top:4px;}
.contact-detail-list{display:grid;gap:12px;margin-top:24px;}.contact-detail-list div{padding:16px;border-radius:18px;background:#f5faff;border:1px solid #dfeaf7;}.contact-detail-list small{display:block;color:#657a94;font-weight:800;}.contact-detail-list strong{display:block;margin-top:4px;color:#153055;}
.form input,.form textarea,.form select{border-radius:14px !important;background:#f8fbff !important;}.form button{justify-self:start;}
@media (max-width:1160px){.hero-main{padding-left:42px !important;grid-template-columns:1fr !important;}.page-hero-grid{grid-template-columns:1fr;}.case-grid{grid-template-columns:1fr 1fr;}.case-card.featured{grid-row:auto;}.page-visual-card,.profile-card,.contact-quick-card{min-height:auto;}}
@media (max-width:860px){.hero-main{padding-left:22px !important;}.case-grid{grid-template-columns:1fr;}.page-hero-modern{padding:54px 0;}.page-hero-modern h1{font-size:42px;}.page-hero-modern p{font-size:17px;}}

/* ===== v17: druhý slide, autoplay slideru a full-width oddělení sekcí ===== */
.hero-wrap{
    padding:10px 0 46px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.hero-wrap > .container{
    width:min(100%, calc(100% - 24px)) !important;
    max-width:none !important;
    margin-inline:auto !important;
}
.hero-slider[data-hero-slider]{
    position:relative !important;
    overflow:hidden !important;
    display:block !important;
    min-height:560px !important;
    border-radius:30px !important;
    box-shadow:0 28px 70px rgba(7,42,92,.18) !important;
    background:
        radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 26%),
        radial-gradient(circle at 82% 26%,rgba(67,215,255,.16),transparent 24%),
        linear-gradient(135deg,#0a2f73 0%,#0a6ee0 52%,#12a7ec 100%) !important;
}
.hero-slider[data-hero-slider] .hero-track{
    display:flex;
    width:100%;
    transition:transform .8s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
.hero-slider[data-hero-slider] .hero-slide{
    min-width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(315px,23vw);
    align-items:stretch;
}
.hero-slider[data-hero-slider] .hero-slide > .hero-main{
    min-height:560px !important;
    display:grid !important;
    grid-template-columns:minmax(320px,.78fr) minmax(440px,1fr) !important;
    gap:20px !important;
    padding:52px 42px 60px 42px !important;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero-slider[data-hero-slider] .hero-slide > .hero-main::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 60% 18%,rgba(255,255,255,.18),transparent 24%),
      linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:auto,64px 64px,64px 64px;
    opacity:.46;
    pointer-events:none;
}
.hero-slider[data-hero-slider] .hero-slide > .hero-main::after{
    content:"";
    position:absolute;
    inset:8% 20% 12% 28%;
    background:linear-gradient(116deg,transparent 0 18%,rgba(255,255,255,.18) 38%,rgba(255,255,255,.06) 54%,transparent 66% 100%);
    filter:blur(3px);
    opacity:.7;
    pointer-events:none;
}
.hero-slider[data-hero-slider] .hero-copy,
.hero-slider[data-hero-slider] .device-scene,
.hero-slider[data-hero-slider] .slide-preview,
.hero-slider[data-hero-slider] .slider-arrow,
.hero-slider[data-hero-slider] .slider-dots{position:relative;z-index:2;}
.hero-slider[data-hero-slider] .hero-copy{max-width:460px !important;}
.hero-slider[data-hero-slider] .hero h1,
.hero-slider[data-hero-slider] .hero-slide h1{
    font-size:clamp(44px,4vw,68px) !important;
    line-height:1.03 !important;
    margin:16px 0 16px !important;
    max-width:550px;
}
.hero-slider[data-hero-slider] .lead{font-size:16px !important;line-height:1.65 !important;max-width:480px !important;}
.hero-slider[data-hero-slider] .check-list{margin:22px 0 24px !important;gap:10px !important;}
.hero-slider[data-hero-slider] .check-list li{font-size:14px;line-height:1.45;}
.hero-slider[data-hero-slider] .hero-actions{gap:12px !important;}
.hero-slider[data-hero-slider] .hero-micro-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.hero-slider[data-hero-slider] .hero-micro-list span,
.hero-slider[data-hero-slider] .preview-tags span{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(8px);
    color:#ecf6ff;
    font-size:12px;
    font-weight:800;
}
.hero-slider[data-hero-slider] .device-scene{min-height:390px !important;}
.hero-slider[data-hero-slider] .device-glow{
    inset:4% 4% 8% 14% !important;
    background:radial-gradient(circle,rgba(255,255,255,.34),transparent 58%) !important;
    filter:blur(16px) !important;
}
.hero-slider[data-hero-slider] .portal-device{
    width:min(525px,100%) !important;
    right:4px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    animation:deviceFloat 7s ease-in-out infinite;
}
.hero-slider[data-hero-slider] .phone-card{left:10px !important;bottom:32px !important;}
.hero-slider[data-hero-slider] .alt-phone-card{left:20px !important;bottom:48px !important;}
.hero-slider[data-hero-slider] .alt-device{top:52% !important;}
.hero-slider[data-hero-slider] .floating-badge{backdrop-filter:blur(10px);}
.hero-slider[data-hero-slider] .alt-badge-a{right:14px !important;top:52px !important;}
.hero-slider[data-hero-slider] .alt-badge-b{right:108px !important;bottom:34px !important;}
.hero-slider[data-hero-slider] .badge-service,
.hero-slider[data-hero-slider] .alt-service-card{
    position:absolute;
    left:68px;
    top:46px;
    z-index:4;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:196px;
    padding:14px 16px;
    border-radius:18px;
    color:#eef8ff;
    background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 16px 34px rgba(0,30,78,.16);
    backdrop-filter:blur(12px);
}
.hero-slider[data-hero-slider] .badge-service span,
.hero-slider[data-hero-slider] .alt-service-card span{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#cceeff;
    font-weight:800;
}
.hero-slider[data-hero-slider] .badge-service strong,
.hero-slider[data-hero-slider] .alt-service-card strong{font-size:14px;line-height:1.4;}
.hero-slider[data-hero-slider] .slide-preview{
    min-height:560px !important;
    padding:50px 34px !important;
    display:flex !important;
    align-items:flex-end !important;
    background:linear-gradient(180deg,rgba(4,21,48,.99),rgba(7,54,88,.97)) !important;
    overflow:hidden;
}
.hero-slider[data-hero-slider] .slide-preview::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(8,17,37,.18),rgba(2,10,24,.4));
    z-index:0;
}
.hero-slider[data-hero-slider] .slide-preview-content{max-width:255px !important;z-index:2;}
.hero-slider[data-hero-slider] .slide-preview .eyebrow{color:#d7f5ff !important;}
.hero-slider[data-hero-slider] .slide-preview h2{font-size:32px !important;line-height:1.08 !important;margin:16px 0 12px !important;}
.hero-slider[data-hero-slider] .slide-preview p{font-size:15px !important;line-height:1.6 !important;margin-bottom:18px !important;}
.hero-slider[data-hero-slider] .camera-art,
.hero-slider[data-hero-slider] .systems-art{
    position:absolute;
    right:-10px;
    top:14px;
    width:260px;
    height:360px;
    opacity:.52;
    z-index:1;
    pointer-events:none;
}
.hero-slider[data-hero-slider] .camera-art{
    background:
        radial-gradient(circle at 48% 24%,#56d7ff 0 7%,#0b233f 8% 16%,#173f69 17% 28%,transparent 29%),
        linear-gradient(90deg,transparent 0 32%,#09182f 33% 70%,transparent 71%),
        radial-gradient(circle at 74% 62%,#061325 0 24%,#0d315d 25% 39%,transparent 40%);
}
.hero-slider[data-hero-slider] .systems-art{
    background:
        radial-gradient(circle at 52% 18%,rgba(86,215,255,.9) 0 8%,rgba(4,16,38,.96) 9% 18%,rgba(21,57,91,.85) 19% 32%,transparent 33%),
        linear-gradient(180deg,transparent 0 28%,rgba(5,22,45,.82) 28% 82%,transparent 82%),
        linear-gradient(90deg,transparent 0 22%,rgba(7,31,59,.7) 22% 30%,transparent 30% 70%,rgba(7,31,59,.7) 70% 78%,transparent 78%);
    filter:drop-shadow(0 18px 36px rgba(0,0,0,.34));
}
.hero-slider[data-hero-slider] .slide-preview-alt{
    background:linear-gradient(180deg,rgba(6,24,46,.99),rgba(5,78,114,.96)) !important;
}
.hero-slider[data-hero-slider] .slider-arrow{
    top:50% !important;
    transform:translateY(-50%) !important;
    width:52px !important;
    height:52px !important;
    font-size:34px !important;
    z-index:15 !important;
}
.hero-slider[data-hero-slider] .slider-arrow.left{left:14px !important;}
.hero-slider[data-hero-slider] .slider-arrow.right{right:14px !important;}
.hero-slider[data-hero-slider] .slider-dots{
    display:flex !important;
    align-items:center;
    gap:10px;
    bottom:18px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:15 !important;
}
.hero-slider[data-hero-slider] .slider-dots button{
    width:10px;
    height:10px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.48);
    box-shadow:none;
    cursor:pointer;
    transition:width .2s ease, background .2s ease, transform .2s ease;
}
.hero-slider[data-hero-slider] .slider-dots button.active,
.hero-slider[data-hero-slider] .slider-dots button[aria-current="true"]{
    width:28px;
    background:#fff;
}

.portal-section,
.creative-section,
.faq-section,
.support-highlights,
.service-flow-section{
    position:relative;
    isolation:isolate;
}
.portal-section > .container,
.creative-section > .container,
.faq-section > .container,
.support-highlights > .container,
.service-flow-section > .container{position:relative;z-index:1;}
.portal-section::before,
.creative-section::before,
.faq-section::before,
.support-highlights::before,
.service-flow-section::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:100vw;
    height:100%;
    transform:translateX(-50%);
    z-index:0;
}
.portal-section::before{
    background:linear-gradient(180deg,#f6fbff 0%,#edf6ff 100%);
}
.creative-section::before{
    background:linear-gradient(135deg,#0a2a66 0%,#0a75de 54%,#08b1e7 100%);
}
.faq-section::before{
    background:linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);
}
.support-highlights::before{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.service-flow-section::before{
    background:linear-gradient(180deg,#f9fcff 0%,#ffffff 100%);
}
.creative-section .creative-band{box-shadow:0 28px 60px rgba(6,32,82,.18);}
.faq-item, .support-panel, .flow-step-card{box-shadow:0 16px 34px rgba(10,45,92,.08);}

@media (max-width:1160px){
    .hero-slider[data-hero-slider] .hero-slide{grid-template-columns:1fr !important;}
    .hero-slider[data-hero-slider]{min-height:auto !important;}
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{
        min-height:auto !important;
        grid-template-columns:1fr !important;
        padding:42px 34px 34px !important;
    }
    .hero-slider[data-hero-slider] .slide-preview{
        min-height:290px !important;
        padding:34px 26px 28px !important;
    }
}
@media (max-width:860px){
    .hero-wrap > .container{width:min(100%, calc(100% - 14px)) !important;}
    .hero-slider[data-hero-slider]{border-radius:24px !important;}
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{padding:36px 22px 28px !important;}
    .hero-slider[data-hero-slider] .hero h1,
    .hero-slider[data-hero-slider] .hero-slide h1{font-size:40px !important;}
    .hero-slider[data-hero-slider] .slide-preview{min-height:250px !important;}
    .hero-slider[data-hero-slider] .badge-service,
    .hero-slider[data-hero-slider] .alt-service-card{left:18px;top:18px;min-width:170px;}
    .hero-slider[data-hero-slider] .slider-arrow{display:none !important;}
}
@media (max-width:520px){
    .hero-wrap{padding:8px 0 32px !important;}
    .hero-wrap > .container{width:min(100%, calc(100% - 10px)) !important;}
    .hero-slider[data-hero-slider] .hero h1,
    .hero-slider[data-hero-slider] .hero-slide h1{font-size:34px !important;}
    .hero-slider[data-hero-slider] .slide-preview h2{font-size:28px !important;}
    .hero-slider[data-hero-slider] .hero-micro-list{display:grid;grid-template-columns:1fr 1fr;}
    .hero-slider[data-hero-slider] .hero-micro-list span,
    .hero-slider[data-hero-slider] .preview-tags span{justify-content:center;padding:8px 10px;}
}


/* ===== v19: slider full-width bez kulatých rohů + výraznější střídání sekcí ===== */
.hero-wrap{
    padding:10px 0 38px !important;
    background:
        radial-gradient(circle at 8% 0%,rgba(9,105,255,.08),transparent 24%),
        linear-gradient(180deg,#fdfefe 0%,#f2f8ff 100%) !important;
    position:relative;
}
.hero-wrap::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:60px;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.85) 68%,#fff 100%);
    pointer-events:none;
}
.hero-wrap > .container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}
.hero-slider[data-hero-slider]{
    border-radius:0 !important;
    width:100% !important;
    min-height:590px !important;
    box-shadow:0 30px 70px rgba(7,41,97,.14) !important;
    overflow:hidden !important;
}
.hero-slider[data-hero-slider]::before{
    inset:-10% -6% !important;
}
.hero-slider[data-hero-slider] .hero-track{
    height:100%;
}
.hero-slider[data-hero-slider] .hero-slide{
    min-height:590px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,24vw) !important;
    align-items:stretch !important;
}
.hero-slider[data-hero-slider] .hero-slide > .hero-main{
    min-height:590px !important;
    padding:58px clamp(34px,5vw,88px) 62px !important;
}
.hero-slider[data-hero-slider] .slide-preview{
    min-height:590px !important;
    border-radius:0 !important;
    padding:42px 30px 42px !important;
}
.hero-slider[data-hero-slider] .hero-copy{max-width:500px !important;}
.hero-slider[data-hero-slider] .hero h1,
.hero-slider[data-hero-slider] .hero-slide h1{font-size:clamp(44px,4.4vw,72px) !important;}
.hero-slider[data-hero-slider] .slide-preview-content{max-width:265px !important;}
.hero-slider[data-hero-slider] .device-scene{min-height:400px !important;}
.hero-slider[data-hero-slider] .badge-service,
.hero-slider[data-hero-slider] .alt-service-card{
    top:42px !important;
    left:24px !important;
}
.hero-slider[data-hero-slider] .camera-art,
.hero-slider[data-hero-slider] .systems-art{
    right:-18px !important;
    top:26px !important;
    opacity:.5 !important;
}
.hero-slider[data-hero-slider] .slider-arrow.left{left:18px !important;}
.hero-slider[data-hero-slider] .slider-arrow.right{right:18px !important;}
.hero-slider[data-hero-slider] .slider-dots{bottom:16px !important;}

.metrics-strip,
.services-section,
.references-strip,
.section-sm.reveal-section:first-of-type,
.support-highlights,
.service-flow-section,
.tools-section,
.faq-section{
    position:relative;
    isolation:isolate;
}
.metrics-strip::before,
.services-section::before,
.references-strip::before,
.support-highlights::before,
.service-flow-section::before,
.tools-section::before,
.faq-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
}
.metrics-strip > .container,
.services-section > .container,
.references-strip > .container,
.support-highlights > .container,
.service-flow-section > .container,
.tools-section > .container,
.faq-section > .container{position:relative;z-index:1;}

.metrics-strip{
    padding-top:28px !important;
    padding-bottom:48px !important;
}
.metrics-strip::before{
    background:
        linear-gradient(180deg,#ffffff 0%,#f4f9ff 46%,#eef6ff 100%),
        radial-gradient(circle at 50% 0,rgba(9,105,255,.08),transparent 38%);
}
.services-section{
    padding-top:74px !important;
    padding-bottom:80px !important;
}
.services-section::before{
    background:
        linear-gradient(180deg,#f8fbff 0%,#ffffff 22%,#ffffff 100%);
}
.services-section::after{
    content:"";
    position:absolute;
    left:50%;top:0;
    width:100vw;height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(9,105,255,.18),transparent);
}
.references-strip{
    padding-top:46px !important;
    padding-bottom:50px !important;
}
.references-strip::before{
    background:
        linear-gradient(135deg,#071f49 0%,#0b4ea6 54%,#0898d9 100%);
}
.references-strip .section-kicker,
.references-strip .section-title,
.references-strip .section-copy{color:#fff !important;}
.references-strip .btn-ghost{
    background:rgba(255,255,255,.12) !important;
    border-color:rgba(255,255,255,.22) !important;
    color:#fff !important;
    backdrop-filter:blur(8px);
}
.references-strip .logo-tile{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    box-shadow:0 12px 24px rgba(2,15,39,.14) !important;
    backdrop-filter:blur(8px);
}

.support-highlights::before{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.service-flow-section::before{
    background:linear-gradient(180deg,#eef7ff 0%,#ffffff 100%) !important;
}
.tools-section{
    padding-top:50px !important;
    padding-bottom:54px !important;
}
.tools-section::before{
    background:
        linear-gradient(135deg,#062044 0%,#0d4da4 54%,#0b81d1 100%);
}
.tools-section .section-kicker,
.tools-section .section-title,
.tools-section .section-copy{color:#fff !important;}
.tools-wrap{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    border-radius:30px;
    padding:30px;
    backdrop-filter:blur(8px);
    box-shadow:0 24px 50px rgba(3,16,45,.16);
}
.tools-grid{gap:12px !important;}
.tool-chip{
    background:rgba(255,255,255,.12) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
}
.faq-section::before{
    background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%) !important;
}

.section-sm.reveal-section:last-of-type{
    position:relative;
    isolation:isolate;
    padding-top:48px !important;
    padding-bottom:62px !important;
}
.section-sm.reveal-section:last-of-type::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    z-index:0;
}
.section-sm.reveal-section:last-of-type > .container{position:relative;z-index:1;}

@media (max-width:1160px){
    .hero-slider[data-hero-slider]{min-height:auto !important;}
    .hero-slider[data-hero-slider] .hero-slide{grid-template-columns:1fr !important;min-height:auto !important;}
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{min-height:auto !important;padding:44px 34px 30px !important;}
    .hero-slider[data-hero-slider] .slide-preview{min-height:290px !important;padding:34px 26px 30px !important;}
}
@media (max-width:860px){
    .hero-wrap{padding:8px 0 28px !important;}
    .hero-wrap > .container{width:min(100%, calc(100% - 12px)) !important;}
    .hero-slider[data-hero-slider]{border-radius:24px !important;}
    .tools-wrap{padding:22px 18px;border-radius:24px;}
}
@media (max-width:520px){
    .hero-wrap > .container{width:min(100%, calc(100% - 8px)) !important;}
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{padding:36px 22px 24px !important;}
    .references-strip,.tools-section,.services-section,.metrics-strip{padding-left:0 !important;padding-right:0 !important;}
}

/* ===== v20: detailněji zpracovaná stránka Služby ===== */
.services-hero-v20{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 18%,rgba(67,215,255,.16),transparent 26%),
        radial-gradient(circle at 88% 12%,rgba(9,105,255,.16),transparent 28%),
        linear-gradient(135deg,#f8fbff 0%,#eef7ff 52%,#ffffff 100%) !important;
}
.services-hero-v20::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(90deg,rgba(9,105,255,.055) 1px,transparent 1px),
        linear-gradient(180deg,rgba(9,105,255,.045) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(180deg,#000,transparent 90%);
}
.services-hero-v20 .container{position:relative;z-index:1;}
.service-hero-pills{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:22px;
}
.service-hero-pills span{
    display:inline-flex;
    padding:9px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid #dbe9f8;
    color:#16406d;
    font-weight:850;
    box-shadow:0 10px 22px rgba(10,45,92,.06);
}
.services-dashboard-card{
    position:relative;
    overflow:hidden;
    min-height:390px;
    border-radius:32px;
    padding:26px;
    color:#fff;
    background:linear-gradient(145deg,#061733 0%,#095ec7 55%,#0db3e6 100%);
    box-shadow:0 30px 70px rgba(6,34,82,.20);
}
.services-dashboard-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 78% 18%,rgba(255,255,255,.28),transparent 24%),
        linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.12) 38%,transparent 52%);
    pointer-events:none;
}
.dash-top,.dash-title,.dash-metrics,.dash-list{position:relative;z-index:1;}
.dash-top{display:flex;gap:8px;margin-bottom:26px;}
.dash-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);}
.dash-title strong{display:block;font-size:30px;line-height:1.05;letter-spacing:-.04em;max-width:320px;}
.dash-title small{display:block;margin-top:10px;color:#cbefff;font-weight:800;}
.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;}
.dash-metrics div{padding:16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(8px);}
.dash-metrics strong{display:block;font-size:27px;}
.dash-metrics small{color:#d8f2ff;font-weight:800;}
.dash-list{display:grid;gap:10px;}
.dash-list span{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);}
.dash-list b{width:9px;height:9px;border-radius:50%;background:#68e28b;box-shadow:0 0 16px rgba(104,226,139,.7);}
.services-overview-v20{
    position:relative;
    isolation:isolate;
    background:#fff;
}
.services-overview-v20::before{
    content:"";
    position:absolute;
    left:50%;top:0;bottom:0;width:100vw;
    transform:translateX(-50%);
    background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);
    z-index:0;
}
.services-overview-v20 .container{position:relative;z-index:1;}
.service-clusters{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.cluster-card{
    position:relative;
    overflow:hidden;
    min-height:250px;
    border-radius:26px;
    padding:26px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 18px 40px rgba(10,45,92,.07);
    transition:transform .2s ease, box-shadow .2s ease;
}
.cluster-card:hover{transform:translateY(-4px);box-shadow:0 26px 56px rgba(10,45,92,.12);}
.cluster-card::after{
    content:"";
    position:absolute;
    right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;
    background:radial-gradient(circle,rgba(67,215,255,.18),transparent 68%);
}
.cluster-main{
    grid-column:span 2;
    color:#fff;
    background:linear-gradient(135deg,#071f49 0%,#0969ff 58%,#08b6e7 100%);
    border-color:rgba(255,255,255,.12);
}
.cluster-main::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.14) 46%,transparent 58%);
    opacity:.75;
}
.cluster-main > *{position:relative;z-index:1;}
.cluster-icon{
    width:54px;height:54px;border-radius:18px;
    display:grid;place-items:center;
    background:#eef7ff;
    color:#0969ff;
    font-size:24px;
    font-weight:900;
    margin-bottom:18px;
}
.cluster-main .cluster-icon{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.18);}
.cluster-card h3{font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px;}
.cluster-card p{color:#5f7188;margin:0 0 18px;line-height:1.65;}
.cluster-main p,.cluster-main li{color:rgba(255,255,255,.86);}
.cluster-card ul{margin:0 0 20px;padding-left:18px;display:grid;gap:8px;}
.cluster-main .more{color:#fff;}
.service-levels{
    position:relative;
    isolation:isolate;
}
.service-levels::before{
    content:"";
    position:absolute;inset:0;z-index:0;
    background:linear-gradient(135deg,#061733 0%,#0b4ea6 58%,#08aee5 100%);
}
.service-levels .container{position:relative;z-index:1;}
.service-levels .section-kicker,.service-levels .section-title,.service-levels .section-copy{color:#fff !important;}
.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.level-card{
    min-height:260px;
    padding:28px;
    border-radius:28px;
    color:#fff;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    box-shadow:0 20px 45px rgba(2,18,47,.14);
    backdrop-filter:blur(10px);
}
.level-card.featured{background:rgba(255,255,255,.18);transform:translateY(-10px);}
.level-card span{display:inline-flex;margin-bottom:22px;color:#bdefff;font-weight:950;letter-spacing:.12em;}
.level-card h3{font-size:28px;letter-spacing:-.04em;margin:0 0 12px;}
.level-card p{color:rgba(255,255,255,.82);line-height:1.65;}
.level-card strong{display:block;margin-top:20px;color:#fff;}
.service-flow-page{background:transparent;}
.service-comparison{
    position:relative;
    isolation:isolate;
}
.service-comparison::before{
    content:"";
    position:absolute;inset:0;z-index:0;
    background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}
.service-comparison .container{position:relative;z-index:1;}
.comparison-wrap{
    padding:38px;
    border-radius:34px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 20px 48px rgba(10,45,92,.08);
}
.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;}
.comparison-item{
    padding:22px;
    border-radius:22px;
    background:linear-gradient(180deg,#f8fbff,#eef6ff);
    border:1px solid #deebf8;
}
.comparison-item span{font-size:12px;font-weight:950;color:#0969ff;letter-spacing:.12em;}
.comparison-item strong{display:block;font-size:20px;margin:12px 0 8px;letter-spacing:-.03em;}
.comparison-item p{margin:0;color:#5d7088;line-height:1.6;}
.service-cta-card{background:linear-gradient(135deg,#071f49,#0969ff 62%,#08b6e7) !important;color:#fff;}
.service-cta-card .section-title,.service-cta-card .section-copy{color:#fff !important;}
.service-cta-card .badge{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);}
.service-cta-card .btn-primary{background:#fff;color:#075edc;box-shadow:0 16px 32px rgba(0,21,62,.16);}
@media (max-width:1160px){
    .service-clusters{grid-template-columns:repeat(2,minmax(0,1fr));}
    .cluster-main{grid-column:span 2;}
    .comparison-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
    .services-dashboard-card{min-height:auto;}
    .dash-metrics{grid-template-columns:1fr;}
    .service-clusters,.level-grid,.comparison-grid{grid-template-columns:1fr;}
    .cluster-main{grid-column:auto;}
    .level-card.featured{transform:none;}
    .comparison-wrap{padding:24px;border-radius:26px;}
}

/* ===== v21: dopracovaná stránka Reference ===== */
.references-hero-v21{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 8%,rgba(67,215,255,.18),transparent 25%),
        radial-gradient(circle at 12% 22%,rgba(9,105,255,.12),transparent 28%),
        linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
}
.references-hero-v21::before{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:110px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
    pointer-events:none;
}
.reference-hero-panel{
    position:relative;
    overflow:hidden;
    min-height:390px;
    border-radius:34px;
    padding:34px;
    color:#fff;
    background:linear-gradient(145deg,#061733 0%,#083e91 54%,#08aee8 100%);
    box-shadow:0 28px 70px rgba(5,38,98,.18);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.reference-hero-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 76% 18%,rgba(255,255,255,.22),transparent 25%),
        linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.12) 47%,transparent 59%);
    opacity:.9;
}
.reference-hero-panel > *{position:relative;z-index:1;}
.reference-hero-panel strong{
    display:block;
    font-size:clamp(28px,3vw,42px);
    line-height:1.05;
    letter-spacing:-.055em;
    margin:14px 0;
}
.reference-hero-panel p{color:rgba(255,255,255,.82);margin:0 0 22px;}
.reference-orbit{
    position:absolute;
    inset:30px 30px auto auto;
    width:170px;
    height:170px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    opacity:.95;
}
.reference-orbit span{
    position:absolute;
    width:44px;
    height:44px;
    border-radius:16px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(8px);
}
.reference-orbit span:nth-child(1){left:20px;top:18px;}
.reference-orbit span:nth-child(2){right:12px;top:58px;}
.reference-orbit span:nth-child(3){left:62px;bottom:8px;}
.reference-mini-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.reference-mini-stats div{
    padding:14px 12px;
    border-radius:18px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(8px);
}
.reference-mini-stats b{display:block;font-size:24px;line-height:1;color:#fff;}
.reference-mini-stats small{display:block;margin-top:6px;color:rgba(255,255,255,.76);font-weight:700;}
.reference-tabs-section{
    padding-top:22px !important;
    padding-bottom:22px !important;
    background:linear-gradient(180deg,#fff,#f6fbff);
    border-top:1px solid rgba(222,235,248,.8);
    border-bottom:1px solid rgba(222,235,248,.8);
}
.reference-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}
.reference-tabs a{
    display:inline-flex;
    padding:12px 18px;
    border-radius:999px;
    background:#fff;
    border:1px solid #dce8f7;
    color:#17395f;
    font-weight:900;
    box-shadow:0 10px 24px rgba(9,45,95,.06);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.reference-tabs a:hover{
    transform:translateY(-2px);
    border-color:rgba(9,105,255,.34);
    box-shadow:0 16px 30px rgba(9,45,95,.09);
}
.references-page-section{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#f8fbff 0%,#fff 30%,#fff 100%);
}
.references-page-section::before{
    content:"";
    position:absolute;
    right:-180px;
    top:80px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(9,105,255,.09),transparent 68%);
    pointer-events:none;
}
.case-grid-v21{
    grid-template-columns:1.4fr 1fr 1fr;
    align-items:stretch;
}
.case-featured-v21{
    min-height:100%;
    background:
        radial-gradient(circle at 80% 8%,rgba(67,215,255,.13),transparent 26%),
        linear-gradient(180deg,#ffffff,#f8fbff) !important;
}
.case-preview-window{
    margin:22px 0 18px;
    padding:16px;
    border-radius:22px;
    background:#0b234a;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(5,32,83,.16);
}
.window-bar{display:flex;gap:7px;margin-bottom:14px;}
.window-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35);}
.window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px;}
.window-stats b{
    display:grid;
    place-items:center;
    min-height:52px;
    border-radius:14px;
    background:rgba(255,255,255,.10);
    color:#eaf8ff;
}
.window-lines{display:grid;gap:8px;}
.window-lines span{height:9px;border-radius:999px;background:rgba(255,255,255,.18);}
.window-lines span:nth-child(2){width:76%;}
.window-lines span:nth-child(3){width:58%;}
.reference-results{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#071f49 0%,#0b4ea6 54%,#0898d9 100%);
    color:#fff;
}
.reference-results::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 24%),
        radial-gradient(circle at 90% 72%,rgba(67,215,255,.20),transparent 28%);
    pointer-events:none;
}
.results-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.15fr .85fr .85fr;
    gap:18px;
}
.result-card{
    padding:28px;
    border-radius:26px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.17);
    backdrop-filter:blur(8px);
    box-shadow:0 20px 42px rgba(2,15,39,.14);
}
.result-card.big{padding:34px;}
.result-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:18px;
    background:rgba(255,255,255,.14);
    margin-bottom:18px;
    font-size:24px;
}
.result-card h3{margin:0 0 12px;font-size:24px;letter-spacing:-.035em;}
.result-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.65;}
.reference-logo-wall{
    background:linear-gradient(180deg,#f7fbff,#fff);
}
.logo-wall-v21 .logo-tile{
    min-height:90px;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    border-color:#dce9f8;
}
.reference-quote-section{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#f1f7ff 100%);
}
.reference-quote-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:22px;
    align-items:stretch;
}
.reference-quote-card,
.reference-creative-card{
    border-radius:30px;
    padding:34px;
    box-shadow:0 18px 40px rgba(7,38,91,.09);
}
.reference-quote-card{
    background:#fff;
    border:1px solid #dfeaf7;
}
.reference-creative-card{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(135deg,#061733,#0647b5 56%,#08b5ea);
}
.reference-creative-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.22),transparent 26%),linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.12) 48%,transparent 60%);
}
.reference-creative-card > *{position:relative;z-index:1;}
.reference-creative-card h2{font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-.055em;margin:14px 0;}
.reference-creative-card p{color:rgba(255,255,255,.84);max-width:560px;}
@media (max-width:1160px){
    .case-grid-v21{grid-template-columns:1fr 1fr;}
    .case-featured-v21{grid-column:span 2;}
    .results-grid,.reference-quote-grid{grid-template-columns:1fr;}
}
@media (max-width:860px){
    .reference-mini-stats{grid-template-columns:1fr;}
    .case-grid-v21{grid-template-columns:1fr;}
    .case-featured-v21{grid-column:auto;}
    .reference-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px;}
    .reference-tabs a{white-space:nowrap;}
}
@media (max-width:520px){
    .reference-hero-panel,.reference-quote-card,.reference-creative-card{border-radius:24px;padding:24px;}
    .window-stats{grid-template-columns:1fr;}
}

/* ===== v22: dopracovaná stránka O nás ===== */
.about-hero-v22{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 12%,rgba(9,105,255,.12),transparent 28%),
        radial-gradient(circle at 92% 18%,rgba(67,215,255,.14),transparent 24%),
        linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
}
.about-hero-v22::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(90deg,rgba(9,105,255,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(9,105,255,.045) 1px,transparent 1px);
    background-size:74px 74px;
    mask-image:linear-gradient(180deg,#000,transparent 80%);
    pointer-events:none;
}
.about-hero-grid{position:relative;z-index:1;align-items:center;}
.about-hero-copy h1{max-width:820px;}
.about-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.about-hero-tags span{
    display:inline-flex;
    padding:9px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid #dbe8f7;
    color:#17395f;
    font-weight:850;
    box-shadow:0 10px 24px rgba(7,50,110,.06);
}
.about-profile-card{
    position:relative;
    overflow:hidden;
    min-height:430px;
    padding:34px;
    border-radius:34px;
    background:linear-gradient(155deg,#061733 0%,#0647b5 58%,#08b5ea 100%);
    color:#fff;
    box-shadow:0 28px 70px rgba(6,46,103,.18);
}
.about-profile-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.24),transparent 26%),linear-gradient(118deg,transparent 0 38%,rgba(255,255,255,.11) 48%,transparent 60%);
}
.about-profile-card > *{position:relative;z-index:1;}
.profile-orbit{position:absolute;right:-40px;top:-40px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.18);z-index:0;}
.profile-orbit span{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);}
.profile-orbit span:nth-child(1){width:90px;height:90px;left:56px;top:56px;}
.profile-orbit span:nth-child(2){width:26px;height:26px;left:18px;top:88px;}
.profile-orbit span:nth-child(3){width:38px;height:38px;right:16px;bottom:38px;}
.about-profile-card .profile-avatar{
    width:86px;height:86px;border-radius:28px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:28px;font-weight:950;margin-bottom:24px;
}
.about-profile-card h3{font-size:30px;margin:0 0 12px;letter-spacing:-.04em;}
.about-profile-card p{color:rgba(255,255,255,.84);line-height:1.7;}
.profile-contact-mini{display:grid;gap:8px;margin-top:22px;}
.profile-contact-mini a{color:#fff;font-weight:850;}
.about-mission-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f4f9ff 100%);}
.about-mission-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;}
.about-mission-card,.about-metric-stack article{
    border-radius:30px;background:#fff;border:1px solid #dfeaf7;box-shadow:0 18px 40px rgba(7,38,91,.08);
}
.about-mission-main{padding:34px;}
.about-mission-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.about-mission-points span{padding:10px 14px;border-radius:999px;background:#edf7ff;color:#075edc;font-weight:850;}
.about-metric-stack{display:grid;gap:14px;}
.about-metric-stack article{padding:24px;display:grid;gap:8px;}
.about-metric-stack strong{font-size:42px;line-height:1;color:#0969ff;letter-spacing:-.06em;}
.about-metric-stack span{color:#52677f;font-weight:750;}
.about-values-section{position:relative;overflow:hidden;background:#fff;}
.about-values-section::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);z-index:0;}
.about-values-section .container{position:relative;z-index:1;}
.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.about-value-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dfeaf7;border-radius:24px;padding:26px;box-shadow:0 14px 32px rgba(7,38,91,.07);}
.about-value-card::after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(67,215,255,.18),transparent 70%);}
.value-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#edf7ff,#dceeff);font-size:24px;margin-bottom:18px;}
.about-value-card h3{font-size:21px;margin:0 0 10px;letter-spacing:-.035em;}
.about-value-card p{color:#667994;margin:0;line-height:1.65;}
.about-timeline-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#061733 0%,#0647b5 56%,#08b5ea 100%);color:#fff;}
.about-timeline-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 88% 80%,rgba(67,215,255,.2),transparent 30%);}
.about-timeline-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:start;}
.about-timeline-copy .section-kicker,.about-timeline-copy .section-title{color:#fff;}
.about-timeline-copy .section-copy{color:rgba(255,255,255,.82);}
.about-timeline{display:grid;gap:14px;}
.about-timeline article{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:22px;border-radius:24px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(8px);}
.about-timeline article span{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.15);font-weight:950;color:#dcf6ff;}
.about-timeline article h3{margin:0 0 6px;font-size:21px;}
.about-timeline article p{margin:0;color:rgba(255,255,255,.80);line-height:1.65;}
.about-scope-section{background:linear-gradient(180deg,#f6fbff,#fff);}
.about-scope-wrap{position:relative;}
.about-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.about-scope-grid article{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:#fff;border:1px solid #dfeaf7;box-shadow:0 18px 38px rgba(7,38,91,.08);}
.about-scope-grid article::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#0969ff,#43d7ff);}
.scope-num{color:#0969ff;font-weight:950;letter-spacing:.12em;margin-bottom:18px;}
.about-scope-grid h3{font-size:24px;margin:0 0 12px;letter-spacing:-.04em;}
.about-scope-grid p{color:#667994;line-height:1.7;}
.about-scope-grid a{color:#0969ff;font-weight:950;}
.about-cta-section{background:#fff;}
.about-cta-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:36px;border-radius:32px;background:linear-gradient(135deg,#071f49,#0b4ea6 58%,#0898d9);color:#fff;box-shadow:0 24px 60px rgba(6,46,103,.18);}
.about-cta-card .section-title{color:#fff;}
.about-cta-card .badge{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);}
.about-cta-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;}
.about-cta-actions .btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;}
@media (max-width:1160px){.about-mission-grid,.about-timeline-grid,.about-cta-card{grid-template-columns:1fr;}.about-values-grid{grid-template-columns:repeat(2,1fr);}.about-scope-grid{grid-template-columns:1fr;}.about-cta-actions{justify-content:flex-start;}}
@media (max-width:860px){.about-profile-card{min-height:auto;}.about-values-grid{grid-template-columns:1fr;}.about-timeline article{grid-template-columns:1fr;}.about-mission-main,.about-profile-card,.about-cta-card{padding:26px;border-radius:26px;}}

/* ===== v23: dopracovaná stránka Kontakt ===== */
.contact-hero-v23{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 10%,rgba(9,105,255,.13),transparent 26%),
        radial-gradient(circle at 92% 18%,rgba(67,215,255,.15),transparent 24%),
        linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
}
.contact-hero-v23::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(90deg,rgba(9,105,255,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(9,105,255,.045) 1px,transparent 1px);
    background-size:74px 74px;
    mask-image:linear-gradient(180deg,#000,transparent 84%);
    pointer-events:none;
}
.contact-hero-grid{position:relative;z-index:1;align-items:center;}
.contact-hero-copy h1{max-width:850px;}
.contact-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.contact-hero-tags span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #dbe8f7;color:#17395f;font-weight:850;box-shadow:0 10px 24px rgba(7,50,110,.06);}
.contact-radar-card{position:relative;overflow:hidden;min-height:410px;padding:34px;border-radius:34px;background:linear-gradient(155deg,#061733 0%,#0647b5 58%,#08b5ea 100%);color:#fff;box-shadow:0 28px 70px rgba(6,46,103,.18);}
.contact-radar-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.24),transparent 26%),linear-gradient(118deg,transparent 0 38%,rgba(255,255,255,.11) 48%,transparent 60%);}
.contact-radar-content{position:relative;z-index:2;}
.contact-radar-content h3{font-size:34px;letter-spacing:-.05em;margin:18px 0 24px;}
.radar-orbit{position:absolute;right:-50px;top:-50px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.18);z-index:1;}
.radar-orbit::before,.radar-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);}
.radar-orbit::before{inset:44px}.radar-orbit::after{inset:88px}
.radar-orbit span{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);}
.radar-orbit span:nth-child(1){width:88px;height:88px;left:84px;top:84px}.radar-orbit span:nth-child(2){width:28px;height:28px;left:28px;top:112px}.radar-orbit span:nth-child(3){width:40px;height:40px;right:24px;bottom:52px}
.contact-radar-list{display:grid;gap:12px;margin-top:22px;}
.contact-radar-list a,.contact-radar-list div{display:block;padding:16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(8px);}
.contact-radar-list small{display:block;color:rgba(255,255,255,.70);font-weight:800;margin-bottom:4px;}
.contact-radar-list strong{display:block;color:#fff;font-size:18px;}
.contact-choice-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f4f9ff);}
.contact-choice-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:18px;}
.contact-choice-card{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:#fff;border:1px solid #dfeaf7;box-shadow:0 18px 40px rgba(7,38,91,.08);}
.contact-choice-card::after{content:"";position:absolute;right:-42px;top:-42px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(67,215,255,.18),transparent 70%);}
.contact-choice-card > *{position:relative;z-index:1;}
.contact-choice-card.main-choice{background:linear-gradient(135deg,#071f49,#0b4ea6 58%,#0898d9);color:#fff;}
.contact-choice-card.main-choice p{color:rgba(255,255,255,.82);}
.contact-choice-card h2,.contact-choice-card h3{letter-spacing:-.045em;margin:12px 0;}
.contact-choice-card h2{font-size:34px;line-height:1.08}.contact-choice-card h3{font-size:24px;}
.contact-choice-card p{color:#667994;line-height:1.7;}
.choice-icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:#edf7ff;font-size:26px;margin-bottom:16px;}
.main-choice .choice-icon{background:rgba(255,255,255,.14)}
.creative-choice{background:linear-gradient(180deg,#ffffff,#f8fbff);}
.contact-form-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);}
.contact-form-section::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:radial-gradient(circle at 12% 20%,rgba(9,105,255,.08),transparent 28%),radial-gradient(circle at 94% 78%,rgba(67,215,255,.10),transparent 26%);}
.contact-form-section .container{position:relative;z-index:1;}
.contact-layout-v23{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;}
.contact-form-panel-v23,.contact-side-v23{border-radius:32px;border:1px solid #dfeaf7;background:#fff;box-shadow:0 20px 44px rgba(7,38,91,.08);}
.contact-form-panel-v23{padding:34px;}
.contact-side-v23{padding:26px;display:grid;gap:16px;background:linear-gradient(180deg,#ffffff,#f7fbff);}
.contact-form-v23{margin-top:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-bottom-note{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;}
.form-bottom-note span{color:#667994;font-size:14px;}
.contact-status-card,.contact-mini-cta{border-radius:24px;padding:22px;background:#fff;border:1px solid #dfeaf7;box-shadow:0 12px 26px rgba(7,38,91,.06);}
.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#20d27a;box-shadow:0 0 0 8px rgba(32,210,122,.12);margin-right:10px;}
.contact-status-card strong{font-size:20px;}.contact-status-card p,.contact-mini-cta p{color:#667994;line-height:1.65;}
.v23-list{display:grid;gap:12px;}.v23-list div{padding:18px;border-radius:20px;background:#eef6ff;border:1px solid #d7e8ff;}.v23-list small{display:block;color:#667994;font-weight:850;}.v23-list strong{display:block;margin-top:3px;}
.contact-mini-cta{color:#fff;background:linear-gradient(135deg,#061733,#0647b5 58%,#08b5ea);border-color:rgba(255,255,255,.12);}.contact-mini-cta p{color:rgba(255,255,255,.82);}
.contact-map-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#061733 0%,#0647b5 56%,#08b5ea 100%);color:#fff;}
.contact-map-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 88% 80%,rgba(67,215,255,.2),transparent 30%);}
.contact-map-section .container{position:relative;z-index:1;}.contact-map-section .section-kicker,.contact-map-section .section-title{color:#fff}.contact-map-section .section-copy{color:rgba(255,255,255,.82);}
.contact-map-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;}
.map-visual{position:relative;min-height:330px;border-radius:34px;overflow:hidden;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);box-shadow:0 24px 50px rgba(3,16,45,.16);}
.map-grid-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle,#000,transparent 86%);}
.map-pin{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;color:#075edc;font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.18);}
.primary-pin{left:42%;top:42%;}.secondary-pin{right:16%;bottom:24%;}
.map-pulse{position:absolute;left:48%;top:46%;width:28px;height:28px;border-radius:50%;background:#43d7ff;box-shadow:0 0 0 18px rgba(67,215,255,.14),0 0 0 44px rgba(67,215,255,.08);}
.contact-faq-section{background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);}
.contact-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start;}
@media (max-width:1160px){.contact-choice-grid,.contact-layout-v23,.contact-map-grid,.contact-faq-grid{grid-template-columns:1fr;}.contact-radar-card{min-height:auto;}}
@media (max-width:860px){.form-row{grid-template-columns:1fr;}.contact-choice-card,.contact-form-panel-v23,.contact-side-v23,.map-visual{border-radius:26px;padding:24px;}.form-bottom-note{display:grid;}.form-bottom-note .btn{width:100%;}.contact-hero-tags{gap:8px;}.map-visual{min-height:260px;}}


/* ===== v24: veřejná stránka Podpora / klientský portál ===== */
.support-hero-v24{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 14% 20%,rgba(9,105,255,.16),transparent 28%),
        radial-gradient(circle at 88% 22%,rgba(67,215,255,.14),transparent 26%),
        linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
}
.support-hero-v24::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(90deg,rgba(9,105,255,.06) 1px,transparent 1px),
        linear-gradient(180deg,rgba(9,105,255,.05) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(180deg,#000,transparent 88%);
    pointer-events:none;
}
.support-hero-v24 .container{position:relative;z-index:1;}
.support-hero-grid{align-items:center;}
.dark-actions .btn-ghost{background:#fff;}
.support-tags span{
    display:inline-flex;
    padding:9px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid #dce8f7;
    color:#163a63;
    font-weight:850;
    box-shadow:0 10px 22px rgba(7,38,91,.06);
}
.support-visual-v24{
    position:relative;
    min-height:430px;
}
.support-window{
    position:absolute;
    inset:34px 0 0 28px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(220,232,247,.95);
    box-shadow:0 28px 60px rgba(8,45,103,.14);
    padding:20px;
    overflow:hidden;
}
.support-window::before{
    content:"";
    position:absolute;
    right:-80px;
    top:-80px;
    width:230px;
    height:230px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(67,215,255,.22),transparent 68%);
}
.support-window > *{position:relative;z-index:1;}
.support-window-top{display:flex;gap:8px;margin-bottom:18px;}
.support-window-top span{width:11px;height:11px;border-radius:50%;background:#dce8f7;}
.support-dashboard-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(135deg,#061733,#075edc);
    color:#fff;
    margin-bottom:16px;
}
.support-dashboard-head small{color:rgba(255,255,255,.75);font-weight:700;}
.support-status-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:16px;
}
.support-status-grid div{
    border-radius:20px;
    background:#eef6ff;
    padding:18px;
}
.support-status-grid strong{display:block;font-size:30px;color:#075edc;line-height:1;}
.support-status-grid small{display:block;margin-top:6px;color:#5d728c;font-weight:850;}
.support-ticket-list{display:grid;gap:10px;}
.support-ticket-list div{
    display:grid;
    grid-template-columns:.7fr 1.7fr .8fr;
    gap:12px;
    align-items:center;
    padding:13px 14px;
    border-radius:16px;
    background:#f8fbff;
    border:1px solid #e4eef9;
    font-size:13px;
}
.support-ticket-list b{color:#075edc;}
.support-ticket-list em{
    justify-self:end;
    font-style:normal;
    font-weight:900;
    font-size:11px;
    padding:6px 8px;
    border-radius:999px;
    background:#e6f2ff;
    color:#075edc;
}
.support-bubble{
    position:absolute;
    z-index:3;
    display:inline-flex;
    padding:12px 15px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(220,232,247,.95);
    color:#123252;
    font-weight:900;
    box-shadow:0 18px 36px rgba(8,45,103,.14);
}
.bubble-a{left:0;top:86px;}
.bubble-b{right:8px;bottom:40px;}

.support-process-v24{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.support-process-v24::before{
    content:"";
    position:absolute;
    left:50%;top:0;
    transform:translateX(-50%);
    width:100vw;height:100%;
    background:radial-gradient(circle at 10% 12%,rgba(9,105,255,.08),transparent 24%),radial-gradient(circle at 90% 70%,rgba(67,215,255,.08),transparent 24%);
}
.support-process-v24 .container{position:relative;z-index:1;}
.support-process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.support-process-grid article{
    position:relative;
    overflow:hidden;
    min-height:230px;
    padding:26px;
    border-radius:28px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 18px 38px rgba(7,38,91,.07);
}
.support-process-grid article::after{
    content:"";
    position:absolute;
    right:-36px;top:-36px;
    width:120px;height:120px;border-radius:50%;
    background:radial-gradient(circle,rgba(67,215,255,.18),transparent 70%);
}
.support-process-grid span{
    display:inline-grid;
    place-items:center;
    width:44px;height:44px;
    border-radius:16px;
    background:linear-gradient(135deg,#0969ff,#43d7ff);
    color:#fff;
    font-weight:950;
    margin-bottom:18px;
}
.support-process-grid h3{font-size:22px;letter-spacing:-.04em;margin:0 0 10px;}
.support-process-grid p{color:#5d728c;line-height:1.65;margin:0;}

.support-roles-v24{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#061733 0%,#0647b5 56%,#08b5ea 100%);
    color:#fff;
}
.support-roles-v24::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 84% 84%,rgba(67,215,255,.18),transparent 28%);
}
.roles-grid-v24{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}
.role-card-v24{
    padding:34px;
    border-radius:32px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.17);
    box-shadow:0 24px 52px rgba(3,16,45,.16);
    backdrop-filter:blur(10px);
}
.role-card-v24 h2{font-size:36px;line-height:1.05;letter-spacing:-.055em;margin:14px 0;}
.role-card-v24 p{color:rgba(255,255,255,.82);line-height:1.7;}
.role-card-v24 .blue-list li{color:#fff;}
.role-card-v24 .blue-list li:before{background:rgba(255,255,255,.18);color:#fff;}
.role-icon{
    width:58px;height:58px;
    display:grid;place-items:center;
    border-radius:22px;
    background:rgba(255,255,255,.14);
    font-size:28px;
}

.support-features-v24{
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.support-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.support-feature-grid article{
    padding:24px;
    border-radius:24px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 14px 30px rgba(7,38,91,.06);
}
.support-feature-grid strong{display:block;font-size:20px;color:#10223d;margin-bottom:8px;}
.support-feature-grid p{color:#667994;line-height:1.65;margin:0;}

.support-cta-v24{
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.support-cta-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:26px;
    align-items:center;
    padding:38px;
    border-radius:34px;
    color:#fff;
    background:linear-gradient(135deg,#061733,#075edc 58%,#08b5ea);
    box-shadow:0 28px 60px rgba(7,38,91,.16);
    position:relative;
    overflow:hidden;
}
.support-cta-card::before{
    content:"";
    position:absolute;
    right:-80px;top:-80px;
    width:260px;height:260px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);
}
.support-cta-card > *{position:relative;z-index:1;}
.support-cta-card h2{font-size:38px;line-height:1.06;letter-spacing:-.055em;margin:12px 0;}
.support-cta-card p{color:rgba(255,255,255,.82);max-width:660px;}
.support-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.support-cta-card .badge{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);}
@media(max-width:1160px){
    .support-hero-grid,.roles-grid-v24,.support-cta-card{grid-template-columns:1fr;}
    .support-visual-v24{min-height:380px;}
    .support-process-grid,.support-feature-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:860px){
    .support-window{inset:20px 0 0 0;border-radius:28px;}
    .support-ticket-list div{grid-template-columns:1fr;gap:6px;}
    .support-ticket-list em{justify-self:start;}
    .support-status-grid{grid-template-columns:1fr;}
    .support-process-grid,.support-feature-grid{grid-template-columns:1fr;}
    .role-card-v24,.support-cta-card{padding:26px;border-radius:28px;}
    .role-card-v24 h2,.support-cta-card h2{font-size:30px;}
}

/* ===== v25: finální sjednocení všech sekcí + příprava na ostrý web ===== */
:root{
    --section-blue-soft:#eef7ff;
    --section-blue-mid:#e6f2ff;
    --section-dark-a:#061a3b;
    --section-dark-b:#0a58b8;
}
body{
    background:
        radial-gradient(circle at 0% 0%, rgba(9,105,255,.06), transparent 30%),
        radial-gradient(circle at 100% 8%, rgba(67,215,255,.08), transparent 28%),
        #fff;
}
.site-header{
    border-bottom:1px solid rgba(199,220,242,.78) !important;
}
.site-header.is-scrolled{
    box-shadow:0 18px 36px rgba(7,32,73,.10) !important;
}
.page-hero-modern,
.page-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 84% 20%, rgba(67,215,255,.16), transparent 26%),
        radial-gradient(circle at 12% 0%, rgba(9,105,255,.12), transparent 26%),
        linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
}
.page-hero-modern::before,
.page-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(90deg,rgba(9,105,255,.06) 1px,transparent 1px),
        linear-gradient(180deg,rgba(9,105,255,.045) 1px,transparent 1px);
    background-size:68px 68px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 82%);
    pointer-events:none;
}
.page-hero-modern > .container,
.page-hero > .container{position:relative;z-index:1;}

/* homepage: více barevných předělů */
.metrics-grid .metric-card,
.service-card,
.cluster-card,
.case-card,
.about-value-card,
.contact-choice-card,
.support-feature-card,
.role-card-v24{
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.metrics-grid .metric-card:hover,
.service-card:hover,
.cluster-card:hover,
.case-card:hover,
.about-value-card:hover,
.contact-choice-card:hover,
.support-feature-card:hover,
.role-card-v24:hover{
    transform:translateY(-4px);
    border-color:rgba(9,105,255,.24) !important;
    box-shadow:0 22px 44px rgba(8,45,99,.12) !important;
}
.metrics-grid .metric-card{
    background:linear-gradient(180deg,#fff,#f7fbff) !important;
    border:1px solid rgba(210,226,243,.95) !important;
}
.services-section .service-card{
    background:
        radial-gradient(circle at 100% 0%,rgba(67,215,255,.10),transparent 34%),
        #fff !important;
}
.portal-section{
    padding-top:76px !important;
    padding-bottom:78px !important;
}
.trust-grid .info-panel,
.trust-grid .testimonial{
    background:linear-gradient(180deg,#fff,#f8fbff) !important;
}
.launch-section{
    position:relative;
    isolation:isolate;
    padding-top:70px !important;
    padding-bottom:74px !important;
}
.launch-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 8% 18%,rgba(67,215,255,.16),transparent 28%),
        linear-gradient(135deg,#061733 0%,#073f95 46%,#079dd7 100%);
    z-index:0;
}
.launch-section > .container{position:relative;z-index:1;}
.launch-grid{
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    gap:28px;
    align-items:center;
    color:#fff;
}
.launch-copy .section-kicker,
.launch-copy .section-title,
.launch-copy .section-copy{color:#fff !important;}
.launch-copy .section-copy{color:rgba(255,255,255,.82) !important;}
.launch-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.launch-checklist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.launch-checklist article{
    position:relative;
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 18px 36px rgba(0,16,45,.16);
    backdrop-filter:blur(10px);
}
.launch-checklist span{
    display:inline-grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:14px;
    background:#fff;
    color:#075edc;
    font-weight:950;
    margin-bottom:14px;
}
.launch-checklist strong{display:block;font-size:18px;margin-bottom:8px;}
.launch-checklist small{display:block;color:rgba(255,255,255,.78);line-height:1.55;}

/* podstránky: výraznější pásy */
.services-overview-v20,
.ref-featured-section,
.about-values-section,
.contact-choice-section,
.support-process-v24{
    position:relative;
    isolation:isolate;
}
.services-overview-v20::before,
.ref-featured-section::before,
.about-values-section::before,
.contact-choice-section::before,
.support-process-v24::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 100%);
}
.services-overview-v20 > .container,
.ref-featured-section > .container,
.about-values-section > .container,
.contact-choice-section > .container,
.support-process-v24 > .container{position:relative;z-index:1;}
.services-packages-v20,
.ref-results-section,
.about-scope-section,
.contact-map-section,
.support-features-v24{
    position:relative;
    isolation:isolate;
}
.services-packages-v20::before,
.ref-results-section::before,
.about-scope-section::before,
.contact-map-section::before,
.support-features-v24::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 88% 20%,rgba(67,215,255,.16),transparent 26%),
        linear-gradient(180deg,#ffffff 0%,#eef7ff 100%);
}
.services-packages-v20 > .container,
.ref-results-section > .container,
.about-scope-section > .container,
.contact-map-section > .container,
.support-features-v24 > .container{position:relative;z-index:1;}
.support-roles-v24,
.contact-page-section,
.about-timeline-section,
.ref-logo-section{
    position:relative;
    isolation:isolate;
}
.support-roles-v24::before,
.contact-page-section::before,
.about-timeline-section::before,
.ref-logo-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(135deg,#061733 0%,#073f95 50%,#0699d5 100%);
}
.support-roles-v24 > .container,
.contact-page-section > .container,
.about-timeline-section > .container,
.ref-logo-section > .container{position:relative;z-index:1;}
.contact-page-section .section-kicker,
.contact-page-section .section-title,
.contact-page-section .section-copy,
.about-timeline-section .section-kicker,
.about-timeline-section .section-title,
.about-timeline-section .section-copy,
.ref-logo-section .section-kicker,
.ref-logo-section .section-title,
.ref-logo-section .section-copy,
.support-roles-v24 .section-kicker,
.support-roles-v24 .section-title,
.support-roles-v24 .section-copy{color:#fff !important;}
.contact-form-panel-v23,
.contact-side-v23,
.about-timeline,
.about-timeline-copy,
.role-card-v24,
.logo-wall-v21{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff;
    backdrop-filter:blur(10px);
    box-shadow:0 22px 44px rgba(0,18,50,.18) !important;
}
.contact-form-panel-v23 input,
.contact-form-panel-v23 textarea,
.contact-form-panel-v23 select{
    background:rgba(255,255,255,.92) !important;
}
.contact-side-v23 .contact-item strong,
.contact-side-v23 .contact-item small,
.role-card-v24 p,
.role-card-v24 li{color:rgba(255,255,255,.86) !important;}

/* mikro efekty */
.btn{position:relative;overflow:hidden;}
.btn::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.35) 48%,transparent 62% 100%);
    transform:translateX(-130%);
    transition:transform .55s ease;
    pointer-events:none;
}
.btn:hover::after{transform:translateX(130%);}
.reveal{transform:translateY(18px);opacity:0;transition:opacity .55s ease, transform .55s ease;}
.reveal.is-visible{transform:translateY(0);opacity:1;}
.footer{
    margin-top:0 !important;
}
.site-footer{
    background:
        radial-gradient(circle at 18% 0,rgba(9,105,255,.20),transparent 32%),
        linear-gradient(180deg,#061733,#041126) !important;
}

@media (max-width:1160px){
    .launch-grid{grid-template-columns:1fr;}
}
@media (max-width:860px){
    .launch-checklist{grid-template-columns:1fr;}
    .launch-section{padding-top:54px !important;padding-bottom:58px !important;}
    .page-hero-modern,
    .page-hero{padding-top:58px !important;padding-bottom:58px !important;}
}

/* ===== v26: SEO/legal stránky, 404 a technické doladění před spuštěním ===== */
.legal-hero-v26,
.error-hero-v26{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 82% 18%,rgba(67,215,255,.28),transparent 28%),
        radial-gradient(circle at 12% 86%,rgba(255,255,255,.14),transparent 28%),
        linear-gradient(135deg,#071e49 0%,#075fca 54%,#08aee5 100%);
}
.legal-hero-v26::before,
.error-hero-v26::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:72px 72px;
    opacity:.28;
    pointer-events:none;
}
.legal-hero-v26 .container,
.error-hero-v26 .container{position:relative;z-index:1;}
.legal-hero-v26 .section-kicker,
.legal-hero-v26 h1,
.legal-hero-v26 p,
.error-hero-v26 .section-kicker,
.error-hero-v26 h1,
.error-hero-v26 p{color:#fff !important;}
.legal-hero-v26 p,
.error-hero-v26 p{color:rgba(255,255,255,.84) !important;}
.legal-card-v26{
    justify-self:end;
    width:min(360px,100%);
    border-radius:28px;
    padding:28px;
    color:#fff;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 24px 46px rgba(0,22,62,.18);
    backdrop-filter:blur(10px);
}
.legal-card-v26 strong{display:block;font-size:28px;letter-spacing:-.04em;margin:14px 0 8px;}
.legal-card-v26 small{color:rgba(255,255,255,.78);font-weight:700;}
.legal-section-v26{
    background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.legal-layout-v26{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:28px;
    align-items:start;
}
.legal-nav-v26{
    position:sticky;
    top:104px;
    display:grid;
    gap:8px;
    padding:20px;
    border-radius:24px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 16px 32px rgba(7,45,97,.07);
}
.legal-nav-v26 strong{font-size:18px;margin-bottom:8px;}
.legal-nav-v26 a{
    padding:10px 12px;
    border-radius:14px;
    color:#31506f;
    font-weight:800;
    background:#f7fbff;
    border:1px solid transparent;
}
.legal-nav-v26 a:hover{border-color:#cfe3fa;color:#0969ff;background:#eef7ff;}
.legal-content-v26{
    padding:34px;
    border-radius:30px;
    background:#fff;
    border:1px solid #dfeaf7;
    box-shadow:0 16px 34px rgba(7,45,97,.07);
}
.legal-content-v26 section{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid #edf3fb;}
.legal-content-v26 section:last-of-type{border-bottom:0;margin-bottom:0;}
.legal-content-v26 h2{font-size:28px;letter-spacing:-.04em;margin:0 0 12px;}
.legal-content-v26 p{color:#4f647e;line-height:1.72;margin:0;}
.legal-content-v26 a{color:#0969ff;font-weight:900;}
.legal-note-v26{
    margin-top:28px !important;
    padding:18px 20px;
    border-radius:18px;
    background:#eef7ff;
    border:1px solid #cfe4fb;
    font-weight:700;
}
.error-layout-v26{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:40px;
    align-items:center;
}
.error-code-v26{
    display:grid;
    place-items:center;
    min-height:260px;
    border-radius:34px;
    color:rgba(255,255,255,.92);
    font-size:86px;
    font-weight:950;
    letter-spacing:-.08em;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 24px 50px rgba(0,22,62,.18);
    backdrop-filter:blur(10px);
}
.footer-bottom a{color:#d9e8ff;font-weight:800;}
.footer-bottom a:hover{color:#fff;text-decoration:underline;}
@media (max-width:960px){
    .legal-hero-grid,
    .error-layout-v26,
    .legal-layout-v26{grid-template-columns:1fr;}
    .legal-card-v26{justify-self:start;}
    .legal-nav-v26{position:relative;top:auto;}
}
@media (max-width:560px){
    .legal-content-v26{padding:24px 20px;border-radius:24px;}
    .legal-card-v26{padding:22px;border-radius:22px;}
    .error-code-v26{min-height:180px;font-size:64px;}
}

/* ===== v27: funkční kontaktní formulář ===== */
.form-alert{
    display:grid;
    gap:4px;
    padding:16px 18px;
    border-radius:18px;
    margin:18px 0 18px;
    border:1px solid transparent;
    font-size:14px;
}
.form-alert strong{font-size:16px;}
.form-alert.success{
    background:linear-gradient(180deg,#ecfff2,#ddf9e7);
    border-color:#b8ecc9;
    color:#0b6630;
}
.form-alert.error{
    background:linear-gradient(180deg,#fff4f4,#ffeaea);
    border-color:#ffc8c8;
    color:#8a1f1f;
}
.hp-field{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.contact-form-v23 input:required,
.contact-form-v23 select:required,
.contact-form-v23 textarea:required{
    scroll-margin-top:96px;
}
.contact-form-v23 input:focus,
.contact-form-v23 select:focus,
.contact-form-v23 textarea:focus{
    outline:none;
    border-color:rgba(9,105,255,.55);
    box-shadow:0 0 0 4px rgba(9,105,255,.09);
}
.form-bottom-note span{
    line-height:1.45;
}

/* ===== v28: podpora / portál sjednocení ===== */
.support-sync-v28{position:relative;isolation:isolate;overflow:hidden;}
.support-sync-v28::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#071f49 0%,#0a61c8 54%,#0aaee6 100%);z-index:0;}
.support-sync-v28::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.20),transparent 24%),linear-gradient(110deg,transparent 0 28%,rgba(255,255,255,.10) 44%,transparent 62%);z-index:0;}
.support-sync-v28 .container{position:relative;z-index:1;}
.support-sync-grid{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:center;color:#fff;}
.support-sync-v28 .section-kicker,.support-sync-v28 .section-title,.support-sync-v28 .section-copy{color:#fff!important;}
.support-sync-v28 .section-copy{color:rgba(255,255,255,.82)!important;}
.support-sync-v28 .blue-list li{color:#fff;}
.support-sync-v28 .blue-list li::before{background:rgba(255,255,255,.16);color:#fff;}
.support-sync-preview{position:relative;overflow:hidden;min-height:360px;border-radius:30px;padding:24px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);box-shadow:0 26px 60px rgba(0,20,60,.22);backdrop-filter:blur(12px);}
.support-sync-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.22),transparent 28%);pointer-events:none;}
.support-sync-preview>*{position:relative;z-index:1;}
.sync-window-top{display:flex;gap:8px;margin-bottom:22px;}.sync-window-top span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55);}
.sync-title{height:48px;border-radius:16px;background:#fff;color:#0d2a57;display:flex;align-items:center;padding:0 18px;font-weight:950;margin-bottom:16px;}
.sync-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}.sync-kpis span{height:74px;border-radius:18px;background:rgba(255,255,255,.88);}
.sync-row{height:42px;border-radius:14px;background:rgba(255,255,255,.70);margin-top:10px;}.sync-row.strong{background:#fff;}.sync-row.short{width:72%;}.sync-actions{display:flex;gap:12px;margin-top:22px;}.sync-actions span{width:130px;height:44px;border-radius:12px;background:#fff;}.sync-actions span:last-child{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.22)}
@media(max-width:980px){.support-sync-grid{grid-template-columns:1fr;}.support-sync-preview{min-height:300px;}}

/* ===== v29: homepage služby bez kybernetické bezpečnosti ===== */
.home-services-grid.cards-grid.six{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
@media (max-width:1160px){.home-services-grid.cards-grid.six{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:760px){.home-services-grid.cards-grid.six{grid-template-columns:1fr !important;}}

/* ===== v30: úprava bloku spolupráce bez fiktivní reference ===== */
.trust-summary-card{
    background:
        radial-gradient(circle at 84% 14%,rgba(67,215,255,.16),transparent 28%),
        linear-gradient(180deg,#071733 0%,#0a2f68 100%) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    overflow:hidden;
    position:relative;
}
.trust-summary-card::after{
    content:"";
    position:absolute;
    right:-65px;
    bottom:-65px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);
}
.trust-summary-card .quote{
    width:54px;
    height:54px;
    border-radius:18px;
    display:grid;
    place-items:center;
    font-size:28px;
    line-height:1;
    background:rgba(255,255,255,.13);
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16);
}
.trust-summary-card h3{
    margin:18px 0 10px;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.04em;
}
.trust-summary-card p{
    color:rgba(255,255,255,.82) !important;
    position:relative;
    z-index:1;
}
.trust-points{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.trust-points span{
    display:inline-flex;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#eef8ff;
    font-size:12px;
    font-weight:900;
}

/* ===== v31: produkční blok místo poznámek / TODO v sekci spolupráce ===== */
.launch-mini-card{
    background:
        radial-gradient(circle at 86% 12%,rgba(67,215,255,.22),transparent 30%),
        radial-gradient(circle at 4% 90%,rgba(9,105,255,.22),transparent 34%),
        linear-gradient(145deg,#061733 0%,#0a3678 58%,#087bd0 100%) !important;
    color:#fff !important;
    min-height:100%;
}
.launch-mini-card .mini-label{
    margin-top:18px;
    background:rgba(255,255,255,.14) !important;
    color:#dff6ff !important;
    border:1px solid rgba(255,255,255,.18);
}
.launch-mini-card h3{
    color:#fff !important;
    font-size:30px !important;
    line-height:1.08 !important;
    margin:16px 0 12px !important;
    position:relative;
    z-index:1;
}
.launch-mini-card p{
    color:rgba(255,255,255,.82) !important;
}
.launch-mini-list{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:20px;
}
.launch-mini-list article{
    padding:15px;
    border-radius:18px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(8px);
}
.launch-mini-list strong{
    display:block;
    color:#fff;
    font-size:14px;
    margin-bottom:6px;
}
.launch-mini-list small{
    display:block;
    color:rgba(255,255,255,.78);
    line-height:1.45;
    font-size:12px;
}
.launch-section .launch-checklist strong,
.launch-section .launch-checklist small,
.launch-section .launch-copy .section-title,
.launch-section .launch-copy .section-kicker,
.launch-section .launch-copy .section-copy{
    text-shadow:0 1px 1px rgba(0,0,0,.12);
}
@media (max-width:760px){
    .launch-mini-list{grid-template-columns:1fr;}
}

/* ===== v33: favicon / patička s ikonou + produkční cleanup ===== */
.footer-logo-image{
    background:transparent !important;
    overflow:visible;
    padding:0 !important;
    border:none !important;
    box-shadow:none !important;
}
.footer-logo-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.footer-quick-links a{
    width:auto !important;
    min-width:72px;
    padding:0 12px;
    font-size:12px !important;
    border-radius:12px !important;
    color:#dbeafe !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10);
}
.footer-quick-links a:hover{
    background:rgba(255,255,255,.14) !important;
    color:#fff !important;
    transform:translateY(-2px);
}
.site-footer{
    position:relative;
    overflow:hidden;
}
.site-footer::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(9,105,255,.20),transparent 68%);
    pointer-events:none;
}
.site-footer .container{position:relative;z-index:1;}


.footer-bottom .footer-legal{
    display:flex !important;
    align-items:center;
    gap:10px;
    white-space:nowrap;
    font-size:12px;
    margin:0;
}
.footer-bottom .footer-legal a,
.footer-bottom .footer-legal .footer-legal-sep{
    display:inline-block !important;
    margin:0 !important;
}
.footer-bottom .footer-legal-sep{
    color:#7f95b1;
}
@media (max-width:860px){
    .footer-bottom .footer-legal{
        white-space:normal;
        flex-wrap:wrap;
        gap:8px;
        margin-top:8px;
    }
}


/* ===== v40: homepage finální úklid + praktičtější oblasti podpory ===== */
.tools-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.tools-section .section-title{
    max-width:720px;
}
.tool-chip{
    min-height:72px;
    justify-content:flex-start !important;
    text-align:left !important;
    position:relative;
    padding-left:48px !important;
}
.tool-chip::before{
    content:"";
    position:absolute;
    left:18px;
    top:50%;
    width:14px;
    height:14px;
    border-radius:5px;
    transform:translateY(-50%);
    background:linear-gradient(135deg,#fff,#80e5ff);
    box-shadow:0 0 18px rgba(128,229,255,.45);
}
.cta-card{
    background:linear-gradient(180deg,#ffffff,#f6fbff) !important;
}
@media (max-width:860px){
    .tools-grid{grid-template-columns:1fr !important;}
    .tool-chip{padding-left:46px !important;}
}

/* ===== v42: doladění úvodky po prohození sekcí ===== */
.references-strip{
    padding-top:64px !important;
    padding-bottom:66px !important;
    overflow:hidden;
}
.references-strip::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-60px;
    width:520px;
    height:180px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);
    pointer-events:none;
}
.references-strip .section-head.compact{
    align-items:center;
    margin-bottom:26px;
}
.references-strip .section-title{
    max-width:720px;
}
.references-strip .logos-row{
    gap:16px;
}
.references-strip .logo-tile{
    min-height:82px;
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.references-strip .logo-tile:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.28) !important;
}
.portal-section{
    padding-top:78px !important;
    padding-bottom:84px !important;
}
.portal-section::before{
    background:
        radial-gradient(circle at 16% 18%,rgba(9,105,255,.08),transparent 24%),
        radial-gradient(circle at 86% 72%,rgba(67,215,255,.11),transparent 25%),
        linear-gradient(180deg,#eef7ff 0%,#ffffff 82%) !important;
}
.portal-grid{
    gap:78px !important;
}
.portal-preview{
    transform:translateY(-6px);
    border-radius:30px !important;
    box-shadow:0 28px 70px rgba(7,48,112,.15) !important;
}
.portal-content .section-title{
    max-width:620px;
}
.portal-content .btn{
    margin-top:4px;
}
.creative-section{
    padding-top:62px !important;
}
.tools-section{
    margin-top:8px;
}
.faq-section{
    padding-top:68px !important;
}
@media (max-width:1160px){
    .portal-grid{gap:38px !important;}
    .portal-preview{transform:none;}
    .references-strip .section-head.compact{display:block;}
    .references-strip .btn{margin-top:18px;}
}
@media (max-width:860px){
    .references-strip{padding-top:48px !important;padding-bottom:50px !important;}
    .portal-section{padding-top:54px !important;padding-bottom:58px !important;}
}


/* ===== v46: menší výška úvodního slideru dle připomínky ===== */
.hero-wrap{
    padding:6px 0 24px !important;
}
.hero-slider[data-hero-slider]{
    min-height:455px !important;
}
.hero-slider[data-hero-slider] .hero-slide{
    min-height:455px !important;
    grid-template-columns:minmax(0,1fr) minmax(300px,22vw) !important;
}
.hero-slider[data-hero-slider] .hero-slide > .hero-main{
    min-height:455px !important;
    padding:34px clamp(30px,4.6vw,72px) 38px !important;
}
.hero-slider[data-hero-slider] .slide-preview{
    min-height:455px !important;
    padding:28px 24px 26px !important;
}
.hero-slider[data-hero-slider] .device-scene{
    min-height:300px !important;
}
.hero-slider[data-hero-slider] .portal-device{
    width:min(480px,100%) !important;
}
.hero-slider[data-hero-slider] .hero h1,
.hero-slider[data-hero-slider] .hero-slide h1{
    font-size:clamp(38px,3.7vw,58px) !important;
}
.hero-slider[data-hero-slider] .slide-preview h2{
    font-size:28px !important;
}
.hero-slider[data-hero-slider] .slider-dots{
    bottom:10px !important;
}
.hero-slider[data-hero-slider] .slider-arrow.left{left:14px !important;}
.hero-slider[data-hero-slider] .slider-arrow.right{right:14px !important;}

@media (max-width:1160px){
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{
        padding:32px 28px 24px !important;
    }
    .hero-slider[data-hero-slider] .slide-preview{
        min-height:240px !important;
        padding:26px 22px 22px !important;
    }
}
@media (max-width:860px){
    .hero-wrap{padding:6px 0 22px !important;}
    .hero-slider[data-hero-slider] .hero-slide > .hero-main{
        padding:28px 18px 22px !important;
    }
    .hero-slider[data-hero-slider] .slide-preview{
        min-height:220px !important;
    }
}
@media (max-width:520px){
    .hero-slider[data-hero-slider] .hero-slide h1,
    .hero-slider[data-hero-slider] .hero h1{
        font-size:31px !important;
    }
}