:root{--bee-yellow:#ffd21c;--bee-cream:#f6f3eb;--bee-paper:#fff;--bee-ink:#11120f;--bee-graphite:#242520;--bee-muted:#6d6e68;--bee-line:rgba(17,18,15,.12)}

/* Jemnější společný vizuální základ */
body.global-page{background:var(--bee-paper);color:var(--bee-ink)}
.global-page .button,.global-page .global-demand{border-radius:999px;overflow:hidden;position:relative}
.global-page .button.primary,.global-page .global-demand{background:var(--bee-yellow);border-color:var(--bee-yellow)}
.global-page .page-photo,.global-page .work-art,.global-page .service-panel{box-shadow:0 28px 75px rgba(20,21,18,.11)}
.global-page .page-photo img,.global-page .work-art img,.global-page .service-panel img{transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .5s}
.global-page .page-photo:hover img,.global-page .work-card:hover .work-art img,.global-page .service-panel:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}

/* Samostatné černé logo se světelnou aurou v sekci Náš systém */
.home-page .rings .system-bee-mark{position:relative;width:235px;height:84px;background:transparent!important;clip-path:none!important;overflow:visible;isolation:isolate}
.home-page .rings .system-bee-mark:before{content:"";position:absolute;z-index:2;inset:0;background:url("logo-plan-bee.png") center/contain no-repeat;filter:brightness(0) drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(255,210,28,.7))}
.home-page .rings .system-bee-mark:after{content:"";position:absolute;z-index:1;inset:-42px -55px;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0,rgba(255,240,169,.62) 28%,rgba(255,210,28,.20) 50%,transparent 72%);filter:blur(10px);animation:beeMarkPulse 4s ease-in-out infinite}

