/* SYNBOX LIGHT — visual family of SYNARIA.ONE / 2026-10-27
   Surface palette: white / #f4f6ff, ink #15203b, rainbow accents.
   Loaded after existing component styles: does not modify auth, API or installers. */
:root{color-scheme:light;--syn-paper:#fff;--syn-cloud:#f4f6ff;--syn-mist:#f9faff;--syn-ink:#15203b;--syn-secondary:#64718b;--syn-border:#e0e6f0;--syn-violet:#7054df;--syn-blue:#456bcf;--syn-cyan:#15a6ce;--bg:#f4f6ff;--deep:#f4f6ff;--panel:#fff;--muted:#64718b;--line:#dfe6f2;--ice:#416bc9;--purple:#7b55d9;--gold:#ac721e}
html{background:#f4f6ff}body{color:var(--syn-ink);background:var(--syn-cloud);-webkit-font-smoothing:antialiased}body::selection{color:#16203b;background:#dcd8ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8165d8;outline-offset:3px}
.site-header{background:#fffffff0!important;border-bottom:1px solid #e1e6f0!important;box-shadow:0 2px 15px #253c6110}
.main-brand,.hub-brand{color:#192645}.hub-brand b{color:#15203b}.hub-brand small{color:#7562bf}.desktop-menu a,.login-link,.language-switch{color:#344360!important}.desktop-menu a:hover,.login-link:hover,.language-switch:hover{color:#7054df!important}.nav-download{background:linear-gradient(110deg,#6665dc,#9854cb)!important;color:#fff!important;box-shadow:0 9px 26px #7e69d52b!important}.nav-download:hover{box-shadow:0 13px 34px #7f62d64b!important}
.mobile-dropdown summary{color:#243457!important;background:#f4f6ff!important;border-color:#d9e3ef!important}.mobile-dropdown summary span{background:#243457!important}.mobile-dropdown nav{background:#fff!important;border:1px solid #dfe6f0!important;box-shadow:0 22px 60px #25436a22!important}.mobile-dropdown nav a{color:#273751!important}.mobile-dropdown nav a:hover{color:#7054df!important;background:#f5f3fc!important}
.hero.hub-hero{background:linear-gradient(110deg,#fff 0%,#fbfbff 48%,#f4f3ff 100%)!important;border-bottom:1px solid #e6eafa}.hub-light{background:radial-gradient(ellipse at 76% 30%,#b0acff46,transparent 55%),radial-gradient(ellipse at 98% 85%,#f6c4eb66,transparent 50%),radial-gradient(ellipse at 18% 79%,#c1f1ff48,transparent 55%),linear-gradient(90deg,#758ad008 1px,transparent 1px),linear-gradient(#758ad008 1px,transparent 1px)!important;background-size:auto,auto,auto,68px 68px,68px 68px!important}.hub-eyebrow{color:#655ac3!important}.hub-copy h1{color:#172541!important}.hub-copy h1 span{background:linear-gradient(110deg,#386db7 0%,#8560d8 48%,#d475af 96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hub-copy>p{color:#5b6982!important}.hub-hint{color:#667898!important}.hub-stats{color:#70809b;border-color:#dde4f1}.hub-stats b{color:#233657}
.btn-primary{color:#fff!important;background:linear-gradient(112deg,#6367e9 0%,#8555d9 65%,#b654b7 100%)!important;border:1px solid #7c67d7!important;box-shadow:0 9px 28px #8158d035!important}.btn-primary:hover{box-shadow:0 15px 32px #8158d04d!important}.btn-outline{color:#283c61!important;background:#fff!important;border-color:#c7d3e6!important;box-shadow:0 4px 18px #334d7010!important}.btn-outline:hover{background:#f4f1ff!important;border-color:#ac9de7!important}
.mock-caption,.mock-footer{color:#667aa8!important}
.hub-window{background:#fff!important;border:1px solid #cdd8ed!important;box-shadow:0 27px 80px #536b9a24,0 0 70px #c2b2f256!important}.hub-window:hover{box-shadow:0 35px 95px #536b9a2e,0 0 85px #c2b2f268!important}.hub-winbar{background:linear-gradient(100deg,#fff,#f2f0ff)!important;border-color:#dfe3f0!important}.hub-winbar>span{color:#233654!important}.hub-winbar small,.hub-winbar i{color:#7a89a7!important}.hub-winbody aside{background:#f5f7fe!important;border-color:#e0e7f3!important}.hub-winbody aside small,.hub-winbody main>small,.mock-index{color:#7889a8!important}.hub-winbody aside button{color:#596984!important}.hub-winbody aside button.on,.hub-winbody aside button:hover{background:#e8e7fc!important;color:#4b4697!important;border-color:#cbc7f3!important}.hub-winbody aside p{color:#2b9b7d!important}.hub-winbody main{background:radial-gradient(ellipse at 90% 0%,#d5c8ff55,transparent 57%),#fff!important}.hub-winbody main h2{color:#192b4d}.hub-winbody main>p{color:#61738c!important}.mock-search{background:#f6f8fc!important;border-color:#dfe6f1!important;color:#7785a0!important}.mock-tile{background:#fff!important;color:#324360!important;border:1px solid #e1e6f0!important;box-shadow:0 4px 12px #435c7f0c!important}.mock-tile:hover{background:#f6f1ff!important;border-color:#b5a6ec!important;box-shadow:0 8px 22px #7a70a32c!important}#mock-message{border-color:#e2e8f2!important;color:#587a80!important}
.page-section{color:#172641}.eyebrow{color:#7055cf!important}.section-heading h2,.connected-intro h2,.faq-grid h2{color:#15203b!important}.section-heading p,.connected-intro>p{color:#64718b!important}.gains{background:#fff!important}.feature-card{color:#243354!important;border:1px solid #e3e8f1!important;background:linear-gradient(145deg,#fff,#f8f9ff)!important;box-shadow:0 12px 34px #29436e0b!important}.feature-card:hover{border-color:#b4a4ec!important;box-shadow:0 18px 40px #5361a01a!important}.feature-card:after{background:radial-gradient(circle,#b8b3ff36,transparent 70%)}.feature-num{color:#8797ae!important}.feature-symbol{background:#f0edff!important;border:1px solid #dcd3fc!important;color:#7961ca!important;box-shadow:none!important}.feature-symbol-1{background:#fff3e6!important;color:#be8b48!important;border-color:#f2dfc0!important}.feature-symbol-2{background:#e8faff!important;color:#248db7!important;border-color:#c9ebf5!important}.feature-symbol-3{background:#f4efff!important;color:#9569c6!important;border-color:#e0cef6!important}.feature-card h3{color:#27395c}.feature-card p{color:#66738b!important}.section-note{color:#7b88a0!important}
.apps-section{background:linear-gradient(135deg,#f4f6ff,#fff 62%,#f8f4ff)!important}.app-counter,.app-counter b{color:#566987!important}.filter-btn{background:#fff!important;color:#445572!important;border:1px solid #d5dfed!important}.filter-btn:hover,.filter-btn[aria-pressed=true]{background:#ebe8ff!important;color:#5644b4!important;border:1px solid #b6a9ea!important}.hub-card,.app-card.hub-card{color:#243453!important;background:#fff!important;border:1px solid #e0e6f0!important;box-shadow:0 8px 22px #3751760c!important}.hub-card:hover,.app-card.hub-card:hover{background:#fff!important;border-color:var(--app-accent)!important;box-shadow:0 13px 29px #7c88a52b,0 0 0 1px var(--app-accent)!important}.hub-card:before{opacity:.85}.hub-card h3{color:#233555!important}.hub-card p,.app-card p{color:#63718b!important}.hub-card>small{color:#8794ab!important}.hub-status{color:#97632d!important;background:#fff7ec!important;border-color:#e9d6b6!important}
.hub-architecture{background:linear-gradient(160deg,#fff,#f9f9ff 60%,#f2f5ff)!important}.hub-steps article,.hub-steps article.hub-center{color:#243553!important;background:#fff!important;border:1px solid #e0e6f0!important;box-shadow:0 14px 40px #53629114!important}.hub-steps article.hub-center{background:linear-gradient(135deg,#f4f3ff,#fff)!important;border-color:#cfc3f7!important}.hub-steps article small{color:#727daa!important}.hub-steps article>strong{color:#8871cf!important}.hub-steps article h3{color:#263757}.hub-steps article p{color:#63728c!important}.steps-foot{color:#7d8aa2!important}
.connected-section{background:#fff!important}.connector-card{color:#233656!important;background:#f8faff!important;border:1px solid #e0e6f0!important;box-shadow:0 7px 21px #42567b0b!important}.connector-icon{color:#6452c0!important;background:#eeebff!important;border-color:#dcd6fa!important}.connector-icon svg{color:#5d60c6!important}.connector-copy h3{color:#263957!important}.connector-copy p{color:#6a7891!important}.connector-tag{color:#5e6d88!important;border:1px solid #d9e0ed!important;background:#fff!important}.connected-intro>img{filter:drop-shadow(0 16px 28px #7981b94a)}
.safety-section{color:#243657!important;background:linear-gradient(110deg,#eaf2ff,#f7f1ff 65%,#f2f9fc)!important;border-block:1px solid #d9e6f4!important}.safety-icon{background:#fff!important;color:#7964cf!important;border-color:#d5c9f3!important}.safety-row h2{color:#243756!important}.safety-row p{color:#64728b!important}
.faq-section{background:#fff!important}.faq-item,.faq-item:first-child{border-color:#e3e8f0!important}.faq-item summary{color:#233655!important}.faq-item summary:hover{color:#7054cf!important}.faq-item p{color:#64738c!important}
.closing-section{background:radial-gradient(ellipse at 50% 12%,#e7ddff88,transparent 52%),linear-gradient(110deg,#f5f7ff,#fff 45%,#f9f3fc)!important;border-top:1px solid #e2e7f0!important;color:#172743!important}.closing-content h2{color:#192a4a!important}.closing-content p{color:#62718a!important}.closing-content>img{filter:drop-shadow(0 12px 30px #8b82d755)!important}.version-note{color:#7082a0!important}
.site-footer{background:#f2f5fa!important;border-top:1px solid #e1e6ee!important;color:#65748d!important}.site-footer nav a{color:#435571!important}.site-footer nav a:hover{color:#7654cf!important}.footer-logo span,.site-footer small{color:#65748d!important}
/* Information pages: downloads and documentation */
.info-hero{background:radial-gradient(ellipse at 77% 32%,#d6c3fc8b,transparent 55%),linear-gradient(110deg,#fff,#f6f4ff)!important;border-color:#e1e6f0!important;color:#1d2c48!important}.info-hero:after{background:linear-gradient(90deg,transparent,#b6aff1,#91daed,transparent)!important}.info-hero-copy h1{color:#1b2e4d!important}.info-hero-copy>p{color:#5d6b85!important}.info-hero-art img{filter:drop-shadow(0 20px 30px #847ac54a)!important}.info-hero-glow{background:conic-gradient(from 40deg,#84cde933,#be9bef50,#f1d4e65a,#84cde933)!important}.info-section{background:#fff!important;color:#243655!important}.info-primary-panel{background:linear-gradient(155deg,#f7f8ff,#fff)!important;border-color:#d8dff1!important;color:#243554!important;box-shadow:0 15px 45px #54699919!important}.info-primary-panel h3{color:#223756!important}.info-primary-panel p{color:#65748b!important}.info-primary-panel small{color:#7a8aa3!important}.info-chip{background:#eff8ff!important;color:#346ca4!important;border-color:#c6e1f3!important}.info-mini-panel{background:#f8faff!important;border-color:#dfe6f0!important;color:#243656!important}.info-mini-panel h3{color:#253959!important}.info-mini-panel p{color:#687690!important}.info-mini-icon{color:#7663d5!important}.info-warning{background:#fffbf4!important;border-color:#efd8b7!important;color:#533a20!important}.info-warning>span{color:#ad792f!important;border-color:#e7c996!important}.info-warning h3{color:#654c29!important}.info-warning p{color:#786447!important}.info-verify{border-color:#dce3ee!important;background:#f8faff!important;color:#283a58!important}.info-verify summary{color:#344664!important}.info-verify>div{border-color:#e0e7f2!important;color:#61718b!important}.info-verify code{color:#4168ab!important}.info-faq-section{background:#f8faff!important}.info-faq-section .faq-item{border-color:#e2e8f2!important}.info-faq-section .faq-item summary{color:#263956!important}.info-faq-section .faq-item p{color:#66748a!important}
@media(max-width:990px){.hub-hero{background:#f9faff!important}.hub-layout{padding-top:62px}.hub-window{transform:none!important}}
@media(max-width:650px){.site-header{background:#fffffffa!important}.hub-hero .hub-light{opacity:.8}.hub-window{box-shadow:0 12px 40px #5971a326!important}.hub-copy h1{color:#1a2a49!important}.hub-winbody aside button.on,.hub-winbody aside button:hover{color:#4f4698!important}.hub-winbody main{padding:15px 10px}.hub-steps article{min-height:0}.info-hero-inner{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.feature-card,.hub-card,.btn{transition:none!important}}

/* Availability labels intentionally describe catalog presence, not a release status. */
.hub-status{color:#566988!important;background:#f1f4f9!important;border:1px solid #dae1ec!important}
.app-availability{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 20px;padding:13px 18px;border:1px solid #dcdff0;border-radius:14px;color:#50617c;background:linear-gradient(100deg,#fff,#f6f4ff);font-size:12px;line-height:1.65}
.app-availability a,.faq-item p a{color:#6250c8!important;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.app-availability a:hover,.faq-item p a:hover{color:#3e369f!important}

/* SYNPOST remains a separate SYNARIA family member on the light site. */
.hub-app-synpost{--app-accent:#57a6d6!important;background:linear-gradient(145deg,#fff,#f6faff)!important}
.hub-app-synpost .hub-card-top img{object-fit:contain}

/* SYNEDIT flagship featured card, white SYNARIA family surface. */
.hub-app-synedit{--app-accent:#9074e4!important;background:linear-gradient(125deg,#ffffff,#f4f1ff)!important;border-color:#d5cafa!important;box-shadow:0 13px 34px #7361c81a!important}
.hub-app-synedit:hover{background:linear-gradient(125deg,#fff,#f1ecff)!important}
.hub-app-synedit h3{color:#3c3586!important}


/* SYNARIA ecosystem footer — same information architecture as synaria.one, light SYNBOX variant. */
.site-footer.synaria-footer{background:#f2f5fa!important;color:#586984!important;border-top:1px solid #dfe6f0!important;padding:58px 0 24px!important;font-size:12px}
.synaria-footer .synaria-footer-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1.15fr);column-gap:72px;row-gap:30px}
.synaria-footer .synaria-footer-identity{min-width:0}
.synaria-footer .synaria-footer-brand-link{display:inline-flex;align-items:center;width:206px;max-width:100%}
.synaria-footer .synaria-footer-brand-link img{width:206px;max-width:100%;height:auto;object-fit:contain;display:block}
.synaria-footer .synaria-footer-product{display:flex;align-items:center;gap:9px;margin:18px 0 22px;max-width:370px}
.synaria-footer .synaria-footer-product img{height:46px;width:46px;flex:none;object-fit:contain}
.synaria-footer .synaria-footer-product div{display:flex;flex-direction:column;gap:4px}
.synaria-footer .synaria-footer-product strong{font-size:12px;letter-spacing:.11em;color:#1d2b48}
.synaria-footer .synaria-footer-product span{font-size:12px;line-height:1.5;color:#5f6e86}
.synaria-footer .synaria-footer-label{display:block;font-size:10px;color:#7a659f;letter-spacing:.13em;font-weight:800;margin-bottom:9px}
.synaria-footer .synaria-footer-operator strong{display:block;color:#223454;font-size:14px;letter-spacing:.04em}
.synaria-footer .synaria-footer-operator p{font-size:12px;line-height:1.85;margin:8px 0 9px;color:#5f6e86}
.synaria-footer .synaria-footer-operator>a{display:inline-block;color:#554abc!important;font-weight:750;text-decoration:none;font-size:11px}
.synaria-footer .synaria-footer-operator>a:hover{text-decoration:underline}
.synaria-footer .synaria-footer-col{display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding-top:5px;min-width:0}
.synaria-footer .synaria-footer-col h2{font-size:11px;line-height:1.5;color:#716384;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin:0 0 8px}
.synaria-footer .synaria-footer-col>a{color:#435572!important;line-height:1.65;font-size:12px;text-decoration:none}
.synaria-footer .synaria-footer-col>a span{color:#8c7bc4;margin-left:3px}
.synaria-footer .synaria-footer-col>a:hover{color:#624dbb!important}
.synaria-footer .synaria-footer-bottom{margin-top:44px;border-top:1px solid #dae1ec;padding:21px 0 17px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:#687894}
.synaria-footer .synaria-footer-bottom>a{color:#455775!important;text-decoration:none;font-weight:700}
.synaria-footer .synaria-footer-bottom>a:hover{color:#634fc3!important}
.synaria-footer .synaria-footer-legal{border-top:1px solid #dfe5f0;padding-top:19px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.synaria-footer .synaria-footer-legal>a{color:#556781!important;text-decoration:none;font-size:11px;line-height:1.7}
.synaria-footer .synaria-footer-legal>a:hover{color:#634fc3!important;text-decoration:underline}
.synaria-footer a:focus-visible{outline:3px solid #8875d8;outline-offset:4px;border-radius:3px}
@media(max-width:950px){.synaria-footer .synaria-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 44px}.synaria-footer .synaria-footer-identity{grid-column:1/-1}.synaria-footer .synaria-footer-col{padding-top:0}}
@media(max-width:570px){.site-footer.synaria-footer{padding:40px 0 22px!important}.synaria-footer .synaria-footer-grid{grid-template-columns:minmax(0,1fr);gap:30px}.synaria-footer .synaria-footer-identity{grid-column:auto}.synaria-footer .synaria-footer-brand-link,.synaria-footer .synaria-footer-brand-link img{width:190px}.synaria-footer .synaria-footer-col{gap:12px}.synaria-footer .synaria-footer-col h2{margin-bottom:4px}.synaria-footer .synaria-footer-bottom{margin-top:33px;padding-top:17px}.synaria-footer .synaria-footer-legal{gap:12px 22px}.synaria-footer .synaria-footer-legal a{font-size:11px}}


/* ---------------------------------------------------------------
   Kotvy pod lepivou navigací (oprava 27. 10. 2026)
   Hlavička je `position: sticky; top: 0`, takže po kliknutí na #aplikace
   skončil začátek sekce (a horní část karet katalogu) pod ní. `scroll-padding`
   řeší i odkaz z jiné stránky a klávesovou navigaci, `scroll-margin` cílová id.
   --------------------------------------------------------------- */
html { scroll-padding-top: 108px; }
section[id], main [id], [id="katalog"], [id="aplikace"] { scroll-margin-top: 108px; }

@media (max-width: 900px) {
  html { scroll-padding-top: 92px; }
  section[id], main [id] { scroll-margin-top: 92px; }
}

@media (max-width: 650px) {
  html { scroll-padding-top: 84px; }
  section[id], main [id] { scroll-margin-top: 84px; }
}