:root {
    --yb-ink: #102a43;
    --yb-teal: #0f766e;
    --yb-gold: #d9a72e;
    --yb-green: #15803d;
    --yb-red: #b42318;
    --yb-line: #d9e2ec;
    --yb-soft: #f3f7f9;
}

.site-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--yb-line);
    backdrop-filter: blur(12px);
}

.site-nav {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--yb-ink);
    text-decoration: none;
    font-weight: 900;
    font-size: 20px;
    white-space: nowrap;
}

.site-brand img,
.sidebar-brand-logo {
    width: 42px;
    height: 42px;
    border-radius: 8px;
}

.site-nav-links,
.site-nav-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.site-nav-links a,
.site-nav-actions a {
    color: #334e68;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
}

.site-nav-links a:hover,
.site-nav-actions a:hover {
    color: var(--yb-teal);
}

.site-nav-actions .nav-demo-link {
    padding: 9px 13px;
    border-radius: 8px;
    background: var(--yb-ink);
    color: #fff;
}

.home-page {
    background: #fff;
}

.home-hero {
    min-height: calc(100svh - 122px);
    max-height: 760px;
    background-image: url('/assets/img/yalla-business-hero.png');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--yb-line);
}

.home-hero-copy {
    width: min(610px, 52%);
    padding: 48px 0;
}

.home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yb-teal);
    font-size: 14px;
    font-weight: 900;
}

.home-kicker svg {
    width: 18px;
    height: 18px;
}

.home-hero h1 {
    margin: 18px 0 14px;
    max-width: 620px;
    color: var(--yb-ink);
    font-size: 54px;
    line-height: 1.18;
    letter-spacing: 0;
}

.home-hero p {
    max-width: 570px;
    margin: 0;
    color: #334e68;
    font-size: 18px;
    line-height: 1.9;
}

.home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.home-page .btn,
.company-public-page .btn {
    border-radius: 8px;
}

.home-page .btn-primary,
.company-public-page .btn-primary {
    background: var(--yb-teal);
    box-shadow: none;
}

.home-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 22px;
    color: #526d82;
    font-size: 13px;
    font-weight: 800;
}

.home-trust span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.home-trust svg {
    width: 16px;
    height: 16px;
    color: var(--yb-green);
}

.featured-band {
    padding: 22px 0;
    background: #fff;
    border-bottom: 1px solid var(--yb-line);
}

.featured-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.featured-heading h2 {
    margin: 0;
    color: var(--yb-ink);
    font-size: 18px;
}

.featured-heading span {
    color: #627d98;
    font-size: 13px;
}

