/* PalmApp – firemní web (sdílené styly) */
:root{
  --ink:#0A0F1F; --night:#050D24; --navy:#04349F; --blue:#1252EA; --sky:#E1E9FF; --sky-2:#C9D6FA; --sky-3:#F2F5FF;
  --gold:#EBAD41; --gold-ink:#7A5410; --gold-bg:#FBEFD6; --sand:#F6F5F1; --sand-line:#E7E4DC;
  --muted:#4B5265; --muted-2:#6B7286; --line:#E4E7EE; --green:#15803D; --green-bg:#E3F5EA;
  --r-xl:32px; --r-l:24px; --r-m:16px;
  --pad:120px; --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;overflow-x:clip}
img{max-width:100%;display:block}
a{color:var(--blue)}a:hover{color:var(--navy)}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
[id]{scroll-margin-top:100px}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.wrap--narrow{max-width:900px}
.section{padding:var(--pad) 0}
.section--sand{background:var(--sand)}
.inset{padding:0 12px}

/* type */
.disp,.h1,.h2,.h3,.h4{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:500;margin:0;color:inherit}
.h1{font-size:clamp(40px,5.4vw,72px);letter-spacing:-.045em;line-height:1.03}
.h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.05}
.h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1.1}
.h4{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.lead{margin:0;font-size:19px;line-height:1.6;color:var(--muted)}
.p{margin:0;font-size:16px;line-height:1.65;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #DADFEA;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--muted);background:#fff}
.dot{width:6px;height:6px;border-radius:999px;background:var(--gold);flex:none}
.center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}

/* placeholders */
.ph{background:var(--gold-bg);color:var(--gold-ink);border-radius:4px;padding:1px 6px;font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ph-num{display:inline-block;background:var(--gold-bg);color:var(--gold-ink);border-radius:8px;padding:0 10px;border:1px dashed #D9B66E}
.media{background:linear-gradient(160deg,#E8EEFC,var(--sky-2));display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:16px;border-radius:var(--r-l);width:100%}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:500;font-size:15px;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;background:none;line-height:1}
.btn--primary{background:var(--navy);color:#fff}.btn--primary:hover{background:#032a80;color:#fff}
.btn--blue{background:var(--blue);color:#fff}.btn--blue:hover{background:var(--navy);color:#fff}
.btn--line{border-color:#CDD3DF;color:var(--ink);background:#fff}.btn--line:hover{border-color:var(--ink);color:var(--ink)}
.btn--white{background:#fff;color:var(--ink)}.btn--white:hover{color:var(--ink);background:var(--sky)}
.btn--ghost-w{border-color:rgba(255,255,255,.35);color:#fff}.btn--ghost-w:hover{border-color:#fff;color:#fff}
.btn--lg{min-height:56px;padding:0 28px;font-size:16px}
.btn .i{width:18px;height:18px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none}
.link-arrow::after{content:"→"}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic{width:44px;height:44px;border-radius:12px;background:var(--sky);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.ic--gold{background:var(--gold-bg);color:#9A6A12}
.ic--white{background:#fff}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}
.nav.stuck{border-bottom-color:var(--line);box-shadow:0 8px 24px -18px rgba(10,15,31,.25)}
.nav-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-left{display:flex;align-items:center;gap:24px}
.logo{height:30px;width:auto}
.seg{display:flex;padding-left:24px;border-left:1px solid var(--line);gap:2px}
.seg a{padding:8px 16px;border-radius:999px;color:var(--muted);font-weight:500;font-size:14px;text-decoration:none}
.seg a[aria-current]{background:var(--navy);color:#fff}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu a.m,.menu button.m{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:0;background:none;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;min-height:44px}
.menu a.m[aria-current="page"]{color:var(--blue)}
.menu button.m::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease}
.menu button.m[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
.nav-right{display:flex;align-items:center;gap:12px}
.mega{position:absolute;top:calc(100% + 12px);left:-120px;width:720px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 30px 60px -30px rgba(10,15,31,.3);padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .3s var(--ease),visibility 0s linear .3s}
.mega.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .3s var(--ease)}
.mega a{display:flex;gap:14px;padding:14px;border-radius:14px;text-decoration:none;color:var(--ink)}
.mega a:hover{background:var(--sand);color:var(--ink)}
.mega b{display:block;font-weight:600;font-size:15px}
.mega small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:3px}
.mega .ic{width:40px;height:40px}
.mega-foot{grid-column:1/-1;margin-top:6px;padding:14px;border-radius:14px;background:var(--sky-3);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--muted)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.burger span{position:relative;width:18px;height:1.6px;background:var(--ink)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.6px;background:var(--ink)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.drawer{display:none}

/* ---------- HERO ---------- */
.hero{padding:64px 0 0;position:relative;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);opacity:.6;pointer-events:none}
.hero .wrap{position:relative}
.hero-copy{max-width:860px;margin:0 auto;text-align:center}
.hero-copy .lead{max-width:680px;margin:24px auto 0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}
.hero-note{margin-top:16px;font-size:14px;color:var(--muted-2)}
.stage{position:relative;margin:64px auto 0;max-width:1080px;height:520px}
.stage-admin{position:absolute;left:0;right:120px;top:0;bottom:0;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:0;background:#fff;box-shadow:0 40px 80px -40px rgba(4,52,159,.35);overflow:hidden}
.stage-bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line);background:#FAFBFD}
.stage-bar i{width:9px;height:9px;border-radius:999px;background:#E2E5EC}
.stage-bar span{margin-left:12px;font-size:12px;color:var(--muted-2)}
.stage-admin .media{border-radius:0;height:calc(100% - 40px);background:linear-gradient(160deg,#F4F6FC,#E3EAFB)}
.stage-phone{position:absolute;right:0;bottom:0;width:260px;height:470px;border-radius:40px 40px 0 0;background:var(--ink);padding:9px 9px 0;box-shadow:0 40px 80px -30px rgba(10,15,31,.5)}
.stage-phone .media{height:100%;border-radius:32px 32px 0 0}
.chip-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 24px 50px -24px rgba(10,15,31,.35);display:flex;gap:12px;align-items:center;font-size:14px;animation:bob 7s ease-in-out infinite}
.chip-float b{display:block;font-weight:600}
.chip-float small{display:block;color:var(--muted);font-size:12px}
.chip-float .ic{width:36px;height:36px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* logos */
.logos{padding:56px 0 24px}
.logos p{margin:0 0 24px;text-align:center;font-size:14px;color:var(--muted-2)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;gap:64px;width:max-content;animation:marq 40s linear infinite;align-items:center}
.marquee img{height:34px;width:auto;filter:grayscale(1);opacity:.65}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- generic blocks ---------- */
.head{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:flex-end;justify-content:space-between}
.head>div{max-width:720px}
.head .lead{max-width:420px;font-size:17px}
.head .h2{margin-top:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.card--sand{background:var(--sand);border-color:transparent}
.card .h4{margin-top:20px}
.card .p{margin-top:8px;font-size:15px}
.card-link{text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.card-link:hover{color:var(--ink);border-color:var(--sky-2)}
.card-link .link-arrow{margin-top:auto;padding-top:20px;color:var(--blue);font-size:14px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.bul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.5}
.bul li{display:flex;gap:12px}
.bul .i{color:var(--blue);margin-top:1px}

/* how it works flow */
.flow3{margin-top:64px;display:grid;grid-template-columns:1fr 64px 1.1fr 64px 1fr;align-items:stretch}
.flow3 .node{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.flow3 .node--core{background:var(--navy);color:#fff;border-color:var(--navy)}
.flow3 .node--core .p{color:var(--sky-2)}
.flow3 .node--core .ic{background:rgba(255,255,255,.12);color:#fff}
.flow3 .k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.flow3 .node--core .k{color:var(--sky-2)}
.flow3 .h4{margin-top:14px}
.flow3 ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.flow3 .node--core ul{color:#fff}
.flow3 li{display:flex;gap:8px;align-items:center}
.flow3 li::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--blue);flex:none}
.flow3 .node--core li::before{background:var(--gold)}
.arrow{position:relative;display:flex;align-items:center;justify-content:center}
.arrow::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1.2s linear infinite}
.arrow::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:2px solid var(--blue);border-top:2px solid var(--blue);transform:translateY(-50%) rotate(45deg)}
@keyframes dash{to{background-position:24px 0}}

/* problems */
.prob{display:flex;flex-direction:column;gap:14px}
.prob .q{font-family:"Inter Tight",Inter,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.prob .a{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--ink)}
.prob .a .i{color:var(--blue);margin-top:1px}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.stat{padding:32px 24px 0 0}
.stat+.stat{padding-left:24px;border-left:1px solid var(--line)}
.stat .n{font-family:"Inter Tight",Inter,sans-serif;font-size:48px;font-weight:500;letter-spacing:-.04em;line-height:1}
.stat .d{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.5}

/* dark band */
.band{position:relative;background:var(--navy);color:#fff;border-radius:var(--r-xl);overflow:hidden;padding:96px 0}
.band::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 90% 10%,rgba(18,82,234,.7),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(5,13,36,.6),transparent 70%);pointer-events:none}
.band>*{position:relative}
.band .lead,.band .p{color:var(--sky-2)}
.band .eyebrow{color:var(--gold)}
.band .stats{border-top-color:rgba(255,255,255,.18)}
.band .stat+.stat{border-left-color:rgba(255,255,255,.18)}
.band .stat .d{color:var(--sky-2)}
.band .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.band .card .p{color:var(--sky-2)}

/* ---------- DEMO ---------- */
.demo{margin-top:56px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.demo-in{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.demo-in label.l{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pchip{border:1px solid #D5D9E2;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;min-height:40px;color:var(--ink)}
.pchip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.demo-src{width:100%;min-height:150px;resize:vertical;font:inherit;font-size:15px;line-height:1.55;padding:14px 16px;border:1px solid #D5D9E2;border-radius:14px;color:var(--ink);background:var(--sand)}
.groups{display:flex;flex-wrap:wrap;gap:8px}
.gchip{display:inline-flex;align-items:center;gap:8px;border:1px solid #D5D9E2;background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;cursor:pointer;min-height:44px;color:var(--ink)}
.gchip::before{content:"";width:16px;height:16px;border-radius:5px;border:1.5px solid #B9C0CF;background:#fff;flex:none}
.gchip[aria-pressed="true"]{border-color:var(--blue);background:var(--sky-3)}
.gchip[aria-pressed="true"]::before{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--blue)}
.demo-go{margin-top:20px;width:100%}
.demo-note{margin:14px 0 0;font-size:13px;color:var(--muted-2);line-height:1.5}
.demo-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.outcard{background:var(--sand);border-radius:var(--r-l);padding:18px;min-height:190px;display:flex;flex-direction:column;opacity:.45;transition:opacity .4s ease}
.outcard.live{opacity:1}
.outcard .who{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.outcard .who .ic{width:32px;height:32px;border-radius:10px;background:#fff}
.outcard .who .ic .i{width:16px;height:16px}
.bubble{margin-top:14px;background:#fff;border-radius:16px 16px 16px 4px;padding:14px;font-size:14px;line-height:1.55;flex:1;box-shadow:0 10px 24px -18px rgba(10,15,31,.3)}
.bubble .caret{display:inline-block;width:1.5px;height:15px;background:var(--blue);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.outcard .meta{margin-top:10px;font-size:12px;color:var(--muted-2)}

/* ---------- CALC ---------- */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.calc-in{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px}
.field{padding:18px 0;border-bottom:1px solid var(--line)}
.field:first-child{padding-top:0}
.field-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.field label{font-size:15px;font-weight:500}
.field output{font-family:"Inter Tight",Inter,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.02em}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin-top:10px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue) var(--fill,50%),#E6E9F0 var(--fill,50%))}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#E6E9F0}
input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--blue)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:999px;background:#fff;border:2px solid var(--blue);margin-top:-9px;box-shadow:0 2px 6px rgba(10,15,31,.2)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#fff;border:2px solid var(--blue)}
.seg-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.seg-pick button{border:1px solid #D5D9E2;background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;cursor:pointer;min-height:44px;text-align:left;color:var(--ink)}
.seg-pick button small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.seg-pick button[aria-pressed="true"]{border-color:var(--blue);background:var(--sky-3);box-shadow:inset 0 0 0 1px var(--blue)}
.assume{margin-top:20px}
.assume summary{cursor:pointer;list-style:none;font-size:14px;font-weight:500;color:var(--blue);display:flex;align-items:center;gap:8px;min-height:40px}
.assume summary::-webkit-details-marker{display:none}
.assume summary::after{content:"+";font-size:18px}
.assume[open] summary::after{content:"−"}
.assume-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.assume-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted);line-height:1.35}
.assume-grid input{font:inherit;font-size:15px;color:var(--ink);padding:10px 12px;border:1px solid #D5D9E2;border-radius:10px;width:100%;min-height:44px}
.calc-out{position:sticky;top:100px;background:var(--navy);color:#fff;border-radius:var(--r-l);padding:32px;overflow:hidden}
.calc-out::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 100% 0%,rgba(18,82,234,.65),transparent 70%);pointer-events:none}
.calc-out>*{position:relative}
.calc-out .k{font-size:13px;color:var(--sky-2)}
.big{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(44px,5vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1;margin-top:8px}
.big small{font-size:.38em;letter-spacing:-.01em;color:var(--sky-2);margin-left:6px}
.rows{margin-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.row span{color:var(--sky-2)}
.row b{font-weight:600;white-space:nowrap;text-align:right}
.row--gold b{color:var(--gold)}
.calc-foot{margin-top:20px;font-size:12px;line-height:1.5;color:var(--sky-2)}
.calc-out .btn{margin-top:24px;width:100%}

/* ---------- CONFIGURATOR ---------- */
.cfg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.cfg-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:28px}
.cfg-step+.cfg-step{margin-top:12px}
.cfg-step .n{display:inline-flex;width:28px;height:28px;border-radius:999px;background:var(--sky);color:var(--navy);font-weight:600;font-size:13px;align-items:center;justify-content:center;margin-right:10px}
.cfg-step h3{display:flex;align-items:center;margin:0;font-size:17px;font-weight:600}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.opt{border:1px solid #D5D9E2;background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;cursor:pointer;min-height:44px;color:var(--ink);text-align:left}
.opt[aria-pressed="true"]{border-color:var(--blue);background:var(--sky-3);box-shadow:inset 0 0 0 1px var(--blue)}
.cfg-res{position:sticky;top:100px;background:#fff;border:1px solid var(--sky-2);border-radius:var(--r-l);padding:28px;box-shadow:0 30px 60px -40px rgba(4,52,159,.45)}
.cfg-res .k{font-size:13px;color:var(--muted)}
.pkg{font-family:"Inter Tight",Inter,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.03em;margin-top:6px}
.mods{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.mods li{display:flex;gap:12px;padding:12px;border-radius:14px;background:var(--sand);font-size:14px;line-height:1.45;animation:pop .5s var(--ease)}
.mods li b{display:block;font-size:15px}
.mods li span{color:var(--muted)}
.mods .ic{width:36px;height:36px;background:#fff}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.price-sum{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px}
.price-sum div{display:flex;justify-content:space-between;gap:12px}
.price-sum span{color:var(--muted)}
.price-sum .tot{font-size:16px;font-weight:600;padding-top:8px;border-top:1px dashed var(--line)}
.cfg-res .btn{margin-top:20px;width:100%}

/* ---------- PRICING ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column}
.plan--hl{border-color:var(--navy);box-shadow:0 30px 60px -40px rgba(4,52,159,.5);position:relative}
.plan--hl .badge{position:absolute;top:-13px;left:32px;background:var(--navy);color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px}
.plan .nm{font-family:"Inter Tight",Inter,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.02em}
.plan .ds{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.5;min-height:46px}
.plan .pr{margin-top:24px;font-family:"Inter Tight",Inter,sans-serif;font-size:44px;font-weight:500;letter-spacing:-.04em;line-height:1}
.plan .pr small{font-size:15px;color:var(--muted);letter-spacing:0;font-family:Inter,sans-serif;margin-left:4px}
.plan .eur{margin-top:6px;font-size:13px;color:var(--muted-2)}
.plan .bul{font-size:15px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.plan .btn{margin-top:auto}
.plan .bul{margin-bottom:28px}
.addons{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.addon{background:var(--sand);border-radius:var(--r-l);padding:28px}
.addon .pr{font-family:"Inter Tight",Inter,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.03em;margin-top:16px}
.addon .pr small{font-size:14px;color:var(--muted);font-family:Inter,sans-serif;letter-spacing:0}
.addon--gold{background:var(--gold-bg)}
.table{width:100%;border-collapse:collapse;margin-top:32px;font-size:15px}
.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
.table th{font-size:13px;color:var(--muted);font-weight:600}
.table td:last-child,.table th:last-child{text-align:right;white-space:nowrap}

/* ---------- FORM / CONTACT ---------- */
.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form .full{grid-column:1/-1}
.form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.form input,.form select,.form textarea{font:inherit;font-size:15px;font-weight:400;color:var(--ink);padding:12px 14px;border:1px solid #D5D9E2;border-radius:12px;background:#fff;min-height:48px;width:100%}
.form textarea{min-height:110px;resize:vertical}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #D5D9E2;border-radius:12px;padding:10px 14px;font-weight:500;font-size:14px;cursor:pointer;min-height:44px}
.checks input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--blue)}
.form small{color:var(--muted);font-weight:400}
.person{background:var(--sand);border-radius:var(--r-l);padding:28px}
.person img{width:72px;height:72px;border-radius:999px;object-fit:cover;background:var(--sky)}
.person .nm{margin-top:16px;font-family:"Inter Tight",Inter,sans-serif;font-size:22px;font-weight:500}
.person a{display:flex;gap:10px;align-items:center;margin-top:10px;color:var(--ink);text-decoration:none;font-size:15px}
.promise{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-size:14px}
.promise li{display:flex;gap:10px;align-items:center}
.promise .i{color:var(--green)}

/* ---------- CTA + FOOTER ---------- */
.cta{position:relative;background:var(--night);color:#fff;border-radius:var(--r-xl);overflow:hidden;padding:96px 32px;text-align:center}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 50% 110%,rgba(18,82,234,.7),transparent 70%);pointer-events:none}
.cta>*{position:relative}
.cta .lead{color:var(--sky-2);max-width:560px;margin:20px auto 0}
.cta .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}
footer{padding:72px 0 40px;border-top:1px solid var(--line);margin-top:96px;font-size:14px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px}
.foot-grid h4{margin:0 0 14px;font-size:13px;color:var(--ink);font-weight:600}
.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.foot-grid a{color:var(--muted);text-decoration:none}
.foot-grid a:hover{color:var(--ink)}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px}

/* page header (subpages) */
.phead{padding:72px 0 56px;position:relative;overflow:hidden}
.phead .hero-grid-bg{opacity:.5}
.phead .wrap{position:relative}
.crumbs{font-size:13px;color:var(--muted-2);margin-bottom:20px}
.crumbs a{color:var(--muted-2);text-decoration:none}
.phead .lead{max-width:680px;margin-top:20px}

/* module detail (reseni) */
.mod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}
.mod:nth-of-type(even) .mod-media{order:2}
.mod .media{height:460px}
.gains{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gain{border-radius:var(--r-m);padding:18px;background:var(--sand)}
.gain .k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.gain p{margin:8px 0 0;font-size:14px;line-height:1.55}
.gain--firm .k{color:var(--navy)}
.gain--emp{background:var(--sky-3)}
.subnav{position:sticky;top:76px;z-index:30;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.subnav a{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.subnav a.on{background:var(--ink);color:#fff}

/* timeline */
.tl{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.tl::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:2px;background:var(--sky-2);transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--ease) .2s}
.tl.in::before{transform:none}
.tl .st{position:relative;padding-top:72px}
.tl .st::before{content:attr(data-n);position:absolute;top:0;left:0;width:48px;height:48px;border-radius:999px;background:#fff;border:2px solid var(--blue);color:var(--blue);font:500 17px "Inter Tight",Inter,sans-serif;display:flex;align-items:center;justify-content:center}
.tl .st b{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.02em}
.tl .st span{display:block;margin-top:6px;color:var(--muted);font-size:15px;line-height:1.55}
.tl .when{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--navy);background:var(--sky);border-radius:999px;padding:4px 10px}

.tl--v{grid-template-columns:minmax(0,1fr);gap:28px}
.tl--v::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;transform:scaleY(0);transform-origin:top}
.tl--v.in::before{transform:none}
.tl--v .st{padding:0 0 0 72px;min-height:48px}

/* security strip */
.sec{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:48px}
.sec div{border:1px solid var(--line);border-radius:var(--r-m);padding:20px;background:#fff}
.sec b{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:20px;font-weight:500}
.sec span{display:block;margin-top:6px;font-size:13px;color:var(--muted);line-height:1.45}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font:500 18px "Inter Tight",Inter,sans-serif;cursor:pointer;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";width:34px;height:34px;border-radius:999px;border:1px solid #CDD3DF;display:flex;align-items:center;justify-content:center;flex:none;font:400 18px Inter,sans-serif}
.faq details[open] summary::after{content:"−"}
.faq p{margin:0;padding:0 48px 22px 0;color:var(--muted);line-height:1.65}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity .9s var(--ease) var(--d,0ms),transform 1.1s var(--ease) var(--d,0ms),filter .9s var(--ease) var(--d,0ms)}
.js [data-reveal].in{opacity:1;transform:none;filter:none}

/* ================= RESPONSIVE ================= */
@media (max-width:1180px){
  .menu{display:none}
  .burger{display:inline-flex}
  .nav-right .btn{display:none}
  .drawer{display:block;position:fixed;inset:76px 0 0;z-index:49;background:#fff;padding:20px 24px 40px;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .35s var(--ease),visibility 0s linear .35s}
  .drawer.open{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .35s var(--ease)}
  .drawer h5{margin:20px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
  .drawer a{display:flex;gap:12px;align-items:center;padding:12px 0;font-size:17px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);min-height:48px}
  .drawer .btn{margin-top:24px;width:100%;border-bottom:0;font-size:16px;color:#fff;justify-content:center}
  .drawer .seg-m{display:flex;gap:6px;padding:4px;background:var(--sand);border-radius:999px;margin-bottom:8px}
  .drawer .seg-m a{flex:1;justify-content:center;border:0;border-radius:999px;font-size:15px;padding:10px;min-height:44px}
  .drawer .seg-m a[aria-current]{background:var(--navy);color:#fff}
  .grid-4,.sec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans,.addons{grid-template-columns:minmax(0,1fr)}
  .plan .ds{min-height:0}
}
@media (max-width:960px){
  :root{--pad:88px}
  .split,.mod,.calc,.cfg,.contact,.demo{grid-template-columns:minmax(0,1fr);gap:40px}
  .mod{gap:32px}
  .mod:nth-of-type(even) .mod-media{order:0}
  .mod .media{height:360px}
  .grid-3{grid-template-columns:minmax(0,1fr)}
  .flow3{grid-template-columns:minmax(0,1fr);gap:0}
  .arrow{height:48px}
  .arrow::before{left:50%;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--blue) 0 6px,transparent 6px 12px);background-size:2px 24px;animation:dashv 1.2s linear infinite}
  .arrow::after{right:auto;left:50%;top:auto;bottom:8px;transform:translateX(-50%) rotate(135deg)}
  @keyframes dashv{to{background-position:0 24px}}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat:nth-child(3){padding-left:0;border-left:0}
  .stat{padding-bottom:24px}
  .tl{grid-template-columns:minmax(0,1fr);gap:28px}
  .tl::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;transform:scaleY(0);transform-origin:top}
  .tl.in::before{transform:none}
  .tl .st{padding:0 0 0 72px;min-height:48px}
  .calc-out,.cfg-res{position:static}
  .stage{height:420px}
  .stage-admin{right:80px}
  .stage-phone{width:200px;height:380px}
  .chip-float{display:none}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root{--pad:72px;--r-xl:24px}
  .wrap{padding:0 20px}
  .inset{padding:0 8px}
  .seg{display:none}
  .logo{height:26px}
  .hero{padding-top:40px}
  .hero-ctas .btn{width:100%}
  .stage{height:320px;margin-top:40px}
  .stage-admin{right:40px}
  .stage-phone{width:150px;height:290px;border-radius:28px 28px 0 0;padding:6px 6px 0}
  .stage-phone .media{border-radius:22px 22px 0 0;font-size:10px}
  .grid-2,.grid-4,.sec,.demo-out,.gains,.assume-grid,.form{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat+.stat{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .band .stat+.stat{border-top-color:rgba(255,255,255,.18)}
  .stat .n{font-size:40px}
  .card,.calc-in,.calc-out,.cfg-step,.cfg-res,.plan,.form,.demo-in{padding:22px}
  .band{padding:72px 0}
  .cta{padding:72px 20px}
  .cta .btns .btn{width:100%}
  .faq p{padding-right:0}
  .table{font-size:14px}
  .table th,.table td{padding:12px 8px}
  .table td:last-child,.table th:last-child{white-space:normal}
  .table .ph{white-space:normal}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js [data-reveal]{opacity:1;transform:none;filter:none}
  .tl::before{transform:none}
}

/* =====================================================================
   SJEDNOCENÍ SE ZAMĚSTNANECKOU ČÁSTÍ (stejný systém, jiné hero)
   ===================================================================== */
:root{--night:#050D24;--sky-2:#C9D6FA;--muted-dark:#8C9BC4}
.h2{font-size:clamp(32px,4vw,52px)}
.tag{background:#fff}
.dark .tag,.band .tag,.calc-out .tag{border-color:rgba(255,255,255,.18);color:var(--sky-2);background:rgba(255,255,255,.06)}
.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{background:var(--navy);color:#fff}
.section--sand{background:var(--sand);margin:0 12px;border-radius:var(--r-xl)}
.section--sand+.section,.section+.section--sand{margin-top:0}
.card--sand{background:var(--sand)}
.section--sand .card:not(.card--sand){border-color:transparent}

/* dark panel base */
.dark{position:relative;background:var(--night);border-radius:var(--r-xl);overflow:hidden;color:#fff}
.dark>.glow{position:absolute;inset:0;pointer-events:none}
.dark>*:not(.glow){position:relative}
.dark .lead{color:var(--sky-2)}

/* ---------- NAV (plovoucí, jako u zaměstnanců) ---------- */
.nav{position:fixed;top:12px;left:12px;right:12px;z-index:50;display:flex;justify-content:center;pointer-events:none;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.nav.stuck{border:0;box-shadow:none}
.nav-inner{pointer-events:auto;width:100%;max-width:100%;height:88px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:32px;border:1px solid transparent;background:rgba(5,13,36,0);
  transition:max-width .7s var(--ease),height .6s var(--ease),padding .6s var(--ease),border-radius .6s var(--ease),background-color .5s ease,border-color .5s ease,box-shadow .5s ease}
.nav.stuck .nav-inner{max-width:1180px;height:64px;padding:0 10px 0 26px;border-radius:999px;background:rgba(5,13,36,.8);border-color:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 12px 32px -14px rgba(5,13,36,.45)}
.nav .logo{height:30px;filter:brightness(0) invert(1);transition:height .6s var(--ease)}
.nav.stuck .logo{height:24px}
.nav-left{gap:28px}
.nav .seg{padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}
.nav .seg a{color:var(--sky-2)}
.nav .seg a[aria-current]{background:#fff;color:var(--ink)}
.nav .menu a.m,.nav .menu button.m{color:var(--sky-2)}
.nav .menu a.m:hover,.nav .menu button.m:hover,.nav .menu button.m[aria-expanded="true"]{color:#fff}
.nav .menu a.m[aria-current="page"]{color:#fff}
.nav-cta{display:inline-flex;max-width:0;opacity:0;margin-left:-12px;overflow:hidden;transform:translateX(12px);pointer-events:none;transition:max-width .7s var(--ease),margin .7s var(--ease),opacity .4s ease,transform .7s var(--ease)}
.nav.stuck .nav-cta{max-width:240px;opacity:1;margin-left:0;transform:none;pointer-events:auto}
.nav .btn--white{min-height:42px;font-size:14px}
.nav .burger{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.nav .burger span,.nav .burger span::before,.nav .burger span::after{background:#fff}
.mega{top:calc(100% + 18px)}

/* ---------- FIREMNÍ HERO (jiná kompozice) ---------- */
.fhero-sec{padding:12px 12px 0}
.fhero{height:calc(100vh - 24px);height:calc(100svh - 24px);min-height:620px;padding:clamp(112px,16vh,168px) 64px 0;display:flex;flex-direction:column;align-items:center;text-align:center;
  transform:scale(calc(1 - var(--p,0) * .2));transform-origin:50% 0;border-radius:calc(32px + var(--p,0) * 96px);will-change:transform}
.fhero .glow{background:radial-gradient(65% 55% at 50% 105%,rgba(18,82,234,.75) 0%,rgba(18,82,234,0) 70%),radial-gradient(35% 40% at 0% 0%,rgba(4,52,159,.55) 0%,rgba(4,52,159,0) 70%),radial-gradient(30% 35% at 100% 10%,rgba(4,52,159,.45) 0%,rgba(4,52,159,0) 70%);animation:breathe 14s ease-in-out infinite alternate;transform-origin:50% 100%}
.fhero .gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,transparent 75%)}
@keyframes breathe{from{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
.fhero-copy{max-width:940px;transform:translateY(calc(var(--p,0) * -80px));opacity:calc(1 - var(--p,0) * 1.4)}
.fhero h1{margin:0;font-family:"Inter Tight",Inter,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.02;font-size:clamp(40px,min(6vw,8.6vh),80px)}
.fhero .sub{margin:clamp(16px,2.6vh,26px) auto 0;max-width:680px;font-size:clamp(16px,2.1vh,19px);line-height:1.6;color:var(--sky-2)}
.fhero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(20px,4vh,36px)}
.fhero-ctas .btn{min-height:56px;padding:0 28px;font-size:16px}
.btn--ghost-w{border-color:rgba(255,255,255,.35);color:#fff}
.fstage{position:relative;flex:1;min-height:0;width:100%;max-width:1060px;margin-top:clamp(28px,5vh,56px);transform:translateY(calc(var(--p,0) * -140px))}
.fstage-admin{position:absolute;left:0;right:150px;top:0;bottom:0;border-radius:22px 22px 0 0;border:1px solid rgba(255,255,255,.18);border-bottom:0;background:rgba(255,255,255,.06);overflow:hidden;text-align:left}
.fstage-bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.fstage-bar i{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.2)}
.fstage-bar span{margin-left:10px;font-size:12px;color:var(--muted-dark)}
.fstage-ph{height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;color:var(--muted-dark);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.fstage-phone{position:absolute;right:0;bottom:0;width:250px;height:min(480px,96%);border-radius:40px 40px 0 0;background:#0A0F1F;border:1px solid rgba(255,255,255,.22);border-bottom:0;padding:9px 9px 0;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.fstage-phone div{height:100%;border-radius:32px 32px 0 0;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:var(--muted-dark);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.fw{position:absolute}
.fw .chip-float{position:static;border:0;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.fw--1{left:-28px;top:18%;transform:translateY(calc(var(--p,0) * -90px))}
.fw--2{left:36%;top:52%;transform:translateY(calc(var(--p,0) * -200px))}
.fw--3{right:200px;top:6%;transform:translateY(calc(var(--p,0) * -150px))}
.scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:26px;height:42px;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;opacity:calc(1 - var(--p,0) * 6);z-index:2}
.scroll-hint::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:hint 2.2s var(--ease) infinite}
@keyframes hint{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}

/* ---------- PODSTRÁNKY: hlavička jako tmavý panel ---------- */
.phead-sec{padding:12px 12px 0}
.phead{padding:clamp(130px,18vh,170px) 0 clamp(56px,9vh,96px)}
.phead .glow{background:radial-gradient(55% 80% at 85% 100%,rgba(18,82,234,.6) 0%,rgba(18,82,234,0) 70%),radial-gradient(35% 50% at 0% 0%,rgba(4,52,159,.55) 0%,rgba(4,52,159,0) 70%)}
.phead .crumbs,.phead .crumbs a{color:var(--muted-dark)}
.phead .lead{color:var(--sky-2)}
.phead .h1{color:#fff}
.phead .hero-ctas .btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.subnav{top:88px;background:rgba(255,255,255,.92)}

/* ---------- STATEMENT (slovo po slovu) ---------- */
.statement{height:220vh;position:relative}
.statement-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.statement-text{font-family:"Inter Tight",Inter,sans-serif;font-weight:500;font-size:clamp(32px,4.6vw,60px);line-height:1.1;letter-spacing:-.04em;margin:0;max-width:1120px}
.statement-text .w{opacity:.12;transition:opacity .25s linear}
.statement-text .w.hl{color:var(--blue)}

/* ---------- tmavé plochy: opona při scrollu ---------- */
.band{background:var(--night)}
.band::before{background:radial-gradient(50% 70% at 90% 10%,rgba(18,82,234,.55),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(4,52,159,.45),transparent 70%)}
.band .eyebrow{color:var(--gold)}
[data-curtain]{transform:translateY(calc((1 - var(--p,0)) * 320px)) scale(calc(.64 + var(--p,0) * .36));transform-origin:50% 0;border-radius:calc(200px - var(--p,0) * 168px);will-change:transform}
.calc-out{background:var(--night)}
.calc-out::before{background:radial-gradient(60% 60% at 100% 0%,rgba(18,82,234,.55),transparent 70%)}
.plan--hl{border-color:var(--ink)}
.plan--hl .badge{background:var(--ink)}
.flow3 .node--core{background:var(--night);border-color:var(--night)}

@media (max-width:1180px){
  .nav-cta{display:none}
  .drawer{inset:84px 8px auto;max-height:calc(100vh - 96px);border-radius:var(--r-l);box-shadow:0 30px 60px -30px rgba(10,15,31,.4)}
}
@media (max-width:900px){
  .fhero{padding:120px 32px 0}
  .fw{display:none}
  .fstage-admin{right:90px}
  .fstage-phone{width:190px}
  .statement{height:180vh}
}
@media (max-width:640px){
  .section--sand{margin:0 8px}
  .fhero-sec,.phead-sec{padding:8px 8px 0}
  .nav{top:8px;left:8px;right:8px}
  .nav-inner{height:72px;padding:0 16px 0 20px}
  .nav.stuck .nav-inner{height:60px;padding:0 8px 0 18px}
  .nav .logo{height:24px}.nav.stuck .logo{height:22px}
  .fhero{padding:100px 20px 0;height:calc(100svh - 16px)}
  .fhero-ctas .btn{width:100%}
  .fstage-admin{display:none}
  .fstage-phone{left:50%;right:auto;margin-left:-110px;width:220px}
  .scroll-hint{display:none}
  .phead{padding:116px 0 56px}
  .statement{height:160vh}
}
@media (prefers-reduced-motion:reduce){
  .fhero,.fhero-copy,.fstage,.fw,[data-curtain]{transform:none !important;opacity:1 !important}
  .statement{height:auto}.statement-pin{position:static;height:auto;padding:var(--pad) 0}
  .statement-text .w{opacity:1 !important}
}
.js [data-reveal="rise"]{transform:translateY(90px);filter:none}
.phead .btn--primary{background:#fff;color:var(--ink)}.phead .btn--primary:hover{background:var(--sky);color:var(--ink)}
.chip-float{color:var(--ink)}
.fhero h1{font-size:clamp(38px,min(5.6vw,7.2vh),80px)}
.fstage{min-height:260px}
.phead-sec+section{padding-top:72px}
.phead-sec+.subnav{margin-top:12px}
@media (max-width:640px){.phead-sec+section{padding-top:48px}.fstage{min-height:200px}}
/* hover menu */
.menu .m--dd::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease;margin-left:2px}
.has-mega:hover .m--dd::after,.has-mega:focus-within .m--dd::after{transform:translateY(1px) rotate(-135deg)}
.has-mega:hover .mega,.has-mega:focus-within .mega,.mega.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .3s var(--ease)}
.mega::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.mega{left:-140px;width:680px}
.mega a[aria-current]{background:var(--sand)}
/* question chips */
.qchips{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px}
.qchip{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:12px 18px;font-size:16px;font-weight:500;box-shadow:0 10px 24px -18px rgba(10,15,31,.35)}
.qchip .i{color:var(--blue);width:18px;height:18px}
@media (max-width:640px){.qchip{font-size:14px;padding:10px 14px}}
.price-sum [hidden],[hidden]{display:none !important}

/* ================= ITERACE 3 ================= */
/* mega: přehled produktu jako velká dlaždice */
.mega{width:760px;left:-200px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-auto-rows:auto;gap:6px}
.mega-feat{grid-row:1 / span 4;background:var(--night);color:#fff !important;border-radius:18px;padding:28px !important;display:flex !important;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.mega-feat::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 100% 100%,rgba(18,82,234,.7),transparent 70%);pointer-events:none}
.mega-feat>*{position:relative}
.mega-feat:hover{background:var(--night) !important}
.mega-feat .t{font-family:"Inter Tight",Inter,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.mega-feat small{display:block;color:var(--sky-2) !important;font-size:14px;line-height:1.5;margin-top:10px}
.mega-feat .link-arrow{color:#fff;font-size:14px}

/* vedlejší stránky: hlavička na střed */
.phead .wrap{text-align:center}
.phead .h1,.phead .lead{margin-left:auto;margin-right:auto}
.phead .hero-ctas{justify-content:center !important}

/* ---------- HUB: vstupy → PalmApp → výstupy ---------- */
.hub-panel{padding:104px 0}
.hub-panel .glow{background:radial-gradient(40% 50% at 50% 55%,rgba(18,82,234,.45),transparent 70%)}
.hub-panel .gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(55% 60% at 50% 55%,#000 20%,transparent 75%);mask-image:radial-gradient(55% 60% at 50% 55%,#000 20%,transparent 75%)}
.hub-head{text-align:center;max-width:820px;margin:0 auto}
.hub-head .h2{color:#fff;margin-top:20px}
.hub-head .lead{margin:18px auto 0;max-width:620px}
.hub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:110px;align-items:center;margin-top:72px}
.hub-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hub-line{fill:none;stroke:rgba(157,181,245,.32);stroke-width:1.5}
.hub-pulse{fill:none;stroke:#9DB5F5;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:14 400;animation:hubflow 3.2s linear infinite}
@keyframes hubflow{from{stroke-dashoffset:414}to{stroke-dashoffset:0}}
.hub-col{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.hub-lab{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:6px}
.hub-col--in{align-items:flex-end}
.hub-col--in .hub-lab{text-align:right;width:100%;max-width:330px}
.hub-node{width:100%;max-width:330px;display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hub-node .ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff}
.hub-node b{display:block;font-weight:600;font-size:15px;color:#fff}
.hub-node small{display:block;font-size:13px;color:var(--sky-2);margin-top:2px}
.hub-col--out .hub-node .ic{background:rgba(18,82,234,.35)}
.hub-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.orb{position:relative;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 34% 28%,#8FB0FF 0%,#1252EA 42%,#04349F 72%,#031F63 100%);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 90px rgba(18,82,234,.75),inset 0 -18px 40px rgba(0,0,0,.35),inset 0 14px 30px rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.orb::before,.orb::after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(157,181,245,.25)}
.orb::before{inset:-26px;animation:ring 6s ease-in-out infinite}
.orb::after{inset:-56px;border-color:rgba(157,181,245,.12);animation:ring 6s ease-in-out -3s infinite}
@keyframes ring{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.5}}
.orb img{width:66%;filter:brightness(0) invert(1)}
.hub-core p{margin:0;font-size:14px;line-height:1.5;color:var(--sky-2);max-width:220px}

/* ---------- timeline řízený scrollem ---------- */
.tl[data-tlscroll]::before{transform:scaleX(var(--p,0)) !important;transition:none}
.tl[data-tlscroll] .st::before{transition:background-color .4s ease,color .4s ease,box-shadow .6s var(--ease),transform .6s var(--ease)}
.tl[data-tlscroll] .st.on::before{background:var(--blue);color:#fff;box-shadow:0 0 0 8px rgba(18,82,234,.12);transform:scale(1.06)}
.tl[data-tlscroll] .st{opacity:.4;transition:opacity .5s ease}
.tl[data-tlscroll] .st.on{opacity:1}

/* ---------- bezpečnost: panel ---------- */
.secpanel{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 40px 80px -50px rgba(4,52,159,.45);overflow:hidden}
.secpanel-head{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid var(--line);background:var(--sand)}
.secpanel-head .ic{background:var(--night);color:#fff}
.secpanel-head b{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:20px;font-weight:500}
.secpanel-head small{display:block;color:var(--muted);font-size:13px}
.secrow{display:flex;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid var(--line);opacity:0;transform:translateX(16px);transition:opacity .6s ease var(--d,0ms),transform .8s var(--ease) var(--d,0ms)}
.secrow:last-child{border-bottom:0}
.secpanel.in .secrow{opacity:1;transform:none}
.secrow .ic{width:40px;height:40px;background:var(--sky)}
.secrow div{flex:1;min-width:0}
.secrow b{display:block;font-weight:600;font-size:16px}
.secrow span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.secrow em{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--green);background:var(--green-bg);border-radius:999px;padding:6px 12px;white-space:nowrap}
.secrow em .i{width:14px;height:14px}

/* ---------- produkt: schopnosti administrace ---------- */
.adm-visual{margin-top:56px;position:relative}
.adm-visual .media{height:520px;border-radius:var(--r-xl)}
.caps{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cap{background:var(--sand);border-radius:var(--r-l);padding:28px;display:flex;flex-direction:column}
.cap .h4{margin-top:20px}
.cap .p{margin-top:8px;font-size:15px}
.cap .btn{margin-top:auto;align-self:flex-start}
.cap .btn-wrap{margin-top:auto;padding-top:20px}
.cap--wide{grid-column:span 2;background:var(--night);color:#fff;position:relative;overflow:hidden}
.cap--wide::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 100%,rgba(18,82,234,.6),transparent 70%);pointer-events:none}
.cap--wide>*{position:relative}
.cap--wide .p{color:var(--sky-2)}
.cap--wide .ic{background:rgba(255,255,255,.12);color:#fff}
.emp-row{margin-top:48px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.emp-row .card{padding:22px}
.emp-row .h4{font-size:18px;margin-top:14px}

@media (max-width:1180px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}.emp-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){
  .hub{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:48px}
  .hub-svg{display:none}
  .hub-col--in{align-items:stretch}.hub-col--in .hub-lab{text-align:left}
  .hub-node{max-width:none}
  .hub-core{padding:28px 0}
  .hub-core::before,.hub-core::after{content:"";position:absolute;left:50%;width:2px;height:28px;background:repeating-linear-gradient(180deg,#9DB5F5 0 5px,transparent 5px 10px)}
  .hub-core::before{top:-6px}.hub-core::after{bottom:-6px}
  .orb{width:150px;height:150px}
  .tl[data-tlscroll]::before{transform:scaleY(var(--p,0)) !important}
}
@media (max-width:640px){
  .caps,.emp-row{grid-template-columns:minmax(0,1fr)}
  .cap--wide{grid-column:auto}
  .adm-visual .media{height:300px}
  .hub-panel{padding:72px 0}
  .secrow{padding:16px 18px;flex-wrap:wrap}
  .secrow em{margin-left:56px}
}
@media (prefers-reduced-motion:reduce){.secrow{opacity:1;transform:none}.tl[data-tlscroll] .st{opacity:1}}
@media (max-width:640px){.secrow div{flex:1 1 calc(100% - 60px)}}

/* ================= JAK TO FUNGUJE: 3 patra ================= */
.how{padding:104px 0}
.how .glow{background:radial-gradient(45% 40% at 50% 50%,rgba(18,82,234,.4),transparent 70%),radial-gradient(35% 30% at 100% 0%,rgba(4,52,159,.5),transparent 70%)}
.how .gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000 20%,transparent 80%);mask-image:radial-gradient(60% 70% at 50% 50%,#000 20%,transparent 80%)}
.how .hub-head{margin-bottom:64px}
.tier{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-l);padding:28px}
.tier-lab{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-2);margin-bottom:20px}
.tier-lab span{width:28px;height:28px;border-radius:999px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:500 14px "Inter Tight",Inter,sans-serif;letter-spacing:0}
.tier-link{height:48px;width:2px;margin:0 auto;background:repeating-linear-gradient(180deg,#9DB5F5 0 6px,transparent 6px 12px);background-size:2px 24px;animation:dashv 1.2s linear infinite;opacity:.7}
@keyframes dashv{to{background-position:0 24px}}
.found{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.found-i{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px}
.found-i .ic,.get .ic{background:rgba(255,255,255,.1);color:#fff;width:40px;height:40px}
.found-i b{display:block;font-size:15px;font-weight:600;color:#fff}
.found-i small{display:block;font-size:13px;color:var(--sky-2);margin-top:2px}
.scn{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:stretch}
.scn-tabs{display:flex;flex-direction:column;gap:6px}
.scn-tab{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:52px;padding:8px 12px;border-radius:14px;border:1px solid transparent;background:none;color:var(--sky-2);font:500 15px Inter,sans-serif;cursor:pointer}
.scn-tab .ic{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--sky-2)}
.scn-tab .ic .i{width:17px;height:17px}
.scn-tab[aria-selected="true"]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.scn-tab[aria-selected="true"] .ic{background:var(--blue);color:#fff}
.scn-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold)}
.scn.auto .scn-tab[aria-selected="true"] .scn-bar{animation:scnbar 6s linear forwards}
@keyframes scnbar{to{width:100%}}
.scn-stage{position:relative;display:flex;align-items:center}
.scn-panel{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch}
.scn-panel:not([hidden]) .scn-card{animation:scnin .7s var(--ease) both}
.scn-panel:not([hidden]) .scn-card:nth-child(3){animation-delay:.18s}
.scn-panel:not([hidden]) .scn-card:nth-child(5){animation-delay:.36s}
@keyframes scnin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scn-card{background:#fff;color:var(--ink);border-radius:18px;padding:22px;min-height:180px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.scn-card p{margin:0;font-size:16px;line-height:1.5}
.scn-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.scn-card--core{background:var(--blue);color:#fff}
.scn-card--core .scn-k{color:var(--sky-2)}
.scn-card--out .scn-k{color:var(--green)}
.scn-card--out p{font-weight:600}
.scn-arrow{position:relative}
.scn-arrow::before{content:"";position:absolute;left:6px;right:10px;top:50%;height:2px;background:repeating-linear-gradient(90deg,#9DB5F5 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1.2s linear infinite}
.scn-arrow::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;border-right:2px solid #9DB5F5;border-top:2px solid #9DB5F5;transform:translateY(-50%) rotate(45deg)}
.gets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.get{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.get .ic{margin-bottom:10px;background:rgba(235,173,65,.16);color:var(--gold)}
.get b{font-family:"Inter Tight",Inter,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:#fff}
.get small{font-size:14px;color:var(--sky-2);line-height:1.45}
@media (max-width:1100px){.found,.gets{grid-template-columns:repeat(2,minmax(0,1fr))}.scn{grid-template-columns:minmax(0,1fr)}.scn-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.scn-tab{width:auto;flex:none;white-space:nowrap}}
@media (max-width:760px){
  .how{padding:72px 0}.tier{padding:18px}
  .scn-panel{grid-template-columns:minmax(0,1fr);gap:0}
  .scn-arrow{height:28px}
  .scn-arrow::before{left:50%;right:auto;top:4px;bottom:8px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#9DB5F5 0 6px,transparent 6px 12px);background-size:2px 24px;animation:dashv 1.2s linear infinite}
  .scn-arrow::after{left:50%;right:auto;top:auto;bottom:6px;transform:translateX(-50%) rotate(135deg)}
  .scn-card{min-height:0}
}
@media (max-width:560px){.found,.gets{grid-template-columns:minmax(0,1fr)}}

/* ================= JAK TO FUNGUJE: zjednodušené schéma ================= */
.hub-panel--s{padding:96px 0 104px}
.hub-panel--s .hub-head{margin-bottom:0}
.hub-panel--s .hub{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);gap:72px;margin-top:64px}
.hub-node--s{max-width:260px;padding:12px 18px 12px 12px;border-radius:999px;gap:12px}
.hub-node--s .ic{width:40px;height:40px;border-radius:999px}
.hub-node--s b{font-size:16px}
.hub-col--out .hub-node--gold .ic{background:rgba(235,173,65,.2);color:var(--gold)}
.hub-panel--s .hub-col{gap:14px}
.hub-panel--s .hub-col--in .hub-lab{max-width:260px}
.hub-core{width:320px;height:320px;justify-content:center}
.hub-panel--s .orb{width:150px;height:150px}
.orbit{position:absolute;inset:0;animation:spin 40s linear infinite}
.orb-i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(var(--a)) translateY(-138px) rotate(calc(var(--a) * -1))}
.orb-i .i{width:20px;height:20px;animation:spin 40s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:960px){
  .hub-panel--s .hub{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px}
  .hub-panel--s .hub-col{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}
  .hub-panel--s .hub-lab{width:100%;text-align:center !important;max-width:none !important}
  .hub-node--s{width:auto;max-width:none}
  .hub-core{width:260px;height:260px;margin:0 auto;padding:0}
  .hub-core::before,.hub-core::after{display:none}
  .orb-i{transform:rotate(var(--a)) translateY(-112px) rotate(calc(var(--a) * -1))}
  .hub-panel--s .orb{width:120px;height:120px}
}
@media (prefers-reduced-motion:reduce){.orbit,.orb-i .i{animation:none}}

/* ================= PRODUKT: KRUH ================= */
.ring{position:relative;max-width:1120px;height:820px;margin:24px auto 0}
.ring::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:999px;background:radial-gradient(circle,rgba(225,233,255,.9) 0%,rgba(225,233,255,.35) 45%,rgba(255,255,255,0) 70%);pointer-events:none}
.ring-svg{position:absolute;left:50%;top:50%;width:600px;height:600px;margin:-300px 0 0 -300px;overflow:visible}
.ring-track{fill:none;stroke:#E4E9F6;stroke-width:1.5}
.ring-draw{fill:none;stroke:var(--sky-2);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:300px 300px;transition:stroke-dashoffset 2s var(--ease) .2s}
.ring.in .ring-draw{stroke-dashoffset:0}
.ring-orbit{position:absolute;left:50%;top:50%;width:0;height:0;animation:spin 24s linear infinite;opacity:0;transition:opacity .6s ease 2s}
.ring.in .ring-orbit{opacity:1}
.ring-orbit i{position:absolute;left:-6px;top:-276px;width:12px;height:12px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 6px rgba(18,82,234,.15),0 0 18px rgba(18,82,234,.6)}
.ring-center{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:999px;background:#fff;box-shadow:0 40px 80px -30px rgba(4,52,159,.35),0 0 0 14px rgba(255,255,255,.6),0 0 0 15px #E4E9F6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;gap:10px;opacity:0;transform:scale(.9);transition:opacity .8s ease,transform 1s var(--ease)}
.ring.in .ring-center{opacity:1;transform:none}
.ring-center img{height:30px;width:auto}
.ring-center b{font-family:"Inter Tight",Inter,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-top:6px}
.ring-center small{font-size:14px;color:var(--muted);line-height:1.5}
.rnode{position:absolute;width:0;height:0;text-decoration:none;color:var(--ink);z-index:2}
.rnode:hover{color:var(--ink)}
.rcirc{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:999px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px -18px rgba(4,52,159,.45),0 0 0 1px #E4E9F6;opacity:0;transform:scale(.6);transition:opacity .5s ease var(--d),transform .8s var(--ease) var(--d)}
.rcirc .i{width:30px;height:30px;stroke-width:1.6}
.rnode--gold .rcirc{color:#B07A12}
.ring.in .rcirc{opacity:1;transform:none}
.rlab{position:absolute;width:240px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .6s ease calc(var(--d) + .2s)}
.ring.in .rlab{opacity:1}
.rlab b{font-family:"Inter Tight",Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--navy)}
.rnode--gold .rlab b{color:#8A5F0E}
.rlab small{font-size:14px;line-height:1.5;color:var(--muted)}
.rlab em{font-style:normal;font-size:13px;font-weight:500;color:var(--blue);margin-top:2px}
.rlab em::after{content:" →"}
.rnode--right .rlab{left:64px;top:-34px}
.rnode--left .rlab{right:64px;top:-34px;text-align:right;align-items:flex-end}
.rnode--top .rlab{left:64px;top:-58px}
.rnode--bottom .rlab{left:64px;top:-10px}
@media (max-width:1100px){.ring{transform:scale(.86);transform-origin:50% 0;height:720px;margin-bottom:-60px}}
@media (max-width:900px){
  .ring{transform:none;height:auto;margin:40px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ring::before,.ring-svg,.ring-orbit{display:none}
  .ring-center{position:static;grid-column:1/-1;width:auto;height:auto;margin:0 0 8px;border-radius:var(--r-l);padding:32px;box-shadow:0 30px 60px -40px rgba(4,52,159,.4),0 0 0 1px #E4E9F6}
  .rnode{position:relative;left:auto !important;top:auto !important;width:auto;height:auto;display:flex;gap:14px;align-items:flex-start;background:var(--sand);border-radius:var(--r-l);padding:18px}
  .rcirc{position:static;width:52px;height:52px;flex:none}
  .rcirc .i{width:22px;height:22px}
  .rlab{position:static !important;width:auto;text-align:left !important;align-items:flex-start !important}
  .rlab b{font-size:18px}
}
@media (max-width:560px){.ring{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ring-draw{stroke-dashoffset:0}.ring-center,.rcirc,.rlab,.ring-orbit{opacity:1;transform:none}.ring-orbit{animation:none}}

/* ================= ITERACE 4: walkthrough admin → telefon ================= */
.mega{width:620px;left:-160px;grid-template-columns:repeat(2,minmax(0,1fr))}
#ovladate .cap:not(.cap--wide){background:#fff}

.wt{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;margin-top:24px}
.wt-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .5s ease}
.wt-step.on{opacity:1}
.wt-n{width:44px;height:44px;border-radius:999px;border:2px solid var(--blue);color:var(--blue);display:flex;align-items:center;justify-content:center;font:500 18px "Inter Tight",Inter,sans-serif;margin-bottom:20px;transition:background-color .4s ease,color .4s ease}
.wt-step.on .wt-n{background:var(--blue);color:#fff}
.wt-m{display:none}
.wt-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.wt-stage{position:relative;width:100%;height:560px;border-radius:var(--r-xl);background:radial-gradient(70% 70% at 70% 60%,#DCE6FF 0%,#EEF2FB 55%,var(--sand) 100%);overflow:hidden}
.wt-dots{display:flex;gap:8px}
.wt-dots i{width:8px;height:8px;border-radius:999px;background:#D5DAE6;transition:width .4s var(--ease),background-color .4s ease}
.wt-dots i.on{width:28px;background:var(--blue)}
.mu-scene{position:absolute;inset:0;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .8s var(--ease);pointer-events:none}
.mu-scene.on{opacity:1;transform:none}
/* admin window */
.mu-win{position:absolute;left:6%;top:12%;width:62%;background:#fff;border-radius:16px;box-shadow:0 40px 80px -40px rgba(4,52,159,.45),0 0 0 1px #E4E9F6;overflow:hidden;font-size:13px}
.mu-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line);background:#FAFBFD}
.mu-bar i{width:8px;height:8px;border-radius:999px;background:#E2E5EC}
.mu-bar span{margin-left:8px;font-size:11px;color:var(--muted-2)}
.mu-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.mu-l{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.mu-chips{display:flex;gap:6px;flex-wrap:wrap}
.mu-chips span{border:1px solid #D5D9E2;border-radius:999px;padding:4px 10px;font-size:12px}
.mu-chips span.on{background:var(--sky);border-color:var(--sky-2);color:var(--navy);font-weight:500}
.mu-field{border:1px solid #D5D9E2;border-radius:10px;padding:10px 12px;line-height:1.5;background:var(--sand)}
.mu-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mu-muted{color:var(--muted-2);font-size:12px}
.mu-btn{background:var(--ink);color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500}
.mu-btn--line{background:#fff;color:var(--ink);border:1px solid #D5D9E2}
.mu-scene.on .mu-btn:not(.mu-btn--line){animation:press .5s ease .6s}
@keyframes press{50%{transform:scale(.92);background:var(--blue)}}
.mu-file{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:var(--sand);font-weight:500}
.mu-file em{margin-left:auto;font-style:normal;color:var(--green);font-weight:700}
.mu-fi{width:30px;height:30px;border-radius:8px;background:#FDE8E8;color:#B42318;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.mu-doc{display:flex;gap:10px;align-items:center}
.mu-doc b{display:block;font-size:13px}
.mu-doc span:not(.mu-fi){display:block;font-size:11px;color:var(--muted)}
.mu-prog{height:8px;border-radius:999px;background:#EEF0F4;overflow:hidden}
.mu-prog i{display:block;height:100%;width:0;background:var(--green);border-radius:999px;transition:width 1.4s var(--ease) .4s}
.mu-scene.on .mu-prog i{width:78%}
.mu-people{display:flex}
.mu-people span{width:30px;height:30px;border-radius:999px;background:var(--sky);color:var(--navy);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-6px}
.mu-people span:first-child{margin-left:0}
.mu-people span:last-child{width:auto;padding:0 8px;background:#F1F2F5;color:var(--muted)}
/* phone */
.mu-phone{position:absolute;right:7%;top:8%;width:230px;height:470px;border-radius:38px;background:var(--ink);padding:8px;box-shadow:0 40px 80px -30px rgba(10,15,31,.55)}
.mu-screen{height:100%;border-radius:31px;background:linear-gradient(180deg,#EEF2FB,#F6F5F1);padding:40px 12px 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;font-size:12px}
.mu-time{text-align:center;font:500 34px "Inter Tight",Inter,sans-serif;color:var(--ink);margin:6px 0 10px;letter-spacing:-.03em}
.mu-top{font:500 16px "Inter Tight",Inter,sans-serif;padding:0 4px 4px}
.mu-notif{display:flex;gap:10px;background:rgba(255,255,255,.92);border-radius:16px;padding:10px;box-shadow:0 10px 24px -14px rgba(10,15,31,.35)}
.mu-notif b{display:block;font-size:11px}
.mu-notif span{display:block;font-size:12px;line-height:1.35;margin-top:2px}
.mu-app{width:28px;height:28px;border-radius:8px;background:var(--blue);color:#fff;font:600 14px "Inter Tight",Inter,sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.mu-card{background:#fff;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 24px -16px rgba(10,15,31,.3)}
.mu-card b{font-size:12px}
.mu-card span{font-size:11px;color:var(--muted)}
.mu-img{height:70px;border-radius:10px;background:linear-gradient(135deg,#2847C5,#04349F)}
.mu-chat{display:flex;flex-direction:column;gap:8px}
.mu-q{align-self:flex-end;max-width:85%;background:var(--blue);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 11px;line-height:1.4}
.mu-a{align-self:flex-start;max-width:92%;background:#fff;border-radius:14px 14px 14px 4px;padding:9px 11px;line-height:1.45;box-shadow:0 10px 24px -16px rgba(10,15,31,.3)}
.mu-src{display:inline-block;margin-top:8px;font-size:10px;font-weight:600;color:var(--blue);background:var(--sky);border-radius:999px;padding:3px 8px}
.mu-doc--p{padding:4px}
.mu-confirm{position:relative;height:38px;border-radius:999px;margin-top:6px;font-size:12px;font-weight:600}
.mu-confirm span{position:absolute;inset:0;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}
.mu-confirm .a{background:var(--ink);color:#fff}
.mu-confirm .b{background:var(--green-bg);color:var(--green);opacity:0}
.mu-scene.on .mu-confirm .a{animation:fadeout .3s ease 1.6s forwards}
.mu-scene.on .mu-confirm .b{animation:fadein .4s ease 1.7s forwards}
@keyframes fadeout{to{opacity:0}}@keyframes fadein{to{opacity:1}}
.mu-pop,.mu-pop2{opacity:0;transform:translateY(-10px) scale(.97)}
.mu-scene.on .mu-pop{animation:popin .6s var(--ease) .9s forwards}
.mu-scene.on .mu-pop2{animation:popin .6s var(--ease) 1.4s forwards}
@keyframes popin{to{opacity:1;transform:none}}
/* connector */
.mu-scene::after{content:"";position:absolute;left:62%;right:30%;top:46%;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1.2s linear infinite;opacity:.7}

@media (max-width:1100px){.mu-win{width:66%;left:4%}.mu-phone{right:4%;transform:scale(.9);transform-origin:top right}}
@media (max-width:960px){
  .wt{grid-template-columns:minmax(0,1fr);gap:0}
  .wt-pin-col{display:none}
  .wt-step{min-height:0;opacity:1;padding:40px 0;border-top:1px solid var(--line)}
  .wt-step:first-child{border-top:0}
  .wt-m{display:block;position:relative;height:520px;margin-top:28px;border-radius:var(--r-l);background:radial-gradient(70% 70% at 70% 60%,#DCE6FF 0%,#EEF2FB 55%,var(--sand) 100%);overflow:hidden}
  .wt-m .mu-scene{opacity:1;transform:none}
}
@media (max-width:640px){
  .wt-m{height:600px}
  .wt-m .mu-win{left:12px;right:12px;top:12px;width:auto}
  .wt-m .mu-phone{right:50%;top:auto;bottom:-120px;transform:translateX(50%) scale(.85);transform-origin:bottom center}
  .wt-m .mu-scene::after{display:none}
}
@media (prefers-reduced-motion:reduce){.mu-pop,.mu-pop2{opacity:1;transform:none}.mu-prog i{width:78%}.mu-confirm .a{opacity:0}.mu-confirm .b{opacity:1}}
.wt-stage .mu-win{left:5%;width:55%}
.wt-stage .mu-phone{right:5%}
.mu-scene::after{display:none}
@media (max-width:1100px){.wt-stage .mu-win{width:56%;left:3%}}

/* ================= CO PALMAPP UMÍ (bento) ================= */
.fgrid{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fcard{display:flex;flex-direction:column;background:var(--sand);border-radius:var(--r-xl);overflow:hidden;text-decoration:none;color:var(--ink);min-height:520px}
.fcard:hover{color:var(--ink)}
.fcard-txt{padding:36px 36px 0}
.fcard-k{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--blue)}
.fcard-k .ic{width:34px;height:34px;border-radius:10px;background:#fff}
.fcard-k .ic .i{width:17px;height:17px}
.fcard .h3{margin-top:16px;font-size:clamp(24px,2.3vw,32px)}
.fcard .p{margin-top:10px;max-width:460px}
.fcard .link-arrow{margin-top:16px;color:var(--blue);font-size:15px}
.fcard--gold .fcard-k{color:#8A5F0E}
.fcard--gold .fcard-k .ic{color:#B07A12}
.fviz{flex:1;min-height:240px;margin:28px 24px 24px;border-radius:var(--r-l);background:radial-gradient(80% 90% at 70% 100%,#DCE6FF 0%,#EEF2FB 60%,#F3F5FB 100%);display:flex;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden}
.fcard--gold .fviz{background:radial-gradient(80% 90% at 70% 100%,#FBEFD6 0%,#FBF6EA 60%,#F8F5EE 100%)}
.fv-stack{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.fv-stack .mu-notif span,.fv-stack .mu-card b{font-size:13px}
.fv-ik{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}
.fv-msg{background:#fff;border-radius:14px;padding:12px 14px;font-size:13px;box-shadow:0 10px 24px -16px rgba(10,15,31,.3);width:80%}
.fv-split{position:relative;height:36px;width:80%}
.fv-split i{position:absolute;top:0;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--blue) 0 5px,transparent 5px 10px);background-size:2px 20px;animation:dashv 1.2s linear infinite;opacity:.6}
.fv-split i:nth-child(1){left:12%;transform:skewX(30deg)}.fv-split i:nth-child(2){left:50%}.fv-split i:nth-child(3){left:88%;transform:skewX(-30deg)}
.fv-vers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.fv-vers span{background:#fff;border-radius:12px;padding:10px;font-size:12px;font-weight:600;color:var(--navy);box-shadow:0 10px 24px -16px rgba(10,15,31,.3)}
.fv-vers small{display:block;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.35}
.fv-rsvp{display:flex;gap:6px;margin-top:4px}
.fv-rsvp span{flex:1;text-align:center;border-radius:999px;padding:7px;font-size:12px;font-weight:600;background:var(--ink);color:#fff}
.fv-rsvp .o{background:#fff;color:var(--ink);border:1px solid #D5D9E2}
.fv-bal{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 24px -16px rgba(10,15,31,.3)}
.fv-bal small{display:block;color:var(--muted);font-size:12px}
.fv-bal b{display:block;font:500 32px "Inter Tight",Inter,sans-serif;letter-spacing:-.04em;margin-top:4px}
.fv-bar{height:6px;border-radius:999px;background:var(--sky);margin-top:10px;overflow:hidden}
.fv-bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:999px;transition:width 1.4s var(--ease) .8s}
.fcard.in .fv-bar i{width:62%}
.mu-pop3{opacity:0;transform:translateY(-10px) scale(.97)}
.fcard.in .mu-pop{animation:popin .6s var(--ease) .5s forwards}
.fcard.in .mu-pop2{animation:popin .6s var(--ease) .8s forwards}
.fcard.in .mu-pop3{animation:popin .6s var(--ease) 1.1s forwards}
.fsmall{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fs{display:flex;gap:14px;align-items:flex-start;background:var(--sand);border-radius:var(--r-l);padding:22px}
.fs .ic{background:#fff}
.fs b{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em}
.fs small{display:block;margin-top:4px;color:var(--muted);font-size:14px;line-height:1.45}
#proc .logos .marquee img{filter:grayscale(1);opacity:.55}
@media (max-width:1100px){.fsmall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.fgrid{grid-template-columns:minmax(0,1fr)}.fcard{min-height:0}}
@media (max-width:560px){.fsmall{grid-template-columns:minmax(0,1fr)}.fcard-txt{padding:26px 22px 0}.fviz{margin:22px 12px 12px;padding:18px}.fv-vers{grid-template-columns:minmax(0,1fr)}.fv-msg{width:100%}}
@media (prefers-reduced-motion:reduce){.mu-pop3{opacity:1;transform:none}.fv-bar i{width:62%}}

/* karty funkcí: bez modrého podkladu pod ilustracemi */
.fviz,.fcard--gold .fviz{background:none !important}
.fviz{margin-top:8px}

/* h1 podstránek vždy na dva řádky (desktop) */
.phead .h1{max-width:none !important;font-size:clamp(36px,4.3vw,64px);text-wrap:balance}
.br-d{display:none}
@media (min-width:900px){.br-d{display:inline}}

/* =====================================================================
   Jemný lososový akcent (#FFA37A z brandové palety)
   ===================================================================== */
:root{--salmon:#FFA37A;--peach:#FFEDE4;--peach-2:#FFF6F1;--salmon-ink:#A3471F}
.dot{background:var(--salmon)}

/* výběr mzdy: světlý lososový pás */
.band{background:linear-gradient(120deg,#FFF3EC 0%,#FFE6DA 55%,#FFD9C7 100%);color:var(--ink)}
.band::before{background:radial-gradient(45% 70% at 95% 0%,rgba(255,255,255,.6),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(255,163,122,.22),transparent 70%)}
.band .lead,.band .p,.band .stat .d{color:#5E4C46}
.band .tag{background:rgba(255,255,255,.7);border-color:transparent;color:var(--salmon-ink)}
.band .stats{border-top-color:rgba(163,71,31,.14)}
.band .stat+.stat{border-left-color:rgba(163,71,31,.14)}
.band .ph-num{background:rgba(255,255,255,.6);color:var(--salmon-ink);border-color:rgba(163,71,31,.3)}
.band .btn--white{background:var(--night);color:#fff}.band .btn--white:hover{background:var(--navy);color:#fff}
.band .btn--ghost-w{border-color:rgba(10,15,31,.22);color:var(--ink)}
.band .card{background:rgba(255,255,255,.6);border-color:transparent;color:var(--ink)}
.band .card .p{color:#5E4C46}
@media (max-width:760px){.band .stat+.stat{border-top-color:rgba(163,71,31,.14)}}

/* závěrečná výzva: tmavá, zespodu jemné lososové světlo */
.cta::before{background:radial-gradient(55% 70% at 50% 118%,rgba(255,163,122,.32),transparent 70%),radial-gradient(45% 60% at 100% 0%,rgba(18,82,234,.45),transparent 70%)}

/* drobnosti */
.mu-q{background:var(--salmon) !important;color:#fff !important;border-color:transparent !important}
.fw--2 .ic{background:var(--peach);color:var(--salmon-ink)}
.tl .when{background:var(--peach);color:var(--salmon-ink)}

/* =====================================================================
   SEGMENTY (web-9): Pink = HR a zaměstnanci · Blue = servis a terén · White = obchodní sítě
   Kódová jména jsou interní, na webu je zastupuje barevná tečka a název oboru.
   ===================================================================== */
:root{--pink:#E5508A;--pink-bg:#FDEAF2;--pink-ink:#A3235B}
.sdot{width:9px;height:9px;border-radius:999px;flex:none;display:inline-block}
.sdot--pink{background:var(--pink)}
.sdot--blue{background:var(--blue)}
.sdot--white{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.dark .sdot--white{box-shadow:inset 0 0 0 2px #fff;background:transparent}
.ic--pink{background:var(--pink-bg);color:var(--pink-ink)}
.ic--seg-blue{background:var(--sky);color:var(--blue)}
.ic--ring{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.stag{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1}
.stag--pink{background:var(--pink-bg);color:var(--pink-ink)}
.stag--blue{background:var(--sky);color:var(--navy)}
.stag--white{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dark .stag--white{box-shadow:none}
.dark .stag--white .sdot--white{box-shadow:inset 0 0 0 2px var(--ink)}

/* mega menu Řešení */
.mega--seg{width:440px;left:-80px;grid-template-columns:minmax(0,1fr)}

/* homepage: rozcestník oborů */
.segcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.segcard{position:relative;display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .25s ease,transform .4s var(--ease),box-shadow .4s var(--ease)}
.segcard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--segc)}
.segcard:hover{color:var(--ink);border-color:var(--sky-2);transform:translateY(-4px);box-shadow:0 24px 48px -32px rgba(10,15,31,.35)}
.segcard--pink{--segc:var(--pink)}
.segcard--blue{--segc:var(--blue)}
.segcard--white{--segc:var(--ink)}
.segcard .stag{align-self:flex-start}
.segcard .h3{font-size:clamp(24px,2.1vw,30px)}
.segcard .pts{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.5;color:var(--ink)}
.segcard .pts li{display:flex;gap:10px}
.segcard .pts .i{width:18px;height:18px;color:var(--blue);margin-top:2px}
.segcard .who{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}
.segcard .who b{color:var(--ink);font-weight:600}
.segcard .link-arrow{color:var(--blue);font-size:15px}

/* oborové stránky */
.chatcard{background:#fff;border-radius:var(--r-l);padding:28px;box-shadow:0 30px 60px -40px rgba(10,15,31,.35)}
.chatcard .k{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}
.chatcard .mu-chat{font-size:16px}
.chatcard .mu-q,.chatcard .mu-a{padding:12px 16px}
.chatcard .mu-src{font-size:12px}
.uc{display:flex;flex-direction:column}
.uc .q{margin-top:16px;font-family:"Inter Tight",Inter,sans-serif;font-size:19px;letter-spacing:-.015em;line-height:1.35}
.uc .src{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}
.uc .h4{margin-top:20px}
.fineprint{margin:24px 0 0;font-size:13px;line-height:1.55;color:var(--muted-2);max-width:760px}
.card--ink{background:var(--night);border-color:transparent;color:#fff}
.card--ink .p{color:var(--sky-2)}
.logos--mute .marquee img{filter:grayscale(1);opacity:.55}
.price-big{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(34px,3.4vw,44px);letter-spacing:-.035em;line-height:1;margin-top:18px}
.price-big small{font-size:16px;letter-spacing:0;color:var(--muted);font-family:Inter,sans-serif}
.tl--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* kontakt: volba oboru = klasifikace leadu */
.checks--seg label:has(input:checked){border-color:var(--blue);background:var(--sky-3);box-shadow:inset 0 0 0 1px var(--blue)}
.checks--seg input{accent-color:var(--blue)}

.foot-grid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.segcards{grid-template-columns:minmax(0,1fr)}.segcard{padding:28px}}
@media (max-width:960px){.mega--seg{width:auto;left:0}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl--3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.foot-grid{grid-template-columns:minmax(0,1fr)}.chatcard{padding:20px}}
.fw .ic.ic--seg-blue{background:var(--sky);color:var(--blue)}
.fw .ic.ic--pink{background:var(--pink-bg);color:var(--pink-ink)}
.logos--mute{padding:0}

/* homepage: Kde PalmApp pomůže nejvíc – scroll storytelling (index3) */
.story{position:relative;height:300vh}
.story-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.story-pin>.wrap{width:100%}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center}
.story-list{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:6px}
.story-item a{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:20px 22px 22px;border-radius:var(--r-m);text-decoration:none;color:var(--ink);opacity:.35;transition:opacity .5s ease,background-color .5s ease}
.story-item.on a{opacity:1;background:var(--sand)}
.story-item a:hover{opacity:1;color:var(--ink)}
.story-item .n{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted-2);margin-bottom:4px}
.story-item .h4{font-size:21px}
.story-item .p{margin-top:6px;font-size:15px}
.story-item .link-arrow{display:inline-flex;margin-top:10px;font-size:14px;color:var(--blue);opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .5s var(--ease)}
.story-item.on .link-arrow{opacity:1;transform:none}
.story-bar{position:absolute;left:22px;right:22px;bottom:0;height:2px;border-radius:2px;background:transparent;overflow:hidden}
.story-bar i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--segc,var(--blue))}
.story-item--pink{--segc:var(--pink)}.story-item--blue{--segc:var(--blue)}.story-item--white{--segc:var(--ink)}
.story-stage{position:relative;height:540px;border-radius:var(--r-xl);overflow:hidden;background:var(--sand);transition:background .7s ease}
.story[data-active="0"] .story-stage{background:radial-gradient(70% 70% at 70% 60%,#FCDDEA 0%,#FDF0F5 55%,var(--sand) 100%)}
.story[data-active="1"] .story-stage{background:radial-gradient(70% 70% at 70% 60%,#DCE6FF 0%,#EEF2FB 55%,var(--sand) 100%)}
.story[data-active="2"] .story-stage{background:radial-gradient(70% 70% at 70% 60%,#E6E8EE 0%,#F3F4F7 55%,var(--sand) 100%)}
.story-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s ease,transform .7s var(--ease);pointer-events:none}
.story-scene.on{opacity:1;transform:none}
.story-scene .fv-stack{max-width:380px;font-size:15px;gap:12px}
.story-scene .mu-q,.story-scene .mu-a{padding:12px 15px}
.story-scene .mu-src{font-size:11px}
.story-scene .k{position:absolute;left:28px;top:24px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:960px){
  .story{height:auto}
  .story-pin{position:static;height:auto;padding:var(--pad) 0}
  .story-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .story-item a{opacity:1;background:var(--sand)}
  .story-item .link-arrow{opacity:1;transform:none}
  .story-stage{display:none}
}
@media (prefers-reduced-motion:reduce){.story-item a,.story-scene,.story-stage,.story-item .link-arrow{transition:none}}
.story-item:not(.on) .story-bar{opacity:0}.story-bar{transition:opacity .4s ease}

/* index4: ilustrace okna, které se přeskládá podle oboru */
.wf-stage{position:relative;height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;border-radius:var(--r-xl);background:var(--sand);transition:background .7s ease}
.story[data-active="0"] .wf-stage{background:#FBF1F4}
.story[data-active="1"] .wf-stage{background:#EEF2FC}
.story[data-active="2"] .wf-stage{background:#F3F3F1}
.wf{position:relative;width:min(380px,78%);aspect-ratio:1.05;border:2.5px solid #2B2F3E;border-radius:22px;background:#fff;box-shadow:0 30px 60px -40px rgba(10,15,31,.45)}
.wf-top{position:absolute;left:0;right:0;top:0;height:13%;border-bottom:2.5px solid #2B2F3E;display:flex;align-items:center;gap:7px;padding-left:18px}
.wf-top i{width:7px;height:7px;border-radius:999px;background:#2B2F3E}
.wf-body{position:absolute;left:0;right:0;bottom:0;top:13%}
.wf-b{position:absolute;border:2.5px solid #2B2F3E;border-radius:10px;transition:top .8s var(--ease),left .8s var(--ease),width .8s var(--ease),height .8s var(--ease),background-color .6s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wf-b--a{background:#D9D8F4}.wf-b--b{background:#FADFA1}.wf-b--c{background:#F4C9D8}
/* 0 · HR: novinky nahoře, příběh uprostřed, výběr mzdy dole */
.story[data-active="0"] .wf-b--a{top:7%;left:7%;width:86%;height:15%}
.story[data-active="0"] .wf-b--b{top:28%;left:7%;width:86%;height:44%}
.story[data-active="0"] .wf-b--c{top:78%;left:7%;width:86%;height:13%}
/* 1 · servis: obsah manuálu vlevo, video a kroky vpravo */
.story[data-active="1"] .wf-b--a{top:7%;left:7%;width:28%;height:84%}
.story[data-active="1"] .wf-b--b{top:7%;left:41%;width:52%;height:50%}
.story[data-active="1"] .wf-b--c{top:63%;left:41%;width:52%;height:28%}
/* 2 · obchodní sítě: dotaz nahoře, checklist a metodika vedle sebe */
.story[data-active="2"] .wf-b--a{top:7%;left:7%;width:86%;height:15%}
.story[data-active="2"] .wf-b--b{top:28%;left:7%;width:41%;height:63%}
.story[data-active="2"] .wf-b--c{top:28%;left:52%;width:41%;height:63%}
/* drobné glyfy uvnitř bloků */
.wf-g{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:opacity .4s ease,transform .6s var(--ease)}
.story[data-active="0"] .wf-g--0,.story[data-active="1"] .wf-g--1,.story[data-active="2"] .wf-g--2{opacity:1;transform:none;transition-delay:.35s}
.wf-g svg{width:30px;height:30px;fill:none;stroke:#2B2F3E;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wf-lines{display:flex;flex-direction:column;gap:9px;width:60%}
.wf-lines i{display:block;height:6px;border-radius:6px;background:#2B2F3E;opacity:.75}
.wf-lines i:nth-child(2){width:80%}.wf-lines i:nth-child(3){width:55%}
.wf-checks{display:flex;flex-direction:column;gap:12px;width:66%}
.wf-checks span{display:flex;align-items:center;gap:8px}
.wf-checks b{width:13px;height:13px;border:2.2px solid #2B2F3E;border-radius:4px;flex:none;position:relative}
.wf-checks b::after{content:"";position:absolute;left:2px;top:-1px;width:4px;height:7px;border:solid #2B2F3E;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
.wf-checks i{display:block;height:6px;border-radius:6px;background:#2B2F3E;opacity:.75;flex:1}
.wf-cap{position:relative;height:30px;width:100%;text-align:center}
.wf-cap span{position:absolute;inset:0;font-family:"Inter Tight",Inter,sans-serif;font-size:22px;letter-spacing:-.02em;color:#2B2F3E;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .6s var(--ease)}
.story[data-active="0"] .wf-cap span:nth-child(1),.story[data-active="1"] .wf-cap span:nth-child(2),.story[data-active="2"] .wf-cap span:nth-child(3){opacity:1;transform:none;transition-delay:.2s}
@media (max-width:960px){.wf-stage{display:none}}
@media (prefers-reduced-motion:reduce){.wf-b,.wf-g,.wf-cap span,.wf-stage{transition:none}}

/* závěrečná výzva přes celý viewport (index4) */
.inset--full{padding:0}
.cta--full{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 32px}
.cta--full[data-curtain]{border-radius:calc((1 - var(--p,0)) * 200px)}
@media (max-width:640px){.cta--full{min-height:88vh;padding:72px 20px}}

/* index5: Kde PalmApp pomůže nejvíc – akordeon řízený scrollem */
.acc{position:relative;height:300vh}
.acc-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding-top:72px}
.acc-pin>.wrap{width:100%}
.acc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px}
.acc-list{list-style:none;margin:36px 0 0;padding:0;border-bottom:1px solid var(--line)}
.acc-row{border-top:1px solid var(--line);--segc:var(--blue)}
.acc-row--pink{--segc:var(--pink)}.acc-row--blue{--segc:var(--blue)}.acc-row--white{--segc:var(--ink)}
.acc-bar{display:grid;grid-template-columns:56px 44px minmax(0,1fr) minmax(0,1.2fr) 32px;align-items:center;gap:20px;padding:22px 0;position:relative}
.acc-bar .n{font:500 15px "Inter Tight",Inter,sans-serif;color:var(--muted-2)}
.acc-bar .h4{font-size:24px;transition:font-size .5s var(--ease)}
.acc-bar .sub{color:var(--muted);font-size:15px;line-height:1.5;transition:opacity .4s ease}
.acc-bar .pm{width:32px;height:32px;border-radius:999px;border:1px solid #CDD3DF;position:relative;transition:transform .5s var(--ease),background-color .4s ease,border-color .4s ease}
.acc-bar .pm::before,.acc-bar .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;background:var(--ink);transform:translate(-50%,-50%);border-radius:2px}
.acc-bar .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .3s ease}
.acc-bar::after{content:"";position:absolute;left:0;top:-1px;height:2px;width:calc(var(--p,0) * 100%);background:var(--segc)}
.acc-row:not(.on) .acc-bar::after{opacity:0}
.acc-row:not(.on) .acc-bar{opacity:.55;transition:opacity .4s ease}
.acc-row.on .acc-bar .pm{background:var(--ink);border-color:var(--ink)}
.acc-row.on .acc-bar .pm::before{background:#fff}
.acc-row.on .acc-bar .pm::after{opacity:0}
.acc-row.on .acc-bar .sub{opacity:0}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.acc-row.on .acc-panel{grid-template-rows:1fr}
.acc-in{overflow:hidden;min-height:0}
.acc-grid{display:grid;grid-template-columns:56px 44px minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:0 0 28px}
.acc-text{grid-column:3;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .6s var(--ease)}
.acc-row.on .acc-text{opacity:1;transform:none;transition-delay:.25s}
.acc-text .lead{font-size:17px}
.acc-pts{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.5}
.acc-pts li{display:flex;gap:10px}
.acc-pts .i{width:18px;height:18px;color:var(--blue);margin-top:2px}
.acc-text .who{font-size:14px;color:var(--muted)}
.acc-text .who b{color:var(--ink);font-weight:600}
.acc-text .btn{align-self:flex-start}
.acc-vis{grid-column:4;height:280px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.97);transition:opacity .5s ease,transform .7s var(--ease)}
.acc-row.on .acc-vis{opacity:1;transform:none;transition-delay:.15s}
.acc-row--pink .acc-vis{background:#FBF1F4}.acc-row--blue .acc-vis{background:#EEF2FC}.acc-row--white .acc-vis{background:#F3F3F1}
.acc-vis .wf{width:min(300px,70%);aspect-ratio:1.25}
.acc-vis .wf-b{transition:transform .6s var(--ease),opacity .5s ease;transform:translateY(10px);opacity:0}
.acc-row.on .acc-vis .wf-b{transform:none;opacity:1}
.acc-row.on .acc-vis .wf-b:nth-child(1){transition-delay:.3s}.acc-row.on .acc-vis .wf-b:nth-child(2){transition-delay:.42s}.acc-row.on .acc-vis .wf-b:nth-child(3){transition-delay:.54s}
.acc-vis .wf-g{opacity:1;transform:none}
.wf--hr .wf-b--a{top:8%;left:7%;width:86%;height:16%}.wf--hr .wf-b--b{top:30%;left:7%;width:86%;height:40%}.wf--hr .wf-b--c{top:76%;left:7%;width:86%;height:15%}
.wf--sv .wf-b--a{top:8%;left:7%;width:28%;height:83%}.wf--sv .wf-b--b{top:8%;left:41%;width:52%;height:48%}.wf--sv .wf-b--c{top:62%;left:41%;width:52%;height:29%}
.wf--os .wf-b--a{top:8%;left:7%;width:86%;height:16%}.wf--os .wf-b--b{top:30%;left:7%;width:41%;height:61%}.wf--os .wf-b--c{top:30%;left:52%;width:41%;height:61%}
.acc-vis .wf-lines{gap:7px}.acc-vis .wf-lines i{height:5px}.acc-vis .wf-checks{gap:9px}.acc-vis .wf-g svg{width:26px;height:26px}
@media (max-height:820px){.acc-vis{height:230px}.acc-bar{padding:16px 0}}
@media (max-width:960px){
  .acc{height:auto}.acc-pin{position:static;height:auto;padding:var(--pad) 0}
  .acc-bar{grid-template-columns:44px minmax(0,1fr);gap:14px}.acc-bar .n,.acc-bar .pm,.acc-bar .sub{display:none}
  .acc-row .acc-bar{opacity:1 !important}.acc-bar::after{display:none}
  .acc-panel{grid-template-rows:1fr}.acc-grid{grid-template-columns:minmax(0,1fr)}
  .acc-text{grid-column:1;opacity:1;transform:none}.acc-vis{display:none}
}
@media (prefers-reduced-motion:reduce){.acc-panel,.acc-text,.acc-vis,.acc-vis .wf-b,.acc-bar .h4{transition:none}}
.acc-vis .wf{width:auto;height:78%;max-width:80%}

/* menší nadpisy sekcí napříč webem */
.h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.1}
.h3{font-size:clamp(22px,2.1vw,30px)}

/* index6: Kde PalmApp pomůže nejvíc jako okno s pastelovými bloky */
.acc--win .acc-pin{padding-top:80px}
.win{margin-top:28px;border:2.5px solid #2B2F3E;border-radius:32px;background:#fff;box-shadow:0 40px 80px -56px rgba(10,15,31,.45);overflow:hidden}
.win-top{height:50px;border-bottom:2.5px solid #2B2F3E;display:flex;align-items:center;gap:9px;padding-left:24px}
.win-top i{width:9px;height:9px;border-radius:999px;background:#2B2F3E}
.acc--win .acc-list{margin:0;padding:22px;border:0;display:grid;gap:14px}
.acc--win .acc-row{border:2.5px solid #2B2F3E;border-radius:18px;background:var(--rowbg);transition:background-color .5s ease}
.acc--win .acc-row--pink{--rowbg:#F6D6E2}.acc--win .acc-row--blue{--rowbg:#DDDCF6}.acc--win .acc-row--white{--rowbg:#F8E2AC}
.acc--win .acc-bar{grid-template-columns:40px 30px minmax(0,1fr) minmax(0,1.2fr) 32px;gap:18px;padding:15px 22px;opacity:1 !important}
.acc--win .acc-bar::after{display:none}
.acc--win .acc-bar .n{color:#2B2F3E;opacity:.6}
.acc--win .acc-bar .ic{width:30px;height:30px;background:transparent;box-shadow:none;color:#2B2F3E}
.acc--win .acc-bar .ic .i{width:24px;height:24px;stroke-width:2}
.acc--win .acc-bar .h4{font-size:22px;color:#2B2F3E}
.acc--win .acc-bar .sub{color:#3D4256}
.acc--win .acc-bar .pm{border:2px solid #2B2F3E;background:transparent}
.acc--win .acc-bar .pm::before,.acc--win .acc-bar .pm::after{background:#2B2F3E}
.acc--win .acc-row.on .acc-bar .pm{background:#2B2F3E}
.acc--win .acc-row.on .acc-bar .pm::before{background:#fff}
.acc--win .acc-grid{grid-template-columns:40px 30px minmax(0,1fr) minmax(0,.9fr);gap:18px;padding:0 22px 22px}
.acc--win .acc-text .lead{color:#2B2F3E}
.acc--win .acc-pts{color:#2B2F3E}
.acc--win .acc-pts .i{color:#2B2F3E}
.acc--win .acc-text .who{color:#3D4256}
.acc--win .acc-text .btn--line{border:2px solid #2B2F3E;color:#2B2F3E}
.acc-deco{grid-column:4;align-self:stretch;min-height:190px;border:2.5px solid #2B2F3E;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .7s var(--ease)}
.acc-row.on .acc-deco{opacity:1;transform:none;transition-delay:.3s}
.acc-deco svg{width:34px;height:34px;fill:none;stroke:#2B2F3E;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-deco .wf-lines{width:58%}
@media (max-height:820px){.acc--win .acc-pin{padding-top:72px}.acc--win .acc-list{padding:16px;gap:10px}.acc--win .acc-bar{padding:12px 18px}.acc-deco{min-height:150px}.win-top{height:42px}}
@media (max-width:960px){
  .acc--win .acc-list{padding:14px}
  .acc--win .acc-bar{grid-template-columns:30px minmax(0,1fr);padding:14px 16px}
  .acc--win .acc-grid{grid-template-columns:minmax(0,1fr);padding:0 16px 18px}
  .acc-deco{display:none}
}
@media (max-height:820px) and (min-width:961px){.acc--win .acc-head .tag{display:none}.acc--win .win{margin-top:18px}.acc--win .acc-text{gap:10px}.acc--win .acc-text .who{display:none}.acc-deco{min-height:0}.acc--win .acc-grid{padding-bottom:16px}}

/* index7: Kde PalmApp pomůže nejvíc – 3 bloky v designu webu (bez mockupu) */
.acc--soft .acc-pin{padding-top:80px}
.acc--soft .acc-list{margin:32px 0 0;padding:0;border:0;display:grid;gap:12px}
.acc--soft .acc-row{border:0;border-radius:var(--r-l);background:var(--rowbg);transition:background-color .5s ease}
.acc--soft .acc-row--pink{--rowbg:var(--pink-bg)}.acc--soft .acc-row--blue{--rowbg:var(--sky-3)}.acc--soft .acc-row--white{--rowbg:var(--sand)}
.acc--soft .acc-bar{grid-template-columns:40px 44px minmax(0,1fr) minmax(0,1.2fr) 32px;gap:18px;padding:18px 28px;opacity:1 !important}
.acc--soft .acc-bar::after{display:none}
.acc--soft .acc-row:not(.on) .acc-bar{opacity:1}
.acc--soft .acc-bar .pm{border-color:rgba(10,15,31,.18);background:rgba(255,255,255,.6)}
.acc--soft .acc-row.on .acc-bar .pm{background:var(--ink);border-color:var(--ink)}
.acc--soft .acc-grid{grid-template-columns:40px 44px minmax(0,1fr) minmax(0,1.2fr);gap:18px;padding:0 28px 28px}
.acc--soft .acc-text{grid-column:3}
.acc-side{grid-column:4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .6s var(--ease)}
.acc-row.on .acc-side{opacity:1;transform:none;transition-delay:.35s}
.acc-side .who{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.acc-side .who b{color:var(--ink);font-weight:600}
.acc-row--pink .ic.ic--pink{background:#fff}
.acc--soft .acc-row--blue .ic{background:#fff}
.acc--soft .acc-row--white .ic--ring{background:#fff}
@media (max-width:960px){
  .acc--soft .acc-bar{grid-template-columns:44px minmax(0,1fr);padding:16px 20px}
  .acc--soft .acc-grid{grid-template-columns:minmax(0,1fr);padding:0 20px 22px}
  .acc--soft .acc-text,.acc-side{grid-column:1}
  .acc-side{opacity:1;transform:none;margin-top:16px}
}
@media (min-width:961px){.acc--soft .acc-bar{padding:22px 32px}.acc--soft .acc-grid{padding:4px 32px 36px}.acc--soft .acc-list{gap:14px}}

/* ===== web-9 / kolo 8 ===== */
/* index8: řádky bez +/− a bez podtitulku; zavřený = jen název */
.acc--min .acc-bar{grid-template-columns:40px 44px minmax(0,1fr)}
.acc--min .acc-head{margin-bottom:0}

/* mega menu Oborová řešení: větší a výraznější položky */
.mega--seg{width:520px;padding:14px;gap:6px}
.mega--seg>a{align-items:center;padding:18px;border-radius:18px;transition:background-color .25s ease}
.mega--seg>a .ic{width:52px;height:52px;border-radius:14px}
.mega--seg>a .ic .i{width:24px;height:24px}
.mega--seg>a b{font-family:"Inter Tight",Inter,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.02em}
.mega--seg>a small{font-size:14px;margin-top:4px}
.mega--seg>a[href="hr.html"]:hover,.mega--seg>a[href="hr.html"][aria-current="page"]{background:var(--pink-bg)}
.mega--seg>a[href="servis.html"]:hover,.mega--seg>a[href="servis.html"][aria-current="page"]{background:var(--sky-3)}
.mega--seg>a[href="obchodni-site.html"]:hover,.mega--seg>a[href="obchodni-site.html"][aria-current="page"]{background:#F1F2F5}

/* oborové stránky v barvě oboru: hero a závěrečná výzva */
.seg-pink{--seg-grad:linear-gradient(155deg,#F07CA8 0%,#C93A74 42%,#6B1540 100%)}
.seg-blue{--seg-grad:linear-gradient(155deg,#5A8BFF 0%,#1252EA 38%,#04349F 70%,#050D24 100%)}
.seg-white{--seg-grad:linear-gradient(155deg,#7C8294 0%,#666C7F 40%,#4A5062 100%)}
.seg-page .phead.dark,.seg-page .cta{background:var(--seg-grad)}
.seg-page .phead .glow,.seg-page .cta::before{display:none}
.seg-page .phead .lead,.seg-page .cta .lead{color:rgba(255,255,255,.88)}
.seg-page .phead .crumbs,.seg-page .phead .crumbs a{color:rgba(255,255,255,.78)}

/* index9: Kde PalmApp pomůže nejvíc – vrstvené karty (sticky stack) */
.stack{padding:var(--pad) 0 calc(var(--pad) * .6)}
.stack-head{margin-bottom:48px}
.stack-list{position:relative}
.stack-card{position:sticky;top:calc(108px + var(--i) * 20px);height:min(72vh,620px);min-height:500px;margin-bottom:14vh;border-radius:32px;overflow:hidden;color:#fff;background:var(--seg-grad);transform-origin:50% 0;transform:scale(var(--s,1));box-shadow:0 -24px 60px -36px rgba(5,13,36,.55);will-change:transform}
.stack-card:last-child{margin-bottom:0}
.stack-card::after{content:"";position:absolute;inset:0;background:#050D24;opacity:var(--dim,0);pointer-events:none;z-index:3}
.stack-num{position:absolute;right:-12px;bottom:-0.2em;font:500 clamp(240px,30vw,440px)/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.3);pointer-events:none;user-select:none;transform:translateY(calc((1 - var(--on,0)) * 60px));opacity:calc(.4 + var(--on,0) * .6);transition:transform 1.2s var(--ease),opacity 1.2s ease}
.stack-card.is-on{--on:1}
.stack-top{position:absolute;left:64px;right:64px;top:52px;display:flex;align-items:center;justify-content:space-between;z-index:1}
.stack-k{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.stack-ic{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.stack-ic .i{width:28px;height:28px;color:#fff}
.stack-in{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:end;padding:56px 64px}
.stack-title{margin:0;font:500 clamp(40px,5vw,72px)/1.02 "Inter Tight",Inter,sans-serif;letter-spacing:-.045em}
.stack-lead{margin:18px 0 0;max-width:520px;font-size:19px;line-height:1.55;color:rgba(255,255,255,.86)}
.stack-side{display:flex;flex-direction:column;gap:22px}
.stack-pts{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:16px;line-height:1.5}
.stack-pts li{display:flex;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}
.stack-pts .i{width:20px;height:20px;margin-top:1px;color:#fff}
.stack-who{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.stack-who b{color:#fff;font-weight:600}
.stack-side .btn{align-self:flex-start}
.st-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform 1s var(--ease);transition-delay:var(--d,0ms)}
.stack-card.is-on .st-rv{opacity:1;transform:none}
@media (max-width:960px){
  .stack-card{height:auto;min-height:0;top:calc(84px + var(--i) * 12px);margin-bottom:8vh;border-radius:24px}
  .stack-in{grid-template-columns:minmax(0,1fr);gap:28px;padding:104px 24px 32px}
  .stack-top{left:24px;right:24px;top:28px}
  .stack-ic{width:52px;height:52px;border-radius:16px}
  .stack-num{font-size:220px}
}
@media (prefers-reduced-motion:reduce){.stack-card{transform:none !important}.stack-card::after{display:none}.st-rv,.stack-num{opacity:1;transform:none;transition:none}}

/* index10: Kde PalmApp pomůže nejvíc – rozevírací panely na jednu obrazovku */
.pan{min-height:100vh;display:flex;align-items:center;padding:110px 0 64px}
.pan>.wrap{width:100%}
.pan-row{display:flex;gap:14px;height:min(64vh,580px);min-height:460px;margin-top:40px}
.pan-item{position:relative;flex:1 1 0;min-width:0;border-radius:28px;overflow:hidden;color:#fff;background:var(--seg-grad);cursor:pointer;transition:flex-grow .9s var(--ease);opacity:0;transform:translateY(40px)}
.pan.in .pan-item{opacity:1;transform:none;transition:flex-grow .9s var(--ease),opacity .8s ease var(--d,0ms),transform 1s var(--ease) var(--d,0ms)}
.pan-item.on{flex-grow:2.7;cursor:default}
.pan-num{position:absolute;right:-8px;bottom:-.18em;font:500 clamp(180px,20vw,320px)/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28);pointer-events:none;transition:transform 1s var(--ease),opacity .6s ease;opacity:.5}
.pan-item.on .pan-num{opacity:1;transform:translateX(-10px)}
.pan-top{position:absolute;left:28px;right:28px;top:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pan-k{font-size:13px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.82)}
.pan-ic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);flex:none}
.pan-ic .i{width:24px;height:24px;color:#fff}
.pan-body{position:absolute;left:28px;right:28px;bottom:28px}
.pan-title{margin:0;font:500 clamp(26px,2.4vw,40px)/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em;transition:font-size .6s var(--ease)}
.pan-item.on .pan-title{font-size:clamp(34px,3.6vw,56px)}
.pan-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}
.pan-item.on .pan-more{grid-template-rows:1fr}
.pan-more>div{overflow:hidden;min-height:0}
.pan-more-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;padding-top:20px;width:min(760px,62vw);opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .6s var(--ease)}
.pan-item.on .pan-more-in{opacity:1;transform:none;transition-delay:.35s}
.pan-lead{margin:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88)}
.pan-pts{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px;line-height:1.45}
.pan-pts li{display:flex;gap:10px}
.pan-pts .i{width:18px;height:18px;margin-top:1px;color:#fff}
.pan-side{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pan-who{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.pan-who b{color:#fff;font-weight:600}
.pan-bar{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.18);opacity:0;transition:opacity .3s ease}
.pan-bar i{display:block;height:100%;width:0;background:#fff}
.pan.auto .pan-item.on .pan-bar{opacity:1}
.pan.auto .pan-item.on .pan-bar i{animation:panbar 6s linear forwards}
@keyframes panbar{to{width:100%}}
@media (max-width:1100px){.pan-more-in{grid-template-columns:minmax(0,1fr);width:min(520px,56vw);gap:18px}}
@media (max-width:960px){
  .pan{min-height:0;padding:var(--pad) 0}
  .pan-row{flex-direction:column;height:auto;min-height:0}
  .pan-item{flex:none;cursor:default}
  .pan-top{position:static;padding:24px 24px 0}
  .pan-body{position:static;padding:72px 24px 24px}
  .pan-more{grid-template-rows:1fr}
  .pan-more-in{opacity:1;transform:none;width:auto;grid-template-columns:minmax(0,1fr)}
  .pan-title,.pan-item.on .pan-title{font-size:34px}
  .pan-bar{display:none}
}
@media (prefers-reduced-motion:reduce){.pan-item,.pan.in .pan-item,.pan-more,.pan-more-in,.pan-num,.pan-title{transition:none;opacity:1;transform:none}}
/* index10 – doladění: rozložení přes celou obrazovku, užší zavřené panely */
.pan{padding:100px 0 48px}
.pan-row{height:clamp(400px,calc(100vh - 240px),580px);min-height:0;margin-top:32px}
.pan-more-in{width:auto;max-width:860px}
.pan-item:not(.on) .pan-k{opacity:0}
.pan-k{transition:opacity .4s ease}
.pan-item:not(.on) .pan-title{font-size:clamp(22px,1.9vw,30px)}
@media (max-width:960px){.pan-row{height:auto}.pan-item:not(.on) .pan-k{opacity:1}.pan-item:not(.on) .pan-title{font-size:34px}}
/* mega menu Oborová řešení: stejná velikost jako Produkt, bez podtitulků */
.mega--seg{width:720px;left:-120px;padding:12px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mega--seg>a{padding:14px;border-radius:14px;align-items:center}
.mega--seg>a .ic{width:40px;height:40px;border-radius:12px}
.mega--seg>a .ic .i{width:20px;height:20px}
.mega--seg>a b{font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:0}
@media (max-width:960px){.mega--seg{width:auto;left:0;grid-template-columns:minmax(0,1fr)}}
.mega--seg{width:max-content;grid-template-columns:repeat(3,max-content)}.mega--seg>a{padding:14px 20px 14px 14px}.mega--seg>a b{white-space:nowrap}@media (max-width:960px){.mega--seg{width:auto;grid-template-columns:minmax(0,1fr)}}

/* index11: Kde PalmApp pomůže nejvíc jako statement (stejně jako na stránce pro zaměstnance) */
.statement--seg .statement-text{max-width:1180px}
.st-link{display:inline;text-decoration:none;color:inherit;border-radius:14px;padding:0 .06em;margin:0 -.06em;transition:background-color .3s ease}
.st-link--pink{--sc:var(--pink);--sbg:var(--pink-bg)}
.st-link--blue{--sc:var(--blue);--sbg:var(--sky-3)}
.st-link--white{--sc:#5B6173;--sbg:#EEEFF2}
.st-link .w{color:var(--sc)}
.st-arrow{display:inline-block;width:0;overflow:hidden;vertical-align:middle;opacity:0;transform:translateX(-12px);transition:width .4s var(--ease),opacity .3s ease,transform .4s var(--ease)}
.st-arrow svg{width:.7em;height:.7em;fill:none;stroke:var(--sc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;display:block;margin-left:.15em}
.st-link:hover,.st-link:focus-visible{background:var(--sbg);color:inherit}
.st-link:hover .st-arrow,.st-link:focus-visible .st-arrow{width:.9em;opacity:1;transform:none}
@media (hover:none){.st-arrow{width:.9em;opacity:1;transform:none}}
/* index12: jen tři řádky oborů */
.statement--list{height:170vh}
.statement--list .statement-text{display:flex;flex-direction:column;align-items:flex-start;gap:.08em;font-size:clamp(44px,6.4vw,92px);line-height:1.05}
.statement--list .st-link{padding:0 .12em;margin:0 -.12em}
@media (max-width:960px){.statement--list{height:auto}}
.statement--list .statement-text{margin:0;width:100%;max-width:none}
.statement--list .statement-pin>.wrap{width:100%}

/* index13: Kde PalmApp pomůže nejvíc – 3 boxy s jemným podkladem, tlačítko na hover */
.segbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.segbox{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:240px;padding:32px;border-radius:var(--r-l);background:var(--sbg);color:var(--ink);text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.segbox--pink{--sbg:var(--pink-bg)}.segbox--blue{--sbg:var(--sky-3)}.segbox--white{--sbg:#F1F2F5}
.segbox .ic{background:#fff}
.segbox .h4{font-size:26px;letter-spacing:-.03em}
.segbox .btn{align-self:flex-start;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .45s var(--ease)}
.segbox:hover,.segbox:focus-visible{color:var(--ink);transform:translateY(-4px);box-shadow:0 24px 48px -34px rgba(10,15,31,.35)}
.segbox:hover .btn,.segbox:focus-visible .btn{opacity:1;transform:none}
@media (hover:none){.segbox .btn{opacity:1;transform:none}}
@media (max-width:960px){.segbox-grid{grid-template-columns:minmax(0,1fr)}.segbox{min-height:0;gap:32px}.segbox .btn{opacity:1;transform:none}}
/* index14: obsah do levého dolního rohu, šipka vpravo nahoře na hover */
.segbox--v2{justify-content:space-between;gap:0;min-height:260px}
.segbox--v2 .h4{margin-top:0 !important}
.segbox-arr{position:absolute;right:28px;top:28px;width:44px;height:44px;border-radius:999px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-6px,6px) rotate(0deg);transition:opacity .3s ease,transform .5s var(--ease),background-color .3s ease,color .3s ease}
.segbox-arr .i{width:20px;height:20px}
.segbox--v2:hover .segbox-arr,.segbox--v2:focus-visible .segbox-arr{opacity:1;transform:none;background:var(--ink);color:#fff}
@media (hover:none),(max-width:960px){.segbox-arr{opacity:1;transform:none}}
@media (max-width:960px){.segbox--v2{min-height:200px}}

/* pás Výběr mzdy na firemních stránkách: modrá místo lososové (zaměstnanecká stránka má vlastní styly) */
.band{background:linear-gradient(120deg,#F2F5FF 0%,#E1E9FF 55%,#C9D6FA 100%);color:var(--ink)}
.band::before{background:radial-gradient(45% 70% at 95% 0%,rgba(255,255,255,.65),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(18,82,234,.16),transparent 70%)}
.band .lead,.band .p,.band .stat .d{color:#3E4A6B}
.band .stats{border-top-color:rgba(4,52,159,.14)}
.band .stat+.stat{border-left-color:rgba(4,52,159,.14)}
.band .ph-num{background:rgba(255,255,255,.65);color:var(--navy);border-color:rgba(4,52,159,.3)}
.band .card .p{color:#3E4A6B}
@media (max-width:760px){.band .stat+.stat{border-top-color:rgba(4,52,159,.14)}}
/* menu: Produkt pod sebou bez podtitulků, Oborová řešení pod sebou s podtitulky */
#mega-produkt{width:300px;left:-60px;grid-template-columns:minmax(0,1fr)}
#mega-produkt>a{align-items:center;padding:12px 14px}
.mega--seg{width:400px;left:-80px;grid-template-columns:minmax(0,1fr)}
.mega--seg>a{padding:14px}
.mega--seg>a b{white-space:normal}
@media (max-width:960px){#mega-produkt,.mega--seg{width:auto;left:0}}

/* servis v5: chat v aplikaci místo dlaždic */
.sec-join{padding-top:0 !important}
.chatapp{max-width:860px;margin:0 auto;background:#fff;border-radius:32px;box-shadow:0 40px 80px -50px rgba(10,15,31,.35);overflow:hidden}
.chatapp-top{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}
.chatapp-av{width:40px;height:40px;border-radius:999px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font:600 16px Inter,sans-serif;flex:none}
.chatapp-top b{display:block;font-size:15px}
.chatapp-top small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.chatapp-body{padding:20px 24px 28px;display:flex;flex-direction:column;gap:10px}
.cm-ctx{align-self:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin:16px 0 4px}
.cm-ctx:first-child{margin-top:4px}
.cm-q{align-self:flex-end;max-width:72%;background:var(--blue);color:#fff;border-radius:20px 20px 6px 20px;padding:12px 16px;font-size:16px;line-height:1.45}
.cm-a{align-self:flex-start;max-width:72%;background:var(--sky-3);color:var(--ink);border-radius:20px 20px 20px 6px;padding:12px 16px;font-size:16px;line-height:1.45}
.cm-src{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:var(--blue);background:#fff;border-radius:999px;padding:4px 10px}
.cm-src .i{width:14px;height:14px}
.chatapp-in{display:flex;align-items:center;gap:12px;margin:0 24px 24px;padding:8px 8px 8px 20px;border:1px solid var(--line);border-radius:999px;color:var(--muted-2);font-size:15px}
.chatapp-in span{flex:1}
.chatapp-mic{width:40px;height:40px;border-radius:999px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.chatapp-mic .i{width:18px;height:18px}
@media (max-width:640px){.chatapp{border-radius:24px}.cm-q,.cm-a{max-width:88%;font-size:15px}.chatapp-body{padding:16px}.chatapp-in{margin:0 16px 16px}}

/* servis v5: kalkulačka ztráty */
.loss .calc-out .big{font-size:clamp(44px,5vw,68px)}
.loss .field small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
.chatapp-in>span:first-child{flex:1}.chatapp-in .chatapp-mic{flex:0 0 40px}

/* servis: problém → řešení */
.ps{display:grid;gap:14px;margin-top:48px}
.ps-row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch}
.ps-side{border-radius:var(--r-l);padding:28px 32px;display:flex;gap:18px;align-items:flex-start}
.ps-side .k{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ps-side .h4{font-size:21px}
.ps-side p{margin:6px 0 0;font-size:15px;line-height:1.55}
.ps-now{background:var(--sand)}
.ps-now .k{color:var(--muted-2)}
.ps-now p{color:var(--muted)}
.ps-new{background:var(--sky-3)}
.ps-new .k{color:var(--blue)}
.ps-new p{color:#3E4A6B}
.ps-new .ic{background:#fff}
.ps-now .ic{background:#fff;color:var(--muted)}
.ps-arr{display:flex;align-items:center;justify-content:center;color:var(--blue)}
.ps-arr .i{width:24px;height:24px}
@media (max-width:860px){.ps-row{grid-template-columns:minmax(0,1fr)}.ps-arr{height:36px;transform:rotate(90deg)}.ps-side{padding:22px}}

/* servis: ukázky zpráv jako seznam + scéna (bez zastavování scrollu) */
.chatstory{margin-top:72px}
.chatstory .story-item button{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;width:100%;padding:20px 22px 22px;border:0;background:none;border-radius:var(--r-m);text-align:left;color:var(--ink);font:inherit;cursor:pointer;opacity:.4;transition:opacity .4s ease,background-color .4s ease}
.chatstory .story-item.on button{opacity:1;background:#fff}
.chatstory .story-item button:hover{opacity:1}
.chatstory .story-item .p{margin-top:6px;font-size:15px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s ease}
.chatstory .story-item.on .p{max-height:80px;opacity:1}
.chatstory .story-bar{left:22px;right:22px}
.chatstory .story-bar i{width:0;background:var(--blue)}
.chatstory.auto .story-item.on .story-bar i{animation:csbar 5s linear forwards}
.chatstory:not(.auto) .story-item.on .story-bar i{width:100%}
@keyframes csbar{to{width:100%}}
.chatstory .story-stage{background:#fff}
.chatstory[data-active="0"] .story-stage{background:radial-gradient(70% 70% at 70% 60%,#DCE6FF 0%,#EEF2FB 55%,#fff 100%)}
.chatstory[data-active="1"] .story-stage{background:radial-gradient(70% 70% at 30% 40%,#DCE6FF 0%,#EEF2FB 55%,#fff 100%)}
.chatstory[data-active="2"] .story-stage{background:radial-gradient(70% 70% at 70% 30%,#DCE6FF 0%,#EEF2FB 55%,#fff 100%)}
.chatstory[data-active="3"] .story-stage{background:radial-gradient(70% 70% at 30% 70%,#DCE6FF 0%,#EEF2FB 55%,#fff 100%)}
.chatstory .mu-q{background:var(--blue) !important}
.chatstory .story-scene .fv-stack{max-width:420px;font-size:16px}
@media (max-width:960px){.chatstory .story-item button{opacity:1;background:#fff}.chatstory .story-item .p{max-height:none;opacity:1}.chatstory .story-bar{display:none}}

/* závěrečná výzva: na všech stránkách stejná – přes výšku obrazovky, se zaoblením a odsazením jako hero */
.cta{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 32px}
.inset--full{padding:0 12px}
.cta--full[data-curtain]{border-radius:calc(200px - var(--p,0) * 168px)}
.seg-page .cta{background:var(--night)}
.seg-page .cta::before{display:block}
.seg-page .cta .lead{color:var(--sky-2)}
@media (max-width:640px){.cta{min-height:88vh;padding:72px 20px}}

/* ============ CENÍK: kalkulačka (data-pricecalc) ============ */
.pc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pc-tabs button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid #D5D9E2;background:#fff;color:var(--ink);font:500 15px Inter,system-ui,sans-serif;cursor:pointer}
.pc-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.pc-tabs .sdot--white{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.pc-tabs button[aria-selected="true"] .sdot--white{box-shadow:inset 0 0 0 2px #fff;background:transparent}
.pc-sub{font-weight:400;color:var(--muted);margin-left:8px;font-size:14px}
.pc-hint{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted-2)}
.pc-num{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.pc-num label{font-weight:600;font-size:15px}
.pc-num input{width:120px;min-height:48px;border:1px solid #D5D9E2;border-radius:12px;padding:0 14px;font:500 18px Inter,system-ui,sans-serif;text-align:right;color:var(--ink);background:#fff}
.pc-num input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.cfg-step .pc-num+.opts{margin-top:14px}
.pc-name{font:500 clamp(26px,2.4vw,32px)/1.1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;margin-top:10px}
.pc-tag{margin-top:6px;font-size:14px;font-weight:600;color:var(--blue)}
.pc-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}
.pc-list li{display:flex;gap:12px;padding:12px;border-radius:14px;background:var(--sand);font-size:14px;line-height:1.45;border:1px solid transparent;transition:background .3s,border-color .3s}
.pc-list li.on{background:var(--sky-3);border-color:var(--sky-2)}
.pc-list li b{display:block;font-size:15px}
.pc-list li span:not(.ic){color:var(--muted)}
.pc-list .ic{width:36px;height:36px;background:#fff;flex:none}
.pc-pay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}
.pc-pay button{min-height:44px;border:1px solid #D5D9E2;background:#fff;border-radius:12px;font:500 14px Inter,system-ui,sans-serif;color:var(--ink);cursor:pointer;padding:0 10px}
.pc-pay button em{font-style:normal;color:var(--green);font-weight:600}
.pc-pay button[aria-pressed="true"]{border-color:var(--blue);background:var(--sky-3);box-shadow:inset 0 0 0 1px var(--blue)}
.pc-lines{margin-top:16px}
.pc-lines b{white-space:nowrap}
.pc-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.pc-total span{color:var(--muted);font-size:15px}
.pc-total b{font:500 clamp(30px,3vw,40px)/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.pc-subt{margin:8px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.pc-impl{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}
.pc-impl+.pc-impl{border-top:0;margin-top:6px;padding-top:0}
.pc-impl span{color:var(--muted)}
.pc-impl b{white-space:nowrap;text-align:right}
.pc-integ{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--gold-bg);color:var(--gold-ink);font-size:13px;line-height:1.5}
.pc-foot{margin:14px 0 0;font-size:12px;line-height:1.55;color:var(--muted-2)}
.pc-foot b{color:var(--muted)}
.pc-res .btn{margin-top:18px;width:100%}
@media (max-width:640px){
  .pc-tabs{gap:6px}.pc-tabs button{padding:0 14px;font-size:14px;min-height:44px}
  .pc-num{flex-wrap:wrap}.pc-num input{width:100%}
  .pc-pay{grid-template-columns:1fr}
}

/* ============ Demo vs. pilot ============ */
.dp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:48px}
.dp-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column}
.dp-card--pilot{background:var(--navy);border-color:var(--navy);color:#fff}
.dp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.dp-k{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.dp-card--pilot .dp-k{color:var(--gold)}
.dp-price{font:500 22px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.dp-price small{display:block;font:400 13px Inter,sans-serif;color:var(--muted);margin-top:2px}
.dp-card--pilot .dp-price small{color:var(--sky-2)}
.dp-card .h3{margin-top:14px}
.dp-card .p{margin-top:10px}
.dp-card--pilot .p{color:var(--sky-2)}
.dp-card .bul{margin-top:20px;font-size:15px}
.dp-card--pilot .bul .i{color:var(--gold)}
.dp-card .btn{margin-top:auto;align-self:flex-start}
.dp-card .bul+.btn{margin-top:28px}
.dp-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--muted)}
.dp-flow b{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500}
.dp-flow i{font-style:normal;color:var(--muted-2)}
@media (max-width:900px){.dp{grid-template-columns:minmax(0,1fr)}.dp-card{padding:24px}}

/* ceník: přehled cen */
.ptab{width:100%;border-collapse:collapse;font-size:15px;margin-top:24px;background:#fff;border-radius:var(--r-l);overflow:hidden}
.ptab th,.ptab td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
.ptab th{font-size:13px;color:var(--muted);font-weight:600;background:#FAFBFD}
.ptab td:not(:first-child),.ptab th:not(:first-child){text-align:right;white-space:nowrap}
.ptab tr:last-child td{border-bottom:0}
.ptab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-l)}
.ptab-wrap .ptab{margin:0;border-radius:0}
.pnote{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:820px}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:40px}
.pgrid h3{margin:0;font:500 22px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em}
@media (max-width:960px){.pgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.ptab th,.ptab td{padding:12px}}

/* obchodní sítě: kalkulačka zátěže centrály */
.calc-out .rows .row b{white-space:nowrap}
.ptab td:first-child{white-space:nowrap}

/* ============ Oborové stránky: sticky telefon (převzato ze zaměstnanecké části) ============ */
.fstory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;position:relative}
.fs-steps{order:2;position:relative}
.fs-pin-col{order:1}
.fs-step{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0;opacity:.28;transition:opacity .6s ease}
.fs-step.on{opacity:1}
.fs-step .h3{margin-top:16px}
.fs-step .lead{margin-top:18px}
.fs-step .bul{margin-top:28px}
.fs-more{margin-top:28px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--blue);text-decoration:none;min-height:44px}
.fs-more::after{content:"→";transition:transform .3s var(--ease)}
.fs-more:hover::after{transform:translateX(4px)}
.fs-mmedia{display:none}
.fs-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:flex-start;gap:96px}
.fs-stage{position:relative;width:340px;height:min(680px,78vh);flex:none}
.fs-device{position:absolute;inset:0;border-radius:52px;background:var(--ink);padding:10px;box-shadow:0 60px 100px -40px rgba(5,13,36,.55),0 0 0 1px rgba(10,15,31,.08)}
.fs-screens{position:relative;width:100%;height:100%;border-radius:43px;overflow:hidden;background:#EEF2FB}
.fs-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);opacity:0;transform:translateY(60px) scale(.94);transition:opacity .7s ease,transform 1s var(--ease);background:linear-gradient(170deg,#E8EEFC,#C9D6FA)}
.fs-screen:nth-child(2n){background:linear-gradient(170deg,#E9EDF8,#D3DCF4)}
.fs-screen:nth-child(5){background:linear-gradient(170deg,#F4EFE4,#EAD9B5)}
.fs-screen.on{opacity:1;transform:none}
.fs-screen.past{transform:translateY(-60px) scale(.94)}
.fs-sats{position:absolute;inset:0;pointer-events:none}
.fs-sat{position:absolute;background:#fff;color:var(--ink);border-radius:18px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(5,13,36,.35);font-size:14px;line-height:1.4;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .6s ease,transform .9s var(--ease)}
.fs-sats.on .fs-sat{opacity:1;transform:none}
.fs-sats.on .fs-sat:nth-child(2){transition-delay:.15s}
.fs-sat b{display:block;font-weight:600}
.fs-sat small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.fs-sat--l{left:-64px}
.fs-sat--r{right:-56px}
.fs-sat--q{background:var(--blue);color:#fff}
.fs-sat--q b{font-weight:500}
.fs-sat .dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--blue);margin-right:8px}
.fs-rail{order:-1;display:flex;flex-direction:column;gap:6px;position:relative;padding-left:18px}
.fs-rail::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}
.fs-rail::after{content:"";position:absolute;left:0;top:6px;width:2px;height:calc((100% - 12px) * var(--p,0));background:var(--blue);border-radius:2px}
.fs-rail a{display:flex;gap:10px;align-items:baseline;font-size:14px;color:var(--muted-2);text-decoration:none;padding:6px 0;min-height:32px;transition:color .4s ease;white-space:nowrap}
.fs-rail a span{font-family:"Inter Tight",Inter,sans-serif;font-size:12px}
.fs-rail a.on{color:var(--ink);font-weight:500}
.fs-rail a.on span{color:var(--blue)}
.fs-head{padding-top:var(--pad)}
@media (max-width:1200px){.fs-sat--l{left:-40px}.fs-sat--r{right:-24px}.fs-pin{justify-content:center}.fs-rail{display:none}}
@media (max-width:900px){
  .fstory{grid-template-columns:minmax(0,1fr);gap:0}
  .fs-pin-col{display:none}
  .fs-step{min-height:0;opacity:1;padding:48px 0;border-top:1px solid var(--line)}
  .fs-step:first-child{border-top:0}
  .fs-mmedia{display:flex;height:360px;border-radius:var(--r-l);margin-bottom:28px;align-items:center;justify-content:center;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);background:linear-gradient(160deg,#DDE5F7,var(--sky-2))}
}
@media (prefers-reduced-motion:reduce){.fs-step,.fs-screen,.fs-sat{transition:none}}

/* ============ Banner: demo aplikace ============ */
.dbanner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--navy);color:#fff;border-radius:var(--r-xl);padding:56px 64px}
.dbanner::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 90% at 100% 0%,rgba(18,82,234,.75),transparent 70%);pointer-events:none}
.dbanner>*{position:relative}
.dbanner .h2{color:#fff;max-width:640px}
.dbanner p{margin:14px 0 0;color:var(--sky-2);font-size:18px;line-height:1.55;max-width:560px}
.dbanner .btn{flex:none}
@media (max-width:900px){.dbanner{flex-direction:column;align-items:flex-start;padding:36px 28px}}

/* ============ Footer bannery: demo / pilot ============ */
.fbn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.fbn-card{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:48px;display:flex;flex-direction:column;min-height:340px;background:var(--sky-3);border:1px solid var(--sky-2)}
.fbn-card--pilot{background:var(--ink);border-color:var(--ink);color:#fff}
.fbn-card--pilot::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,rgba(18,82,234,.6),transparent 70%);pointer-events:none}
.fbn-card>*{position:relative}
.fbn-k{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.fbn-card--pilot .fbn-k{color:var(--gold)}
.fbn-k em{font-style:normal;letter-spacing:0;text-transform:none;font-weight:500;color:var(--muted)}
.fbn-card--pilot .fbn-k em{color:var(--sky-2)}
.fbn-card .h3{margin-top:18px;max-width:440px}
.fbn-card p{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--muted);max-width:460px}
.fbn-card--pilot p{color:var(--sky-2)}
.fbn-card .btn{margin-top:auto;align-self:flex-start}
.fbn-card p+.btn{margin-top:32px}
@media (max-width:900px){.fbn{grid-template-columns:minmax(0,1fr)}.fbn-card{padding:32px 28px;min-height:0}}
.pc-num--solo{justify-content:flex-start;gap:12px}
.pc-num--solo input{width:140px}
.pc-num--solo span{color:var(--muted);font-size:15px}
@media (max-width:640px){.pc-num--solo{flex-wrap:nowrap}.pc-num--solo input{width:120px}}

/* ============ Velké patičkové bannery: demo / pilot ============ */
.fbig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.fbig-host{min-width:0;display:flex}
.fbig-card{flex:1;padding:96px 48px}
.fbig-k{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-2)}
.fbig-card .h2{margin-top:18px;color:#fff}
.fbig-card .lead{max-width:520px}
.seg-page .cta.fbig-card--pilot{background:var(--navy)}
.seg-page .cta.fbig-card--pilot::before{background:radial-gradient(60% 60% at 50% 115%,rgba(235,173,65,.35),transparent 70%),radial-gradient(50% 60% at 100% 0%,rgba(18,82,234,.8),transparent 70%)}
.fbig-card--pilot .fbig-k{color:var(--gold)}
.fbig-steps{list-style:none;counter-reset:fb;max-width:460px;margin:36px auto 0;padding:0;text-align:left;display:grid;gap:16px}
.fbig-steps li{counter-increment:fb;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px}
.fbig-steps li::before{content:counter(fb);grid-row:span 2;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font:500 13px "Inter Tight",Inter,sans-serif;color:#fff}
.fbig-card--pilot .fbig-steps li::before{border-color:rgba(235,173,65,.6);color:var(--gold)}
.fbig-steps b{font-weight:600;font-size:16px;color:#fff;line-height:1.4}
.fbig-steps span{font-size:14px;line-height:1.55;color:var(--sky-2)}
.fbig-card .btns{margin-top:40px}
@media (max-width:960px){
  .fbig{grid-template-columns:minmax(0,1fr)}
  .fbig-card{min-height:0;padding:72px 24px}
}

/* ============ v6: banner na střed, bannery pod sebou ============ */
.dbanner{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:72px 64px}
.dbanner .h2{max-width:none}
.dbanner p{margin:16px auto 0;max-width:640px}
.dbanner .btn{margin-top:32px}
.head--center{justify-content:center;text-align:center}
.head--center .h2{margin-top:0}
.fbig--stack{grid-template-columns:minmax(0,1fr);gap:0}
.fbig--stack .fbig-card{min-height:0;padding:120px 48px}
.fbig--stack .fbig-card .lead{max-width:640px}
.fbig-or{display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.fbig-or::before,.fbig-or::after{content:"";width:48px;height:1px;background:var(--line)}
@media (max-width:640px){.dbanner{padding:48px 24px}.fbig--stack .fbig-card{padding:80px 24px}}

/* ============ v8: demo banner přes celou šířku, tmavý ============ */
.dband-sec{padding:0 12px;margin:var(--pad) 0}
.dband-sec .dbanner{max-width:none;width:100%;box-sizing:border-box;background:var(--night);border-radius:var(--r-xl);padding:120px 32px}
.dband-sec .dbanner::before{background:radial-gradient(55% 70% at 50% 118%,rgba(255,163,122,.32),transparent 70%),radial-gradient(45% 60% at 100% 0%,rgba(18,82,234,.45),transparent 70%)}
.dband-sec .dbanner .h2{font-size:clamp(36px,4.2vw,60px)}
.dband-sec+.section{padding-top:0}
@media (max-width:640px){.dband-sec{padding:0 8px}.dband-sec .dbanner{padding:80px 20px}}
.fbig-card .lead{max-width:440px}
.cta.fbig-card--pilot{background:var(--navy)}
.cta.fbig-card--pilot::before{display:block;background:radial-gradient(60% 60% at 50% 115%,rgba(235,173,65,.35),transparent 70%),radial-gradient(50% 60% at 100% 0%,rgba(18,82,234,.8),transparent 70%)}
/* v9: bannery demo/pilot se vejdou na obrazovku notebooku */
.fbig .fbig-card{min-height:min(600px,calc(100vh - 140px));padding:72px 40px}
@media (max-width:960px){.fbig .fbig-card{min-height:0;padding:64px 24px}}
/* oborové štítky v hero */
.htags{margin-top:44px;max-width:860px}
.htags-l{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.htags ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.htags li{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:500;backdrop-filter:blur(6px)}
@media (max-width:640px){.htags{margin-top:32px}.htags li{font-size:13px;min-height:32px;padding:0 12px}}
.htags{margin-left:auto;margin-right:auto;text-align:center}
.htags ul{justify-content:center}

/* ============ v13: reálné screeny a fotky místo mockupů ============ */
.has-img{padding:0 !important;overflow:hidden;background:#EEF2FB}
.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.has-img.is-screen img{object-position:top center}
.has-img.is-photo img{object-position:center}
.fstage-phone .has-img{background:#fff}
.fs-screen.has-img{background:#fff}
.fs-mmedia.has-img{height:auto;background:linear-gradient(160deg,#E8EEFC,var(--sky-2));padding:32px 0 0 !important;align-items:flex-end}
.fs-mmedia.has-img img{width:min(260px,70%);height:auto;border-radius:28px 28px 0 0;box-shadow:0 20px 40px -20px rgba(5,13,36,.35)}
.media.has-img.is-photo{height:auto !important;aspect-ratio:1/1}
@media (max-width:960px){.media.has-img.is-photo{aspect-ratio:4/3}}

/* ============ v14: rámeček iPhone 16 (displej 393 × 852) ============ */
.fs-stage{width:auto;height:min(700px,80vh);aspect-ratio:413/872}
.fs-device{padding:2.42%;border-radius:15.7%/7.45%}
.fs-screens{border-radius:14%/6.46%;container-type:inline-size}
.fs-screen.has-img img,.fs-screen.has-img{border-radius:0}
.fs-screen.has-img img{object-fit:fill}
.fs-screens::after,.fstage-phone .has-img::after,.fs-mmedia.has-img .fs-island{content:"";position:absolute;z-index:5;left:34.1cqw;top:2.8cqw;width:31.8cqw;height:9.4cqw;border-radius:999px;background:#000;pointer-events:none}
/* poloviční telefon v hero */
.fstage-phone{padding:7px 7px 0}
.fstage-phone .has-img{position:relative;container-type:inline-size;border-radius:30px 30px 0 0;background:#fff}
.fstage-phone .has-img img{height:auto;object-fit:initial}
/* mobil: screen v rámečku */
.fs-mmedia.has-img img{border:8px solid var(--ink);border-bottom:0;border-radius:44px 44px 0 0;box-shadow:0 20px 40px -20px rgba(5,13,36,.45)}
.fstage-phone .has-img{display:block}
.fstage-ph.has-img{height:100%;display:block}
.fstage-ph.has-img img{object-position:55% 40%}

/* ============ v19: hero firmy – celý dashboard + celý telefon ============ */
.fhero{height:auto;min-height:calc(100svh - 24px);padding-bottom:clamp(96px,12vh,140px)}
.fstage{flex:none;width:100%;max-width:1120px;min-height:0;transform:none}
.fstage-admin{position:relative;inset:auto;width:84%;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#0E1630;box-shadow:0 50px 100px -40px rgba(0,0,0,.7);overflow:hidden}
.fstage-admin .fstage-bar{height:36px;background:rgba(255,255,255,.04)}
.fstage-admin>img{display:block;width:100%;height:auto}
.fstage-phone{position:absolute;right:0;top:14%;bottom:auto;left:auto;margin:0;width:24%;height:auto;aspect-ratio:413/872;padding:2.42%;border-radius:15.7%/7.45%;border:1px solid rgba(255,255,255,.25);background:#0A0F1F;box-shadow:0 50px 90px -30px rgba(0,0,0,.75)}
.fstage-screen{position:relative;width:100%;height:100%;border-radius:14%/6.46%;overflow:hidden;background:#fff;container-type:inline-size}
.fstage-screen img{display:block;width:100%;height:100%;object-fit:fill}
.fstage-screen::after{content:"";position:absolute;z-index:2;left:34.1cqw;top:2.8cqw;width:31.8cqw;height:9.4cqw;border-radius:999px;background:#000}
.fw--1{left:-24px;top:22%}
.fw--2{left:44%;top:70%}
.fw--3{right:21%;top:-4%}
@media (max-width:960px){.fstage-phone{width:26%}}
@media (max-width:640px){
  .fstage-admin{display:block;width:100%}
  .fstage-phone{position:relative;right:auto;top:auto;width:62%;margin:-18% auto 0}
}
@media (max-width:640px){.fstage-phone{width:52%;margin-top:-12%}}

/* ============ v20: ceník – vše hned vidět ============ */
.page-cenik [data-reveal]{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}
.page-cenik .phead{padding-top:clamp(104px,13vh,132px);padding-bottom:40px}
.page-cenik .phead .h1{font-size:clamp(34px,4.4vw,56px)}
.page-cenik .section{padding-top:64px;padding-bottom:64px}
.page-cenik #kalkulacka{padding-top:40px}
.cjump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.cjump a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:500;text-decoration:none}
.cjump a:hover{background:rgba(255,255,255,.12);color:#fff}
.cjump a::after{content:"↓";margin-left:8px;opacity:.7}

/* ============ v21 ============ */
/* hero úvodu: tenký rámeček telefonu (padding v % se počítal z celé plochy) */
.fstage-phone{padding:clamp(5px,.55vw,8px)}
/* obory: rozcestník v hero */
.phead .cjump{justify-content:center}
.seg-page .phead .hero-ctas+.cjump{margin-top:24px}
/* obory: štítky pod hero */
.segtags{padding:40px 0 0;text-align:center}
.segtags-l{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.segtags ul{list-style:none;padding:0;margin:16px auto 0;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.segtags li{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--sky-3);border:1px solid var(--sky-2);color:var(--navy);font-size:15px;font-weight:600}
.segtags+.section{padding-top:72px}
@media (max-width:640px){.segtags li{min-height:38px;padding:0 14px;font-size:14px}}
/* v22: zaoblení telefonu v hero – vnitřní radius = vnější − rámeček */
.fstage-phone{--bz:clamp(5px,.55vw,8px);padding:var(--bz);container-type:inline-size;border-radius:15.7%/7.45%}
.fstage-screen{border-radius:calc(15.7cqw - var(--bz))}
.fstage-phone .fstage-screen{display:block;height:100%;border-radius:calc(15.7cqw - var(--bz));background:#fff}

/* ======================================================
   v23 – jazyky, breaker banner, odznaky V ceně / Volitelné,
   kalkulačka s jezdcem a dvěma sloupci (měsíčně / ročně)
   ====================================================== */
/* odznaky */
.fbadge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.fbadge::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}
.fbadge--inc{background:var(--green-bg);color:var(--green)}
.fbadge--opt{background:var(--gold-bg);color:var(--gold-ink)}
.fs-eyrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* jazyky */
.lang{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.lang-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.lang-row+.lang-row{margin-top:16px}
.lang-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lang-chips li{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;background:#fff}
.lang-more{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.lang-more b{color:var(--ink);font-weight:600}
.lang-viz{position:relative;border-radius:var(--r-xl);background:radial-gradient(80% 90% at 70% 100%,#DCE6FF 0%,#EEF2FB 60%,#F3F5FB 100%);padding:40px;display:flex;flex-direction:column;gap:10px;min-height:440px;justify-content:center}
.lang-src{align-self:flex-start;background:var(--ink);color:#fff;border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:14px;line-height:1.45;max-width:85%;margin-bottom:8px}
.lang-src small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-2);margin-bottom:2px}
.lang-msg{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 12px 30px -22px rgba(4,52,159,.45);font-size:14px;line-height:1.45}
.lang-msg p{margin:0;flex:1}
.lang-msg em{font-style:normal;font-size:12px;font-weight:600;color:var(--gold-ink);background:var(--gold-bg);border-radius:999px;padding:2px 8px;white-space:nowrap}
.lc{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:8px;background:var(--sky);color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.04em}
.lang-msg--opt .lc{background:var(--gold-bg);color:var(--gold-ink)}
.lang-viz.in .mu-pop{animation:popin .6s var(--ease) .4s forwards}
.lang-viz.in .mu-pop2{animation:popin .6s var(--ease) .7s forwards}
.lang-viz.in .mu-pop3{animation:popin .6s var(--ease) 1s forwards}
.fv-langs .lang-msg{font-size:13px;padding:10px 12px}
@media (max-width:900px){.lang{grid-template-columns:minmax(0,1fr);gap:40px}.lang-viz{min-height:0;padding:28px 20px}}
@media (prefers-reduced-motion:reduce){.lang-viz .mu-pop,.lang-viz .mu-pop2,.lang-viz .mu-pop3{opacity:1;transform:none;animation:none}}

/* breaker banner: cena za den */
.brk{min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 32px;background:linear-gradient(160deg,#050D24 0%,#04349F 62%,#1252EA 100%)}
.brk .glow{background:radial-gradient(55% 60% at 50% 110%,rgba(18,82,234,.9) 0%,rgba(18,82,234,0) 70%),radial-gradient(40% 45% at 0% 0%,rgba(5,13,36,.8) 0%,rgba(5,13,36,0) 70%)}
.brk .gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 10%,transparent 75%);mask-image:radial-gradient(60% 60% at 50% 50%,#000 10%,transparent 75%)}
.brk-in{position:relative;max-width:980px;display:flex;flex-direction:column;align-items:center}
.brk-k{margin:0;font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-2)}
.brk-n{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,1.4vw,20px);margin-top:28px;font-family:"Inter Tight",Inter,sans-serif;color:#fff;line-height:.85}
.brk-n b{font-weight:500;font-size:clamp(120px,22vw,300px);letter-spacing:-.06em}
.brk-od{font-size:clamp(22px,2.6vw,36px);font-weight:500;color:var(--sky-2);margin-top:.6em}
.brk-u{text-align:left;font-size:clamp(28px,4vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.02;margin-top:.35em}
.brk-d{margin:36px 0 0;max-width:620px;font-size:20px;line-height:1.55;color:var(--sky-2)}
.brk .btn{margin-top:32px}
.brk-foot{margin:20px 0 0;font-size:13px;color:rgba(201,214,250,.7)}
@media (max-width:640px){.brk{min-height:0;padding:88px 20px}.brk-d{font-size:17px}}

/* kalkulačka: jezdec */
.pc-range{margin-top:20px}
.pc-range-v{display:flex;align-items:baseline;gap:10px}
.pc-range-v output{font:500 clamp(36px,4vw,48px)/1 "Inter Tight",Inter,sans-serif;letter-spacing:-.04em}
.pc-range-v span{font-size:16px;color:var(--muted)}
.pc-range input[type=range]{height:36px;margin-top:14px}
.pc-range input[type=range]::-webkit-slider-runnable-track{height:8px}
.pc-range input[type=range]::-moz-range-track{height:8px}
.pc-range input[type=range]::-moz-range-progress{height:8px}
.pc-range input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px;border-width:3px}
.pc-range input[type=range]::-moz-range-thumb{width:24px;height:24px;border-width:3px}
.pc-ticks{position:relative;height:20px;margin:4px 14px 0}
.pc-ticks span{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:var(--muted-2);white-space:nowrap}
.pc-ticks span:first-child{transform:none}
.pc-ticks span:last-child{transform:translateX(-100%)}
/* kalkulačka: o co máte zájem */
.opts--need{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.opt--2l{display:flex;flex-direction:column;gap:3px;padding:12px 14px}
.opt--2l b{font-weight:600;font-size:15px}
.opt--2l small{font-size:13px;line-height:1.4;color:var(--muted)}
/* kalkulačka: výsledek ve dvou sloupcích */
.pc-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pc-col{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff;min-width:0}
.pc-col--y{background:var(--sky-3);border-color:var(--sky-2)}
.pc-col-k{font-size:13px;font-weight:600;color:var(--muted)}
.pc-col-k em{font-style:normal;color:var(--green);margin-left:4px}
.pc-col b{font:500 clamp(24px,2.3vw,32px)/1.05 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere}
.pc-col small{font-size:12.5px;line-height:1.45;color:var(--muted)}
.pc-impl span small{display:block;font-size:12px;color:var(--muted-2);margin-top:2px}
.pc-free{color:var(--green)}
.pc-empty,.pc-indiv{padding:22px;border-radius:16px;background:var(--sand)}
.pc-empty b,.pc-indiv b{display:block;font:500 28px/1.1 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;margin-top:6px}
.pc-empty p,.pc-indiv p{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.pc-empty b{margin-top:0}
@media (max-width:560px){.pc-cols{grid-template-columns:1fr}}
/* ceník: tabulky ve dvou sloupcích */
#jak-se-pocita .pgrid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.ptab--2c td b,.ptab--once td b{display:block;font-weight:600}
.ptab--2c td small,.ptab--once td small{display:block;font-size:12px;color:var(--muted-2);margin-top:2px;white-space:nowrap}
.ptab--2c th em{font-style:normal;color:var(--green)}
.ptab--hr td:nth-child(2){white-space:normal;text-align:left;color:var(--muted);font-size:14px}
.ptab--hr th:nth-child(2){text-align:left}
.ptab--once td:last-child{text-align:right}
.incl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.incl-col{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:24px}
.incl-col ul{margin:14px 0 0;padding:0 0 0 18px;display:grid;gap:8px;font-size:15px;line-height:1.5;color:var(--ink)}
@media (max-width:900px){#jak-se-pocita .pgrid{grid-template-columns:minmax(0,1fr)}.incl{grid-template-columns:1fr}}
/* logo Vodárna Plzeň v pásu klientů */
.marquee img[src*="logo-vodarna"]{height:28px}
.ptab--once td{white-space:normal !important;vertical-align:top}
.ptab--once td:last-child{width:46%}
.ptab--once td small{white-space:normal}
.pc-impl+.pc-impl{margin-top:10px}
@media (max-width:560px){.pc-ticks span:nth-child(4){display:none}.pc-sub{display:block;margin:4px 0 0}.cfg-step h3{flex-wrap:wrap}}

/* ======================================================
   v24
   ====================================================== */
/* typografie: žádné osamocené slovo na posledním řádku */
.h1,.h2,.h3,.h4,h1,h2,h3,h4,.fcard-t{text-wrap:balance}
p,.lead,.p,li,small{text-wrap:pretty}
/* Proč firmy PalmApp nasazují: horní odsazení za bannerem */
.dband-sec+.section--sand{padding-top:var(--pad)}
/* obchodní sítě: jemně šedá ikona místo obrysu */
.ic--ring{background:#ECEEF2;box-shadow:none;color:var(--ink)}
/* Co PalmApp umí: jeden nadpis jako u malých karet, šipka místo odkazu */
.fcard{position:relative}
.fcard-head{display:flex;align-items:flex-start;gap:16px;padding:32px 32px 0}
.fcard-head .ic{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--navy)}
.fcard-tt{flex:1;min-width:0;padding-right:56px}
.fcard-t{margin:0;font:500 24px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.fcard-tt .p{margin-top:6px;max-width:440px;font-size:16px;line-height:1.5}
.fcard-arr{position:absolute;right:28px;top:28px;width:44px;height:44px;border-radius:999px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .4s var(--ease)}
.fcard-arr .i{width:20px;height:20px}
.fcard:hover .fcard-arr,.fcard:focus-visible .fcard-arr{background:var(--ink);color:#fff;transform:translate(2px,-2px)}
@media (max-width:560px){.fcard-head{padding:24px 20px 0;gap:12px}.fcard-tt{padding-right:44px}.fcard-arr{right:16px;top:20px;width:38px;height:38px}}
/* Další funkce: body bez odrážek, šedý text */
.fs-step .bul{gap:6px;color:var(--muted);font-size:16px}
.fs-step .bul .i{display:none}
.fs-step .bul li{gap:0}
/* vlajky */
.flag{display:inline-block;width:20px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(10,15,31,.12);object-fit:cover;vertical-align:-2px;flex:none}
.flags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;vertical-align:middle}
.lc--flag{background:none;width:auto;height:auto;border-radius:0}
.lc--flag .flag{width:24px;height:18px}
/* ukázka zpráv: jen výběr hotových textů */
.demo-in span.l{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}
.demo-src{min-height:0;resize:none;margin-top:12px;white-space:pre-line}
/* kalkulačka: co je vždy v ceně */
.pc-incl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pc-incl li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--sky-3);box-shadow:inset 0 0 0 1px var(--sky-2)}
.pc-incl .i{width:18px;height:18px;color:var(--blue);flex:none;margin-top:2px}
.pc-incl b{display:block;font-size:15px;font-weight:600}
.pc-incl small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--muted)}
.pc-incl .flags{margin-top:4px}
/* kalkulačka: za příplatek */
.pc-xh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:16px}
.pc-xh b{font-size:15px;font-weight:600}
.pc-xh span{font-size:14px;color:var(--muted)}
.pc-xh--sep{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.opts--lang{margin-top:12px}
.opt--lang{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px}
.pc-hint{margin:10px 0 0}
/* kalkulačka: dvě ceny */
.pc-cols{gap:12px}
.pc-col{position:relative;justify-content:space-between;gap:10px}
.pc-col--y{background:#FFF8E6;border-color:#F2D48F}
.pc-disc{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.01em;border-radius:999px;padding:4px 10px;white-space:nowrap;line-height:1.1}
.pc-col .pc-disc{position:absolute;top:-12px;right:14px;box-shadow:0 6px 14px -8px rgba(122,84,16,.6)}
.ptab th .pc-disc{margin-left:6px;font-size:12px;padding:3px 8px}
.pc-impl b .flags{gap:5px}
/* otazník s nápovědou */
.tip{position:relative;display:inline-flex;margin-left:6px;vertical-align:-3px}
.tip-btn{width:18px;height:18px;padding:0;border-radius:999px;border:1px solid #C3C8D4;background:#fff;color:var(--muted);font:600 11px/1 Inter,system-ui,sans-serif;cursor:help;display:inline-flex;align-items:center;justify-content:center}
.tip-btn:hover,.tip-btn:focus-visible{border-color:var(--ink);color:var(--ink)}
.tip-txt{position:absolute;left:50%;bottom:calc(100% + 10px);width:240px;transform:translate(-50%,4px);background:var(--ink);color:#fff;font-size:13px;font-weight:400;line-height:1.45;text-align:left;white-space:normal;padding:10px 12px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30}
.tip-txt::after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--ink)}
.tip:hover .tip-txt,.tip-btn:focus-visible+.tip-txt{opacity:1;transform:translate(-50%,0)}
.ptab-wrap--tip,.ptab-wrap--tip .ptab{overflow:visible}
@media (max-width:560px){.tip-txt{left:auto;right:-60px;transform:translateY(4px)}.tip:hover .tip-txt,.tip-btn:focus-visible+.tip-txt{transform:none}.tip-txt::after{left:auto;right:64px}}
.mega--seg>a[href="obchodni-site.html"]:hover .ic--ring,.mega--seg>a[href="obchodni-site.html"][aria-current="page"] .ic--ring{background:#fff}
.ptab-wrap--tip{background:#fff}
.ptab-wrap--tip .ptab{background:transparent}
.ptab--once td:first-child{white-space:nowrap !important}
.ptab--once td:last-child{width:auto}
@media (max-width:560px){.pc-ticks span:nth-child(5){display:none}.cfg-step h3 .pc-sub{flex-basis:100%;margin:4px 0 0 38px}.ptab--once td:first-child{white-space:normal !important}}
/* v26: karty Co PalmApp umí nižší, obsah větší */
.fcard{min-height:440px}
.fcard .fviz{min-height:0;margin:12px 24px 24px;padding:20px}
.fcard .fviz>*{zoom:1.32}
.fcard-head .ic{width:52px;height:52px}
.fcard-head .ic .i{width:22px;height:22px}
.fcard-t{font-size:clamp(26px,2.2vw,30px)}
.fcard-tt .p{font-size:17px}
@media (max-width:900px){.fcard{min-height:0}.fcard .fviz>*{zoom:1.12}}
@media (max-width:560px){.fcard .fviz>*{zoom:1}}
@media (max-width:560px){.fcard-head{flex-direction:column;gap:14px}.fcard-tt{padding-right:0}.fcard-t{font-size:24px}.fcard-tt .p{font-size:16px}}

/* v29: počítadlo dalších firemních dlaždic */
.pc-stepper{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.pc-stepper-b{width:40px;height:40px;border:0;border-radius:999px;background:var(--sand);color:var(--ink);font:500 20px/1 Inter,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}
.pc-stepper-b:hover:not(:disabled){background:var(--sky)}
.pc-stepper-b:disabled{opacity:.35;cursor:default}
.pc-stepper output{min-width:44px;text-align:center;font:600 18px/1 Inter,system-ui,sans-serif}
.pc-foot a{color:inherit;text-decoration:underline}

/* ======================================================
   v32 – STUDIO+
   ====================================================== */
.stx{position:relative;overflow:hidden;border-radius:var(--r-xl);color:#fff;padding:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;
  background:radial-gradient(60% 80% at 85% 110%,rgba(18,82,234,.85) 0%,rgba(18,82,234,0) 70%),radial-gradient(50% 60% at 0% 0%,rgba(92,200,255,.18) 0%,rgba(92,200,255,0) 70%),linear-gradient(160deg,#050D24 0%,#071A4D 60%,#0A2A86 100%)}
.stx-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 70% 50%,#000 10%,transparent 80%);mask-image:radial-gradient(70% 70% at 70% 50%,#000 10%,transparent 80%)}
.stx-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.stx-logo{width:min(320px,100%);height:auto;margin-bottom:32px}
.stx .h2{color:#fff}
.stx .lead{color:var(--sky-2);margin-top:16px}
.stx-steps{list-style:none;margin:28px 0 24px;padding:0;display:grid;gap:10px;font-size:16px;color:#E6ECFF}
.stx-steps li{display:flex;align-items:baseline;gap:14px}
.stx-steps b{font:600 12px/1 "Inter Tight",Inter,sans-serif;letter-spacing:.08em;color:#7FD6FF}
.stx .fbadge--inc{background:rgba(76,201,140,.16);color:#7EE2AE}
.stx-viz{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}
.stx-in{width:100%;max-width:460px;display:grid;gap:10px}
.stx-file,.stx-prompt{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;backdrop-filter:blur(6px);font-size:14px;line-height:1.45}
.stx-file{display:flex;align-items:center;gap:12px}
.stx-file b{display:block;font-weight:600}
.stx-file small,.stx-prompt small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8FA6DB}
.stx-ext{flex:none;width:40px;height:48px;border-radius:8px;background:#fff;color:#C2331F;font:700 11px/48px Inter,sans-serif;text-align:center;letter-spacing:.04em}
.stx-prompt{color:#E6ECFF}
.stx-core{display:flex;flex-direction:column;align-items:center;margin:6px 0}
.stx-core img{width:88px;height:88px;filter:drop-shadow(0 0 24px rgba(92,200,255,.55))}
.stx-beam{width:2px;height:26px;background:linear-gradient(180deg,rgba(127,214,255,0),#7FD6FF)}
.stx-beam:last-child{background:linear-gradient(180deg,#7FD6FF,rgba(127,214,255,0))}
.stx-out{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stx-card{background:#fff;color:var(--ink);border-radius:16px;padding:8px 8px 12px;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.stx-card b{display:block;font-size:14px;font-weight:600;margin:10px 4px 0}
.stx-card small{display:block;font-size:12px;color:var(--muted);margin:2px 4px 0}
.stx-thumb{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#0A2A86}
.stx-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stx-thumb em{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:rgba(5,13,36,.7);border-radius:6px;padding:2px 6px}
.stx-play{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:999px;background:rgba(255,255,255,.9)}
.stx-play::after{content:"";position:absolute;left:14px;top:11px;border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent}
.stx-thumb--txt{background:var(--sky-3);padding:14px 12px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.stx-thumb--txt i{display:block;height:7px;border-radius:4px;background:#C9D6FA}
.stx-thumb--txt i:first-child{width:70%;background:var(--navy)}
.stx-thumb--txt i:last-child{width:55%}
@media (prefers-reduced-motion:no-preference){
  .stx.in .stx-core img{animation:stxspin 1.4s var(--ease) .3s both}
  .stx.in .stx-card{animation:stxpop .6s var(--ease) both}
  .stx.in .stx-card:nth-child(1){animation-delay:.9s}.stx.in .stx-card:nth-child(2){animation-delay:1.05s}.stx.in .stx-card:nth-child(3){animation-delay:1.2s}
}
@keyframes stxpop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes stxspin{from{transform:rotate(-90deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
@media (max-width:980px){.stx{grid-template-columns:minmax(0,1fr);padding:48px 32px;gap:40px}}
@media (max-width:560px){.stx{padding:36px 20px}.stx-out{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stx-out .stx-card:last-child{display:none}.stx-logo{width:240px}}
.stx-steps b{flex:none;width:22px}
/* v33: loga klientů pod hero oborových stránek */
.seglogos .logos{padding:48px 0 8px}
.seglogos .marquee img{filter:grayscale(1);opacity:.55}
.seglogos+.segtags{padding-top:24px}
@media (max-width:560px){.seglogos .logos{padding:32px 0 0}.seglogos .marquee-track{gap:40px}.seglogos .marquee img{height:28px}}
.phead-sec+.seglogos{padding-top:0}
.seglogos .logos{padding:56px 0 8px}
.seglogos+section.section{padding-top:var(--pad)}
@media (max-width:640px){.phead-sec+.seglogos{padding-top:0}.seglogos .logos{padding:36px 0 0}}

/* ======================================================
   v35 – podpora 24/7 a cena za den
   ====================================================== */
.fhero-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 clamp(18px,3vh,28px);padding:8px 16px 8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--sky-2);font-size:14px;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,border-color .2s ease}
.fhero-pill b{color:#fff;font-weight:600}
.fhero-pill:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);color:#fff}
.fhero-live{position:relative;flex:none;width:8px;height:8px;border-radius:999px;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.18)}
@media (prefers-reduced-motion:no-preference){.fhero-live::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#4ADE80;animation:live 2.4s ease-out infinite}}
@keyframes live{from{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}
.brk-k{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}
.brk-247{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;letter-spacing:.06em}
@media (max-width:640px){.fhero-pill{font-size:13px;padding:7px 14px 7px 11px}}
.brk-n b{margin-bottom:.1em}
.fhero-pill span{text-wrap:balance}
@media (max-width:640px){.fhero-pill{border-radius:20px;text-align:left;max-width:100%}}

/* ======================================================
   v39 – hero: text vlevo, cena 0,99 Kč a telefon vpravo
   ====================================================== */
.fhero--split{justify-content:center;padding-top:clamp(104px,14vh,140px);padding-bottom:clamp(56px,9vh,104px)}
.fh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,4vw,56px);align-items:center;width:100%;max-width:1300px}
.fhero--split .fhero-copy{max-width:none;text-align:left}
.fhero--split h1{font-size:clamp(38px,min(4.1vw,6.8vh),60px);text-wrap:balance}
.fhero--split .sub{margin-left:0;max-width:620px}
.fhero--split .scroll-hint{display:none}
.fhero--split .fhero-ctas{justify-content:flex-start}
.fh-visual{display:flex;align-items:center;gap:clamp(16px,1.8vw,28px)}
.fh-phone{--bz:8px;position:relative;flex:none;width:clamp(220px,19vw,280px);aspect-ratio:413/872;padding:var(--bz);border-radius:15.7%/7.45%;border:1px solid rgba(255,255,255,.25);background:#0A0F1F;box-shadow:0 50px 90px -30px rgba(0,0,0,.75);container-type:inline-size}
.fh-screen{position:relative;width:100%;height:100%;border-radius:calc(15.7cqw - var(--bz));overflow:hidden;background:#fff}
.fh-screen img{display:block;width:100%;height:100%;object-fit:fill}
.fh-screen::after{content:"";position:absolute;z-index:2;left:34.1cqw;top:2.8cqw;width:31.8cqw;height:9.4cqw;border-radius:999px;background:#000}
.fh-price{position:relative;flex:none;width:clamp(260px,23vw,340px);padding:24px 24px 22px;border-radius:28px;text-align:left;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,rgba(92,200,255,.28) 0%,rgba(92,200,255,0) 60%),linear-gradient(165deg,rgba(18,82,234,.9) 0%,rgba(4,52,159,.85) 100%);
  border:1px solid rgba(255,255,255,.24);box-shadow:0 40px 80px -30px rgba(18,82,234,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.fh-k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.fh-num{display:flex;align-items:flex-start;gap:6px;margin-top:14px;font-family:"Inter Tight",Inter,sans-serif;line-height:.85}
.fh-num b{font-weight:500;font-size:clamp(60px,5.4vw,84px);letter-spacing:-.06em;margin-bottom:.1em}
.fh-od{font-size:16px;font-weight:500;color:var(--sky-2);margin-top:.5em}
.fh-u{font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.05;margin-top:.3em}
.fh-note{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--sky-2)}
.fh-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:500;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}
.fh-link::after{content:"→"}
.fh-link:hover{color:#fff;border-bottom-color:#fff}
.fh-price--m{display:none}
@media (max-width:1100px){
  .fh-grid{grid-template-columns:minmax(0,1fr);justify-items:center}
  .fhero--split .fhero-copy{text-align:center}
  .fhero--split .sub{margin-left:auto}
  .fhero--split .fhero-ctas{justify-content:center}
  .fh-visual{margin-top:8px}
}
@media (max-width:640px){
  .fhero--split{padding-top:96px}
  .fh-visual>.fh-price{display:none}
  .fh-price--m{display:block;width:100%;margin:24px 0 0;text-align:center}
  .fh-price--m .fh-num{justify-content:center}
  .fh-visual{width:100%;justify-content:center;margin-top:32px}
  .fh-phone{width:min(260px,66%)}
}

/* ======================================================
   v40 – hero podle plátna: 3D telefon s náklonem, cena ve skle přes telefon
   ====================================================== */
.fh-visual{gap:0;padding-right:24px}
.fh-price{width:clamp(340px,28.5vw,410px);padding:28px 28px 26px;border-radius:30px;
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 50%),rgba(8,20,64,.5);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 30px 60px -24px rgba(0,0,0,.7)}
.fh-visual>.fh-price{z-index:2;align-self:flex-end;margin:0 clamp(-150px,-10vw,-100px) 64px 0}
.fh-k{font-size:13px}
.fh-num{gap:8px;margin-top:18px}
.fh-num b{font-size:clamp(76px,7.8vw,112px);margin-bottom:.11em}
.fh-od{font-size:clamp(17px,1.4vw,20px);margin-top:.6em}
.fh-u{font-size:clamp(24px,2.1vw,30px);margin-top:.33em}
.fh-note{margin-top:12px;font-size:14px}
.fh-link{margin-top:16px;font-size:15px}
.fh-phone3d{position:relative;z-index:1;flex:none}
.fh-phone3d img{display:block;width:clamp(240px,21vw,303px);height:auto;transform:rotate(8deg);transform-origin:50% 55%;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55))}
@media (max-width:1100px){.fh-visual{justify-content:center;padding-right:0;margin-top:24px}}
@media (max-width:640px){
  .fh-price--m{position:relative;width:100%;padding:22px 20px 20px;border-radius:24px;
    background:radial-gradient(60% 70% at 8% 0%,rgba(46,110,255,.55) 0%,rgba(46,110,255,0) 70%),radial-gradient(50% 60% at 100% 100%,rgba(92,200,255,.35) 0%,rgba(92,200,255,0) 70%),linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 50%),rgba(8,20,64,.5)}
  .fh-price--m .fh-num b{font-size:84px}
  .fh-price--m .fh-od{font-size:18px}
  .fh-price--m .fh-u{font-size:25px}
  .fh-visual{margin-top:40px}
  .fh-phone3d img{width:min(240px,62vw)}
}

/* ======================================================
   v41 – podle plátna: telefon blíž textu, karta s cenou vpravo dole přes telefon
   ====================================================== */
.fh-phone3d{order:1}
.fh-visual>.fh-price{order:2;width:clamp(320px,26vw,373px);margin:0 0 8px clamp(-121px,-8.4vw,-90px);align-self:flex-end}
.fh-visual>.fh-price .fh-note{text-align:center}
@media (min-width:1101px){.fh-visual{padding-right:40px}}
.fh-visual>.fh-price .fh-num{gap:6px}
.fh-visual>.fh-price .fh-num b{font-size:clamp(76px,7vw,106px)}

/* ======================================================
   v43 – mobilní menu: karty řešení, funkce, rychlé odkazy, CTA vždy dole
   ====================================================== */
.dr-backdrop{display:none}
@media (max-width:1180px){
  .dr-backdrop{display:block;position:fixed;inset:0;z-index:48;background:rgba(5,13,36,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
  .dr-backdrop.open{opacity:1;visibility:visible;transition:opacity .25s ease}
  .drawer{display:flex;flex-direction:column;inset:104px 8px auto;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);padding:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 40px 80px -30px rgba(5,13,36,.6)}
  .dr-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 12px}
  .drawer .seg-m{margin-bottom:6px}
  .dr-h{margin:18px 4px 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
  .dr-ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--sky);color:var(--navy)}
  .dr-ic .i{width:20px;height:20px}
  .dr-segs{display:grid;gap:8px}
  .drawer .dr-seg{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 14px;border:0;border-radius:16px;font-size:16px;color:var(--ink);transition:background-color .2s ease}
  .dr-seg--blue{background:#EEF3FF}.dr-seg--gray{background:#F3F4F7}.dr-seg--pink{background:#FDF1F6}
  .dr-seg--blue .dr-ic{background:var(--blue);color:#fff}
  .dr-seg--gray .dr-ic{background:#5F6577;color:#fff}
  .dr-seg--pink .dr-ic{background:#D9467F;color:#fff}
  .dr-t{display:flex;flex-direction:column;flex:1;min-width:0}
  .dr-t b{font-size:16px;font-weight:600;line-height:1.25}
  .dr-t small{margin-top:2px;font-size:13px;font-weight:400;line-height:1.35;color:var(--muted)}
  .drawer .dr-seg::after,.drawer .dr-list a::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg);opacity:.4}
  .dr-list{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .drawer .dr-list a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}
  .drawer .dr-list a:last-child{border-bottom:0}
  .dr-list .dr-ic{width:36px;height:36px;border-radius:10px}
  .dr-l{flex:1;min-width:0}
  .dr-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  .drawer .dr-quick a{flex-direction:column;justify-content:center;gap:6px;min-height:80px;padding:12px 6px;border:1px solid var(--line);border-radius:16px;font-size:14px;color:var(--ink);text-align:center}
  .dr-quick .dr-ic{width:34px;height:34px;border-radius:10px}
  .drawer .dr-list a[aria-current="page"],.drawer .dr-quick a[aria-current="page"]{background:var(--sky-3);color:var(--navy)}
  .drawer .dr-quick a[aria-current="page"]{border-color:var(--sky-2)}
  .drawer .dr-seg[aria-current="page"]{box-shadow:inset 0 0 0 2px currentColor}
  .drawer .dr-seg--blue[aria-current="page"]{color:var(--navy)}
  .dr-foot{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line);background:#fff}
  .drawer .dr-foot .btn{margin:0;width:100%;min-height:52px;padding:0 12px;font-size:15px;border:1px solid transparent;justify-content:center}
  .drawer .dr-foot .btn--primary{color:#fff}
  .drawer .dr-foot .btn--line{color:var(--ink);border:1px solid #CDD3DF}
  .nav .burger span{transition:background-color .2s ease}
  .nav .burger span::before,.nav .burger span::after{transition:top .25s var(--ease),transform .25s var(--ease)}
  .nav .burger[aria-expanded="true"] span{background:transparent}
  .nav .burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
  .nav .burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
}
@media (max-width:640px){.drawer{inset:88px 8px auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px)}}
/* STUDIO+ na mobilu: všechny tři výstupy, náhled nevynecháváme */
@media (max-width:560px){
  .stx-out{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .stx-out .stx-card:last-child{display:block}
  .stx-card{padding:6px 6px 10px;border-radius:12px}
  .stx-thumb{border-radius:8px}
  .stx-card b{font-size:13px;margin:8px 2px 0}
  .stx-card small{font-size:11px;line-height:1.3;margin:2px 2px 0}
  .stx-play{width:28px;height:28px;margin:-14px 0 0 -14px}
  .stx-play::after{left:11px;top:8px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}
  .stx-thumb em{font-size:10px;right:4px;bottom:4px;padding:1px 5px}
  .stx-thumb--txt{padding:10px 8px;gap:6px}
}

/* v44: menu minimalističtěji – řešení bez podtitulků, funkce a rychlé odkazy bez obrysů, tlačítka ukotvená jen při scrollu */
@media (max-width:1180px){
  .drawer .dr-seg{min-height:56px;padding:8px 12px;gap:12px}
  .dr-seg .dr-ic{width:36px;height:36px;border-radius:10px}
  .dr-list{border:0;border-radius:0;gap:2px}
  .drawer .dr-list a{min-height:48px;padding:6px 8px;border:0;border-radius:12px}
  .drawer .dr-list a::after{display:none}
  .dr-list .dr-ic{background:transparent;width:28px;height:28px}
  .dr-quick{margin-top:10px}
  .drawer .dr-quick a{min-height:72px;border:0;background:#F6F7FA}
  .dr-quick .dr-ic{background:transparent;width:28px;height:28px}
  .drawer .dr-list a[aria-current="page"]{background:var(--sky-3)}
  .drawer .dr-quick a[aria-current="page"]{background:var(--sky-3)}
  .dr-foot{border-top:0;padding-top:8px}
  .drawer.has-scroll .dr-foot{border-top:1px solid var(--line);padding-top:12px;box-shadow:0 -12px 24px -16px rgba(10,15,31,.18)}
}
/* v45: Úvod, Ceník, Kontakt jako seznam nad funkcemi */
@media (max-width:1180px){.dr-list--pages{margin-top:12px}}

/* ======================================================
   v46 – ceník: zkrácený formulář pod výsledkem
   ====================================================== */
.pc-res--lead{position:static}
.pc-lead{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.pc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc-form .full{grid-column:1/-1}
.pc-form-h b{display:block;font:500 22px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.pc-form-h span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.pc-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.pc-form small{font-weight:400;color:var(--muted)}
.pc-form input:not([type=checkbox]){font:inherit;font-size:15px;font-weight:400;color:var(--ink);padding:10px 14px;min-height:48px;width:100%;border:1px solid #D5D9E2;border-radius:12px;background:#fff}
.pc-form input:not([type=checkbox]):focus{outline:2px solid var(--blue);outline-offset:0;border-color:transparent}
.pc-form .pc-consent{display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.5;color:var(--muted)}
.pc-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue)}
.pc-consent a{color:inherit;text-decoration:underline}
.pc-res .pc-form .btn{margin-top:4px;width:100%}
.pc-sent{text-align:center;padding:16px 0 6px}
.pc-sent-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--green-bg);color:var(--green)}
.pc-sent b{display:block;margin-top:14px;font:500 22px/1.2 "Inter Tight",Inter,sans-serif;color:var(--ink)}
.pc-sent p{margin:6px 0 0;font-size:14px;color:var(--muted)}
@media (max-width:560px){.pc-form{grid-template-columns:minmax(0,1fr)}}