.em-hero{--em-night:#07162c;--em-blue:#2475ff;--em-cyan:#55def3;background:var(--em-night);color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:64px 0 0}
.em-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 18% 55%,#133a634d,transparent 55%);pointer-events:none}
.em-hero .em-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:64px;padding-bottom:60px}
.em-hero .em-copy{min-width:0}
.em-hero .em-origin{display:flex;align-items:center;gap:12px;color:#b9cce2;font-size:14px;margin:0 0 24px}
.em-origin:before{content:"";width:18px;height:18px;flex:none;background:var(--em-cyan);clip-path:polygon(50% 0,100% 100%,0 100%)}
.em-hero h1{font:700 clamp(42px,4.4vw,64px)/1.42 Cairo,Arial,sans-serif;letter-spacing:-1.3px;margin:0;text-wrap:balance}
.em-hero h1 span{display:block;color:inherit}
.em-hero .em-description{font-size:17px;line-height:1.95;color:#b9cce2;max-width:490px;margin:22px 0 26px}
.em-hero .em-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.em-hero .em-primary,.em-hero .em-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 23px;border-radius:7px;font-size:15px;font-weight:700;transition:background .18s,color .18s}
.em-hero .em-primary{background:var(--em-cyan);color:#07162c;border:1px solid var(--em-cyan)}
.em-hero .em-primary:hover{background:#a2effa;border-color:#a2effa}
.em-hero .em-secondary{border:1px solid #63758d;color:#fff;background:transparent}
.em-hero .em-secondary:hover{background:#193149}
.em-hero .em-capabilities{display:flex;flex-wrap:wrap;gap:8px 19px;padding:0;margin:25px 0 0;list-style:none;color:#a7bdd4;font-size:12px}
.em-capabilities li{display:flex;align-items:center;gap:7px}
.em-capabilities li:before{content:"";width:4px;height:4px;background:#55def3;border-radius:50%}
.em-showcase{position:relative;min-width:0;padding-top:12px}
.em-showcase:before{content:"";width:130px;height:130px;position:absolute;inset-inline-end:-32px;bottom:35px;background:url('/assets/brand-mosaic.svg') center/contain no-repeat;opacity:.14;z-index:-1;pointer-events:none}
.em-showcase-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}
.em-showcase-heading h2{font-size:14px;font-weight:600;color:#dce9f8}
.em-showcase-heading>span{font-size:12px;color:#a7bdd4}
.em-tabs{display:flex;gap:6px;margin:0 0 15px;padding:0;list-style:none}
.em-tabs button{flex:1;min-width:0;min-height:44px;padding:8px 10px;background:transparent;border:1px solid #39516b;color:#b9cce2;font:600 13px/1.6 Cairo,Arial,sans-serif;border-radius:6px;transition:background .18s,border-color .18s,color .18s}
.em-tabs button:hover{border-color:#8aa4c0;color:white}
.em-tabs button[aria-selected=true]{background:#19354c;border-color:#55def3;color:#b4f3fb}
.em-panel[hidden]{display:none}
.em-project{display:block;background:#12263d;border:1px solid #526a83;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #01091755}
.em-preview{height:290px;overflow:hidden;background:#edf1f7;border-bottom:1px solid #526a83;position:relative}
.em-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.em-project:hover .em-preview img{transform:scale(1.018)}
.em-project-caption{padding:18px 20px;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:96px}
.em-project-caption strong{display:block;font-size:18px;line-height:1.6;color:white}
.em-hero .em-project-caption p{font-size:12px;color:#b9cce2;margin-top:3px;line-height:1.8}
.em-project-caption .em-project-link{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;color:#8ce8f5}
.em-project-link svg{width:18px;height:18px}
html[dir=ltr] .em-project-link svg{transform:scaleX(-1)}
.em-hero .em-preview-note{font-size:11px;color:#91a8c1;margin-top:12px;line-height:1.8}
.em-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #33495e;padding:22px 0;color:#b9cce2;font-size:13px}
.em-foot p{color:inherit;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.em-foot strong{color:#fff;font-weight:600}
.em-foot a{color:#a9eff8;min-height:44px;display:flex;align-items:center;gap:10px;font-size:13px}
.em-foot svg{width:16px;height:16px}
html[lang=en] .em-hero h1{font-size:clamp(40px,4.15vw,60px);line-height:1.18;letter-spacing:-1.8px}
html[lang=en] .em-hero .em-description{line-height:1.8}
.em-hero a:focus-visible,.em-hero button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:1500px){.em-hero{padding-top:82px}.em-hero .em-layout{padding-bottom:76px}}
@media(max-width:1100px){.em-hero .em-layout{gap:32px}.em-hero h1{font-size:46px}.em-preview{height:260px}.em-project-caption{padding:16px}.em-project-caption .em-project-link{font-size:11px;gap:4px}}
@media(max-width:900px){.em-hero{padding-top:42px}.em-hero .em-layout{grid-template-columns:1fr;gap:35px;padding-bottom:32px}.em-hero .em-copy{max-width:650px}.em-hero h1{font-size:52px}.em-hero .em-description{max-width:580px}.em-showcase{max-width:650px;width:100%;margin-inline:auto}.em-preview{height:330px}.em-foot{flex-wrap:wrap;gap:8px 24px}.em-foot a{margin-inline-start:auto}}
@media(max-width:540px){.em-hero{padding-top:32px}.em-hero .container{width:calc(100% - 40px)}.em-hero .em-origin{font-size:12px;margin-bottom:18px}.em-hero h1{font-size:clamp(34px,9.2vw,46px);letter-spacing:-.7px;line-height:1.48}.em-hero .em-description{font-size:15px;margin:16px 0 22px}.em-hero .em-actions{gap:10px}.em-hero .em-primary,.em-hero .em-secondary{padding:12px 14px;font-size:13px;flex:1;white-space:nowrap}.em-hero .em-capabilities{font-size:11px;gap:8px 12px;margin-top:19px}.em-showcase-heading{margin-bottom:12px}.em-showcase-heading h2{font-size:13px}.em-showcase-heading>span{font-size:11px}.em-tabs{gap:5px}.em-tabs button{font-size:11px;padding:8px 5px}.em-preview{height:220px}.em-project-caption{padding:14px;min-height:96px;gap:8px}.em-project-caption strong{font-size:16px}.em-hero .em-project-caption p{font-size:11px}.em-project-caption .em-project-link{font-size:11px}.em-foot{display:block;padding:18px 0;font-size:12px}.em-foot p+p{margin-top:7px}.em-foot a{margin-top:8px;width:fit-content}.em-showcase:before{display:none}html[lang=en] .em-hero h1{font-size:clamp(36px,9.5vw,48px)}html[lang=en] .em-project-caption{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.em-hero *{transition:none!important;animation:none!important}}
.motion-disabled .em-hero *{transition:none!important;animation:none!important}

.em-tabs[hidden]{display:none}