.featured-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}
.platform-ad{--ad-primary:#0b2347;--ad-accent:#1f76d2;max-width:1180px;margin:16px auto;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f2f7ff 100%);border:1px solid #d8e5f5;box-shadow:0 12px 32px rgba(11,35,71,.1);display:flex;align-items:center;gap:18px;position:relative;z-index:20;color:var(--ad-primary);overflow:hidden}.platform-ad:after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--ad-accent),#15a6a0)}.platform-ad>div{min-width:0;flex:1}.platform-ad strong{display:block;font-size:1.05rem;font-weight:800}.platform-ad p{margin:5px 0;color:#4b607a;line-height:1.6}.platform-ad img{width:min(230px,32vw);height:108px;object-fit:cover;border-radius:13px;background:#fff}.platform-ad a{display:inline-flex;margin-top:5px;padding:7px 13px;border-radius:999px;background:var(--ad-primary);color:#fff;text-decoration:none;font-weight:700;font-size:.88rem}.platform-ad [data-ad-close]{margin-inline-start:auto;width:34px;height:34px;flex:0 0 34px;border:1px solid #cad8e8;border-radius:50%;background:#fff;color:#334e68;font-size:20px;line-height:1;cursor:pointer}.platform-ad [data-ad-close]:disabled{opacity:.65;cursor:not-allowed}.ad-ticker{padding-block:12px;min-height:58px;white-space:nowrap;background:linear-gradient(100deg,#071d3c,#123d72);color:#fff;border:0;border-radius:0;max-width:none;margin:0;box-shadow:none}.ad-ticker:after{background:#d5aa45}.ad-ticker>div{display:flex;align-items:center;gap:14px;width:max-content;padding-inline-start:100%;animation:yallaAdTicker 18s linear infinite}.ad-ticker strong,.ad-ticker p{display:inline;margin:0;color:#fff}.ad-ticker a{margin:0;background:#fff;color:#0b2347}.ad-ticker:hover>div{animation-play-state:paused}@keyframes yallaAdTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}.ad-banner{padding:0;background:#0b2347;border:0}.ad-banner img{width:38%;height:150px;border-radius:0}.ad-banner>div{padding:18px}.ad-banner strong,.ad-banner p{color:#fff}.ad-text img{display:none}.ad-popup{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 28px));max-width:none;margin:0;padding:26px;border-radius:24px;z-index:1000;box-shadow:0 0 0 100vmax rgba(3,15,31,.62),0 30px 80px rgba(0,0,0,.38);background:linear-gradient(145deg,#fff,#edf5ff)}.ad-popup strong{font-size:1.35rem}.ad-popup [data-ad-close]{position:absolute;top:14px;inset-inline-end:14px}.digital-card-page>.ad-card_inline{width:min(760px,calc(100% - 24px));margin:12px auto 8px}.digital-card-page>.ad-card_inline.ad-ticker{width:100%;max-width:760px;border-radius:14px}@media(max-width:640px){.platform-ad{margin:10px;padding:14px;align-items:flex-start;gap:11px;border-radius:14px}.platform-ad img{width:92px;height:82px}.platform-ad strong{font-size:.95rem}.platform-ad p{font-size:.86rem}.ad-ticker{margin:0;border-radius:0;align-items:center}.ad-ticker>div{animation-duration:14s}.ad-banner{display:grid;grid-template-columns:100px 1fr;padding:0}.ad-banner img{width:100%;height:100%;min-height:120px}.ad-banner>div{padding:13px}.ad-popup{padding:24px 18px}.ad-popup img{width:86px}.digital-card-page>.ad-card_inline{width:calc(100% - 16px);margin:8px auto}}
.platform-socials{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.platform-socials a{color:var(--social-color);width:var(--social-size);height:var(--social-size)}.platform-socials svg{width:100%;height:100%;fill:currentColor}

.featured-company {
    min-width: 210px;
    padding: 12px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--yb-ink);
    text-decoration: none;
    scroll-snap-align: start;
}

.featured-company img,
.featured-company-fallback {
    width: 46px;
    height: 46px;
    border-radius: 8px;
    object-fit: contain;
    background: var(--yb-soft);
}

.featured-company-fallback {
    display: grid;
    place-items: center;
    color: var(--yb-teal);
    font-weight: 900;
}

.home-section {
    padding: 72px 0;
}

.home-section-head {
    max-width: 720px;
    margin-bottom: 30px;
}

.home-section-head h2 {
    margin: 0 0 10px;
    color: var(--yb-ink);
    font-size: 34px;
}

.home-section-head p {
    margin: 0;
    color: #526d82;
    line-height: 1.8;
}

.about-band {
    background: var(--yb-soft);
}

.about-layout {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 48px;
    align-items: center;
}

.about-copy h2 {
    margin: 0 0 14px;
    color: var(--yb-ink);
    font-size: 38px;
}

.about-copy p {
    color: #486581;
    line-height: 1.9;
}

.about-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.about-point {
    padding: 15px;
    border-inline-start: 3px solid var(--yb-teal);
    background: #fff;
}

.about-point strong,
.about-point span {
    display: block;
}

.about-point span {
    margin-top: 5px;
    color: #627d98;
    font-size: 13px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.news-card {
    min-height: 190px;
    padding: 20px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    background: #fff;
}

.news-card time {
    color: var(--yb-teal);
    font-size: 13px;
    font-weight: 800;
}

.news-card h3 {
    margin: 12px 0 8px;
    color: var(--yb-ink);
    font-size: 20px;
}

.news-card p {
    margin: 0;
    color: #627d98;
    line-height: 1.7;
}

.contact-band {
    background: #102a43;
    color: #fff;
}

.contact-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 48px;
    align-items: start;
}

.contact-copy h2 {
    margin: 0 0 14px;
    font-size: 38px;
}

.contact-copy p {
    color: #d9e2ec;
    line-height: 1.8;
}

.contact-form {
    max-width: none;
    padding: 22px;
    border: 1px solid #486581;
    border-radius: 8px;
    background: #fff;
    color: var(--yb-ink);
}

.contact-form .form-grid {
    gap: 0 12px;
}

.contact-form .honeypot {
    position: absolute;
    left: -9999px;
}

.site-footer {
    padding: 24px 0;
    background: #081f33;
    color: #bcccdc;
}

.site-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.site-footer a {
    color: #fff;
}

.company-media-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.company-media-field {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    background: #f8fafc;
}

.company-media-field label {
    display: block;
    margin-bottom: 9px;
    color: var(--yb-ink);
    font-weight: 900;
}

.company-media-preview {
    width: 100%;
    height: 118px;
    margin-bottom: 10px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    object-fit: contain;
    background: #fff;
}

.company-media-preview.cover {
    object-fit: cover;
}

.portfolio-current {
    min-height: 118px;
    margin-bottom: 10px;
    border: 1px dashed #9fb3c8;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: var(--yb-teal);
    text-decoration: none;
    text-align: center;
}

.company-public-page {
    background: #fff;
}

.company-public-hero {
    position: relative;
    min-height: 520px;
    background: var(--company-primary, #102a43);
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: flex-end;
    border-bottom: 5px solid var(--company-secondary, #0f766e);
}

.company-public-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(8, 31, 51, .58);
}

.company-public-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 54px 0;
}

.company-public-copy {
    max-width: 680px;
}

.company-public-logo {
    width: 74px;
    height: 74px;
    margin-bottom: 18px;
    border-radius: 8px;
    object-fit: contain;
    background: #fff;
}

.company-public-copy h1 {
    margin: 0 0 10px;
    font-size: 42px;
    letter-spacing: 0;
}

.company-public-copy p {
    margin: 0;
    color: #e6edf3;
    line-height: 1.8;
}

.company-public-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.company-social-strip {
    padding: 18px 0;
    border-bottom: 1px solid var(--yb-line);
}

.company-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.company-social-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    color: var(--yb-ink);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.company-social-links svg {
    width: 17px;
    height: 17px;
    color: var(--yb-teal);
}

.team-role {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e6fffa;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
}

@media (max-width: 900px) {
    .site-nav {
        min-height: auto;
        padding: 12px 0;
        flex-wrap: wrap;
    }

    .site-nav-links {
        order: 3;
        width: 100%;
        overflow-x: auto;
        padding-top: 8px;
        border-top: 1px solid var(--yb-line);
    }

    .home-hero {
        min-height: calc(100svh - 156px);
        max-height: none;
        background-position: 32% center;
        align-items: flex-start;
    }

    .home-hero-copy {
        width: 100%;
        padding-top: 34px;
    }

    .home-hero h1 {
        max-width: 520px;
        font-size: 38px;
    }

    .home-hero p {
        max-width: 500px;
        font-size: 16px;
    }

    .about-layout,
    .contact-layout,
    .news-grid,
    .company-media-grid {
        grid-template-columns: 1fr;
    }

    .home-section {
        padding: 50px 0;
    }

    .site-footer-inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .site-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        padding: 8px 0;
    }

    .site-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .site-nav-actions {
        grid-column: 2;
        grid-row: 1;
        gap: 8px;
    }

    .site-nav-links {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: space-between;
        gap: 8px;
        padding-top: 7px;
    }

    .site-nav-links a,
    .site-nav-actions a {
        font-size: 12px;
        text-align: center;
    }

    .site-nav-actions .nav-demo-link {
        padding: 8px 10px;
    }

    .site-brand span {
        font-size: 16px;
    }

    .site-nav-actions .lang-link:not(.active) {
        display: none;
    }

    .home-hero {
        min-height: min(570px, calc(100svh - 145px));
        max-height: 570px;
        background-position: 26% center;
    }

    .home-hero-copy {
        padding: 26px 0 34px;
    }

    .home-hero h1 {
        max-width: 320px;
        font-size: 31px;
    }

    .home-hero p {
        max-width: 330px;
        padding: 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .88);
    }

    .about-points {
        grid-template-columns: 1fr;
    }

    .company-public-copy h1 {
        font-size: 30px;
    }
}

