html,body{height:100%;margin:0}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:"Figtree","IBM Plex Sans Arabic",system-ui,sans-serif}
a{color:inherit;text-decoration:none}a:hover{opacity:.85}
h1,h2,h3,h4{font-family:"Caprasimo","Lalezar",system-ui,sans-serif;font-weight:400;margin:0}
img{display:block}
@keyframes fc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fc-marq{from{transform:translateX(0)}to{transform:translateX(50%)}}
.scp0:hover{background:color-mix(in srgb,var(--color-bg) 20%,transparent)!important}
.scp1:hover{background:var(--color-surface)!important}
.scp2:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow-lg)!important}
.fc-vid{order:3;flex:1.25 1 520px;position:relative;aspect-ratio:var(--fc-ar,1.77778);border-radius:28px 28px 28px clamp(70px,12vw,180px);overflow:hidden;background:#000;margin:10px clamp(18px,3vw,40px) 130px;box-shadow:var(--shadow-lg)}
.fc-snd{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:14px;padding:12px 18px 12px 14px;border-radius:999px;background:var(--color-bg);color:var(--brand);box-shadow:var(--shadow-md);bottom:20px;right:20px}
.fc-htxt{flex:1 1 420px;padding:30px clamp(22px,4vw,56px) 130px}
.fc-mob,.fc-menu{display:none}
@media (max-width:1099.98px){.fc-desk{display:none!important}.fc-mob{display:contents}.fc-root.menu-open .fc-menu{display:flex}}
@media (max-width:759.98px){
.fc-vid{order:1;flex:0 1 auto;width:calc(100% - 28px);margin:0 14px;border-radius:28px;box-shadow:none}
.fc-snd{bottom:14px;left:14px;right:auto;padding:10px 14px 10px 12px;font-size:13px}
.fc-htxt{flex:1 1 100%;padding:32px 22px 96px}
}