.service-directory.explorer-intro{display:block;padding-bottom:24px;min-height:0}.explorer-intro .directory-intro>div{max-width:680px}.explorer-intro [data-open-catalogue]{display:inline-block;font-size:12px;margin-top:16px;padding:6px 0;border-bottom:1px solid #b8c9cd;color:#203d70}.service-explorer{--explorer-top:86px;background:#f7f9fa;color:#20354d;position:relative}.service-explorer .exploration{height:820svh;position:relative;overflow-anchor:none;scroll-margin-top:var(--explorer-top)}.service-explorer:not([data-ready]) .exploration{display:none}.service-explorer .explorer-sticky{position:sticky;top:var(--explorer-top);height:calc(100svh - var(--explorer-top));max-width:1440px;margin:auto;padding:30px 5% 25px;display:grid;grid-template-columns:.73fr 1.9fr;gap:25px;overflow:clip}.service-explorer .explorer-sticky:focus{outline:none}.service-explorer .explorer-sticky:focus-visible{box-shadow:inset 0 2px #2197a566}.service-explorer .story{align-self:center;position:relative;z-index:2;min-width:0}.service-explorer .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;line-height:1.5;color:#203d70;margin:0}.service-explorer h2{font-weight:500;letter-spacing:-.055em;line-height:1.04;color:#203d70}.service-explorer .story h2{font-size:clamp(32px,3.4vw,49px);margin:20px 0;max-width:350px}.service-explorer p{line-height:1.75;color:#56646c}.service-explorer .story>p:not(.eyebrow){max-width:330px;font-size:13px;min-height:105px;margin:0}.service-explorer button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.service-explorer .project-mix{border-top:1px solid #cbd6d3;margin-top:35px;padding-top:20px;max-width:310px;min-height:110px}.service-explorer .project-mix .eyebrow{display:flex;justify-content:space-between;align-items:center}.service-explorer .project-mix .eyebrow span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e3ece8;font-size:10px;letter-spacing:0}.service-explorer .project-mix>p:not(.eyebrow){font-size:11px;margin-top:12px}.service-explorer .project-mix ul{list-style:none;padding:0;margin:12px 0;display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto}.service-explorer .project-mix li button{font-size:10px;border:1px solid #bed0ce;border-radius:16px;padding:6px 10px;background:#fff;color:#20354d}.service-explorer .project-mix li button:hover{background:#e4eeeb}.service-explorer .experience{display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch}.service-explorer .experience{position:relative;z-index:1}.service-explorer .explorer-sticky{background:radial-gradient(ellipse at 70% 52%,#edf4f2,#f7f9fa00 62%)}.service-explorer .explorer-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.service-explorer .explorer-atmosphere .surface-light{background:radial-gradient(ellipse 470px 470px at var(--pointer-x,65%) var(--pointer-y,48%),#2197a519,transparent 74%)}.service-explorer .service-weave{position:absolute;inset:0;width:100%;height:100%}.service-explorer .weave-forms{opacity:.065;animation:service-weave-breathe 18s ease-in-out infinite}.service-explorer .weave-route{stroke-width:1;opacity:.16}.service-explorer .weave-trace{stroke-width:2.2;stroke-dasharray:120 1800;opacity:.45;animation:service-weave-flow 24s linear infinite}.service-explorer .weave-orbit{stroke-width:1;opacity:.18;transform-origin:900px 520px;animation:service-orbit 46s linear infinite}.service-explorer .brand-geometry{display:none}.service-explorer .bubble{overflow-wrap:anywhere;hyphens:auto}@keyframes service-weave-breathe{50%{opacity:.1;transform:translateY(-8px)}}@keyframes service-weave-flow{to{stroke-dashoffset:-1920}}html[lang=pl] .service-explorer .bubble{font-size:clamp(10.5px,1vw,14px)}@media(max-width:760px){html[lang=pl] .service-explorer .bubble{font-size:10.5px}}.service-explorer .graph{position:relative;width:100%;flex:1;min-height:0;overflow:clip;isolation:isolate}.service-explorer .connections,.service-explorer .brand-geometry{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0}.service-explorer .connections path{fill:none;stroke:#80a9ac;stroke-width:1;vector-effect:non-scaling-stroke}.service-explorer .brand-geometry{color:#8ab0b7;opacity:.1}.service-explorer .geometry-trace{stroke:#2197a5;stroke-width:2;stroke-dasharray:100 440;animation:service-trace 16s linear infinite}.service-explorer .bubble{position:absolute;left:50%;top:50%;aspect-ratio:1;border-radius:50%;border:1px solid #a6c3c5;background:radial-gradient(circle at 34% 24%,#66b6bd,#246675 45%,#203d70 90%);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;line-height:1.35;font-size:clamp(11px,1.1vw,15px);font-weight:500;will-change:transform,opacity;text-shadow:0 1px 7px #0e324d;z-index:2;margin:0}.service-explorer .bubble.root,.service-explorer .bubble.category{cursor:default}.service-explorer .root{display:flex;flex-direction:column;padding:0;min-width:44px}.service-explorer .root svg{width:43%;height:43%;border-radius:50%;background:#ffffffeb;padding:5px;filter:drop-shadow(0 3px 5px #09293a33)}.service-explorer .root:after{content:"";position:absolute;inset:-5%;border:1px solid #d7ba6c80;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:service-orbit 36s linear infinite;pointer-events:none}.service-explorer .category{font-weight:600}.service-explorer .leaf.added{color:#ffe4aa}.service-explorer .leaf.added:after{content:"";position:absolute;inset:-5%;border:1px solid #d9b56b90;border-radius:50%;pointer-events:none}.service-explorer .graph[data-orb-mode="3d"] .bubble{border:0;background:transparent;padding:4px;transition:filter .2s}.service-explorer .graph[data-orb-mode="3d"] .bubble:hover{filter:brightness(1.15)}.service-explorer .orb-canvas,.service-explorer .orb-canvas canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.service-explorer .orb-canvas:before{content:"";position:absolute;inset:12% 8%;background:radial-gradient(ellipse,#b8d5d13b,transparent 65%);pointer-events:none}.service-explorer .orb-canvas canvas{position:relative}.service-explorer .graph-hint{position:absolute;bottom:1%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;letter-spacing:.025em;color:#6c8088;pointer-events:none;z-index:3}.service-explorer .category-nav{display:flex;justify-content:center;gap:9px 16px;flex-wrap:wrap;padding:8px 0 10px;position:relative;z-index:3}.service-explorer .category-nav>span{font-size:10px;line-height:1.5;color:#82939a;padding:7px 0;border-bottom:2px solid transparent}.service-explorer .category-nav>span.current{color:#203d70;border-bottom-color:#2197a5}.service-explorer .journey-progress{height:2px;width:min(220px,65%);margin:15px auto 0;background:#d7e2de;overflow:hidden;flex-shrink:0}.service-explorer .journey-progress>i{display:block;height:100%;width:var(--journey-progress,0%);background:linear-gradient(90deg,#2197a5,#e0b356)}.service-explorer .mix-continue{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;border-bottom:1px solid #2197a5;color:#203d70;font-size:11px;padding:7px 0}.service-explorer [hidden]{display:none!important}.service-explorer .closing{padding-block:50px 90px;border-top:1px solid #d0dcd8;max-width:1280px}.service-explorer .closing h2{font-size:clamp(36px,4vw,56px);margin:18px 0 24px}.service-explorer .closing>p{max-width:650px;font-size:14px}.service-explorer .closing-mix{margin:24px 0;font-size:13px}.service-explorer .full-list{margin:30px 0 0;border-top:1px solid #b9cdcd;border-bottom:1px solid #b9cdcd;padding:18px 0;scroll-margin-top:calc(var(--explorer-top) + 20px)}.service-explorer .full-list>summary{cursor:pointer;color:#203d70;font-size:13px;padding:10px 0}.service-explorer .full-list [data-service-directory]{margin-top:24px}.service-explorer dialog{position:fixed;inset:0;margin:auto;border:1px solid #c3d4d1;border-radius:4px 65px 4px 4px;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:42px;background:#f9faf6;color:#20354d;box-shadow:0 24px 100px #102c4c38}.service-explorer dialog::backdrop{background:#102b4ec2;backdrop-filter:blur(6px)}.service-explorer dialog h2{font-size:35px;margin:16px 0 20px;line-height:1.13}.service-explorer dialog p{font-size:13px;margin:0}.service-explorer dialog ul{font-size:12px;line-height:1.8;margin:14px 0 20px;padding-left:18px;list-style:disc}.service-explorer .dialog-close{position:absolute;top:10px;right:20px;font-size:26px;border:0;background:none;color:#203d70;width:44px;height:44px}.service-explorer .add-service{background:#203d70;color:#fff;border:0;border-radius:25px;padding:13px 21px;font-size:12px;margin-top:16px;min-height:44px}.service-explorer .dialog-note{font-size:10px;color:#7c8f94;margin-top:18px}body:has(.service-explorer dialog[open]){overflow:hidden}@keyframes service-trace{to{stroke-dashoffset:-540}}@keyframes service-orbit{to{transform:rotate(360deg)}}@media(max-width:760px){.service-explorer .exploration{height:920svh}.service-explorer .explorer-sticky{display:flex;flex-direction:column;padding:20px 5% 15px;gap:0}.service-explorer .story{align-self:stretch;flex-shrink:0}.service-explorer .story>.eyebrow{font-size:9px}.service-explorer .story h2{font-size:28px;margin:10px 0;max-width:none}.service-explorer .story>p:not(.eyebrow){font-size:11px;min-height:0;max-width:100%;line-height:1.65;margin-top:3px}.service-explorer .project-mix{display:block;max-width:none;min-height:0;margin:9px 0 0;padding-top:7px}.service-explorer .project-mix:has(#mix-list:empty){display:none}.service-explorer .project-mix .eyebrow{font-size:8px}.service-explorer .project-mix .eyebrow span{width:17px;height:17px;font-size:8px}.service-explorer .project-mix>p:not(.eyebrow){display:none}.service-explorer .project-mix ul{margin:4px 0 0;gap:4px;max-height:39px}.service-explorer .project-mix li button{font-size:9px;padding:5px 8px;min-height:26px}.service-explorer .project-mix .mix-continue{margin-top:4px;min-height:36px;font-size:10px}.service-explorer .story:has(.project-mix:not(:has(#mix-list:empty))) h2{font-size:25px}.service-explorer .experience{flex:1;justify-content:start}.service-explorer .graph{flex:1 1 auto;max-height:490px}.service-explorer .bubble{font-size:11px;letter-spacing:-.01em;line-height:1.3}.service-explorer .graph-hint{font-size:9px;bottom:0}.service-explorer .category-nav{gap:3px 12px;padding:9px 0 0}.service-explorer .category-nav>span{font-size:9px;max-width:32%;text-align:center;padding:6px 0}.service-explorer .journey-progress{margin-top:10px}.service-explorer .closing{padding-block:35px 50px}}@media(max-width:760px)and (max-height:720px){.service-explorer .explorer-sticky{padding-top:12px;padding-bottom:10px}.service-explorer .story h2{font-size:24px;margin:8px 0}.service-explorer .story>p:not(.eyebrow){font-size:10px}.service-explorer .category-nav{display:none}}@media(max-height:500px)and (max-width:1000px){.service-explorer .explorer-sticky{display:grid;grid-template-columns:.8fr 1.5fr;padding:12px 4%;gap:18px}.service-explorer .story h2{font-size:24px;margin:9px 0}.service-explorer .story>p:not(.eyebrow){font-size:10px;min-height:0}.service-explorer .story>.eyebrow{font-size:8px}.service-explorer .project-mix{margin-top:8px;padding-top:8px;min-height:0}.service-explorer .project-mix>p:not(.eyebrow),.service-explorer .project-mix ul{display:none}.service-explorer .graph{max-height:none;flex:1;height:auto}.service-explorer .category-nav{display:none}.service-explorer .journey-progress{margin-top:8px}.service-explorer .graph-hint{font-size:8px}.service-explorer .mix-continue{margin-top:3px;min-height:36px;font-size:10px}}@media(prefers-reduced-motion:reduce){.service-explorer *,.service-explorer *:before,.service-explorer *:after{animation:none!important;transition:none!important}}
