/* Shared art direction: stable photographic scenes and lightweight glass. */
.web-public{--web-card:#141b20cf;--web-surface:#151c20b8;--web-line:#b3a28340}
[data-theme=light] .web-public{--web-card:#f4eee4db;--web-surface:#f0ece3ce;--web-line:#927b5555}
.web-public:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#0b1016a8,#0b1016d9),url('../img/web/funkce-scena-v2.webp') center/cover}
[data-theme=light] .web-public:before{background:linear-gradient(#f3eee7c4,#eee9dfd9),url('../img/web/funkce-scena-v2.webp') center/cover}
.web-header{background:#0c111344;border-color:#e8c78e18;backdrop-filter:blur(13px);box-shadow:0 10px 35px #00000012}
[data-theme=light] .web-header{background:#f6f1e566}
.web-header .brand,.web-footer .brand{background:none;padding:0;width:200px;border-radius:0;filter:drop-shadow(0 3px 6px #0006)}
.nav-wrap{padding-block:24px}
#web-nav a{transition:color .2s,text-shadow .2s}
#web-nav a:hover{color:var(--web-gold);text-shadow:0 0 20px #e8c78e80}
.page-home .web-header{position:absolute;width:100%;top:0;background:transparent;backdrop-filter:none;border:0;color:#f4ecdd}
.page-home #web-nav a,.page-home .nav-tools,.page-home .theme-toggle{color:#f4ecdd}
.page-home .brand{width:225px}
.page-home .web-test + .web-header{top:var(--test-height,29px)}
.page-home .web-test{position:relative;z-index:51}
.glass-card,.price-card,.feature-summary,.orbit-card,.partner-teaser,.faq details{
  backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff13,0 15px 50px #00000016;
}
.surface-band{background:#11191c55;backdrop-filter:blur(10px)}
[data-theme=light] .surface-band{background:#eee9df55}
.feature-grid{background:#94836d55}
.feature-summary,.price-card,.glass-card{background:var(--web-card)}
.price-card.featured{background:linear-gradient(140deg,#cda96622,var(--web-card));box-shadow:0 0 35px #d2a55712}
.faq details{background:var(--web-card);padding-inline:20px;margin-bottom:8px;border:1px solid var(--web-line);border-radius:9px}
.partner-teaser{background:var(--web-card)}
.home-hero{height:calc(100vw * .666667);min-height:740px;max-height:1180px;position:relative}
.hero-photo-scene{position:absolute;width:1536px;height:1024px;top:0;left:0;transform-origin:0 0;pointer-events:none}
.hero-scene-photo{position:absolute;inset:0;width:1536px!important;max-width:none;height:1024px}
.photo-screen-mask{display:none;position:absolute;inset:0;pointer-events:none}
.js .photo-screen-mask{display:block}
.photo-screen{position:absolute;left:0;top:0;max-width:none;height:auto;transform-origin:0 0;filter:brightness(.9)}
.monitor-mask{clip-path:polygon(799px 305px,1455px 330px,1428px 733px,1367px 727px,1375px 607px,1237px 585px,1225px 712px,973px 688px,980px 596px,755px 576px)}
.hero-content{height:100%;min-height:0;padding-top:16%;padding-bottom:0;pointer-events:none}
.hero-copy{width:45%;pointer-events:auto}
.hero-copy h1{font-size:clamp(48px,5.5vw,87px);font-weight:430;letter-spacing:-.045em}
.hero-copy h1 em{background:linear-gradient(#fff0cc,#dbb570);color:transparent;background-clip:text}
.hero-copy .lead{max-width:470px;font-size:19px}
.hero-photo-caption{position:absolute;bottom:30px;right:8%;font-size:12px;color:#ddd4c2;text-align:right}
.hero-photo-caption small{display:block;font-size:10px}
.industry-icon{color:var(--web-gold);display:block;flex:none;filter:drop-shadow(0 0 10px #dfb46620)}
.industry-strip a{font-size:15px}
@media(max-width:1150px){.web-header .brand{width:155px}.hero-copy .lead{font-size:17px}.hero-copy .tl{font-size:12px;padding:12px 16px}.hero-copy h1{font-size:clamp(43px,5.4vw,66px)}}
@media(max-width:900px){
  .home-hero{height:930px;min-height:0;max-height:none}
  .hero-photo-scene{top:auto;bottom:0;transform-origin:0 100%}
  .hero-content{padding-top:135px}
  .hero-copy{width:100%;max-width:610px}
  .hero-copy .lead{max-width:540px}
  .hero-photo-caption{bottom:15px;right:20px;font-size:10px}
  .page-home .web-header{background:#0c111333;backdrop-filter:blur(10px)}
  .nav-wrap{padding-block:16px}
  .web-header .brand,.page-home .brand{width:150px}
  .js #web-nav.is-open{background:#11191df0;border-radius:9px}
  [data-theme=light] .js #web-nav.is-open{background:#f7f0e3f0}
  [data-theme=light] .page-home #web-nav.is-open a{color:#242829}
}
@media(max-width:600px){
  .home-hero{height:870px}
  .hero-content{padding-top:135px}
  .hero-copy h1{font-size:clamp(42px,11vw,63px)}
  .hero-copy .lead{font-size:16px;max-width:360px}
  .hero-copy .actions{gap:10px}
  .hero-copy .tl{font-size:12px;padding:10px 12px}
  .web-header .brand,.page-home .brand{width:135px}
  .industry-strip a{font-size:14px}
}

.industry-icon .ik{flex:none}
.real-screen img{display:block;height:auto;max-height:600px;object-fit:contain}
.trade-group,.trade-explanation{scroll-margin-top:35px}
.trade-card .eyebrow{display:flex;align-items:center;gap:15px}
.trade-explanation{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding:35px 35px 65px;border-bottom:1px solid var(--web-line)}
.trade-explanation h3{font-size:25px;margin-bottom:20px}
.trade-explanation p{line-height:1.8;color:var(--web-muted)}
.trade-feature-links{display:flex;gap:12px 25px;flex-wrap:wrap;margin-top:25px;font-size:14px}
@media(max-width:700px){.trade-explanation{grid-template-columns:1fr;gap:30px;padding:20px 5px 45px}.trade-explanation h3{font-size:23px}}

.web-header{background:linear-gradient(180deg,#0c111355,#0c111311);border:0;box-shadow:none}
[data-theme=light] .web-header{background:linear-gradient(180deg,#f6f1e555,#f6f1e511)}
.page-features .web-header{position:absolute;top:var(--test-height,29px);width:100%;color:#f4ecdd;background:transparent;backdrop-filter:none}
.page-features #web-nav a,.page-features .theme-toggle{color:#f4ecdd}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.page-features .helix-stage{top:0;height:100vh}.page-features .helix-copy{top:20%}.page-features .helix-scene{bottom:30px}}

@media(max-width:900px){.hero-photo-scene:after{content:"";position:absolute;inset:0 0 auto;height:210px;background:linear-gradient(var(--web-scene),transparent);pointer-events:none}}

@media(max-width:999px),(prefers-reduced-motion:reduce){.page-features .web-header{position:relative;top:auto;color:var(--web-text);background:transparent}.page-features #web-nav a,.page-features .theme-toggle{color:var(--web-text)}}
html:not(.js) .page-home .web-header{position:relative;top:auto;background:var(--web-scene)}