/* Original Ziorentia identity, with the current navigation and product controls. */
:root{--bg-card:#fff;--border-color:#dcdcd4;--accent-primary:#bd452b}
.z-header .header-content{gap:24px}
.z-brand,.z-header .z-brand,.z-footer .z-brand{display:block;position:relative;flex:0 0 178px;width:178px;height:auto;overflow:visible;transform:none;margin:0}
.z-brand svg{display:block;width:100%;height:auto;aspect-ratio:1314/418;overflow:hidden}
.z-header .z-brand{order:0}.z-header .z-nav{order:1;margin-inline-start:auto}.z-header .z-language-menu{order:2;margin:0;flex:0 0 auto}.z-header .z-menu-toggle{order:3}
.z-nav{gap:24px}.z-nav .z-nav-request{margin:0;white-space:nowrap}
.z-language-menu>summary{border-radius:4px}.z-language-options{inset-inline-start:auto;inset-inline-end:0;border-radius:6px;box-shadow:0 12px 35px #20231f18}
.z-language-options a{border-radius:3px}.z-trademarks{font-size:10px;color:#7c8470;line-height:1.7;margin-bottom:25px}
.z-catalog-icon{display:block;flex-shrink:0}.z-catalog-icon img{display:block;width:55px;height:55px;object-fit:contain;border-radius:11px}
.z-catalog-card>p a{color:inherit;text-decoration:none}.z-catalog-card>p a:hover,.z-catalog-card h3 a:hover{color:var(--z-accent)}
.z-product-detail{align-self:flex-start;display:inline-flex;background:#eeefe8;border:0;border-radius:4px;color:#333b2b;font-size:12px;font-weight:700;padding:9px 17px;margin:0 0 18px;gap:0}
.z-product-detail:hover{background:#333b2b;color:#fff}
.z-catalog-card .z-store-links{padding-top:12px;margin-top:auto;gap:0;flex-wrap:wrap;margin-inline:-10px}
.z-catalog-card .z-store-links a.z-store-badge{padding:10px!important;border:0;line-height:0}
.z-store-links .z-store-badge img{height:40px;width:auto;max-width:none}
.z-work-row:first-child .z-work-image img{max-width:100%}

/* A compact collection of real app screens, contained in the original hero. */
.z-hero-canvas.z-showcase-canvas{height:520px;padding:17px;display:flex;flex-direction:column;gap:15px;background:#e8e8df}
.z-showcase-canvas .z-canvas-label{position:static;flex-shrink:0;gap:10px;font-size:9px;line-height:1.5}
.z-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1.7fr) repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0;direction:ltr}
.z-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #d4d6c8;border-radius:6px;overflow:hidden;background:#fff;text-decoration:none;isolation:isolate;transition:box-shadow .2s,transform .2s}
.z-tile:hover{box-shadow:0 5px 15px #20231f20;transform:translateY(-2px)}
.z-tile-label{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 13px 5px;position:relative;z-index:2;flex-shrink:0;line-height:1.2}
.z-tile-label b{display:block;font-size:14px;font-weight:600;letter-spacing:-.025em}.z-tile-label small{display:block;font-size:9px;line-height:1.4;margin-top:4px;color:#6e7565}
.z-tile-arrow{font-size:16px;font-weight:400;flex-shrink:0;line-height:1}
.z-tile>img{display:block;min-height:0;max-width:100%;object-fit:contain;flex:1;width:100%;height:0}
.z-tile-watch{grid-column:1/-1;background:#14171d;border-color:#14171d;color:#f5f3ed}
.z-tile-watch .z-tile-label{padding:14px 17px 0}.z-tile-watch .z-tile-label b{font-size:18px}.z-tile-watch .z-tile-label small{color:#c0c6b8}
.z-tile-watch>img{width:calc(100% - 20px);margin:0 auto 8px}
.z-tile-toonpie{grid-column:1/5;grid-row:2/4;background:#f8f7f1}
.z-tile-toonpie .z-tile-label{padding-bottom:7px}.z-tile-toonpie>img{width:calc(100% - 30px);margin:0 auto 12px;filter:drop-shadow(0 4px 6px #20231f16)}
.z-tile-erdigo{grid-column:5/-1;grid-row:2;background:#e2e8dd}
.z-tile-erdigo .z-tile-label{padding-bottom:0}.z-tile-erdigo .z-tile-label small{display:none}
.z-tile-erdigo>img{object-fit:cover;object-position:center 50%;margin:6px 0 0}
.z-tile-compass{grid-column:5/8;grid-row:3;background:#14171d;border-color:#14171d;color:#f5f3ed}
.z-tile-compass .z-tile-label{padding:9px 8px 18px;background:linear-gradient(#14171d,transparent)}
.z-tile-compass .z-tile-label b{font-size:11px}.z-tile-compass .z-tile-label small,.z-tile-compass .z-tile-arrow{display:none}
.z-tile-compass>img{position:absolute;flex:none;width:75px;height:auto;max-width:none;left:calc(50% - 37.5px);top:-22px;z-index:-1}
.z-tile-storage{grid-column:8/-1;grid-row:3;background:#dae3eb;border-color:#cbd4db}
.z-tile-storage .z-tile-label{padding:9px 10px 2px}.z-tile-storage .z-tile-label b{font-size:10px;line-height:1.3}.z-tile-storage .z-tile-label small{display:none}
.z-tile-storage>img{object-fit:cover;object-position:center;margin-top:5px}

/* Preserve multilingual and narrow-screen fixes without changing the original layout. */
.z-hero-grid>* , .z-section-heading>* , .z-capabilities-grid>* , .z-company-grid>* , .z-about-intro>* , .z-principle-grid>* , .z-service-row>* , .z-process-grid>* , .z-work-row>* , .z-footer-top>* , .bw-shot{min-width:0}
.z-actions{flex-wrap:wrap}.z-hero-description{width:100%;min-width:0}
.z-capability-list>div{grid-template-columns:30px minmax(0,1fr)}.z-capability-list>div>*{min-width:0}
.bw-shot>img{max-width:100%;height:auto}
html[lang=ja] .z-site,html[lang=zh-TW] .z-site{word-break:normal;overflow-wrap:break-word;line-break:auto}
html[lang=ja] .z-site :is(p,h1,h2,h3,h4,li,dt,dd),html[lang=zh-TW] .z-site :is(p,h1,h2,h3,h4,li,dt,dd){word-break:normal;overflow-wrap:anywhere}
[dir=rtl] .z-hero h1,[dir=rtl] .z-hero h1 em,[dir=rtl] .z-section-heading h2,[dir=rtl] .z-capabilities h2,[dir=rtl] .z-cta h2,[dir=rtl] .z-about-hero h1{letter-spacing:0;line-height:1.25}
[dir=rtl] .z-tile-label{direction:rtl}
html:is([lang=de],[lang=fr],[lang=es],[lang=it],[lang=ru]) .z-hero h1{font-size:clamp(42px,4.3vw,63px)}
@media(max-width:1150px){.z-header .header-content{gap:18px}.z-header .z-brand{width:166px;flex-basis:166px}.z-nav{gap:18px}.z-nav>a{font-size:11px}.z-nav .z-nav-request{padding:11px 13px}.z-hero-canvas.z-showcase-canvas{padding:13px;height:494px}.z-showcase{gap:8px}.z-tile-watch .z-tile-label{padding:12px 13px 0}.z-tile-label{padding-inline:10px}.z-tile-label small{font-size:8px}.z-tile-toonpie .z-tile-arrow{display:none}.z-catalog-card .z-store-links{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.z-header .header-content{gap:14px}.z-nav{gap:12px}.z-nav .z-nav-request{font-size:10px;padding:11px}.z-header .z-language-menu>summary{padding-inline:8px}}
@media(max-width:800px){.z-header .header-content{min-height:80px;padding:10px 20px;gap:14px}.z-header .z-brand{width:155px;flex-basis:155px;margin-inline-end:auto}.z-header .z-language-menu{margin-inline-start:auto}.z-header .z-menu-toggle{flex-shrink:0;width:39px;height:37px}.z-header .z-nav{margin:0}.z-nav>a{font-size:14px}.z-nav .z-nav-request{font-size:13px;padding:14px}.z-hero-grid,.z-section-heading,.z-capabilities-grid,.z-company-grid,.z-about-intro,.z-principle-grid{grid-template-columns:minmax(0,1fr)}.z-hero-canvas.z-showcase-canvas{height:540px;padding:17px}.z-showcase{gap:10px}.z-tile-toonpie>img{width:calc(100% - 34px)}.z-tile-label small{font-size:9px}.z-catalog-icon img{width:47px;height:47px}.z-catalog-card .z-store-links{flex-direction:row;align-items:center}.z-service-row{grid-template-columns:25px minmax(0,1fr)}.z-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z-footer .z-brand{width:155px;max-width:100%}html:is([lang=de],[lang=fr],[lang=es],[lang=it],[lang=ru]) .z-hero h1{font-size:clamp(42px,7.5vw,63px)}}
@media(max-width:480px){.z-header .header-content{gap:10px}.z-header .z-brand{width:134px;flex-basis:134px}.z-header .z-language-menu>summary{font-size:11px;gap:5px;padding:8px 7px}.z-header .z-menu-toggle{width:34px;height:35px}.z-hero-canvas.z-showcase-canvas{height:490px;padding:12px;gap:13px}.z-showcase-canvas .z-canvas-label{font-size:8px;letter-spacing:.08em}.z-showcase{gap:8px}.z-tile-label{padding:10px 9px 5px;gap:5px}.z-tile-label b{font-size:12px}.z-tile-label small{font-size:8px}.z-tile-watch .z-tile-label b{font-size:17px}.z-tile-toonpie>img{width:calc(100% - 20px)}.z-tile-storage .z-tile-label{padding:8px 7px 0}.z-tile-storage .z-tile-arrow{display:none}.z-tile-compass .z-tile-label b{font-size:10px}.z-tile-compass>img{width:73px;left:calc(50% - 36.5px);top:-21px}.z-catalog-icon img{width:55px;height:55px}.z-footer .z-brand{width:134px}.z-work-row{grid-template-columns:78px minmax(0,1fr) 20px}html:is([lang=de],[lang=fr],[lang=es],[lang=it],[lang=ru]) .z-hero h1{font-size:clamp(37px,10.5vw,49px)}}
@media(max-width:360px){.z-header .z-brand{width:118px;flex-basis:118px}.z-header .header-content{gap:8px}.z-hero h1{font-size:44px}.z-company-facts>div{grid-template-columns:90px minmax(0,1fr)}.z-work-row{grid-template-columns:65px minmax(0,1fr) 20px}}
@media(prefers-reduced-motion:reduce){.z-tile{transition:none}.z-tile:hover{transform:none}}