/* iUP global navigation — compact glass bar and full-width disclosures. */
:root{--site-nav-height:60px;--nav-h:60px;--site-nav-bottom:96px}
.site-brandbar{height:36px;background:#f5f6fb;border-bottom:1px solid #e9edf5}
.site-brandbar-inner{max-width:1180px;height:100%;padding:0 20px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px}
.site-brand-links{display:flex;align-items:center;gap:4px;justify-self:start;min-width:0}
.site-brand-links a{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;padding:3px 8px;color:#526077;font-size:11px;font-weight:650;line-height:20px;border-radius:99px;transition:background .18s,color .18s}
.site-brandbar a:hover{background:#fff;color:#1764ed}
.site-brand-links a[href="https://www.flotilnik.cz"]{--brand-color:var(--flot)}
.site-brand-links a[href="https://realitnizkousky.com"]{--brand-color:var(--rea)}
.site-brand-links a[href="https://www.ccd2.cz"]{--brand-color:var(--uv)}
.site-brand-links a:is(:hover,:focus-visible){background:#fff;color:var(--brand-color)}
.site-brandbar a:focus-visible{outline:2px solid #246cff;outline-offset:2px}
.site-brand-links i{font-style:normal;background:var(--brand-color);width:14px;height:14px;border-radius:50%;font-size:9px;line-height:1;display:grid;place-items:center;color:#fff}
.site-brandbar-icon{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;color:#526077;transition:background .18s,color .18s}
.site-brandbar-whatsapp{grid-column:2;justify-self:center}
.site-brandbar-whatsapp img{display:block;width:23px;height:23px;object-fit:contain}
.site-brand-socials{grid-column:3;display:flex;align-items:center;gap:6px;justify-self:end}
.site-brand-socials img{display:block;width:22px;height:22px;object-fit:contain}
html{scroll-padding-top:80px}
.nav.site-nav{position:sticky;inset:auto;top:0;z-index:200;height:var(--site-nav-height);background:#fafafd;border-bottom:1px solid #1823420d;backdrop-filter:none;-webkit-backdrop-filter:none;transition:box-shadow .22s}
.site-nav.scrolled{background:#fafafd;box-shadow:0 2px 16px #14234004}
.site-nav.is-panel-open,.site-nav.is-mobile-open{background:#fafafd;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-nav-inner{max-width:1180px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px}
.site-nav .nav-logo{flex:none;display:flex;align-items:center;margin:0}
.site-nav .nav-logo img{width:72px;height:34px;object-fit:contain}
.site-nav-links{display:flex;align-items:center;justify-content:flex-start;flex:1;gap:18px;min-width:0;height:100%}
.site-nav-link{height:var(--site-nav-height);display:flex;align-items:center;gap:5px;color:#283145;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;cursor:pointer;position:relative;list-style:none;transition:color .18s}
.site-nav-link:hover,.site-disclosure[open]>.site-nav-link{color:#1764ed}
.site-nav-link[aria-current=page]::after{content:"";position:absolute;bottom:11px;left:0;right:0;height:2px;background:#2769f5;border-radius:2px}
.site-nav-link::-webkit-details-marker{display:none}
.site-chevron{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
summary.site-nav-link>.site-chevron{transform:rotate(90deg);width:9px;opacity:.55;transition:transform .22s}
.site-disclosure[open]>summary>.site-chevron{transform:rotate(-90deg)}
.site-nav-actions{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.site-language{position:relative}
.site-language>summary{display:flex;align-items:center;gap:5px;min-height:36px;padding:5px 6px;font-size:11px;font-weight:650;cursor:pointer;list-style:none;color:#46536b}
.site-language>summary::-webkit-details-marker{display:none}
.site-globe{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.site-language>summary>.site-chevron{width:8px;height:8px;transform:rotate(90deg)}
.site-language[open]>summary>.site-chevron{transform:rotate(-90deg)}
.site-language-panel{position:absolute;right:0;top:calc(100% + 9px);width:282px;padding:18px 12px 12px;background:#fff;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 16px 45px #15284925;animation:site-content-in .2s both}
.site-language-panel .site-menu-label{padding:0 8px;margin-bottom:10px}
.site-language-panel>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 8px;border-radius:9px;text-align:left;color:#1f3459;font-size:12px}
.site-language-panel>button>span{display:grid;place-items:center;background:#eef2f9;min-width:28px;height:24px;border-radius:6px;font-size:10px;font-weight:650}
.site-language-panel>button>b{font-size:12px;font-weight:650}
.site-language-panel>button>small{font-size:10px;font-weight:500;margin-left:auto;color:#718099}
.site-language-panel>button:disabled{cursor:default;color:#718099}
.site-language-panel>button:not(:disabled){background:#f3f6ff}
.site-language-panel>button:not(:disabled)>small{color:#2265ed}
.site-login,.site-start{display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--blue);background-image:linear-gradient(90deg,var(--blue),var(--royal));background-size:200% 100%;background-position:left center;border:0;font-size:12px;font-weight:650;border-radius:99px;padding:9px 16px;white-space:nowrap;transition:filter .2s,box-shadow .2s}
.site-start{background-position:right center}
.site-login,.site-start{position:relative;overflow:hidden;isolation:isolate}
.site-login::after,.site-start::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s var(--ease)}
.site-login:hover::after,.site-start:hover::after,.site-login:focus-visible::after,.site-start:focus-visible::after{transform:translateX(100%)}
.site-login:hover,.site-start:hover{filter:brightness(1.08);box-shadow:0 5px 16px #21009e25}
.site-nav a:focus-visible,.site-nav summary:focus-visible,.site-menu-toggle:focus-visible{outline:3px solid #246cff;outline-offset:5px;border-radius:5px}
.site-mega{position:absolute;top:100%;left:50%;width:min(1140px,calc(100vw - 40px));transform:translateX(-50%);background:#fafafd;border:1px solid #192a4610;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 20px 30px #15284912;max-height:calc(100dvh - var(--site-nav-bottom));overflow:auto;overscroll-behavior:contain;animation:site-panel-in .25s cubic-bezier(.22,1,.36,1) both}
.site-mega-inner{max-width:1140px;margin:0 auto;padding:26px 30px 30px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px;animation:site-content-in .3s cubic-bezier(.22,1,.36,1) both}
.site-menu-label{display:block;font-size:12px;font-weight:500;line-height:1.5;color:#737c8c;letter-spacing:.015em;margin:0 0 17px}
.site-menu-label-spaced{margin:25px 0 10px}
.site-mega-primary>a{display:block;font-size:23px;font-weight:750;letter-spacing:-.04em;line-height:1.24;padding:6px 0;color:#162036;transition:color .15s,transform .2s}
.site-mega-primary>a:hover{color:#2265ed;transform:translateX(4px)}
.site-mega-secondary>a{display:block;color:#354053;font-size:13px;font-weight:600;line-height:1.5;padding:5px 0}
.site-mega-secondary>a:hover{color:#2265ed}
.site-menu-feature{display:flex;align-items:center;position:relative;overflow:hidden;align-self:start;min-height:220px;background:#edf0f9;border-radius:18px;padding:22px 18px;color:#17264b}
.site-menu-feature>div{position:relative;z-index:1;width:69%}
.site-menu-feature{--preview-color:var(--blue);min-height:278px;align-items:flex-start}
.site-menu-feature.has-topic-preview>div{width:100%}
.site-menu-feature img[hidden]{display:none}
.site-menu-feature .site-feature-description{font-size:12px;line-height:1.6;color:#687389;margin:14px 0 0}
.site-menu-feature .site-menu-label,.site-area-note .site-menu-label{color:var(--preview-color,#737c8c)}
.site-menu-feature .site-feature-link,.site-area-note a{color:var(--preview-color,var(--blue))}
.site-mega-primary>a.is-preview-active,.site-mega-secondary>a.is-preview-active{color:var(--blue)}
.site-area-links>a.is-preview-active b{color:var(--area)}
.site-area-links>a.is-preview-active>.site-chevron{opacity:1;transform:none}
.site-menu-feature strong{display:block;font-size:22px;font-weight:750;line-height:1.16;letter-spacing:-.04em}
.site-menu-feature .site-menu-label{margin-bottom:16px}
.site-menu-feature img{position:absolute;right:-14px;bottom:-49px;width:122px;height:232px;object-fit:contain;transform:rotate(12deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.site-menu-feature:hover img{transform:translateY(-6px) rotate(7deg)}
.site-feature-link{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;margin-top:22px;color:#1459cc}
.site-feature-link svg,.site-area-note a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.site-mega-areas{grid-template-columns:2fr 1fr}
.site-area-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 28px}
.site-area-links>a{display:flex;align-items:center;gap:12px;padding:9px 0;color:#162036}
.site-area-links>a>i{width:9px;height:36px;border-radius:8px;background:var(--area);transition:height .24s}
.site-area-links>a:hover>i{height:44px}
.site-area-links b{display:block;font-size:21px;letter-spacing:-.04em;font-weight:750;line-height:1.35}
.site-area-links small{display:block;font-size:11px;font-weight:500;color:#687389;margin-top:3px}
.site-area-links>a>.site-chevron{margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.site-area-links>a:hover>.site-chevron{opacity:1;transform:none}
.site-area-note{padding:0 0 0 30px;border-left:1px solid #192a4614}
.site-area-note strong{font-size:23px;line-height:1.25;font-weight:750;letter-spacing:-.04em;display:block}
.site-area-note p{font-size:13px;line-height:1.7;color:#687389;margin:20px 0}
.site-area-note a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--preview-color,#2265ed)}
/* Editorial previews: stable dimensions, real product imagery, one clear link. */
.site-mega-inner{grid-template-columns:1.12fr .84fr 1.3fr;gap:24px;padding:24px}
.site-mega-areas{grid-template-columns:1.96fr 1.3fr;align-items:start}
.site-mega .site-menu-label{margin:4px 12px 16px;font-size:11px;font-weight:650;color:#68758e}
.site-mega-primary>a,.site-mega-secondary>a{position:relative;border-radius:12px;padding:11px 12px;transition:color .18s,background .18s}
.site-mega-primary>a{font-size:22px;line-height:1.35;letter-spacing:-.035em}
.site-mega-secondary>a{font-size:13px;line-height:1.55;padding-top:12px;padding-bottom:12px}
.site-mega-primary>a:is(:hover,:focus-visible,.is-preview-active),.site-mega-secondary>a:is(:hover,:focus-visible,.is-preview-active){background:#eaf0ff;color:var(--blue);transform:none}
.site-area-links{align-content:start;gap:8px}
.site-area-links>a{min-width:0;min-height:92px;padding:16px 12px;border:1px solid transparent;border-radius:16px;transition:background .18s,border-color .18s}
.site-area-links>a:is(:hover,:focus-visible,.is-preview-active){background:color-mix(in srgb,var(--area) 7%,white);border-color:color-mix(in srgb,var(--area) 24%,transparent)}
.site-area-links>a>i{flex:none;width:5px;height:34px;border-radius:10px;transition:none}
.site-area-links>a:hover>i{height:34px}
.site-area-links b{font-size:20px;line-height:1.3}
.site-area-links small{font-size:11px;line-height:1.5}
.site-area-links>a>.site-chevron{flex:none;color:var(--area)}
.site-rich-preview.site-menu-feature,.site-rich-preview.site-area-note{--preview-color:var(--blue);display:flex;flex-direction:column;align-items:stretch;align-self:start;height:380px;min-height:380px;padding:0;border:1px solid #dce5f4;border-radius:20px;background:#fff;color:#142247;overflow:hidden;box-sizing:border-box;box-shadow:0 8px 24px #172b5810;isolation:isolate;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.site-rich-preview:is(:hover,:focus-visible){border-color:var(--preview-color);box-shadow:0 10px 28px #172b581b}
.site-rich-preview>.site-preview-media{position:relative;flex:none;width:100%;height:185px;overflow:hidden;background:linear-gradient(125deg,#ecf2ff,#f6f8ff)}
.site-rich-preview .site-preview-media img{display:block;position:static;width:100%;height:100%;object-fit:cover;transform:none;filter:none;transition:opacity .18s}
.site-rich-preview:hover .site-preview-media img{transform:none}
.site-rich-preview[data-topic=help] .site-preview-media img{object-fit:contain;padding-top:12px}
.site-preview-label{position:absolute;left:14px;top:14px;max-width:calc(100% - 28px);display:flex;align-items:center;gap:7px;border:1px solid #ffffffa3;border-radius:99px;background:#fffffff5;padding:6px 10px;font-size:10px;font-weight:750;line-height:1.4;color:#192b51;box-shadow:0 2px 12px #1825420b}
.site-preview-label::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--preview-color)}
.site-rich-preview>.site-preview-copy{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:stretch;padding:16px 20px 18px}
.site-rich-preview strong{display:block;font-size:22px;line-height:1.2;font-weight:750;letter-spacing:-.035em;min-height:53px;text-wrap:balance;color:#15254b}
.site-rich-preview .site-feature-description{font-size:12px;line-height:1.6;margin:6px 0 12px;color:#62718b}
.site-rich-preview .site-feature-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;line-height:1.4;font-weight:750;color:var(--blue)}
.site-rich-preview .site-feature-link svg{width:27px;height:27px;flex:none;padding:6px;border-radius:50%;background:var(--lime,#b2ff00);color:#142753;stroke-width:1.8;transition:transform .2s}
.site-rich-preview:is(:hover,:focus-visible) .site-feature-link svg{transform:translateX(3px)}
.site-rich-preview[data-topic=flot] .site-feature-link{color:var(--flot)}
.site-rich-preview .site-preview-media>img[hidden],.site-product-scene[hidden]{display:none}
#site-areas .site-preview-media{background:linear-gradient(125deg,#edf3ff,color-mix(in srgb,var(--preview-color) 12%,white))}
#site-areas .site-preview-media>img{object-fit:contain;padding:12px 0}
.site-product-scene{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 60%,#dce8ff,transparent 65%),#f1f5ff}
.site-product-scene::before{content:"";position:absolute;width:260px;height:260px;border:1px solid #fff;border-radius:50%;left:50%;top:-28px;pointer-events:none}
.site-rich-preview .site-product-scene img{position:absolute;object-fit:contain;filter:drop-shadow(0 9px 8px #12295c14);height:168px;width:auto;max-width:100%;padding:0;transform:none}
.site-rich-preview .site-product-scene .site-scene-phone{right:17%;top:16px}
.site-rich-preview .site-product-scene .site-scene-app-one{height:166px;left:29%;top:15px}
.site-rich-preview .site-product-scene .site-scene-app-two{height:150px;left:51%;top:30px}
.site-rich-preview .site-product-scene .site-scene-monitor{width:75%;height:155px;left:12.5%;bottom:5px}
.site-rich-preview .site-product-scene .site-scene-guide-phone{height:125px;left:15%;bottom:8px;z-index:1}
.site-rich-preview .site-product-scene .site-scene-guide-monitor{width:66%;height:145px;right:8%;bottom:10px}
.site-scene-tags{position:absolute;left:8%;top:62px;display:grid;gap:8px;z-index:1}
.site-scene-tags>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#1b438e}
.site-scene-tags>span::before{content:"✓";width:21px;height:21px;display:grid;place-items:center;background:var(--lime,#b2ff00);color:#172a55;border-radius:50%;font-size:12px}
.site-rich-preview[data-topic=flot] .site-product-scene{background:linear-gradient(125deg,#eee6fc,#cbb4f1)}
.site-rich-preview .site-product-scene .site-scene-flot-logo{width:37%;height:auto;left:8%;top:77px;filter:drop-shadow(0 1px 4px #49248250)}
.site-rich-preview[data-topic=reality] .site-product-scene{background:linear-gradient(125deg,#fff8ec,#ffe4bf)}
.site-scene-topics{position:absolute;inset:57px 22px 25px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center}
.site-scene-topics>span{text-align:center}
.site-scene-topics i{width:49px;height:49px;margin:0 auto 8px;display:grid;place-items:center;border-radius:15px;background:var(--topic);box-shadow:0 6px 12px color-mix(in srgb,var(--topic) 20%,transparent)}
.site-rich-preview .site-scene-topics i img{position:static;width:32px;height:32px;filter:none}
.site-scene-topics b{font-size:10px;font-weight:750;color:#1f365c}
.site-scene-steps{position:absolute;inset:61px 24px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.site-scene-steps>span{position:relative;padding:12px;background:#fff;border:1px solid #d9e5ff;border-radius:14px;box-shadow:0 5px 14px #152b5708}
.site-scene-steps i{display:block;color:var(--blue);font-size:22px;font-style:normal;font-weight:750;line-height:1.3}
.site-scene-steps b{display:block;color:#193462;font-size:11px;margin-top:5px}
.site-scene-steps em{position:absolute;right:12px;top:13px;font-style:normal;color:#87ae00}
.site-scene-packages{position:absolute;inset:51px 24px 17px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.site-scene-packages>span{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 5px 15px #1832570b}
.site-scene-packages b{padding:9px 4px;font-size:9px;color:#fff;text-align:center;background:var(--package);letter-spacing:.02em}
.site-scene-packages i{font-style:normal;font-size:29px;font-weight:800;line-height:1;text-align:center;padding:14px 4px 8px;color:#19345e}
.site-scene-packages small{display:block;font-size:10px;line-height:1.6;font-weight:500;margin-top:3px}
.site-scene-questions{position:absolute;inset:51px 40px 14px;display:grid;gap:6px}
.site-scene-questions>span{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #dfe8ff;border-radius:11px;background:#fff;color:#21467b;font-size:12px;font-weight:650}
.site-scene-questions i{font-style:normal;color:var(--blue)}
.site-scene-questions b{margin-left:auto;font-size:17px;color:#608b00}
.site-scene-team{position:absolute;inset:36px 15% 39px;display:flex;align-items:center;justify-content:center;gap:8px}
.site-rich-preview .site-scene-team img{position:static;width:30%;height:100%;object-fit:contain;filter:none}
.site-rich-preview[data-topic=help] .site-scene-tags{left:0;right:0;top:auto;bottom:13px;display:flex;justify-content:center;gap:15px}
.site-rich-preview[data-topic=help] .site-scene-tags>span{font-size:10px}
.site-rich-preview[data-topic=help] .site-scene-tags>span::before{width:16px;height:16px;font-size:9px}
/* Products have a focused two-column layout, with utility links below the offer. */
@media(min-width:981px){
 #site-products .site-mega-inner{grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr;gap:14px 34px;padding:24px 28px}
 #site-products .site-mega-primary{grid-column:1;grid-row:1}
 #site-products .site-mega-primary .site-menu-label{margin-bottom:8px}
 #site-products .site-mega-primary>a{font-size:21px;line-height:1.35;padding:7px 14px}
 #site-products .site-mega-primary>a::after{content:"↗";position:absolute;right:15px;color:var(--blue);font-size:20px;font-weight:500;opacity:0;transition:opacity .18s}
 #site-products .site-mega-primary>a:is(:hover,:focus-visible,.is-preview-active)::after{opacity:1}
 #site-products .site-mega-secondary{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:1px 12px;border-top:1px solid #dfe6f2;padding-top:14px}
 #site-products .site-mega-secondary .site-menu-label{grid-column:1/-1;margin-bottom:6px}
 #site-products .site-mega-secondary>a{font-size:12px;padding:8px 12px}
 #site-products .site-rich-preview{grid-column:2;grid-row:1/3;height:380px;min-height:380px;border-radius:18px;box-shadow:none}
 #site-products .site-preview-media{height:190px}
 #site-products .site-preview-copy{padding:18px 24px}
 #site-products .site-rich-preview strong{font-size:26px;line-height:1.17;min-height:31px;text-wrap:pretty}
 #site-products .site-feature-description{font-size:13px;line-height:1.65;margin:10px 0 12px;max-width:46ch}
 #site-products .site-feature-link{font-size:13px}
}
.site-area-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-area-guide{font-size:11px;color:var(--blue);font-weight:650;letter-spacing:0}
.site-area-guide:hover{text-decoration:underline;text-underline-offset:3px}
.study-guide-link{display:inline-flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--blue);font-size:14px;font-weight:700;line-height:1.5}
.study-guide-link span{transition:transform .2s}
.study-guide-link:hover span{transform:translateX(3px)}
.study-guide-link:focus-visible{outline:3px solid #1d67ff70;outline-offset:5px;border-radius:4px}
.site-nav-scrim{position:fixed;inset:var(--site-nav-bottom) 0 0;z-index:190;background:#12203a25;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
.site-nav-scrim.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.site-menu-toggle,.site-mobile-account{display:none}
.foot-grid a.site-footer-project{display:flex;align-items:center;gap:8px;min-height:42px;margin-bottom:22px;padding:0 0 16px;border-bottom:1px solid var(--line);color:#526077;font-size:14px;font-weight:750;line-height:1.4;transition:color .18s}
.site-footer-project i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--project);color:#fff;font-size:12px;font-style:normal}
.site-footer-project svg{width:15px;height:15px;flex:none;margin-left:auto;fill:none;stroke:var(--project);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.foot-grid a.site-footer-project:is(:hover,:focus-visible){color:var(--project)}
.site-footer-project:focus-visible{outline:2px solid var(--project);outline-offset:5px;border-radius:4px}
.site-footer-social{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 6px;margin-top:20px;border-top:1px solid #15234913;font-size:12px;color:#69758b}
.site-footer-social>div{display:flex;gap:24px}
.site-footer-social a{position:relative;display:flex;align-items:center;gap:7px;font-weight:600;color:#69758b;transition:color .18s}
.site-footer-social a[href*="linkedin.com"]{--social-color:#0a66c2;--social-icon:url("social-linkedin.svg")}
.site-footer-social a[href*="facebook.com"]{--social-color:#1877f2;--social-icon:url("social-facebook.svg")}
.site-footer-social a[href*="instagram.com"]{--social-color:#c13584;--social-icon:url("social-instagram.svg")}
.site-footer-social a::before{content:"";position:absolute;left:0;top:50%;width:17px;height:17px;transform:translateY(-50%);background:var(--social-icon) center/contain no-repeat;pointer-events:none}
.site-footer-social a:is(:hover,:focus-visible){color:var(--social-color)}
.site-footer-social a[href*="instagram.com"]:is(:hover,:focus-visible) span{background:linear-gradient(100deg,#c13584,#e1306c 50%,#833ab4);background-clip:text;-webkit-background-clip:text;color:transparent}
.site-footer-social a:focus-visible{outline:2px solid var(--social-color);outline-offset:5px;border-radius:3px}
.site-footer-social svg{height:17px;width:17px;visibility:hidden}
@keyframes site-panel-in{from{opacity:0;clip-path:inset(0 0 24%)}to{opacity:1;clip-path:inset(0)}}
@keyframes site-content-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:1150px) and (min-width:981px){.site-nav-inner{gap:16px;padding:0 18px}.site-nav-links{gap:12px}.site-nav-link{font-size:12px}.site-nav-actions{gap:6px}.site-start,.site-login{padding:8px 10px;font-size:11px}.site-nav .nav-logo img{width:62px}.site-mega-inner{gap:26px}.site-language>summary{gap:4px;padding:5px 3px}.site-globe{display:none}}
@media(max-width:980px){
 :root{--site-nav-height:60px;--nav-h:60px}
 .site-nav-inner{padding:0 16px;justify-content:space-between;gap:12px}
 .site-nav .nav-logo img{height:31px;width:58px}
 .site-nav-actions{gap:8px}
 .site-start,.site-login{font-size:11px;padding:8px 10px}
 .site-language>summary{font-size:10px;padding:5px 2px;gap:3px}
 .site-language{position:static}
 .site-language-panel{position:absolute;left:16px;right:16px;top:calc(100% + 6px);width:auto;max-width:360px;margin-left:auto}
 .site-brandbar-inner{padding:0 16px}
 .site-menu-toggle{position:relative;display:block;width:28px;height:40px;border:0;background:transparent;color:#263249;cursor:pointer;padding:0}
 .site-menu-toggle span{display:block;position:absolute;left:5px;right:3px;top:16px;height:1.6px;background:currentColor;border-radius:9px;transition:transform .25s,top .25s}
 .site-menu-toggle span+span{top:23px}
 .is-mobile-open .site-menu-toggle span{top:19px;transform:rotate(45deg)}
 .is-mobile-open .site-menu-toggle span+span{transform:rotate(-45deg)}
 .site-nav-links{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - var(--site-nav-bottom));overflow-y:auto;overscroll-behavior:contain;display:block;background:#fafafd;padding:18px max(26px,calc((100vw - 660px)/2)) 32px;visibility:hidden;opacity:0;pointer-events:none;transition:visibility .22s,opacity .22s}
 .is-mobile-open .site-nav-links{visibility:visible;opacity:1;pointer-events:auto}
 .site-nav-link{height:auto;min-height:46px;padding:6px 0;font-size:25px;font-weight:750;letter-spacing:-.04em;justify-content:space-between;white-space:normal;line-height:1.2}
 .site-nav-link[aria-current=page]{color:#2265ed}
 .site-nav-link[aria-current=page]::after{display:none}
 summary.site-nav-link>.site-chevron{width:16px;height:16px;margin-right:4px;opacity:.7}
 .site-mega{position:static;width:auto;transform:none;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;animation:site-content-in .25s both}
 .site-mega-inner,.site-mega-areas{display:block;padding:16px 0 25px;animation:none}
 .site-mega-primary>a{font-size:20px;padding:9px 0;letter-spacing:-.035em}
 .site-mega-secondary{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 .site-mega-secondary .site-menu-label{grid-column:1/-1}
 .site-mega-secondary>a{font-size:12px}
 .site-menu-feature,.site-area-note,.site-rich-preview.site-menu-feature,.site-rich-preview.site-area-note{display:none}
 .site-area-links{grid-template-columns:1fr;gap:0}
 .site-area-links>a{padding:11px 8px;min-height:72px}
 .site-area-links b{font-size:21px}
 .site-area-links small{font-size:12px}
 .site-area-links>a>.site-chevron{opacity:.5;transform:none}
 .site-mobile-account{display:grid;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #192a4615}
 .site-mobile-account>a{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#667186;font-weight:550;padding:6px 0}
 .site-mobile-account svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
 .site-nav-scrim{display:none}
 .site-footer-social{align-items:flex-start;flex-direction:column}
 .site-footer-social>div{flex-wrap:wrap;gap:16px}
 /* Without JS the links remain accessible and details still work. */
 html:not(.site-js) .site-nav{height:auto}
 html:not(.site-js) .site-nav .site-nav-inner{flex-wrap:wrap}
 html:not(.site-js) .site-nav .site-nav-links{position:static;order:3;width:100%;flex-basis:100%;height:auto;visibility:visible;opacity:1;pointer-events:auto}
 html:not(.site-js) .site-nav .site-menu-toggle{display:none}
}
/* Keep every project name visible on narrow phones, with social links below. */
@media(max-width:700px){
 .site-brandbar{height:68px}
 .site-brandbar-inner{grid-template-rows:32px 32px;gap:0 8px;padding:0 12px}
 .site-brand-links{grid-column:1/-1;grid-row:1;gap:2px}
 .site-brand-links a{padding:3px 6px;font-size:10px;gap:5px}
 .site-brandbar-whatsapp{grid-row:2}
 .site-brand-socials{grid-row:2}
}
@media(max-width:600px){.site-globe{display:none}.foot-grid a.site-footer-project{min-height:56px}}
@media(max-width:380px){.site-nav-inner{padding:0 12px;gap:8px}.site-nav .nav-logo img{width:44px}.site-nav-actions{gap:6px}.site-login,.site-start{font-size:10px;padding:8px}.site-menu-toggle{width:24px}.site-language>summary{gap:2px}}
@media(prefers-reduced-motion:reduce){.site-nav *,.site-nav-scrim{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.site-login::after,.site-start::after{display:none}}

/* Basket stays next to registration across the shared header. */
.site-cart{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;color:var(--blue-deep);background:#eaf0ff;transition:background .2s,color .2s}
.site-cart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-cart:hover{background:var(--blue);color:#fff}
@media(max-width:700px){.site-nav-actions{gap:6px}.site-cart{width:32px;height:36px;background:transparent}.site-cart svg{width:21px;height:21px}}
@media(max-width:380px){.site-nav-actions{gap:4px}.site-nav .site-language{display:none}}