/* The archived light visual language, with a little more space and depth. */
:root{--page:1280px;--navy:#102b50;--blue:#3b73b3}
.header{background:rgba(255,255,255,.94)}
.button{border-radius:999px;padding-inline:25px}
.button-small{padding-inline:19px}
.section-space{padding-block:110px}
.platform-section{background:#fff}
.platform-panel{box-shadow:0 22px 65px #102b500b}
.module{transition:transform .25s ease}
.module:hover{transform:translateY(-4px)}
.ai-section{background:#f7f9fc}
.support-section{background:#fff}
.support-photo{box-shadow:0 22px 70px #102b5010}
.freedom-card{background:#fff;box-shadow:0 12px 40px #102b5005}
.management-card{background:#fff;box-shadow:0 9px 35px #102b5005}
.management-photo{display:block;flex-shrink:0;width:90px;height:90px;border-radius:50%;overflow:hidden}
.management-avatar{width:90px;height:90px;object-fit:cover;object-position:50% 8%;filter:none}
[data-person="mubekir"] .management-avatar{object-position:50% 30%;transform:scale(1.18);transform-origin:50% 25%}
.alg-network-canvas{opacity:.48}
.brand-film{padding:65px 0 90px;background:linear-gradient(#fff,#f7f9fc)}
.brand-film-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.brand-film-copy .eyebrow{margin-bottom:22px}
.brand-film-copy h2{font-size:clamp(34px,3.3vw,48px);line-height:1.12}
.brand-film-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#697b91;margin-top:24px;max-width:390px}
.brand-film-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.brand-film-points span{font-size:11px;font-weight:650;letter-spacing:.025em;padding:7px 11px;border:1px solid #dae4ef;border-radius:99px;background:#fff;color:#4d6d92}
.brand-film-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#f6f8fb;border-radius:28px;border:1px solid #e9eef5;box-shadow:0 25px 65px #1b447a08}
.brand-film-media video{display:block;width:100%;height:100%;object-fit:contain}
.brand-film-media button{position:absolute;bottom:18px;right:18px;padding:8px 13px;border:1px solid #d5dfeb;border-radius:99px;background:#ffffffdf;color:#345477;font-size:11px;backdrop-filter:blur(8px)}
.brand-film-media button:hover{background:#fff;border-color:#7096c2}
.page-preview-note{position:fixed;left:18px;bottom:16px;z-index:12;background:#ffffffd9;border:1px solid #dce5ef;border-radius:99px;color:#657b95;padding:5px 10px;backdrop-filter:blur(8px);font-size:10px;letter-spacing:.08em;pointer-events:none}
@media(max-width:1050px){.nav-links{gap:17px}.nav{gap:22px}.brand-film-grid{gap:28px}.brand-film-copy h2{font-size:36px}}
@media(max-width:800px){.brand-film-grid{grid-template-columns:1fr;gap:30px}.brand-film-copy>p:not(.eyebrow){max-width:550px}.brand-film{padding:60px 0}.section-space{padding-block:76px}.brand-film-media{aspect-ratio:16/10}.management-card-top{margin-bottom:20px}}
@media(max-width:680px){.section-space{padding-block:65px}.nav{gap:10px}.brand-film-copy h2{font-size:35px}.brand-film-copy>p:not(.eyebrow){font-size:15px}.brand-film-media{border-radius:18px}.brand-film-media button{font-size:10px;right:12px;bottom:12px}.page-preview-note{left:12px;bottom:10px;font-size:9px}.brand-film-points{gap:6px}.brand-film-points span{font-size:10px;padding:6px 9px}}