.about-page { color: #111827; background: #f9fafb; }
.about-hero { position: relative; height: 682px; overflow: hidden; color: #fff; background: linear-gradient(180deg, #1ea69e 0%, #0d5b57 100%); }
.about-hero-copy { position: relative; z-index: 2; width: 760px; max-width: calc(100% - 40px); margin: 0 auto; padding-top: 208px; text-align: center; }
.about-hero h1 { margin: 0; font-size: 56px; font-weight: 900; line-height: 1.1; letter-spacing: -1.4px; }
.about-hero-copy p { margin: 34px 0 44px; color: rgba(255,255,255,.9); font-size: 16px; line-height: 27px; }
.about-hero-copy a { display: inline-flex; height: 54px; align-items: center; justify-content: center; padding: 0 25px; border: 1px solid rgba(255,255,255,.23); border-radius: 10px; color: #fff; background: rgba(255,255,255,.09); font-size: 14px; font-weight: 700; }
.about-hero-copy a i { margin-left: 8px; }
.about-hero-mark { position: absolute; right: 72px; bottom: 76px; width: 450px; height: 425px; object-fit: contain; }
.about-intro-spacer { height: 80px; background: #f9fafb; }

.about-intro-section { padding: 80px 0 72px; background: #fff; }
.about-intro-layout { display: grid; grid-template-columns: 1fr minmax(280px, 590px); align-items: start; gap: 64px; }
.about-intro-copy { padding-top: 4px; }
.about-intro-copy h2 { display: flex; align-items: center; margin: 0 0 30px; font-size: 30px; font-weight: 800; line-height: 38px; }
.about-intro-copy h2 span { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; margin-right: 17px; border-radius: 12px; color: #2563eb; background: #dbeafe; font-size: 22px; }
.about-intro-copy > p { margin: 0 0 20px; color: #4b5563; font-size: 15px; line-height: 25px; }
.about-intro-copy > p strong { color: #111827; font-weight: 800; }.about-intro-copy > p a { color: #2563eb; font-weight: 700; }
.about-values { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 27px; }
.about-values article { min-height: 177px; padding: 22px; border: 1px solid #f3f4f6; border-radius: 13px; background: #f9fafb; }
.about-values article > i { color: #f97316; font-size: 28px; }.about-values article+article > i { color: #ef4444; }
.about-values h3 { margin: 11px 0 9px; font-size: 14px; font-weight: 800; }.about-values p { margin: 0; color: #6b7280; font-size: 12px; line-height: 18px; }
.about-intro-photo { width: 100%; max-width: 590px; aspect-ratio: 590 / 520; overflow: hidden; border-radius: 25px; }
.about-intro-photo img { width: 100%; height: 100%; object-fit: cover; }

.about-ecosystem { padding: 79px 0 72px; background: #f9fafb; }
.about-section-heading { text-align: center; }.about-section-heading span { color: #2563eb; font-size: 11px; font-weight: 800; letter-spacing: .12em; }.about-section-heading h2 { margin: 9px 0 0; font-size: 32px; font-weight: 800; line-height: 40px; }
.ecosystem-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 32px; margin-top: 66px; }
.ecosystem-grid article { min-height: 218px; height: auto; padding: 25px 20px; border: 1px solid #f3f4f6; border-radius: 14px; background: #fff; text-align: center; box-shadow: 0 1px 2px rgba(0,0,0,.02); }
.ecosystem-grid i { display: grid; width: 53px; height: 53px; place-items: center; margin: 0 auto 18px; border-radius: 12px; color: #2563eb; background: #eff6ff; font-size: 23px; }.ecosystem-grid article:nth-child(2) i { color:#f97316;background:#fff7ed }.ecosystem-grid article:nth-child(3) i { color:#16a34a;background:#f0fdf4 }.ecosystem-grid article:nth-child(4) i { color:#9333ea;background:#faf5ff }.ecosystem-grid article:nth-child(5) i { color:#f43f5e;background:#fff1f2 }
.ecosystem-grid h3 { margin: 0 0 9px; font-size: 16px; font-weight: 800; }.ecosystem-grid p { margin: 0; color: #6b7280; font-size: 12px; line-height: 18px; }

.about-spaces { padding: 87px 0 88px; background: #fff; overflow: visible; }
.about-spaces-heading { text-align: center; }.about-spaces-heading h2 { margin: 0 0 21px; font-size: 32px; font-weight: 800; line-height: 40px; }.about-spaces-heading p { margin: 0; color: #6b7280; font-size: 14px; line-height: 23px; }
.about-space-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 62px; max-width: 1210px; margin-left: auto; margin-right: auto; }
.about-space-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 8px 16px rgba(15,23,42,.14);
    transition: transform .25s;
    color: #fff;
    text-decoration: none;
    aspect-ratio: 382 / 287;
    background: #0f172a;
}
.about-space-card:hover { transform: translateY(-5px); color: #fff; }
.about-space-card > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-space-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.35) 48%, rgba(0,0,0,.12) 100%);
    pointer-events: none;
}
.about-space-copy {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.about-space-badge {
    display: inline-block;
    margin-bottom: 2px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.about-space-badge.blue { color: #1d4ed8; background: #dbeafe; }
.about-space-badge.green { color: #047857; background: #d1fae5; }
.about-space-badge.orange { color: #c2410c; background: #ffedd5; }
.about-space-copy > strong {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.about-space-copy > em {
    font-style: normal;
    color: rgba(255,255,255,.88);
    font-size: 12px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.about-space-address {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 4px;
    color: rgba(255,255,255,.9);
    font-size: 11px;
    line-height: 1.4;
}
.about-space-address i { margin-top: 1px; }

.about-cta { display: flex; min-height: 375px; align-items: center; padding: 48px 0; color: #fff; background: #1ea69e; position: relative; z-index: 1; }
.about-cta h2 { margin: 0 0 25px; font-size: 32px; font-weight: 800; line-height: 40px; }
.about-cta p { margin: 0 0 38px; color: rgba(255,255,255,.9); font-size: 16px; line-height: 26px; }
.about-cta button,
.about-cta a.about-cta-button {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    border: 0;
    border-radius: 10px;
    color: #2563eb;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}
.about-pre-footer { height: 90px; background: #f9fafb; }

.ecosystem-grid a {
    display: block;
    color: inherit;
    text-decoration: none;
    height: 100%;
}

.ecosystem-grid a article {
    height: 100%;
}

.ecosystem-grid a:hover h3 {
    color: #1ea69e;
}

.about-intro-cms {
    color: #4b5563;
    font-size: 15px;
    line-height: 25px;
}

.about-intro-cms p { margin: 0 0 20px; }
.about-intro-cms a { color: #2563eb; font-weight: 700; }
.about-intro-cms strong { color: #111827; font-weight: 800; }

@media (max-width:1199.98px){.about-hero-mark{right:-25px;width:390px}.about-intro-section,.about-ecosystem,.about-spaces{padding:64px 0}.about-intro-layout{grid-template-columns:1fr minmax(240px,500px);gap:40px}.about-intro-photo{max-width:500px;aspect-ratio:auto;height:auto}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}.about-space-grid{gap:24px}}
@media (max-width:991.98px){.about-hero h1{font-size:48px}.about-intro-layout{grid-template-columns:1fr}.about-intro-photo{max-width:590px;margin:0 auto}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.about-space-grid{grid-template-columns:1fr;max-width:590px}.about-spaces{padding-bottom:72px}}
@media (max-width:767.98px){.about-hero{height:540px}.about-hero-copy{padding-top:98px}.about-hero h1{font-size:39px}.about-hero-copy p{margin:25px 0 32px;font-size:14px;line-height:23px}.about-hero-mark{right:-70px;bottom:10px;width:285px;height:285px;opacity:.45}.about-intro-spacer{height:48px}.about-intro-section,.about-ecosystem,.about-spaces{padding:48px 0}.about-intro-copy h2{font-size:24px;line-height:32px}.about-values{grid-template-columns:1fr}.ecosystem-grid{grid-template-columns:1fr;gap:18px;margin-top:40px}.ecosystem-grid article{min-height:190px}.about-section-heading h2,.about-spaces-heading h2,.about-cta h2{font-size:25px;line-height:33px}.about-space-grid{margin-top:42px}.about-cta{min-height:360px}.about-cta p{font-size:14px;line-height:23px}.about-pre-footer{height:48px}}