.firstm-home-about{--fma-bg:#f3f4f6;--fma-accent:#ef6a24;--fma-text:#20252d;--fma-muted:#69717a;--fma-title-size:46px;position:relative;isolation:isolate;overflow:hidden;background:var(--fma-bg);padding:104px 0 112px;font-family:"Tajawal","Cairo",Arial,sans-serif;color:var(--fma-text)}
.firstm-about-inner{position:relative;z-index:2;width:min(calc(100% - 72px),1540px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.92fr);align-items:center;gap:clamp(52px,7vw,112px)}
.firstm-about-copy{min-width:0}.firstm-about-eyebrow{display:flex;align-items:center;gap:12px;color:var(--fma-accent);font-weight:800;font-size:13px;letter-spacing:.04em;margin-bottom:22px}.firstm-about-eyebrow span{width:38px;height:2px;background:var(--fma-accent);border-radius:99px;box-shadow:0 0 0 1px rgba(239,106,36,.03)}
.firstm-about-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 26px;font-size:var(--fma-title-size);line-height:1.32;letter-spacing:-.025em;font-weight:900;color:var(--fma-text)}
.firstm-about-title mark{position:relative;display:inline-block;background:transparent;color:var(--fma-accent);padding:0 3px;font:inherit}.firstm-about-title mark:after{content:"";position:absolute;z-index:-1;inset-inline:5%;bottom:3px;width:90%;height:9px;border-radius:999px;background:rgba(239,106,36,.14);transform:rotate(-1.1deg)}
.firstm-about-description{margin:0;color:var(--fma-muted);font-size:18px;line-height:2.05;font-weight:500;max-width:820px}
.firstm-about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.firstm-about-features article{position:relative;min-height:122px;border:1px solid rgba(239,106,36,.17);border-radius:18px;background:rgba(255,255,255,.66);padding:22px 20px 18px;box-shadow:0 12px 34px rgba(41,47,54,.045);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.firstm-about-features article:hover{transform:translateY(-4px);border-color:rgba(239,106,36,.35);box-shadow:0 18px 40px rgba(41,47,54,.075)}.firstm-about-features article>span{position:absolute;inset-inline-end:18px;top:20px;width:12px;height:12px;border:2px solid var(--fma-accent);border-radius:50%}.firstm-about-features b{display:block;padding-inline-end:22px;font-size:15px;font-weight:850;margin-bottom:9px}.firstm-about-features small{display:block;color:#8a8f94;font-size:12.5px;line-height:1.7;font-weight:500}
.firstm-about-media{min-width:0;position:relative}.firstm-about-video-card{position:relative;aspect-ratio:1.36/1;border-radius:32px;overflow:visible;box-shadow:0 30px 70px rgba(60,45,36,.12)}.firstm-about-video-card:before{content:"";position:absolute;inset:-1px;border-radius:33px;background:linear-gradient(145deg,rgba(239,106,36,.7),rgba(239,106,36,0) 33%,rgba(239,106,36,.16));z-index:-1}.firstm-about-video-card>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:32px;background:#f4f4f3}.firstm-video-shade{position:absolute;inset:0;border-radius:32px;background:linear-gradient(180deg,rgba(24,25,26,.03),rgba(24,25,26,.08) 55%,rgba(24,25,26,.18));pointer-events:none}
.firstm-video-badge{position:absolute;z-index:3;top:0;inset-inline-end:0;transform:translate(-12px,0);display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(239,106,36,.14);border-radius:0 0 14px 14px;color:#4e5358;box-shadow:0 12px 30px rgba(45,38,33,.07);font-size:12px}.firstm-video-badge i{width:10px;height:10px;border-radius:50%;background:var(--fma-accent);box-shadow:0 0 0 7px rgba(239,106,36,.09)}
.firstm-video-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent;border:0;color:#30343a;cursor:pointer;font-family:inherit}.firstm-video-play:disabled{cursor:default;opacity:.58}.firstm-video-play>span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--fma-accent);box-shadow:0 16px 35px rgba(239,106,36,.34),0 0 0 9px rgba(255,255,255,.18);transition:transform .22s ease,box-shadow .22s ease}.firstm-video-play:not(:disabled):hover>span{transform:scale(1.07);box-shadow:0 20px 40px rgba(239,106,36,.4),0 0 0 11px rgba(255,255,255,.21)}.firstm-video-play svg{width:34px;height:34px;fill:#fff;stroke:none}.firstm-video-play b{background:rgba(255,255,255,.92);border-radius:999px;padding:8px 13px;font-size:12px;box-shadow:0 10px 24px rgba(33,29,27,.08)}
.firstm-video-stat{position:absolute;z-index:4;inset-inline-end:-22px;bottom:22px;width:230px;min-height:94px;border-radius:20px;background:linear-gradient(135deg,#fb6c27,#ec5411);color:#fff;padding:17px 22px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 40px rgba(239,106,36,.24)}.firstm-video-stat strong{font-size:29px;line-height:1;font-weight:900;direction:ltr;align-self:flex-start}.firstm-video-stat span{margin-top:8px;font-size:12px;font-weight:700;opacity:.96}
.firstm-about-orbit{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.firstm-about-orbit:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(45,50,55,.045);inset-inline-start:-330px;bottom:-310px}.firstm-about-orbit:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(239,106,36,.07);inset-inline-end:-245px;top:-260px}.firstm-about-orbit i{position:absolute;display:block}.firstm-about-orbit i:nth-child(1){width:260px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,106,36,.15),transparent);inset-inline-end:6%;top:15%;transform:rotate(-9deg)}.firstm-about-orbit i:nth-child(2){width:12px;height:12px;border-radius:50%;background:rgba(239,106,36,.13);inset-inline-end:18%;top:21%;box-shadow:0 0 0 11px rgba(239,106,36,.025)}.firstm-about-orbit i:nth-child(3){width:180px;height:180px;border-radius:42% 58% 55% 45%;background:rgba(239,106,36,.025);inset-inline-start:42%;bottom:7%}
body.firstm-home-about-motion .firstm-about-orbit:after{animation:firstmAboutOrb 15s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-about-orbit i:nth-child(1){animation:firstmAboutLine 10s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-about-orbit i:nth-child(2){animation:firstmAboutDot 8s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-about-orbit i:nth-child(3){animation:firstmAboutBlob 12s ease-in-out infinite alternate}@keyframes firstmAboutOrb{to{transform:translate3d(-30px,20px,0) scale(1.04)}}@keyframes firstmAboutLine{to{transform:translate3d(-24px,12px,0) rotate(-5deg)}}@keyframes firstmAboutDot{to{transform:translate3d(-20px,18px,0)}}@keyframes firstmAboutBlob{to{transform:translate3d(28px,-12px,0) rotate(13deg)}}
.firstm-video-modal[hidden]{display:none!important}.firstm-video-modal{position:fixed;z-index:999999;inset:0;background:rgba(17,18,19,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:30px}.firstm-video-modal-shell{width:min(1120px,94vw);aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#080808;box-shadow:0 35px 100px rgba(0,0,0,.45)}.firstm-video-modal-shell>div,.firstm-video-modal iframe{width:100%;height:100%;display:block;border:0}.firstm-video-modal-close{position:fixed;z-index:2;top:22px;inset-inline-end:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;font-size:31px;line-height:1;cursor:pointer}
@media(max-width:1180px){.firstm-about-inner{width:min(calc(100% - 44px),1160px);grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:48px}.firstm-about-description{font-size:17px}.firstm-about-features article{padding:18px 16px}.firstm-video-stat{width:205px}}
@media(max-width:900px){.firstm-home-about{padding:76px 0 84px}.firstm-about-inner{grid-template-columns:1fr;gap:48px}.firstm-about-copy{text-align:center}.firstm-about-eyebrow{justify-content:center}.firstm-about-title{align-items:center;font-size:min(var(--fma-title-size),40px)}.firstm-about-description{margin-inline:auto;max-width:740px}.firstm-about-features{max-width:760px;margin:30px auto 0}.firstm-about-media{order:-1;width:min(760px,100%);margin:0 auto}.firstm-video-stat{inset-inline-end:18px;bottom:18px}.firstm-video-badge{transform:none;top:12px;inset-inline-end:12px;border-radius:13px}}
@media(max-width:620px){.firstm-home-about{padding:58px 0 66px}.firstm-about-inner{width:calc(100% - 30px);gap:34px}.firstm-about-video-card{aspect-ratio:1.18/1;border-radius:24px}.firstm-about-video-card>img,.firstm-video-shade{border-radius:24px}.firstm-video-play>span{width:66px;height:66px}.firstm-video-play svg{width:28px;height:28px}.firstm-video-stat{width:auto;min-width:170px;max-width:66%;min-height:76px;padding:13px 15px;border-radius:16px;bottom:12px;inset-inline-end:12px}.firstm-video-stat strong{font-size:23px}.firstm-video-stat span{font-size:10.5px}.firstm-about-title{font-size:min(var(--fma-title-size),32px);line-height:1.42;margin-bottom:20px}.firstm-about-description{font-size:15px;line-height:1.9}.firstm-about-features{grid-template-columns:1fr;gap:10px;margin-top:25px}.firstm-about-features article{min-height:0;text-align:start}.firstm-about-eyebrow{font-size:11.5px}.firstm-video-modal{padding:14px}.firstm-video-modal-shell{border-radius:16px}.firstm-video-modal-close{top:14px;inset-inline-end:14px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.firstm-about-orbit:after,.firstm-about-orbit i{animation:none!important}.firstm-about-features article,.firstm-video-play>span{transition:none!important}}

/* v1.6.2 · neutral light-gray + white digital identity */
.firstm-home-about{
    background:
        radial-gradient(circle at 88% 8%,rgba(255,255,255,.98) 0,rgba(255,255,255,.76) 18%,transparent 42%),
        radial-gradient(circle at 8% 88%,rgba(255,255,255,.82) 0,rgba(255,255,255,.42) 22%,transparent 44%),
        linear-gradient(135deg,#f1f2f4 0%,#f7f8f9 28%,#ffffff 55%,#f2f3f5 100%),
        var(--fma-bg);
}
.firstm-home-about:before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.42;
    background-image:
        linear-gradient(rgba(80,87,96,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(80,87,96,.055) 1px,transparent 1px),
        radial-gradient(circle at 72% 28%,rgba(239,106,36,.08) 0 2px,transparent 3px);
    background-size:64px 64px,64px 64px,180px 180px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.74) 20%,rgba(0,0,0,.48) 72%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.74) 20%,rgba(0,0,0,.48) 72%,transparent 100%);
}
.firstm-home-about:after{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    width:460px;
    height:460px;
    inset-inline-end:-170px;
    top:-175px;
    border-radius:50%;
    border:1px solid rgba(116,123,132,.11);
    box-shadow:0 0 0 46px rgba(255,255,255,.30),0 0 0 92px rgba(121,128,137,.025);
}
.firstm-about-inner{z-index:3}
.firstm-about-orbit{z-index:1}

/* Keep the label visually inside the video card instead of hanging over its edge. */
.firstm-video-badge{
    top:18px;
    inset-inline-end:18px;
    transform:none;
    border-radius:14px;
    padding:10px 14px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 24px rgba(47,40,35,.08);
}

/* Compact feature cards: height follows the actual copy rather than leaving dead space. */
.firstm-about-features{align-items:start;gap:12px;margin-top:27px}
.firstm-about-features article{
    min-height:0;
    height:auto;
    align-self:start;
    padding:15px 16px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.firstm-about-features article>span{top:16px;inset-inline-end:15px;width:10px;height:10px}
.firstm-about-features b{margin-bottom:5px;font-size:14px;line-height:1.45}
.firstm-about-features small{font-size:12px;line-height:1.5}

/* A small circuit-style accent without JS/canvas, so the section stays lightweight. */
.firstm-about-copy:before{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    width:190px;
    height:78px;
    inset-inline-start:-42px;
    top:-44px;
    opacity:.42;
    background:
        radial-gradient(circle at 0 50%,rgba(239,106,36,.58) 0 3px,transparent 4px),
        radial-gradient(circle at 100% 0,rgba(239,106,36,.35) 0 3px,transparent 4px),
        linear-gradient(90deg,rgba(239,106,36,.19),rgba(239,106,36,.02)) 0 50%/100% 1px no-repeat,
        linear-gradient(rgba(239,106,36,.14),rgba(239,106,36,.02)) 100% 0/1px 50% no-repeat;
}

body.firstm-home-about-motion .firstm-home-about:after{animation:firstmDigitalHalo 13s ease-in-out infinite alternate}
@keyframes firstmDigitalHalo{to{transform:translate3d(-26px,24px,0) scale(1.045)}}

@media(max-width:900px){
    .firstm-video-badge{top:14px;inset-inline-end:14px}
    .firstm-about-features{margin-top:24px}
}
@media(max-width:620px){
    .firstm-home-about:before{background-size:44px 44px;opacity:.25}
    .firstm-home-about:after{width:300px;height:300px;inset-inline-end:-150px;top:-105px}
    .firstm-video-badge{top:11px;inset-inline-end:11px;padding:8px 11px;font-size:11px}
    .firstm-about-features{gap:9px;margin-top:21px}
    .firstm-about-features article{padding:13px 14px 12px;border-radius:14px}
    .firstm-about-features article>span{top:14px;inset-inline-end:13px}
    .firstm-about-features b{font-size:13.5px;margin-bottom:4px}
    .firstm-about-features small{font-size:11.5px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){body.firstm-home-about-motion .firstm-home-about:after{animation:none!important}}

/* v1.6.3 · Sculpted experience card: curved transparent rings + a tucked edge. */
.firstm-video-stat{
    isolation:isolate;
    overflow:visible;
    width:244px;
    min-height:104px;
    padding:19px 24px 18px;
    border-radius:23px;
    border-start-end-radius:11px;
    background:linear-gradient(135deg,#ff742b 0%,#f35e19 58%,#e94f10 100%);
    box-shadow:0 22px 46px rgba(223,82,18,.25),inset 0 1px 0 rgba(255,255,255,.18);
}
.firstm-video-stat:after{
    content:"";
    position:absolute;
    z-index:-1;
    inset-inline-start:-13px;
    bottom:10px;
    width:34px;
    height:58px;
    border-radius:12px 8px 14px 8px;
    background:linear-gradient(160deg,#c9410c,#e65316 70%);
    transform:skewY(-18deg) rotate(1deg);
    opacity:.96;
    box-shadow:0 12px 24px rgba(156,50,8,.18);
}
.firstm-stat-art{
    position:absolute;
    z-index:0;
    inset:0;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none;
}
.firstm-stat-art:before,
.firstm-stat-art:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.firstm-stat-art:before{
    width:155px;height:155px;
    inset-inline-end:-62px;top:-70px;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 0 0 18px rgba(255,255,255,.045),0 0 0 42px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.014);
}
.firstm-stat-art:after{
    width:112px;height:112px;
    inset-inline-start:-66px;bottom:-77px;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 0 0 14px rgba(255,255,255,.035),0 0 0 31px rgba(255,255,255,.018);
}
.firstm-video-stat strong,.firstm-video-stat span{position:relative;z-index:2}
.firstm-video-stat strong{font-size:31px;letter-spacing:-.025em;text-shadow:0 1px 0 rgba(0,0,0,.04)}
.firstm-video-stat span{max-width:185px;line-height:1.5}
/* The edge touching the video is slightly tighter, so it reads as if the card slides from behind the frame. */
.firstm-home-about[dir="rtl"] .firstm-video-stat{border-top-right-radius:8px;border-bottom-right-radius:17px}
.firstm-home-about[dir="ltr"] .firstm-video-stat{border-top-left-radius:8px;border-bottom-left-radius:17px}

@media(max-width:1180px){.firstm-video-stat{width:218px;min-height:96px;padding:17px 20px}}
@media(max-width:900px){
    .firstm-video-stat{inset-inline-end:14px;bottom:16px;border-radius:19px;width:210px}
    .firstm-video-stat:after{display:none}
}
@media(max-width:620px){
    .firstm-video-stat{width:auto;min-width:164px;max-width:68%;min-height:74px;padding:13px 15px;border-radius:15px;inset-inline-end:10px;bottom:10px}
    .firstm-video-stat strong{font-size:23px}
    .firstm-stat-art:before{width:105px;height:105px;inset-inline-end:-52px;top:-52px}
    .firstm-stat-art:after{display:none}
}


/* v1.7.0 · Straight experience card with a soft folded-left tab tucked behind the video. */
.firstm-video-stat{
    border-radius:22px!important;
    overflow:visible;
}
.firstm-home-about[dir="rtl"] .firstm-video-stat,
.firstm-home-about[dir="ltr"] .firstm-video-stat{border-radius:22px!important}
.firstm-video-stat:after{
    content:"";
    position:absolute;
    z-index:-2;
    left:-18px;
    right:auto;
    top:26px;
    bottom:auto;
    width:30px;
    height:62px;
    border-radius:17px 0 0 17px;
    background:linear-gradient(180deg,#d84b10 0%,#bf3e0b 100%);
    transform:none;
    opacity:.98;
    box-shadow:-8px 10px 24px rgba(156,50,8,.15),inset -1px 0 0 rgba(255,255,255,.10);
}
.firstm-video-stat:before{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    top:24px;
    width:1px;
    height:66px;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);
    opacity:.8;
    pointer-events:none;
}
@media(max-width:900px){.firstm-video-stat:after{display:block;left:-12px;top:23px;width:22px;height:52px;border-radius:13px 0 0 13px}}
@media(max-width:620px){.firstm-video-stat:after{left:-9px;top:18px;width:17px;height:40px;border-radius:10px 0 0 10px}.firstm-video-stat:before{top:16px;height:43px}}


/* v1.7.1 · Ribbon-fold edge inspired by the supplied reference.
   Keep the orange card exactly as a rounded card; only the left edge curls behind it. */
.firstm-video-stat{
    border-radius:22px!important;
    overflow:visible!important;
}
.firstm-video-stat:before{
    content:"";
    position:absolute;
    z-index:-3;
    left:-1px;
    bottom:-16px;
    width:30px;
    height:30px;
    background:linear-gradient(145deg,#bf3d0b 0%,#d84b10 58%,#ed5a17 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 72%);
    border-radius:0 0 0 7px;
    box-shadow:-7px 10px 16px rgba(137,43,8,.14);
    pointer-events:none;
}
.firstm-video-stat:after{
    content:"";
    position:absolute;
    z-index:-2;
    left:0;
    bottom:-1px;
    width:31px;
    height:19px;
    background:linear-gradient(155deg,rgba(167,48,7,.62),rgba(214,70,13,.12) 72%,transparent 73%);
    clip-path:polygon(0 0,100% 0,100% 100%);
    opacity:.9;
    pointer-events:none;
    box-shadow:none;
    transform:none;
    border-radius:0;
}
.firstm-video-stat .firstm-stat-art{border-radius:22px}
@media(max-width:900px){
    .firstm-video-stat:before{display:block;left:0;bottom:-12px;width:24px;height:24px;border-radius:0 0 0 6px}
    .firstm-video-stat:after{display:block;left:0;bottom:-1px;width:25px;height:15px}
}
@media(max-width:620px){
    .firstm-video-stat:before{left:0;bottom:-9px;width:18px;height:18px;border-radius:0 0 0 5px}
    .firstm-video-stat:after{left:0;bottom:-1px;width:19px;height:12px}
}


/* v1.7.2 · The ribbon now bends exactly at the video edge.
   The dark return sits behind the video surface, while a small crease stays visible
   on the orange face — the same construction idea as the supplied red ribbon. */
.firstm-about-video-card{
    isolation:isolate;
}
.firstm-about-video-card>img{
    position:relative;
    z-index:1;
}
.firstm-video-shade{z-index:2}
.firstm-video-badge{z-index:5}
.firstm-video-play{z-index:6}
.firstm-video-stat{
    z-index:7;
    overflow:hidden!important;
    border-radius:22px!important;
}
/* Rear fold: anchored to the physical video edge, not to the outside end of the orange card. */
.firstm-stat-ribbon-return{
    position:absolute;
    z-index:0;
    inset-inline-end:-18px;
    bottom:8px;
    width:42px;
    height:56px;
    display:block;
    pointer-events:none;
    background:linear-gradient(155deg,#bd3909 0%,#d74a10 56%,#ea5a18 100%);
    border-radius:0 0 14px 14px;
    clip-path:polygon(0 0,100% 0,78% 100%,18% 84%);
    box-shadow:0 12px 24px rgba(145,43,7,.18);
}
/* Visible crease on the front face. 22px is the desktop amount by which the card projects outside the video. */
.firstm-video-stat:before{
    content:"";
    position:absolute;
    z-index:3;
    inset-inline-end:20px;
    bottom:0;
    width:34px;
    height:27px;
    background:linear-gradient(145deg,rgba(177,50,5,.80) 0%,rgba(214,68,11,.50) 58%,rgba(255,255,255,.02) 59%);
    clip-path:polygon(0 0,100% 0,100% 100%);
    border-radius:0;
    box-shadow:none;
    opacity:.94;
    pointer-events:none;
}
.firstm-video-stat:after{
    content:"";
    position:absolute;
    z-index:2;
    inset-inline-end:20px;
    bottom:0;
    width:2px;
    height:30px;
    background:linear-gradient(180deg,transparent,rgba(125,39,8,.24),transparent);
    border-radius:99px;
    opacity:.7;
    pointer-events:none;
}
.firstm-video-stat .firstm-stat-art{border-radius:22px}

/* On smaller layouts the card moves fully inside the video, so the return is deliberately removed. */
@media(max-width:900px){
    .firstm-stat-ribbon-return{display:none}
    .firstm-video-stat:before,.firstm-video-stat:after{display:none}
}

/* v1.10.5 · Eight selectable About-section backgrounds (4 static + 4 motion-ready). */
.firstm-home-about[data-bg-style]{background:var(--fma-bg)}
.firstm-home-about[data-bg-style]:before,.firstm-home-about[data-bg-style]:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border:0;border-radius:0;box-shadow:none;transform:none;opacity:1;-webkit-mask-image:none;mask-image:none}
.firstm-home-about[data-bg-style] .firstm-about-orbit{z-index:1}.firstm-home-about[data-bg-style] .firstm-about-orbit:before,.firstm-home-about[data-bg-style] .firstm-about-orbit:after,.firstm-home-about[data-bg-style] .firstm-about-orbit i{animation:none;box-shadow:none}
/* Static 01: clean mist */
.firstm-home-about[data-bg-style="clean-mist"]{background:linear-gradient(135deg,#f2f4f5 0%,#fff 50%,#f2f3f4 100%),var(--fma-bg)}
.firstm-home-about[data-bg-style="clean-mist"]:before{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.98) 0 13%,transparent 35%),radial-gradient(circle at 88% 82%,rgba(239,106,36,.07) 0 8%,transparent 30%)}
.firstm-home-about[data-bg-style="clean-mist"]:after{background:radial-gradient(ellipse at 54% 54%,rgba(99,108,116,.045),transparent 47%);opacity:.8}
.firstm-home-about[data-bg-style="clean-mist"] .firstm-about-orbit{display:none}
/* Static 02: soft digital grid */
.firstm-home-about[data-bg-style="soft-grid"]{background:linear-gradient(135deg,#f4f5f6,#fff 52%,#f1f3f4),var(--fma-bg)}
.firstm-home-about[data-bg-style="soft-grid"]:before{background-image:linear-gradient(rgba(77,85,93,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(77,85,93,.05) 1px,transparent 1px);background-size:58px 58px;opacity:.7;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent)}
.firstm-home-about[data-bg-style="soft-grid"]:after{background:radial-gradient(circle at 78% 24%,rgba(239,106,36,.08),transparent 20%),radial-gradient(circle at 20% 78%,rgba(75,85,95,.055),transparent 22%)}
.firstm-home-about[data-bg-style="soft-grid"] .firstm-about-orbit{display:none}
/* Static 03: circuit board */
.firstm-home-about[data-bg-style="circuit-board"]{background:linear-gradient(135deg,#f7f8f9,#fff 60%,#f3f4f5),var(--fma-bg)}
.firstm-home-about[data-bg-style="circuit-board"]:before{background-image:linear-gradient(90deg,transparent 0 18%,rgba(239,106,36,.075) 18% 18.08%,transparent 18.08% 62%,rgba(83,92,101,.055) 62% 62.08%,transparent 62.08%),linear-gradient(0deg,transparent 0 30%,rgba(83,92,101,.045) 30% 30.08%,transparent 30.08% 72%,rgba(239,106,36,.055) 72% 72.08%,transparent 72.08%);opacity:.8}
.firstm-home-about[data-bg-style="circuit-board"]:after{background:radial-gradient(circle at 18% 30%,rgba(239,106,36,.34) 0 2px,transparent 3px),radial-gradient(circle at 62% 72%,rgba(84,94,103,.18) 0 2px,transparent 3px),radial-gradient(circle at 82% 30%,rgba(239,106,36,.22) 0 2px,transparent 3px);background-size:240px 200px,300px 220px,360px 280px;opacity:.55}
.firstm-home-about[data-bg-style="circuit-board"] .firstm-about-orbit{display:none}
/* Static 04: geometric paper lines */
.firstm-home-about[data-bg-style="paper-lines"]{background:linear-gradient(135deg,#f5f6f7,#fff 48%,#f2f4f5),var(--fma-bg)}
.firstm-home-about[data-bg-style="paper-lines"]:before{background:repeating-linear-gradient(145deg,transparent 0 92px,rgba(74,83,92,.035) 93px 94px);opacity:.75}
.firstm-home-about[data-bg-style="paper-lines"]:after{background:linear-gradient(116deg,transparent 0 68%,rgba(239,106,36,.055) 68% 68.08%,transparent 68.08%),linear-gradient(64deg,transparent 0 24%,rgba(239,106,36,.04) 24% 24.08%,transparent 24.08%)}
.firstm-home-about[data-bg-style="paper-lines"] .firstm-about-orbit{display:none}
/* Motion 05: code flow */
.firstm-home-about[data-bg-style="code-flow"]{background:linear-gradient(135deg,#f3f5f6,#fff 54%,#f2f4f5),var(--fma-bg)}
.firstm-home-about[data-bg-style="code-flow"]:before{background-image:repeating-linear-gradient(90deg,transparent 0 104px,rgba(239,106,36,.055) 105px 106px),linear-gradient(180deg,rgba(255,255,255,.25),transparent);background-size:212px 100%,100% 100%;opacity:.75}
.firstm-home-about[data-bg-style="code-flow"]:after{content:"</>     { }     API     CSS     JS     </>";inset:auto 0 10%;white-space:nowrap;color:rgba(239,106,36,.13);font:900 15px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:34px;text-align:center;height:24px;overflow:hidden}
.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit{display:block}.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit:before{width:1px;height:70%;left:18%;top:15%;background:linear-gradient(transparent,rgba(239,106,36,.14),transparent);border:0}.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit:after{width:1px;height:58%;right:20%;top:22%;background:linear-gradient(transparent,rgba(70,79,88,.1),transparent);border:0}.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit i:nth-child(1){width:120px;height:2px;right:12%;top:23%;background:linear-gradient(90deg,transparent,rgba(239,106,36,.28),transparent)}.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit i:nth-child(2){width:8px;height:8px;right:28%;top:40%;background:rgba(239,106,36,.24)}.firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit i:nth-child(3){width:130px;height:2px;left:14%;bottom:22%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(77,87,96,.15),transparent)}
body.firstm-home-about-motion .firstm-home-about[data-bg-style="code-flow"]:before{animation:fmaCodeDrift 12s linear infinite}body.firstm-home-about-motion .firstm-home-about[data-bg-style="code-flow"]:after{animation:fmaCodeTicker 16s linear infinite}body.firstm-home-about-motion .firstm-home-about[data-bg-style="code-flow"] .firstm-about-orbit i{animation:fmaCodeBlink 4s ease-in-out infinite alternate}
/* Motion 06: network flow */
.firstm-home-about[data-bg-style="network-flow"]{background:linear-gradient(135deg,#f4f6f7,#fff 50%,#f2f4f5),var(--fma-bg)}
.firstm-home-about[data-bg-style="network-flow"]:before{background-image:radial-gradient(circle,rgba(239,106,36,.20) 0 2px,transparent 3px);background-size:130px 110px;opacity:.8}.firstm-home-about[data-bg-style="network-flow"]:after{background:linear-gradient(28deg,transparent 49.8%,rgba(86,96,105,.055) 50%,transparent 50.2%),linear-gradient(-22deg,transparent 49.8%,rgba(239,106,36,.055) 50%,transparent 50.2%);background-size:260px 190px,310px 220px;opacity:.75}
.firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit{display:block}.firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit:before{width:10px;height:10px;left:12%;top:28%;background:rgba(239,106,36,.18);border:0;box-shadow:240px 120px 0 rgba(91,101,110,.13),520px -70px 0 rgba(239,106,36,.14),780px 160px 0 rgba(91,101,110,.11),1040px -20px 0 rgba(239,106,36,.12)}.firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit:after{display:none}.firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit i{display:none}
body.firstm-home-about-motion .firstm-home-about[data-bg-style="network-flow"]:before{animation:fmaNetworkNodes 13s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-home-about[data-bg-style="network-flow"]:after{animation:fmaNetworkLines 17s linear infinite}body.firstm-home-about-motion .firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit:before{animation:fmaNetworkPulse 5s ease-in-out infinite alternate}
/* Motion 07: aurora waves */
.firstm-home-about[data-bg-style="aurora-waves"]{background:linear-gradient(135deg,#f2f4f5,#fff 52%,#f4f5f6),var(--fma-bg)}
.firstm-home-about[data-bg-style="aurora-waves"]:before{background:radial-gradient(ellipse at 10% 86%,rgba(239,106,36,.15),transparent 38%),radial-gradient(ellipse at 90% 12%,rgba(121,132,142,.12),transparent 42%),radial-gradient(ellipse at 54% 48%,rgba(255,255,255,.85),transparent 44%);filter:blur(2px)}.firstm-home-about[data-bg-style="aurora-waves"]:after{inset:-15% -10%;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 50px,rgba(239,106,36,.035) 51px 52px,transparent 53px 92px);opacity:.8}.firstm-home-about[data-bg-style="aurora-waves"] .firstm-about-orbit{display:none}
body.firstm-home-about-motion .firstm-home-about[data-bg-style="aurora-waves"]:before{animation:fmaAuroraFloat 10s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-home-about[data-bg-style="aurora-waves"]:after{animation:fmaWaveDrift 14s ease-in-out infinite alternate}
/* Motion 08: digital pulse */
.firstm-home-about[data-bg-style="digital-pulse"]{background:linear-gradient(135deg,#f5f6f7,#fff 52%,#f1f3f4),var(--fma-bg)}
.firstm-home-about[data-bg-style="digital-pulse"]:before{background-image:linear-gradient(rgba(75,84,93,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(75,84,93,.04) 1px,transparent 1px);background-size:52px 52px;opacity:.8}.firstm-home-about[data-bg-style="digital-pulse"]:after{inset:50% 0 auto;height:2px;background:linear-gradient(90deg,transparent 3%,rgba(239,106,36,.08) 12% 24%,rgba(239,106,36,.5) 24% 24.2%,rgba(239,106,36,.08) 24.2% 40%,transparent 40% 46%,rgba(86,96,105,.08) 46% 60%,rgba(239,106,36,.42) 60% 60.2%,rgba(239,106,36,.08) 60.2% 82%,transparent 92%);opacity:.8}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit{display:block}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit:before{width:14px;height:14px;left:10%;top:18%;border:2px solid rgba(239,106,36,.18);background:#fff}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit:after{width:10px;height:10px;right:14%;bottom:20%;border:2px solid rgba(81,91,100,.12);background:#fff}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit i:nth-child(1){display:block;width:86px;height:1px;left:25%;top:27%;background:linear-gradient(90deg,transparent,rgba(239,106,36,.18),transparent)}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit i:nth-child(2){display:block;width:8px;height:8px;right:31%;top:28%;background:rgba(239,106,36,.18)}.firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit i:nth-child(3){display:block;width:100px;height:1px;right:17%;bottom:28%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(83,93,102,.12),transparent)}
body.firstm-home-about-motion .firstm-home-about[data-bg-style="digital-pulse"]:after{animation:fmaPulseLine 4.8s ease-in-out infinite}body.firstm-home-about-motion .firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit:before,body.firstm-home-about-motion .firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit:after{animation:fmaPulseNode 3.8s ease-in-out infinite alternate}body.firstm-home-about-motion .firstm-home-about[data-bg-style="digital-pulse"] .firstm-about-orbit i{animation:fmaPulseBits 5.4s ease-in-out infinite alternate}
@keyframes fmaCodeDrift{to{background-position:212px 0,0 0}}@keyframes fmaCodeTicker{from{transform:translateX(10%)}to{transform:translateX(-10%)}}@keyframes fmaCodeBlink{to{opacity:.25;transform:translate3d(12px,-5px,0)}}
@keyframes fmaNetworkNodes{to{background-position:65px 45px}}@keyframes fmaNetworkLines{to{background-position:260px 190px,-310px 220px}}@keyframes fmaNetworkPulse{to{opacity:.65;transform:scale(1.16)}}
@keyframes fmaAuroraFloat{to{transform:translate3d(3%,-2%,0) scale(1.04)}}@keyframes fmaWaveDrift{to{transform:translate3d(-2%,2%,0) scale(1.03)}}
@keyframes fmaPulseLine{0%,100%{opacity:.35;transform:scaleX(.96)}50%{opacity:1;transform:scaleX(1)}}@keyframes fmaPulseNode{to{transform:scale(1.35);opacity:.45}}@keyframes fmaPulseBits{to{transform:translate3d(12px,-7px,0);opacity:.45}}
@media(max-width:700px){.firstm-home-about[data-bg-style="code-flow"]:after{font-size:11px;letter-spacing:17px}.firstm-home-about[data-bg-style="soft-grid"]:before,.firstm-home-about[data-bg-style="digital-pulse"]:before{background-size:40px 40px}.firstm-home-about[data-bg-style="network-flow"] .firstm-about-orbit:before{box-shadow:160px 90px 0 rgba(91,101,110,.12),340px -45px 0 rgba(239,106,36,.13)}}
@media(prefers-reduced-motion:reduce){.firstm-home-about[data-bg-style]:before,.firstm-home-about[data-bg-style]:after,.firstm-home-about[data-bg-style] .firstm-about-orbit:before,.firstm-home-about[data-bg-style] .firstm-about-orbit:after,.firstm-home-about[data-bg-style] .firstm-about-orbit i{animation:none!important}}

/* v1.13.3 · Prevent theme/global img rules from creating a dead strip under the About video in LTR/English. */
.firstm-home-about .firstm-about-video-card{background:transparent!important}
.firstm-home-about .firstm-about-video-card>img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;
}