/* Yalla B2B multilingual CMS and supplied brand identity */
.site-brand img.site-brand-lockup {
    width: 178px;
    height: 44px;
    border-radius: 0;
    object-fit: contain;
}

.site-brand > span {
    max-width: 220px;
}

/* Responsive company experience v2.2 */
.company-public-page{overflow:hidden;background:linear-gradient(180deg,#f8fafc 0,#fff 42rem)}
.company-public-hero{min-height:clamp(470px,68vh,720px);isolation:isolate;border-bottom:0;background-color:var(--company-primary,#102a43)}
.company-public-hero::before{z-index:-2;background:linear-gradient(90deg,rgba(2,12,27,.86) 0%,rgba(4,24,43,.65) 48%,rgba(4,24,43,.22) 100%)}
.rtl .company-public-hero::before{background:linear-gradient(270deg,rgba(2,12,27,.86) 0%,rgba(4,24,43,.65) 48%,rgba(4,24,43,.22) 100%)}
.company-public-hero::after{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:-1;background:linear-gradient(transparent,rgba(2,12,27,.45))}
.company-public-hero-inner{padding-block:clamp(34px,7vw,76px)}
.company-public-copy{width:min(720px,100%);padding:clamp(22px,4vw,40px);border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(3,19,35,.48);box-shadow:0 24px 70px rgba(0,0,0,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.company-public-logo{width:var(--company-logo-size,96px);height:var(--company-logo-size,96px);max-width:clamp(70px,13vw,118px);max-height:clamp(70px,13vw,118px);padding:7px;margin:0 0 18px;border:1px solid rgba(255,255,255,.6);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.company-public-copy .home-kicker{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:13px;backdrop-filter:blur(8px)}
.company-public-copy h1{font-size:clamp(34px,5.5vw,64px);line-height:1.12;text-wrap:balance}
.company-public-copy p{max-width:62ch;font-size:clamp(15px,2vw,18px);line-height:1.9;text-wrap:pretty}
.company-public-links{gap:10px;margin-top:24px}
.company-public-links .btn{min-height:48px;padding-inline:18px;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}
.company-public-links .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.company-social-strip{position:relative;padding:22px 0;border:0;background:#fff;box-shadow:0 12px 35px rgba(15,35,65,.07)}
.company-social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
.company-social-links a{min-height:52px;justify-content:center;padding:11px 14px;border-color:#e2e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,35,65,.04);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.company-social-links a:hover{border-color:var(--company-secondary,#0f766e);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,35,65,.09)}
.company-public-page>.section{padding-block:clamp(42px,7vw,76px)}
.company-public-page>.section h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.02em}
.company-public-page .role-section{margin-top:32px}
.company-public-page .role-section-title{padding-bottom:12px;border-bottom:1px solid #e2e8f0}
.company-public-page .team-card{min-width:0;border:1px solid #e4eaf1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(15,35,65,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.company-public-page .team-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--company-secondary,#0f766e) 35%,#e4eaf1);box-shadow:0 18px 42px rgba(15,35,65,.12)}
.company-public-page .team-card strong,.company-public-page .team-card p{overflow-wrap:anywhere}

@media(max-width:900px){.company-public-hero{min-height:560px;background-position:center}.company-public-copy{width:min(620px,100%)}.company-public-page .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.company-public-hero{min-height:calc(100svh - 61px);max-height:none;align-items:end}.company-public-hero::before,.rtl .company-public-hero::before{background:linear-gradient(180deg,rgba(2,12,27,.2),rgba(2,12,27,.9))}.company-public-hero-inner{width:100%;padding:24px 0}.company-public-copy{padding:20px;border-radius:22px;background:rgba(3,19,35,.58)}.company-public-logo{float:inline-end;width:72px;height:72px;margin:0 0 12px 14px;border-radius:17px}.company-public-copy h1{clear:both;margin-top:12px;font-size:clamp(30px,10vw,42px)}.company-public-copy p{font-size:15px;line-height:1.75}.company-public-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.company-public-links .btn{width:100%;padding:11px 10px;font-size:13px}.company-public-links .btn:last-child:nth-child(odd){grid-column:1/-1}.company-social-strip{padding:14px 0}.company-social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.company-social-links a{min-height:48px;padding:9px 5px;font-size:12px;gap:5px}.company-social-links svg{width:16px;height:16px}.company-public-page .grid-3{grid-template-columns:1fr}.company-public-page .section{padding:38px 0}.company-public-page .team-card{padding:14px;border-radius:17px}.company-public-page .team-card .btn{width:auto}}
@media(max-width:360px){.company-public-links{grid-template-columns:1fr}.company-public-links .btn:last-child:nth-child(odd){grid-column:auto}.company-social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.company-public-copy{padding:16px}}
@media(prefers-reduced-motion:reduce){.company-public-page *{scroll-behavior:auto!important;transition:none!important}}

/* Professional platform homepage v2.3 */
body:not(.admin-body){background:#f7f9fc}
.site-topbar{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(15,35,65,.08);background:rgba(255,255,255,.9);box-shadow:0 8px 30px rgba(15,35,65,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-nav{min-height:72px}
.site-nav-links a{position:relative;padding:10px 4px}
.site-nav-links a::after{content:"";position:absolute;inset-inline:0;bottom:4px;height:2px;border-radius:2px;background:var(--yb-teal);transform:scaleX(0);transition:transform .2s ease}
.site-nav-links a:hover::after{transform:scaleX(1)}
.site-nav-actions .lang-link{display:grid;place-items:center;min-width:36px;height:36px;padding:0;border:1px solid #dce5ef;border-radius:10px;background:#fff}
.site-nav-actions .lang-link.active{border-color:var(--yb-teal);background:var(--yb-teal);color:#fff}
.home-hero{min-height:clamp(590px,78vh,790px);max-height:none;align-items:center}
.home-hero::before{background:linear-gradient(90deg,rgba(3,17,34,.9),rgba(5,29,54,.63) 52%,rgba(5,29,54,.28))}
.rtl .home-hero::before{background:linear-gradient(270deg,rgba(3,17,34,.9),rgba(5,29,54,.63) 52%,rgba(5,29,54,.28))}
.home-hero-content{display:flex;align-items:center;min-height:inherit;padding-block:72px 86px}
.home-hero-copy{width:min(700px,100%);padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.15);border-radius:30px;background:rgba(3,20,39,.45);box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.home-hero .home-kicker{width:max-content;max-width:100%;padding:8px 13px;border:1px solid rgba(128,225,209,.3);border-radius:999px;background:rgba(128,225,209,.1)}
.home-hero h1{margin:20px 0 12px;font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.home-hero p{max-width:60ch;font-size:clamp(16px,2vw,19px);line-height:1.85;text-wrap:pretty}
.home-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.home-actions .btn{min-height:50px;padding-inline:20px;border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}
.home-actions .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.home-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px}
.home-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800}
.home-trust svg{width:17px;height:17px;color:#80e1d1}
.hero-dot{width:11px;height:11px;transition:width .2s ease,background .2s ease}
.hero-dot.active{width:30px;border-radius:999px}
.capabilities-band{position:relative;z-index:4;margin-top:-34px}
.capabilities-band .container{border:1px solid #e3eaf2;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(15,35,65,.1)}
.home-section{padding-block:clamp(58px,8vw,92px)}
.home-section:nth-of-type(even){background:#fff}
.home-section h2,.featured-band h2{font-size:clamp(30px,4.5vw,48px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.about-point,.feature-card,.news-card,.price-card{border-radius:20px;box-shadow:0 12px 34px rgba(15,35,65,.06);transition:transform .2s ease,box-shadow .2s ease}
.about-point:hover,.feature-card:hover,.news-card:hover,.price-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(15,35,65,.11)}
.featured-band{padding-block:52px;background:linear-gradient(180deg,#f7fafc,#fff)}
.featured-card{border-radius:18px!important;box-shadow:0 10px 30px rgba(15,35,65,.07)}
.pricing-grid{align-items:stretch}
.price-card{display:flex;flex-direction:column;height:100%;border-color:#dfe7f0}
.price-card .btn{margin-top:auto}
.contact-band{background:linear-gradient(135deg,#071d38,#0b3158)!important;color:#fff}
.contact-band h2,.contact-band .section-kicker,.contact-band p,.contact-band strong{color:#fff}
.contact-band .contact-form{border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 26px 70px rgba(0,0,0,.2)}
.site-footer{padding:34px 0;background:#04162a}
.site-footer-inner{gap:20px}
.platform-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.platform-socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid rgba(130,193,255,.28);border-radius:11px;background:rgba(105,174,239,.1)!important;color:#b8dcff!important;text-decoration:none;box-shadow:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.platform-socials a:hover,.platform-socials a:focus-visible{transform:translateY(-2px);border-color:#66b5ff;background:#1473b9!important;color:#fff!important;box-shadow:0 8px 20px rgba(3,76,132,.3)}
.platform-socials svg{width:20px;height:20px;fill:currentColor}
.platform-socials span{font-size:12px;font-weight:800}
.platform-socials span{display:none}
.platform-socials .brand-icon,.platform-socials .lucide{width:20px;height:20px}
.platform-socials .lucide{fill:none}
.featured-track[data-animated="1"]{cursor:grab;scrollbar-width:none;scroll-snap-type:none;user-select:none;touch-action:pan-y}
.featured-track[data-animated="1"]::-webkit-scrollbar{display:none}.featured-track[data-animated="1"]:active{cursor:grabbing}
.form-security-note{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#52677e!important;font-size:13px}.form-security-note svg{width:18px;height:18px;color:#0f766e}.captcha-field{max-width:240px}
@media(max-width:900px){.home-hero{min-height:690px}.home-hero-copy{width:min(630px,100%)}.capabilities-band{margin-top:-24px}.platform-socials span{display:none}.platform-socials a{padding:8px}}
@media(max-width:560px){.site-topbar{position:sticky}.site-nav{min-height:62px}.site-nav-links{scrollbar-width:none}.site-nav-links::-webkit-scrollbar{display:none}.site-nav-actions{gap:5px}.site-nav-actions .lang-link{display:grid!important;min-width:31px;width:31px;height:31px;font-size:11px}.home-hero{min-height:calc(100svh - 62px);background-position:center}.home-hero::before,.rtl .home-hero::before{background:linear-gradient(180deg,rgba(3,17,34,.3),rgba(3,17,34,.92))}.home-hero-content{align-items:flex-end;padding:28px 0 58px}.home-hero-copy{padding:22px;border-radius:23px;background:rgba(3,20,39,.58)}.home-hero h1{font-size:clamp(38px,13vw,54px)}.home-hero p{font-size:15px;line-height:1.7}.home-actions{display:grid;grid-template-columns:1fr 1fr}.home-actions .btn{width:100%;padding:10px;font-size:13px}.home-trust{display:grid;grid-template-columns:1fr;gap:8px}.capabilities-band{margin-top:0}.home-section{padding-block:48px}.site-footer-inner{text-align:center;align-items:center}.footer-links,.platform-socials{justify-content:center}.platform-socials{width:100%}}
@media(max-width:360px){.home-actions{grid-template-columns:1fr}.site-brand img.site-brand-lockup{width:102px}.site-nav{gap:5px}.site-nav-actions .lang-link{min-width:28px;width:28px}}
@media(prefers-reduced-motion:reduce){.home-hero-slide,.home-hero *,main>*{transition:none!important;animation:none!important}}

/* Keep long company names and language controls in separate mobile columns. */
@media(max-width:560px){
    .site-nav{grid-template-columns:minmax(0,1fr) auto;align-items:center}
    .site-brand{min-width:0;max-width:100%;overflow:hidden}
    .site-brand img.site-brand-lockup{flex:0 0 auto}
    .site-brand span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35}
    .site-nav-actions{flex:0 0 auto;position:relative;z-index:2}
    .site-nav-actions .lang-link:not(.active){display:none!important}
    .company-topbar .site-nav{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:7px;padding-block:8px 10px}
    .company-topbar .site-brand{grid-column:1;grid-row:1;justify-self:stretch}
    .company-topbar .site-nav-actions{grid-column:1;grid-row:2;justify-content:center;width:100%;gap:7px}
    .company-topbar .site-nav-actions .lang-link{display:grid!important;width:36px;height:32px;min-width:36px;padding:0;place-items:center}
}

.home-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-image: none;
    background-color: #071d38;
}

.home-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    background: rgba(5, 24, 48, .58);
    pointer-events: none;
}

.home-hero-media,
.home-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.home-hero-slide {
    object-fit: cover;
    opacity: 0;
    transition: opacity .65s ease;
}

.home-hero-slide.active {
    opacity: 1;
}

.home-hero-content {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 32px));
}

.contact-form .honeypot {
    position: absolute;
    top: 0;
    left: auto;
    inset-inline-start: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    opacity: 0;
    pointer-events: none;
}

.home-hero-copy,
.home-hero .home-kicker,
.home-hero h1,
.home-hero p,
.home-hero .home-trust {
    color: #fff;
}

.home-hero .home-kicker {
    color: #80e1d1;
}

.home-hero .btn-light {
    border-color: rgba(255, 255, 255, .65);
    background: #fff;
}

.hero-dots {
    position: absolute;
    z-index: 3;
    inset-inline: 0;
    bottom: 24px;
    display: flex;
    justify-content: center;
    gap: 9px;
}

.hero-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.hero-dot.active {
    background: #fff;
}

.about-vision-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    align-items: center;
    gap: 48px;
}

.about-vision-layout .about-points {
    margin-top: 28px;
}

.about-point > svg {
    width: 23px;
    height: 23px;
    color: var(--yb-teal);
}

.platform-poster {
    min-width: 0;
    margin: 0;
}

.platform-poster img {
    display: block;
    width: min(100%, 520px);
    max-height: 720px;
    margin-inline: auto;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
    object-fit: contain;
    box-shadow: 0 18px 44px rgba(11, 35, 71, .14);
}

.news-card {
    overflow: hidden;
    padding: 0;
}

.news-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
}

.news-card-copy {
    padding: 22px;
}

.news-card-copy > a,
.news-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--yb-teal);
    font-weight: 800;
}

.news-card-copy > a svg,
.news-back svg {
    width: 17px;
    height: 17px;
}

.news-detail-page {
    padding: 44px 0 80px;
    background: #f7fafc;
}

.news-article {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    align-items: start;
    gap: 44px;
}

.news-article-image {
    display: block;
    width: 100%;
    max-height: 620px;
    border-radius: 8px;
    object-fit: cover;
}

.news-article-copy {
    padding-top: 20px;
}

.news-article-copy time {
    display: block;
    margin: 28px 0 10px;
    color: var(--yb-teal);
    font-weight: 800;
}

.news-article-copy h1 {
    margin: 0 0 20px;
    color: var(--yb-ink);
    font-size: 42px;
    line-height: 1.3;
}

.news-lead {
    color: #334e68;
    font-size: 20px;
    line-height: 1.9;
}

.news-body {
    color: #243b53;
    font-size: 17px;
    line-height: 2;
}

.localized-fieldset {
    min-width: 0;
    margin: 20px 0;
    padding: 18px;
    border: 1px solid var(--yb-line);
    border-radius: 8px;
}

.localized-fieldset legend {
    padding: 0 8px;
    color: var(--yb-ink);
    font-weight: 900;
}

.footer-brand {
    padding: 5px 8px;
    border-radius: 6px;
    background: #fff;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-links a {
    color: #fff;
}

@media (max-width: 900px) {
    .site-brand img.site-brand-lockup {
        width: 145px;
        height: 38px;
    }

    .about-vision-layout,
    .news-article {
        grid-template-columns: 1fr;
    }

    .platform-poster img {
        max-height: 640px;
    }
}

@media (max-width: 560px) {
    .site-brand img.site-brand-lockup {
        width: 118px;
        height: 34px;
    }

    .home-hero::before {
        background: rgba(5, 24, 48, .68);
    }

    .home-hero p {
        padding: 0;
        background: transparent;
    }

    .hero-dots {
        bottom: 14px;
    }

    .news-article-copy h1 {
        font-size: 30px;
    }
}

/* Continuous professional advertising marquee. */
.ad-ticker{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#061a36 0%,#0d3768 55%,#071d3c 100%);border-block:1px solid rgba(213,170,69,.55);font-family:Cairo,Tajawal,Arial,sans-serif;color:#fff;overflow:hidden}
.ad-ticker .ad-label{position:relative;z-index:3;align-self:stretch;display:flex;align-items:center;padding:0 18px;background:#d5aa45;color:#071d3c;font-weight:900;letter-spacing:.02em;box-shadow:8px 0 18px rgba(0,0,0,.2);white-space:nowrap}
.ad-ticker>.ad-ticker-track{display:flex;align-items:center;flex:1;min-width:0;width:max-content;padding:0;animation:yallaAdMarquee 22s linear infinite;will-change:transform;direction:ltr!important}
.ad-ticker-copy{display:flex;align-items:center;justify-content:space-around;gap:28px;flex:0 0 auto;min-width:100%;padding-inline:36px;font-size:15px}
html[dir="rtl"] .ad-ticker-copy{direction:rtl;text-align:right}html[dir="ltr"] .ad-ticker-copy{direction:ltr;text-align:left}
.ad-ticker-copy strong{font-size:16px;color:#fff}.ad-ticker-copy p{color:#e8f2ff}.ad-ticker-copy a{white-space:nowrap;background:#fff;color:#071d3c;border:1px solid #d5aa45}
.ad-ticker:hover>.ad-ticker-track{animation-play-state:paused}
@keyframes yallaAdMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--ticker-distance,600px)),0,0)}}
html[dir="rtl"] .ad-ticker>.ad-ticker-track{animation-name:yallaAdMarqueeRtl}
html[dir="ltr"] .ad-ticker>.ad-ticker-track{animation-name:yallaAdMarquee}
@keyframes yallaAdMarqueeRtl{from{transform:translate3d(calc(-1 * var(--ticker-distance,600px)),0,0)}to{transform:translate3d(0,0,0)}}
.ad-banner{min-height:176px;background-image:linear-gradient(90deg,rgba(7,29,60,.08),rgba(7,29,60,.94) 54%),url('/assets/img/ad-banner-premium-20260826.png');background-size:cover;background-position:center;border:1px solid rgba(213,170,69,.5);box-shadow:0 18px 45px rgba(7,29,60,.25)}
.ad-banner>img{display:none}.ad-banner>div{max-width:680px;margin-inline-start:auto;padding:28px 34px}.ad-banner strong{font-family:Cairo,Tajawal,Arial,sans-serif;font-size:clamp(21px,2vw,30px);line-height:1.3}.ad-banner p{font-size:15px;color:#e8f2ff}.ad-banner a{background:#d5aa45;color:#071d3c;border:1px solid #f4d47c}
@media(max-width:640px){.ad-ticker{gap:0;min-height:56px}.ad-ticker .ad-label{padding:0 11px;font-size:12px;box-shadow:5px 0 12px rgba(0,0,0,.2)}.ad-ticker>.ad-ticker-track{flex:0 0 auto;width:max-content}.ad-ticker-copy{justify-content:flex-start;gap:22px;min-width:max-content;padding-inline:32px;font-size:13px}.ad-ticker-copy strong{font-size:14px}.ad-ticker-copy p{white-space:nowrap}.ad-ticker-copy a{padding:5px 9px}.ad-ticker [data-ad-close]{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);z-index:5;background:#fff}.ad-banner{min-height:210px;background-image:linear-gradient(0deg,rgba(7,29,60,.96),rgba(7,29,60,.38)),url('/assets/img/ad-banner-premium-20260826.png');background-position:center}.ad-banner>div{padding:72px 18px 18px}.ad-banner strong{font-size:21px}}
/* Rebuilt ticker: fixed badge + isolated viewport + one complete message. */
.ad-ticker .ad-ticker-viewport{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;height:44px;display:block;padding:0!important;width:auto!important;animation:none!important;transform:none!important}
.ad-ticker .ad-ticker-loop{position:absolute;inset-block:0 auto;left:0;display:flex;align-items:center;width:max-content;height:44px;direction:ltr!important;will-change:transform}
.ad-ticker .ad-ticker-content{position:relative;width:max-content;max-width:none;display:inline-flex;flex:0 0 auto;align-items:center;gap:24px;height:44px;padding-inline:24px;white-space:nowrap;animation:none!important}
.ad-ticker .ad-ticker-content strong,.ad-ticker .ad-ticker-content p,.ad-ticker .ad-ticker-content a{flex:0 0 auto;white-space:nowrap;margin:0}
@media(max-width:640px){.ad-ticker{display:flex!important;align-items:center!important;min-height:58px;padding:6px 4px 6px 0!important}.ad-ticker .ad-label{flex:0 0 auto;min-height:46px}.ad-ticker .ad-ticker-viewport{height:46px;flex:1 1 0}.ad-ticker .ad-ticker-loop{height:46px}.ad-ticker .ad-ticker-content{height:46px;gap:18px;padding-inline:18px}.ad-ticker .ad-ticker-content p{font-size:13px}.ad-ticker .ad-ticker-content strong{font-size:14px}.ad-ticker [data-ad-close]{position:relative;inset:auto;top:auto;transform:none;flex:0 0 30px;width:30px;height:30px;margin:0 3px;z-index:5}}