/* HP: přesný, symetrický prstenec šesti služeb */
@media(min-width:901px){
  .home-page .hive-stage{height:590px;min-height:590px;display:grid;place-items:center}
  .home-page .interactive-hive{position:relative!important;width:590px!important;height:590px!important;min-height:590px!important;margin:0!important;transform:none!important;filter:drop-shadow(0 28px 48px rgba(17,18,15,.10))}
  .home-page .interactive-hive .hex{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:164px!important;height:148px!important;aspect-ratio:auto;transform:translate(-50%,-50%) translate(var(--hx),var(--hy))!important;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);border:0!important;box-shadow:inset 0 0 0 1px rgba(17,18,15,.10),0 14px 34px rgba(17,18,15,.07)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);z-index:2}
  .home-page .interactive-hive .hex:nth-child(2){--hx:0px;--hy:-190px}
  .home-page .interactive-hive .hex:nth-child(3){--hx:165px;--hy:-95px}
  .home-page .interactive-hive .hex:nth-child(4){--hx:165px;--hy:95px}
  .home-page .interactive-hive .hex:nth-child(5){--hx:0px;--hy:190px}
  .home-page .interactive-hive .hex:nth-child(6){--hx:-165px;--hy:95px}
  .home-page .interactive-hive .hex:nth-child(7){--hx:-165px;--hy:-95px}
  .home-page .interactive-hive .hex.core{--hx:0px;--hy:0px;width:184px!important;height:166px!important;background:var(--bee-ink)!important;box-shadow:0 24px 55px rgba(0,0,0,.22)!important;z-index:4}
  .home-page .interactive-hive .hex.core:before{display:none!important}
  .home-page .interactive-hive .hex.core img{width:132px;max-height:72px;object-fit:contain;filter:brightness(0) invert(1)}
  .home-page .interactive-hive .hex:not(.core):hover,.home-page .interactive-hive .hex:not(.core).is-active{transform:translate(-50%,-50%) translate(var(--hx),var(--hy)) scale(1.075)!important;background:var(--bee-ink)!important;color:#fff!important;box-shadow:0 25px 55px rgba(0,0,0,.20)!important;z-index:5}
  .home-page .interactive-hive .hex.core:hover{transform:translate(-50%,-50%)!important;background:var(--bee-ink)!important}
  .home-page .interactive-hive .hex:after{display:none!important}
  .home-page .interactive-hive .hex small{opacity:.58;letter-spacing:0;text-transform:none;font-size:10px}
  .home-page .interactive-hive .hex:hover small{opacity:.75}
  .home-page .interactive-hive .hex-icon svg{stroke:#a17e00!important}
  .home-page .interactive-hive .hex:hover .hex-icon svg{stroke:var(--bee-yellow)!important}
  .home-page .hive-orbit{width:440px;height:440px;border:1px solid rgba(17,18,15,.08);animation:beeOrbit 24s linear infinite}
}

/* Jak pracujeme: profesionální workflow namísto deformovaných velkých hexagonů */
.page-jak-pracujeme .process-dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#10110e 0%,#1b1c18 100%)}
.page-jak-pracujeme .process-dark>.container{position:relative;z-index:1}
.page-jak-pracujeme .process-dark:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 15%,rgba(255,210,28,.13),transparent 28%),linear-gradient(120deg,transparent 0 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);background-size:auto,96px 96px}
.page-jak-pracujeme .process-hive{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:none;margin:58px auto 0}
.page-jak-pracujeme .process-hive:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--bee-yellow),transparent);opacity:.32}
.page-jak-pracujeme .process-hive article,.page-jak-pracujeme .process-hive article:nth-child(n){position:relative;min-height:350px;padding:34px 32px 32px;display:block;transform:none!important;clip-path:none;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:rgba(255,255,255,.045);color:#fff;overflow:hidden;backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s,box-shadow .4s}
.page-jak-pracujeme .process-hive article:before{content:"";position:absolute;width:150px;height:132px;right:-58px;top:-52px;background:var(--bee-yellow);opacity:.07;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);transition:transform .6s,opacity .4s}
.page-jak-pracujeme .process-hive article>*{position:relative;z-index:1}
.page-jak-pracujeme .process-hive article:hover{transform:translateY(-8px)!important;background:rgba(255,255,255,.085);border-color:rgba(255,210,28,.5);box-shadow:0 28px 65px rgba(0,0,0,.25);color:#fff}
.page-jak-pracujeme .process-hive article:hover:before{transform:rotate(18deg) scale(1.15);opacity:.16}
.page-jak-pracujeme .process-hive article>span{display:grid;width:54px;height:48px;place-items:center;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);background:var(--bee-yellow);color:var(--bee-ink)!important;font-weight:900}
.page-jak-pracujeme .process-hive svg{width:43px;height:43px;margin:29px 0 18px;color:var(--bee-yellow);stroke-width:2}
.page-jak-pracujeme .process-hive h3{font-size:26px;line-height:1.1;margin:0 0 18px}
.page-jak-pracujeme .process-hive p,.page-jak-pracujeme .process-hive article:hover p{font-size:14px;line-height:1.62;color:#b9bab4;margin:8px 0}
.page-jak-pracujeme .process-hive p b,.page-jak-pracujeme .process-hive article:hover p b{color:#fff;font-weight:750}

/* Decentní pohyb a světlo */
.global-page .section-index{color:#9a7800}
.global-page .card,.global-page .principle-card,.global-page .work-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .35s}
.global-page .card:hover,.global-page .principle-card:hover,.global-page .work-card:hover{box-shadow:0 28px 70px rgba(17,18,15,.12)}
.global-page .bee-dark-candidate{position:relative;overflow:hidden;isolation:isolate}
.global-page .bee-tile-glow,.global-page .bee-tile-hex{position:absolute!important;display:block!important;pointer-events:none!important;margin:0!important}
.global-page .bee-tile-glow{z-index:3!important;inset:0!important;width:auto!important;height:auto!important;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,210,28,.20),transparent 64%);opacity:0;transition:opacity .35s}
.global-page .bee-tile-hex{z-index:0!important;width:190px!important;height:166px!important;right:-72px!important;left:auto!important;top:-58px!important;bottom:auto!important;background:linear-gradient(145deg,rgba(255,210,28,.44),rgba(255,210,28,.04))!important;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%)!important;opacity:0;transform:rotate(8deg);transition:opacity .4s,transform .65s cubic-bezier(.2,.8,.2,1)}
.global-page .bee-dark-candidate.bee-dark-live .bee-tile-hex{opacity:.13}
.global-page .bee-dark-candidate.bee-dark-live:hover .bee-tile-glow{opacity:1}
.global-page .bee-dark-candidate.bee-dark-live:hover .bee-tile-hex{opacity:.22;transform:rotate(20deg) scale(1.12)}
.global-page .bee-dark-surface{position:relative;overflow:hidden;isolation:isolate}
.global-page .bee-dark-surface>.container{position:relative;z-index:1}
.global-page .bee-surface-hex{position:absolute!important;z-index:0!important;pointer-events:none;right:-110px;bottom:-170px;width:460px;height:400px;background:linear-gradient(140deg,rgba(255,210,28,.13),rgba(255,210,28,0));clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);transform:rotate(-12deg);animation:surfaceHexFloat 10s ease-in-out infinite alternate}
.global-page .bee-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.global-page .bee-reveal.bee-visible{opacity:1;transform:translateY(0)}
.page-jak-pracujeme .process-hive article:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,210,28,.13),transparent 62%);opacity:0;transition:opacity .35s}
.page-jak-pracujeme .process-hive article:hover:after{opacity:1}
@keyframes beeOrbit{to{transform:rotate(360deg)}}
@keyframes beeMarkPulse{50%{opacity:.55;transform:scale(.92)}}
@keyframes surfaceHexFloat{to{transform:translate(-28px,-20px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.home-page .hive-orbit{animation:none!important}.global-page *{scroll-behavior:auto}.global-page .bee-reveal{opacity:1;transform:none;transition:none}}

@media(max-width:1000px) and (min-width:681px){
  .page-jak-pracujeme .process-hive{grid-template-columns:repeat(2,1fr)}
  .page-jak-pracujeme .process-hive:before{display:none}
}
@media(max-width:680px){
  .home-page .rings .system-bee-mark{width:174px;height:62px}
  .global-page .bee-surface-hex{width:300px;height:260px;right:-105px;bottom:-110px}
  .page-jak-pracujeme .process-hive{grid-template-columns:1fr;gap:14px;margin-top:38px}
  .page-jak-pracujeme .process-hive:before{display:none}
  .page-jak-pracujeme .process-hive article,.page-jak-pracujeme .process-hive article:nth-child(n){min-height:0;padding:28px;border-radius:22px}
  .page-jak-pracujeme .process-hive svg{margin:24px 0 15px}
}

/* Jednotné zaoblení fotografií a obsahových bannerů */
.global-page main .banner,
.global-page main .page-photo,
.global-page main .work-art,
.global-page main .service-panel,
.global-page main .system-visual,
.global-page main .project-feature,
.global-page main .project-small,
.global-page main .related-project-card,
.global-page main .blog-post,
.global-page main .case-gallery figure,
.global-page main .fresh-card,
.global-page main .situation-grid>a,
.global-page main .next-steps>article{border-radius:28px;overflow:hidden}
.global-page main .page-photo>img,
.global-page main .work-art>img,
.global-page main .service-panel>img,
.global-page main .system-visual>img,
.global-page main .project-feature>img,
.global-page main .project-small>img,
.global-page main .related-project-card>img{display:block;width:100%;height:100%;object-fit:cover}
.global-page main .section.dark>.container.banner{padding:clamp(34px,5vw,66px);background:linear-gradient(130deg,rgba(255,255,255,.055),rgba(255,210,28,.045));border:1px solid rgba(255,255,255,.09)}
@media(max-width:680px){.global-page main .banner,.global-page main .page-photo,.global-page main .work-art,.global-page main .service-panel,.global-page main .system-visual,.global-page main .project-feature,.global-page main .project-small,.global-page main .related-project-card,.global-page main .blog-post,.global-page main .case-gallery figure{border-radius:21px}}
