/* Five identities, one layout. Glass uses the site's shared crystal material. */
.eco-markam{--eco-bg:#0d271b;--eco-ink:#f2f4e9;--eco-muted:#b7cebd;--eco-accent:#ffcd28;--eco-edge:#789b794f}
.eco-after-sapiens{--eco-bg:#20182e;--eco-ink:#f4ecdc;--eco-muted:#c8bdd8;--eco-accent:#bca4ff;--eco-edge:#ad96df4f}
.eco-konutlab{--eco-bg:#eeeee6;--eco-ink:#173b31;--eco-muted:#4e645d;--eco-accent:#cc5238;--eco-edge:#879b8559}
.eco-akyasis{--eco-bg:#152334;--eco-ink:#f0f0f4;--eco-muted:#b4bdce;--eco-accent:#e6b490;--eco-edge:#8598b14f}
.eco-logo{display:flex;flex-direction:column;align-items:flex-end;width:max-content;max-width:100%;gap:3px;color:var(--eco-ink);line-height:1;flex-shrink:0}
.eco-wordmark{display:flex;align-items:center;gap:7px;white-space:nowrap}.eco-wordmark b{font-family:'DM Sans',sans-serif;font-size:20px;letter-spacing:-1px;font-weight:750}.eco-wordmark img{object-fit:contain;flex-shrink:0}.eco-logo-konutlab .eco-wordmark b{font-size:23px}.eco-logo-konutlab b span{color:#fb7257}.eco-logo-konutlab .eco-endorsement{filter:brightness(0) saturate(100%);opacity:.7}
.eco-endorsement{display:block!important;width:60px!important;height:12px!important;object-fit:contain}.eco-original-logo{width:154px;height:auto;object-fit:contain}.eco-logo-after-sapiens{gap:3px}.eco-logo-after-sapiens .eco-original-logo{filter:sepia(.25)}.eco-logo-akyasis .eco-original-logo{width:147px;filter:brightness(0) invert(1)}.eco-custom-logo{width:auto;max-width:180px;height:32px;object-fit:contain}
.eco-browser{display:block;overflow:hidden;border:1px solid var(--eco-edge);border-radius:12px;background:var(--eco-bg);box-shadow:0 16px 32px -22px #000a}.eco-browser-bar{height:27px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#ffffff09;border-bottom:1px solid var(--eco-edge);color:var(--eco-muted)}.eco-browser-bar>i{width:4px;height:4px;border:1px solid currentColor;opacity:.65;border-radius:50%}.eco-browser-bar>span{flex:1;text-align:center;font-size:10px;letter-spacing:.3px}.eco-browser-bar>.icon{width:11px;height:11px;opacity:.5}.eco-screenshot{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.6;object-fit:cover;max-width:none!important;max-height:none!important;filter:none!important}
.eco-grid.ecosystem-brands,.eco-grid.ecosystem-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0;border-radius:0;overflow:visible}
.eco-grid .eco-card{display:flex;flex-direction:column;gap:0;min-width:0;padding:22px 20px 18px;border:1px solid var(--eco-edge);border-radius:22px;background:var(--eco-bg);color:var(--eco-ink);box-shadow:inset 0 1px 0 #ffffff18,0 12px 35px -25px #0009;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}
.eco-card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 #ffffff30,0 20px 30px -22px #0009}.eco-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;margin-bottom:24px}.eco-number{font-size:11px;align-self:flex-start;letter-spacing:1px;color:var(--eco-muted);opacity:.65}.eco-card .eco-browser{margin:0 -5px 24px;transition:transform .4s ease;transform:rotate(-2deg)}.eco-card:hover .eco-browser{transform:rotate(0)}
.eco-card-copy{display:flex;flex-direction:column;gap:10px}.eco-category{display:block;font-size:10px;letter-spacing:1.4px;line-height:1.5;text-transform:uppercase;color:var(--eco-accent);font-weight:650}.eco-card-copy>strong{font-family:var(--display);font-size:22px;line-height:1.3;letter-spacing:-.9px;font-weight:500;min-height:2.6em}.eco-card-description{font-size:14px;line-height:1.65;color:var(--eco-muted);padding-bottom:24px}.eco-card-link{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--eco-edge);padding-top:16px;margin-top:auto;font-size:12px;font-weight:550}.eco-arrow{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;color:var(--eco-ink);background:var(--studio-crystal-fill);border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow)}.eco-arrow .icon{width:16px;height:16px}
.ecosystem-page .detail-hero{padding:75px 0 38px;max-width:900px}.ecosystem-page .detail-hero h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2.8px;line-height:1.1;margin:20px 0}.ecosystem-page .detail-hero p{font-size:17px;max-width:680px;line-height:1.7}
.eco-showcase{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px -40px #15131a70}.eco-slides{display:grid;isolation:isolate}.eco-slide{grid-area:1/1;display:grid;grid-template-columns:.85fr 1.45fr;gap:44px;padding:48px;align-items:center;min-height:482px;background:var(--eco-bg);color:var(--eco-ink);position:relative;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;z-index:0}.eco-slide.is-active{opacity:1;visibility:visible;z-index:1}.eco-slide:before{content:"";position:absolute;width:570px;height:570px;right:-100px;bottom:-410px;border:1px solid var(--eco-edge);border-radius:50%;box-shadow:0 0 0 65px color-mix(in srgb,var(--eco-accent) 3%,transparent),0 0 0 130px color-mix(in srgb,var(--eco-accent) 2%,transparent);pointer-events:none}.eco-slide-copy,.eco-slide-preview{position:relative;z-index:1}.eco-slide-copy>.eco-logo{margin-bottom:40px}.eco-slide-copy>h2{font-family:var(--display);font-size:clamp(29px,3vw,42px);letter-spacing:-1.7px;line-height:1.15;font-weight:500;margin:14px 0 18px}.eco-slide-copy>p{font-size:15px;line-height:1.8;color:var(--eco-muted);max-width:340px;margin:0}.eco-visit{display:flex;align-items:center;gap:15px;width:max-content;font-size:14px;margin-top:24px}.eco-slide-preview{min-width:0;transform:translateY(15px) rotate(1.5deg) scale(.97);transition:transform .8s cubic-bezier(.2,.65,.2,1)}.eco-slide.is-active .eco-slide-preview{transform:translateY(0) rotate(-1.5deg) scale(1)}.eco-slide-preview .eco-browser{border-radius:14px;box-shadow:0 30px 50px -35px #000c}.eco-slide-preview .eco-browser-bar{height:34px;padding:0 14px}.eco-slide-preview .eco-browser-bar>i{width:5px;height:5px}.eco-slide-preview .eco-browser-bar>span{font-size:12px}.eco-preview-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--eco-muted);padding:16px 5px 0}.eco-preview-caption>span{opacity:.65}
.eco-controls{display:flex;gap:12px;padding:15px;background:var(--surface);align-items:center;border-top:1px solid var(--line)}.eco-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1;min-width:0}.eco-tab{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 18px;background:transparent;border:1px solid transparent;border-radius:12px;text-align:left;color:var(--muted);font-size:14px;cursor:pointer;overflow:hidden}.eco-tab.is-active{background:var(--eco-bg);color:var(--eco-ink);border-color:var(--eco-edge)}.eco-tab-number{font-size:10px;opacity:.6}.eco-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--eco-accent);transform:scaleX(0);transform-origin:left}.eco-tab.is-active .eco-progress{transform:scaleX(var(--eco-progress,0))}.eco-motion{display:grid;place-items:center;border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow);background:var(--studio-crystal-fill);border-radius:50%;width:44px;height:44px;flex-shrink:0;cursor:pointer;color:var(--ink)}.eco-motion .icon{width:16px;height:16px;grid-area:1/1}.eco-motion .icon:last-child{display:none}.eco-motion[aria-pressed=true] .icon:first-child{display:none}.eco-motion[aria-pressed=true] .icon:last-child{display:block}
.ecosystem-directory{padding:95px 0 100px}.ecosystem-directory-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.ecosystem-directory-heading h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px;margin:12px 0 0}.ecosystem-directory-heading p{font-size:15px;line-height:1.7;color:var(--muted);max-width:255px;margin:0}
.eco-card:focus-visible,.eco-tab:focus-visible,.eco-visit:focus-visible,.eco-motion:focus-visible{outline:3px solid #99a8f6;outline-offset:4px}
@media(max-width:1100px){.eco-grid.ecosystem-brands,.eco-grid.ecosystem-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-card-copy>strong{min-height:2.6em}.eco-slide{padding:34px;gap:30px;grid-template-columns:.85fr 1.1fr}.eco-slide-copy>h2{font-size:32px}.eco-tab{padding:12px;font-size:13px;gap:7px}}
@media(max-width:760px){.ecosystem-page .detail-hero{padding:44px 0 26px}.ecosystem-page .detail-hero h1{letter-spacing:-1.7px;font-size:38px}.ecosystem-page .detail-hero p{font-size:15px}.eco-showcase{border-radius:22px}.eco-slide{grid-template-columns:1fr;gap:26px;padding:27px 24px 22px;min-height:615px;align-content:start}.eco-slide-copy>.eco-logo{margin-bottom:25px}.eco-slide-copy>h2{font-size:32px;margin:12px 0 15px}.eco-slide-copy>p{font-size:14px;line-height:1.7}.eco-visit{margin-top:20px}.eco-slide-preview .eco-browser-bar{height:26px}.eco-slide-preview .eco-browser-bar>span{font-size:10px}.eco-preview-caption{font-size:10px;padding-top:12px}.eco-controls{padding:10px;gap:8px}.eco-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.eco-tab{min-height:43px;padding:10px 8px;font-size:12px;gap:6px}.eco-tab-number{font-size:9px}.eco-motion{width:40px;height:40px}.ecosystem-directory{padding:60px 0}.ecosystem-directory-heading{display:block}.ecosystem-directory-heading p{margin-top:14px;max-width:none}.eco-grid.ecosystem-brands,.eco-grid.ecosystem-detail-grid{grid-template-columns:1fr;gap:20px}.eco-grid .eco-card{padding:26px 24px 20px}.eco-card-top{margin-bottom:25px}.eco-card .eco-browser{margin-bottom:26px}.eco-card-copy>strong{font-size:27px;min-height:0;max-width:280px}.eco-card-description{font-size:15px}.eco-card-link{font-size:13px}.eco-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.eco-slide,.eco-slide-preview,.eco-card,.eco-card .eco-browser{transition:none!important;transform:none!important}}
:root.motion-paused .eco-slide,:root.motion-paused .eco-slide-preview{transition:none}

/* Shared cards, one horizontally scrolling row on both ecosystem and home. */
.eco-evren{--eco-bg:#202123;--eco-ink:#f1f1f2;--eco-muted:#bfc0c2;--eco-accent:#e0e1e2;--eco-edge:#aeb0b34f}
.eco-logo-evren .eco-wordmark{gap:10px}.eco-logo-evren .brandmark{width:48px;height:32px}.eco-logo-evren .brand-word{font-size:23px;letter-spacing:1.5px}.eco-logo-evren .brand-word small{font-size:7px;letter-spacing:4.6px}
.eco-carousel{min-width:0;position:relative}.eco-carousel-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 0 14px;direction:ltr}.eco-carousel-viewport::-webkit-scrollbar{display:none}.eco-carousel .eco-grid{display:flex;gap:18px;overflow:visible}.eco-carousel .eco-card{flex:0 0 calc((100% - 54px)/4);min-width:270px}.eco-carousel-controls{display:flex;justify-content:center;gap:10px;margin-top:16px}.eco-previous .icon{transform:rotate(180deg)}.eco-carousel-controls [data-eco-next] .icon,.eco-carousel-controls [data-eco-previous] .icon{display:block}
.ecosystem-page .ecosystem-directory{padding:0 0 80px}.ecosystem-large-showcase-reserve{margin-bottom:90px}.ecosystem-large-showcase-reserve[hidden]{display:none!important}
@media(max-width:1100px){.eco-carousel .eco-card{flex-basis:calc((100% - 36px)/3);min-width:270px}}
@media(max-width:760px){.eco-carousel .eco-card{flex-basis:87%;min-width:0;padding:25px 22px 20px}.eco-carousel .eco-grid{gap:16px}.eco-carousel .eco-card-copy>strong{font-size:25px;min-height:2.6em}.eco-carousel .eco-card-description{font-size:14px}.eco-carousel-controls{margin-top:10px}.ecosystem-page .ecosystem-directory{padding-bottom:55px}.eco-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-tab{min-height:44px}.eco-motion{min-width:44px;min-height:44px}}

/* Brand lockups share an optical baseline and the same endorsement asset. */
.eco-card-top{align-items:flex-start;min-height:50px}
.eco-logo{height:50px;justify-content:flex-end;gap:4px}
.eco-logo .eco-wordmark{min-height:28px;align-items:center}
.eco-logo .eco-endorsement{width:60px!important;height:12px!important;margin:0}
.eco-logo-after-sapiens .eco-original-logo{height:28px;object-fit:contain;object-position:right bottom}
.eco-logo-akyasis .eco-original-logo{width:160px;height:50px}
.eco-logo-evren{justify-content:center}
.eco-carousel-controls{position:relative;isolation:isolate;display:flex;width:max-content;align-items:center;gap:2px;padding:4px;margin:0 0 18px auto;filter:drop-shadow(0 5px 10px #0002)}
.eco-carousel-controls .entry-surface{background:linear-gradient(125deg,#eef6f5,#819594 28%,#cbd9d8 52%,#6d7e7e 75%,#e4edec)}
.eco-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:background .2s}
.eco-carousel-controls button:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.eco-carousel-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.eco-carousel-controls .icon{grid-area:1/1;width:17px;height:17px}
.eco-carousel-controls [data-eco-scroll-motion] .icon:last-child{display:none}
.eco-carousel-controls [aria-pressed=true] .icon:first-child{display:none}
.eco-carousel-controls [aria-pressed=true] .icon:last-child{display:block}
.eco-carousel .eco-grid{margin-top:0}
.eco-carousel-viewport{cursor:grab;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
.eco-carousel-viewport.is-dragging,.eco-carousel-viewport.is-dragging .eco-card{cursor:grabbing}
.eco-carousel-viewport:focus-visible{outline:2px solid var(--muted);outline-offset:4px;border-radius:24px}
.eco-carousel .eco-card img{-webkit-user-drag:none}
.eco-browser-screen{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;isolation:isolate}
.eco-preview-frame{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform:scale(var(--eco-preview-scale,.19));transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .4s;background:var(--eco-bg)}
.eco-browser.is-live .eco-preview-frame{opacity:1}
.eco-browser.is-live .eco-browser-bar>i:first-child{background:#9cc8aa;border-color:#9cc8aa;opacity:1}
@media(min-width:761px){.ecosystem-page .ecosystem-directory>.eco-carousel>.eco-carousel-controls{position:absolute;right:0;top:-88px}.ecosystem-page .detail-hero{max-width:none;padding-right:200px}.ecosystem .eco-carousel-controls{margin-top:-10px}}
@media(max-width:760px){.eco-carousel-controls{margin-bottom:12px}.eco-logo-evren .brand-word{font-size:23px}.eco-card .eco-browser{transform:rotate(-2deg)}}

/* Text wordmarks have descender space; align the endorsement optically to their ink. */
.eco-logo-markam .eco-endorsement,.eco-logo-konutlab .eco-endorsement{transform:translateY(-4px)}