/* Marketing presentation: shared product blue, assets and icon strokes. */
body.homepage,body.detail-page{background:#f8faff}
.homepage .hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding-top:38px;padding-bottom:22px;position:relative}
.homepage .hero::before{content:"";position:absolute;inset:-10px -35px -15px;z-index:-1;border-radius:32px;background:radial-gradient(ellipse at 86% 44%,#d3eaff 0,transparent 55%),linear-gradient(120deg,#f8faff 35%,#edf4ff)}
.homepage .hero-copy{text-align:left;min-width:0}
.homepage .hero-copy h1{font-size:clamp(40px,4.2vw,52px);letter-spacing:-1.9px;line-height:1.14;text-wrap:initial}
.homepage .hero-copy>p{font-size:17px;max-width:580px;margin-inline:0}
.homepage .hero .eyebrow,.homepage .hero-actions,.homepage .hero-pillars{justify-content:flex-start}
.homepage .hero-pillars{font-size:12px;gap:10px 18px;margin-top:22px}
.homepage .hero-note{font-size:12px;max-width:470px}
.homepage .button.dark,.detail-page .button.dark{box-shadow:0 6px 18px -9px #155ce080}
.hero-visual{position:relative;min-width:0;width:100%;container-type:inline-size}
.hero-visual-canvas{--feature-width:clamp(90px,21.8cqw,112px);--orbit-gap:clamp(4px,1.15cqw,6px);--sphere-size:clamp(134px,calc(100cqw - 250px),240px);position:relative;width:100%;aspect-ratio:1.12;font-family:Inter,ui-sans-serif,Arial,sans-serif;border-radius:24px;isolation:isolate}
.feature-orbit{--outer-diameter:calc(100cqw - var(--feature-width) - 20px);--sphere-diameter:calc(var(--sphere-size)*.761);--rings-outer-diameter:calc(var(--outer-diameter) + 8px);--ring-diameter:calc(var(--rings-outer-diameter) - var(--track)*(var(--rings-outer-diameter) - var(--sphere-diameter))/5);--diameter:calc(var(--outer-diameter) - var(--track)*var(--orbit-gap)*2);position:absolute;left:50%;top:50%;width:var(--diameter);height:var(--diameter);margin-left:calc(var(--diameter)*-.5);margin-top:calc(var(--diameter)*-.5);border:1px solid transparent;border-radius:50%;pointer-events:none}
.feature-orbit::before{content:"";position:absolute;left:50%;top:50%;width:var(--ring-diameter);height:var(--ring-diameter);transform:translate(-50%,-50%);border:1px solid #b8d2f2;border-radius:50%}
.feature-orbit:first-child::before{content:none}
.orbit-rotor{position:absolute;inset:-1px;z-index:1;animation:feature-orbit-turn 48s linear infinite;animation-play-state:paused}
.orbit-anchor{position:absolute;left:100%;top:50%;width:0;height:0}
.orbit-counterturn{width:0;height:0;animation:feature-orbit-counterturn 48s linear infinite;animation-play-state:paused}
.hero-visual.orb-running:has(.orb-shimmer:hover) .orbit-rotor,.hero-visual.orb-running:has(.orb-shimmer:hover) .orbit-counterturn{animation-play-state:running}
@keyframes feature-orbit-turn{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 360deg))}}
@keyframes feature-orbit-counterturn{from{transform:rotate(calc(0deg - var(--angle)))}to{transform:rotate(calc(-360deg - var(--angle)))}}
.visual-orb{position:absolute;width:var(--sphere-size);height:var(--sphere-size);top:50%;left:50%;transform:translate(-50%,-51.3%);pointer-events:none}
.visual-sphere{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 25px #1d66c224)}
/* Light moves inside the approved sphere; its outline stays still. */
.orb-shimmer{position:absolute;left:12.2%;top:13.25%;width:75.6%;height:76.1%;border-radius:50%;overflow:hidden;clip-path:ellipse(50% 50% at 50% 50%);isolation:isolate;pointer-events:auto}
.orb-flow{position:absolute;inset:-35%;border-radius:50%;animation-play-state:paused;pointer-events:none}
.orb-flow-light{background:radial-gradient(ellipse at 28% 32%,#e7ffff 0%,#9eefffaa 19%,#8ce8ff33 37%,transparent 58%);animation:orb-light-drift 10s ease-in-out infinite;animation-play-state:paused;opacity:.55}
.orb-flow-blue{background:radial-gradient(ellipse at 68% 65%,#0c48d1aa 0%,#166cf877 24%,transparent 55%),radial-gradient(ellipse at 29% 72%,#b4ffffbb 0%,#6ce6ff55 23%,transparent 48%);animation:orb-blue-drift 14s ease-in-out infinite;animation-play-state:paused}
.orb-flow-wave{inset:-20%;background:radial-gradient(ellipse 62% 38% at 50% 50%,transparent 29%,#82eaff44 41%,#c8ffff99 50%,#85eaff44 61%,transparent 77%);animation:orb-wave-drift 8s ease-in-out infinite;animation-play-state:paused;opacity:.5}
.hero-visual.orb-running .orb-flow{animation-play-state:running}
@keyframes orb-wave-drift{0%,100%{transform:translate(-15%,12%) rotate(-35deg) scale(1,.88);opacity:.3}40%{transform:translate(10%,-13%) rotate(65deg) scale(.86,1.2);opacity:.6}75%{transform:translate(-6%,-9%) rotate(140deg) scale(1.15,.82);opacity:.42}}
@keyframes orb-light-drift{0%,100%{transform:translate(-5%,7%) rotate(-25deg) scale(.96);opacity:.36}35%{transform:translate(13%,-8%) rotate(95deg) scale(1.08);opacity:.67}70%{transform:translate(-9%,-6%) rotate(220deg) scale(1.02);opacity:.48}}
@keyframes orb-blue-drift{0%,100%{transform:translate(6%,-6%) rotate(15deg) scale(1.05);opacity:.65}50%{transform:translate(-9%,9%) rotate(-160deg) scale(.92);opacity:.95}}
/* Five rings use equal radial gaps from the visible sphere edge; labels keep independent safe tracks. */
.visual-feature{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:var(--feature-width);min-height:44px;padding:8px 9px;border:1px solid #c8dcf5;border-radius:14px;background:#fffffffa;box-shadow:0 7px 20px -14px #174b9166;text-align:left}
.visual-feature-icon{color:#155ce0;display:flex;flex-shrink:0}
.visual-feature-icon svg{width:15px;height:15px;display:block}
.visual-feature strong{display:block;font-size:11.5px;font-weight:650;line-height:1.35;color:#192d43}

.homepage .home-showcase{padding-top:36px}
.home-demo .real-panel:not(.expanded){border-color:#c4d8f4;box-shadow:0 24px 60px -29px #1a5cb04d,0 0 0 5px #e8f1fe}
.homepage .panel-tools{background:linear-gradient(100deg,#ffffff,#edf4ff)}
.home-section-head .eyebrow,.learning-label{font-size:11px;letter-spacing:1.4px}
.homepage .home-capabilities{padding-top:78px}
.capability-disclosure{background:linear-gradient(145deg,#fff 55%,#f4f8ff);border-color:#d5e2f3;box-shadow:0 6px 20px -19px #174b91}
.capability-kicker{display:flex;align-items:center;gap:11px}
.capability-icon{width:34px;height:34px;border:1px solid #d7e5fb;border-radius:10px;background:#edf4ff;color:#155ce0;display:grid;place-items:center;flex-shrink:0}
.capability-icon svg{width:19px;height:19px}
#erp .capability-icon{background:#e9f7f6;border-color:#d1eae8;color:#287c83}
#proces .capability-icon{background:#eff2ff;border-color:#dce3f8;color:#4264ba}
#kontrola .capability-icon{background:#fff6e5;border-color:#f1e3c6;color:#96641b}
.capability-disclosure:hover{border-color:#97b9e8;box-shadow:0 14px 32px -22px #174b9177}
.capability-disclosure[open]{border-color:#8faee0;background:#fff}
.capability-disclosure>summary{min-height:248px}
.capability-toggle{margin-top:17px}
.home-omnichannel .home-section-head{position:relative}
.omnichannel-channels{gap:10px}
.omnichannel-channels li{display:flex;align-items:center;gap:9px;background:#fff;box-shadow:0 5px 14px -10px #2c68b55c;border-color:#cfdff3;padding:11px 15px}
.omnichannel-channels svg{width:18px;height:18px;flex-shrink:0;color:#155ce0}
.omnichannel-principles article{border-top:2px solid #c3d9f7}
.omnichannel-example{background:linear-gradient(105deg,#e8f2ff,#f0f9fc);border:1px solid #d6e6f8;border-left:4px solid #3884e7}
.phone-mode{box-shadow:0 10px 30px -26px #174b9177;border-color:#d4e2f3}
.phone-mode-ai{background:linear-gradient(125deg,#edf4ff,#e5f1ff);border-color:#c3d9f7}
.homepage .home-learning{position:relative;padding:38px 40px 36px;background:radial-gradient(ellipse at 100% 0,#245992 0,transparent 60%),#143768;border:1px solid #285387;border-radius:22px;color:#fff;box-shadow:0 20px 45px -28px #12376770}
.homepage .home-learning h2,.home-learning .learning-scopes h3,.home-learning .learning-review h3{color:#fff}
.home-learning .learning-label,.home-learning .learning-scope-label{color:#b3d4ff}
.home-learning .learning-intro,.home-learning .learning-scopes p,.home-learning .learning-review p{color:#e0eafa}
.home-learning .learning-scopes{gap:20px}
.home-learning .learning-scopes article{border:1px solid #5d7da566;border-radius:12px;background:#ffffff08;padding:21px 23px}
.home-learning .learning-continuity{background:#edf5ff;border:1px solid #c5daf7}
.home-learning .learning-continuity p{color:#253f5e}
.home-learning>.text-link{color:#c3deff;border-color:#7299c9}
.home-learning>.text-link:hover{color:#fff}
.start-steps{gap:26px}
.start-steps li{border-top:2px solid #c9dff8}
.start-number{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e7f0ff;border:1px solid #cddff9;font-size:14px;margin-bottom:17px}
.outcome-strip{background:#eef5ff;border-color:#d0e1f7}
.person-card{border-color:#d1e0f4;box-shadow:0 16px 34px -25px #174b9150}
.person-details{background:linear-gradient(140deg,#fff 45%,#f0f6ff)}
.homepage .team-contact .team-intro{padding-left:20px;border-left:3px solid #2a70d9}
.detail-page .detail-main{background:radial-gradient(ellipse 640px 340px at 96% 70px,#e6f1ff80,transparent)}
.detail-page .detail-points article{padding:24px;background:#fff;border:1px solid #dce7f5;border-top:3px solid #93b7e9;border-radius:12px}
.detail-page .detail-cta{background:linear-gradient(115deg,#174b91,#2269bf);color:#fff}
.detail-page .detail-cta .button{background:#fff;color:#174b91;border-color:#fff}
@media(min-width:901px){.hero-visual-canvas{animation:visual-arrive .7s ease-out both}}
@keyframes visual-arrive{from{opacity:.6;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:901px){.visual-feature{padding:8px 7px;text-align:center}.visual-feature-icon{display:none}.visual-feature strong{font-size:11px}}
@media(max-width:900px){.homepage .hero{display:block;padding-top:32px;padding-bottom:8px}.hero-visual{display:block;width:min(100%,430px);margin:24px auto 0}.homepage .hero::before{inset:0 0 -10px;background:radial-gradient(ellipse at 90% 30%,#dcecff80,transparent 65%)}.homepage .hero-copy{text-align:center}.homepage .hero-copy h1{font-size:clamp(34px,6.2vw,52px);text-wrap:balance}.homepage .hero-copy>p{margin-inline:auto}.homepage .hero .eyebrow,.homepage .hero-actions,.homepage .hero-pillars{justify-content:center}.homepage .hero-note{margin-inline:auto}.homepage .home-learning{padding:30px}.homepage .home-capabilities{padding-top:60px}}
@media(max-width:700px){.homepage .hero-copy h1{font-size:clamp(34px,8.5vw,46px);letter-spacing:-1.6px}.homepage .hero-copy>p{font-size:16px}.homepage .hero-pillars{font-size:12px;gap:9px 16px}.homepage .home-showcase{padding-top:36px}.capability-disclosure>summary{min-height:0}.capability-kicker{font-size:10px}.capability-icon{width:30px;height:30px}.omnichannel-channels{gap:8px}.omnichannel-channels li{padding:9px 11px;gap:7px}.omnichannel-channels svg{width:16px;height:16px}.homepage .home-learning{padding:25px 22px;border-radius:16px}.home-learning .learning-scopes{gap:14px}.home-learning .learning-scopes article{padding:18px}.home-learning .learning-continuity{padding:18px}.homepage .team-contact .team-intro{padding-left:16px}.detail-page .detail-points article{padding:22px}}
@media(prefers-reduced-motion:reduce){.hero-visual-canvas{animation:none}.homepage .button,.detail-page .button{transition:none}.homepage .button:hover,.detail-page .button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-visual.orb-running .orb-flow{animation-play-state:paused}}

/* Reporting stays visible inside capabilities, without another navigation destination. */
.reporting-highlight{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:34px;align-items:center;margin-top:24px;padding:29px 30px;background:linear-gradient(115deg,#edf4ff,#f3f9fc);border:1px solid #cddff5;border-radius:16px}
.reporting-highlight h3{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.3;margin:16px 0 12px}
.reporting-highlight p{font-size:15px;line-height:1.75;color:#293d4b;margin:0}
.reporting-questions ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.reporting-questions li{font-size:14px;line-height:1.55;font-weight:600;color:#174b91;background:#ffffffdb;border:1px solid #d7e5f6;border-radius:10px;padding:13px 16px}
.reporting-questions>p{font-size:13px;color:#526987}
@media(max-width:700px){.reporting-highlight{grid-template-columns:1fr;gap:22px;padding:23px}.reporting-highlight h3{font-size:23px}.reporting-questions li{padding:12px 14px}}

@media(prefers-reduced-motion:reduce){.hero-visual .orbit-rotor,.hero-visual .orbit-counterturn{animation-play-state:paused!important}}

@media(max-width:900px){
.hero-visual-canvas{--feature-width:clamp(72px,21.8cqw,100px);--orbit-gap:clamp(3px,1.15cqw,5px);--sphere-size:clamp(88px,calc(100cqw - 200px),200px)}
.feature-orbit{--outer-diameter:calc(100cqw - var(--feature-width) - 12px)}
.visual-feature{padding:7px 5px;min-height:40px;text-align:center;border-radius:11px}.visual-feature-icon{display:none}.visual-feature strong{font-size:10px;line-height:1.3}

}
/* Product status colors retain the same meaning across marketing and demo. */
:root{--status-ai-bg:#f2efff;--status-ai-ink:#6c4fc5;--status-human-bg:#12da7d;--status-human-ink:#063e28;--status-decision-bg:#fdaf3f;--status-decision-ink:#583000;--status-escalation-bg:#fc6663;--status-escalation-ink:#511b18;--status-recognition-bg:#edf3ff;--status-recognition-ink:#155ce0}
.system-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;line-height:1.4;font-weight:600}
.preview-row .status-ai,.status-ai{background:var(--status-ai-bg);color:var(--status-ai-ink)}
.preview-row .status-decision,.status-decision{background:var(--status-decision-bg);color:var(--status-decision-ink)}
.preview-row .status-escalation,.status-escalation{background:var(--status-escalation-bg);color:var(--status-escalation-ink)}
.status-human{background:var(--status-human-bg);color:var(--status-human-ink)}
.orbit-control .visual-feature{border-color:#edc17f;background:#fff8ec}.orbit-control .visual-feature-icon{color:#94560c}
#kontrola .capability-icon{background:var(--status-decision-bg);border-color:var(--status-decision-bg);color:var(--status-decision-ink)}
.phone-mode:not(.phone-mode-ai) .phone-mode-icon{background:var(--status-human-bg);color:var(--status-human-ink)}
.phone-mode-ai{background:linear-gradient(125deg,#f7f5ff,#f2efff);border-color:#dcd2f6}
.phone-mode-ai .phone-mode-label{color:var(--status-ai-ink)}
.phone-mode-ai .phone-mode-icon{background:var(--status-ai-bg);color:var(--status-ai-ink);border:1px solid #d8cdf7}
.home-learning .learning-label,.home-learning .learning-scope-label{display:inline-block;background:var(--status-ai-bg);color:var(--status-ai-ink);border-radius:6px;padding:5px 8px}
.home-learning .learning-scopes article:nth-child(2) .learning-scope-label{background:var(--status-human-bg);color:var(--status-human-ink)}
.home-learning .learning-review{border-left:3px solid var(--status-decision-bg);padding-left:18px}



@media(max-width:360px){.hero-visual-canvas{--orbit-gap:1.5px;--sphere-size:102px}}

/* Offer links and margin protection are visible without opening a disclosure. */
.commercial-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.commercial-feature{padding:26px 28px;border:1px solid #d2e1f5;border-radius:16px;background:#fff}
.commercial-feature h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:650;margin:16px 0 12px}
.commercial-feature p{font-size:15px;line-height:1.75;color:#293d4b}
.margin-protection{background:linear-gradient(135deg,#fff 45%,#fff0ef);border-color:#f3b9b7}
.margin-protection .capability-kicker{color:#a12c2a}
.margin-protection .capability-icon{background:var(--status-escalation-bg);color:var(--status-escalation-ink);border-color:var(--status-escalation-bg)}
@media(max-width:700px){.commercial-features{grid-template-columns:1fr;gap:18px}.commercial-feature{padding:23px}.commercial-feature h3{font-size:21px}}