.page-hero[data-page-hero-motif] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.page-hero[data-page-hero-motif]::before {
    content: none !important;
    display: none !important;
}

.page-hero[data-page-hero-motif] > .orb {
    display: none !important;
}

.page-hero[data-page-hero-motif] > .container {
    position: relative;
    z-index: 2;
}

.moeen-page-motif {
    display: none !important;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: clamp(46px, 8vw, 132px);
    width: 210px;
    height: 170px;
    opacity: .88;
    pointer-events: none;
    transform: translateY(-48%);
}

.moeen-page-motif::before {
    content: "";
    position: absolute;
    inset: 16px 4px 2px;
    border-radius: 50%;
    background: rgba(35, 198, 189, .055);
    filter: blur(30px);
    animation: moeenMotifGlow 5.8s ease-in-out infinite;
}

.moeen-page-motif__canvas {
    position: absolute;
    inset: 0;
    animation: moeenMotifFloat 6.4s ease-in-out infinite;
}

.moeen-page-motif__part {
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 1px solid rgba(35, 198, 189, .34);
    background: rgba(4, 28, 36, .34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

/* Contact: two conversation bubbles with a live reply indicator. */
[data-page-hero-motif="contact"] .moeen-page-motif__part--1 {
    top: 18px; right: 17px; width: 132px; height: 62px; border-radius: 22px 22px 7px 22px;
}
[data-page-hero-motif="contact"] .moeen-page-motif__part--2 {
    right: 55px; bottom: 20px; width: 128px; height: 56px; border-color: rgba(217, 175, 85, .36); border-radius: 22px 7px 22px 22px;
}
[data-page-hero-motif="contact"] .moeen-page-motif__part--3,
[data-page-hero-motif="contact"] .moeen-page-motif__part--4,
[data-page-hero-motif="contact"] .moeen-page-motif__part--5 {
    top: 46px; width: 6px; height: 6px; border: 0; border-radius: 50%; background: #35f0e3;
}
[data-page-hero-motif="contact"] .moeen-page-motif__part--3 { right: 56px; }
[data-page-hero-motif="contact"] .moeen-page-motif__part--4 { right: 73px; opacity: .68; }
[data-page-hero-motif="contact"] .moeen-page-motif__part--5 { right: 90px; opacity: .38; }
[data-page-hero-motif="contact"] .moeen-page-motif__part--6 { right: 82px; bottom: 47px; width: 70px; height: 5px; border: 0; border-radius: 5px; background: rgba(217, 175, 85, .36); }

/* About: connected institutional network. */
[data-page-hero-motif="network"] .moeen-page-motif__part--1,
[data-page-hero-motif="network"] .moeen-page-motif__part--2,
[data-page-hero-motif="network"] .moeen-page-motif__part--3,
[data-page-hero-motif="network"] .moeen-page-motif__part--4 {
    width: 34px; height: 34px; border-radius: 50%; background: rgba(4, 35, 44, .82);
}
[data-page-hero-motif="network"] .moeen-page-motif__part--1 { top: 10px; left: 88px; border-color: rgba(217, 175, 85, .44); }
[data-page-hero-motif="network"] .moeen-page-motif__part--2 { top: 104px; right: 16px; }
[data-page-hero-motif="network"] .moeen-page-motif__part--3 { top: 104px; left: 16px; }
[data-page-hero-motif="network"] .moeen-page-motif__part--4 { top: 70px; left: 88px; width: 40px; height: 40px; }
[data-page-hero-motif="network"] .moeen-page-motif__part--5,
[data-page-hero-motif="network"] .moeen-page-motif__part--6,
[data-page-hero-motif="network"] .moeen-page-motif__part--7 {
    height: 1px; border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(35,198,189,.08), rgba(35,198,189,.72), rgba(35,198,189,.08)); transform-origin: center;
}
[data-page-hero-motif="network"] .moeen-page-motif__part--5 { top: 60px; left: 103px; width: 58px; transform: rotate(90deg); }
[data-page-hero-motif="network"] .moeen-page-motif__part--6 { top: 111px; left: 38px; width: 68px; transform: rotate(-22deg); }
[data-page-hero-motif="network"] .moeen-page-motif__part--7 { top: 111px; right: 38px; width: 68px; transform: rotate(22deg); }

/* Team: three people gathered around one shared line. */
[data-page-hero-motif="team"] .moeen-page-motif__part--1,
[data-page-hero-motif="team"] .moeen-page-motif__part--2,
[data-page-hero-motif="team"] .moeen-page-motif__part--3 {
    top: 26px; width: 34px; height: 34px; border-radius: 50%;
}
[data-page-hero-motif="team"] .moeen-page-motif__part--1 { right: 26px; }
[data-page-hero-motif="team"] .moeen-page-motif__part--2 { left: 88px; border-color: rgba(217,175,85,.44); }
[data-page-hero-motif="team"] .moeen-page-motif__part--3 { left: 26px; }
[data-page-hero-motif="team"] .moeen-page-motif__part--4,
[data-page-hero-motif="team"] .moeen-page-motif__part--5,
[data-page-hero-motif="team"] .moeen-page-motif__part--6 {
    top: 72px; width: 54px; height: 62px; border-radius: 27px 27px 14px 14px;
}
[data-page-hero-motif="team"] .moeen-page-motif__part--4 { right: 16px; }
[data-page-hero-motif="team"] .moeen-page-motif__part--5 { left: 78px; border-color: rgba(217,175,85,.36); }
[data-page-hero-motif="team"] .moeen-page-motif__part--6 { left: 16px; }

/* Services and account: modular interface tiles. */
[data-page-hero-motif="services"] .moeen-page-motif__part,
[data-page-hero-motif="account"] .moeen-page-motif__part {
    width: 72px; height: 54px; border-radius: 14px;
}
[data-page-hero-motif="services"] .moeen-page-motif__part--1,
[data-page-hero-motif="account"] .moeen-page-motif__part--1 { top: 18px; right: 23px; }
[data-page-hero-motif="services"] .moeen-page-motif__part--2,
[data-page-hero-motif="account"] .moeen-page-motif__part--2 { top: 18px; left: 23px; border-color: rgba(217,175,85,.34); }
[data-page-hero-motif="services"] .moeen-page-motif__part--3,
[data-page-hero-motif="account"] .moeen-page-motif__part--3 { bottom: 26px; right: 23px; }
[data-page-hero-motif="services"] .moeen-page-motif__part--4,
[data-page-hero-motif="account"] .moeen-page-motif__part--4 { bottom: 26px; left: 23px; }
[data-page-hero-motif="services"] .moeen-page-motif__part--5,
[data-page-hero-motif="account"] .moeen-page-motif__part--5 { top: 39px; right: 45px; width: 28px; height: 5px; border: 0; border-radius: 5px; background: rgba(35,198,189,.48); }
[data-page-hero-motif="services"] .moeen-page-motif__part--6,
[data-page-hero-motif="account"] .moeen-page-motif__part--6 { bottom: 48px; left: 45px; width: 28px; height: 5px; border: 0; border-radius: 5px; background: rgba(217,175,85,.42); }

/* Portfolio: layered project screens. */
[data-page-hero-motif="portfolio"] .moeen-page-motif__part--1 { top: 15px; right: 20px; width: 140px; height: 100px; border-radius: 18px; transform: rotate(7deg); }
[data-page-hero-motif="portfolio"] .moeen-page-motif__part--2 { top: 38px; left: 18px; width: 140px; height: 100px; border-color: rgba(217,175,85,.34); border-radius: 18px; background: rgba(5,31,39,.66); transform: rotate(-7deg); }
[data-page-hero-motif="portfolio"] .moeen-page-motif__part--3 { top: 58px; left: 45px; width: 84px; height: 7px; border: 0; border-radius: 6px; background: rgba(35,198,189,.38); transform: rotate(-7deg); }
[data-page-hero-motif="portfolio"] .moeen-page-motif__part--4 { top: 81px; left: 51px; width: 54px; height: 36px; background: rgba(217,175,85,.09); transform: rotate(-7deg); }

/* Article and terms: document surfaces with readable lines. */
[data-page-hero-motif="article"] .moeen-page-motif__part--1,
[data-page-hero-motif="terms"] .moeen-page-motif__part--1 {
    top: 8px; left: 42px; width: 128px; height: 150px; border-radius: 12px 24px 12px 12px; background: rgba(4,30,38,.68);
}
[data-page-hero-motif="article"] .moeen-page-motif__part--2,
[data-page-hero-motif="terms"] .moeen-page-motif__part--2 { top: 38px; left: 65px; width: 78px; height: 8px; border: 0; border-radius: 6px; background: rgba(217,175,85,.36); }
[data-page-hero-motif="article"] .moeen-page-motif__part--3,
[data-page-hero-motif="terms"] .moeen-page-motif__part--3 { top: 64px; left: 65px; width: 84px; height: 5px; border: 0; border-radius: 5px; background: rgba(35,198,189,.32); }
[data-page-hero-motif="article"] .moeen-page-motif__part--4,
[data-page-hero-motif="terms"] .moeen-page-motif__part--4 { top: 84px; left: 65px; width: 66px; height: 5px; border: 0; border-radius: 5px; background: rgba(255,255,255,.12); }
[data-page-hero-motif="article"] .moeen-page-motif__part--5,
[data-page-hero-motif="terms"] .moeen-page-motif__part--5 { top: 104px; left: 65px; width: 76px; height: 5px; border: 0; border-radius: 5px; background: rgba(255,255,255,.09); }
[data-page-hero-motif="terms"] .moeen-page-motif__part--6 { top: 123px; left: 66px; width: 15px; height: 9px; border-top: 0; border-left: 0; border-color: #d9af55; transform: rotate(45deg); }

/* Pricing: ascending package levels. */
[data-page-hero-motif="pricing"] .moeen-page-motif__part { bottom: 23px; width: 42px; border-radius: 12px 12px 4px 4px; background: linear-gradient(180deg, rgba(35,198,189,.16), rgba(4,28,36,.40)); }
[data-page-hero-motif="pricing"] .moeen-page-motif__part--1 { right: 28px; height: 56px; }
[data-page-hero-motif="pricing"] .moeen-page-motif__part--2 { right: 84px; height: 94px; border-color: rgba(217,175,85,.44); }
[data-page-hero-motif="pricing"] .moeen-page-motif__part--3 { left: 28px; height: 132px; }
[data-page-hero-motif="pricing"] .moeen-page-motif__part--4 { top: 14px; left: 47px; width: 62px; height: 7px; border: 0; border-radius: 6px; background: rgba(217,175,85,.38); }

/* Offer: a price tag with a small punched hole. */
[data-page-hero-motif="offer"] .moeen-page-motif__part--1 { top: 28px; left: 27px; width: 158px; height: 104px; border-color: rgba(217,175,85,.42); border-radius: 22px 8px 22px 22px; clip-path: polygon(18% 0,100% 0,100% 100%,0 100%,0 25%); transform: rotate(-7deg); }
[data-page-hero-motif="offer"] .moeen-page-motif__part--2 { top: 47px; left: 48px; width: 15px; height: 15px; border-radius: 50%; border-color: rgba(217,175,85,.58); background: transparent; }
[data-page-hero-motif="offer"] .moeen-page-motif__part--3,
[data-page-hero-motif="faq"] .moeen-page-motif__part--3,
[data-page-hero-motif="signup"] .moeen-page-motif__part--4,
[data-page-hero-motif="not-found"] .moeen-page-motif__part--4 { inset: 0; border: 0; background: transparent; }
[data-page-hero-motif="offer"] .moeen-page-motif__part--3::after { content: "%"; position: absolute; top: 60px; left: 91px; color: #35f0e3; font-size: 38px; font-weight: 500; }

/* AI: central processor and connected nodes. */
[data-page-hero-motif="ai"] .moeen-page-motif__part--1 { top: 47px; left: 71px; width: 68px; height: 68px; border-color: rgba(217,175,85,.44); border-radius: 20px; background: rgba(5,38,47,.74); transform: rotate(45deg); }
[data-page-hero-motif="ai"] .moeen-page-motif__part--2,
[data-page-hero-motif="ai"] .moeen-page-motif__part--3,
[data-page-hero-motif="ai"] .moeen-page-motif__part--4,
[data-page-hero-motif="ai"] .moeen-page-motif__part--5 { width: 18px; height: 18px; border-radius: 50%; background: rgba(35,198,189,.18); }
[data-page-hero-motif="ai"] .moeen-page-motif__part--2 { top: 12px; left: 96px; }
[data-page-hero-motif="ai"] .moeen-page-motif__part--3 { top: 72px; right: 10px; }
[data-page-hero-motif="ai"] .moeen-page-motif__part--4 { bottom: 10px; left: 96px; }
[data-page-hero-motif="ai"] .moeen-page-motif__part--5 { top: 72px; left: 10px; }
[data-page-hero-motif="ai"] .moeen-page-motif__part--6 { top: 80px; left: 25px; width: 160px; height: 1px; border: 0; background: linear-gradient(90deg, transparent, rgba(35,198,189,.6), transparent); }

/* Privacy and password security: shield/lock language. */
[data-page-hero-motif="privacy"] .moeen-page-motif__part--1,
[data-page-hero-motif="security"] .moeen-page-motif__part--1 {
    top: 12px; left: 49px; width: 114px; height: 142px; border-color: rgba(35,198,189,.38); border-radius: 54px 54px 62px 62px; clip-path: polygon(50% 0,92% 18%,88% 72%,50% 100%,12% 72%,8% 18%); background: rgba(4,30,38,.54);
}
[data-page-hero-motif="privacy"] .moeen-page-motif__part--2,
[data-page-hero-motif="security"] .moeen-page-motif__part--2 { top: 66px; left: 82px; width: 48px; height: 42px; border-color: rgba(217,175,85,.44); border-radius: 10px; }
[data-page-hero-motif="privacy"] .moeen-page-motif__part--3,
[data-page-hero-motif="security"] .moeen-page-motif__part--3 { top: 47px; left: 92px; width: 28px; height: 30px; border-bottom: 0; border-color: rgba(217,175,85,.44); border-radius: 16px 16px 0 0; background: transparent; }
[data-page-hero-motif="privacy"] .moeen-page-motif__part--4,
[data-page-hero-motif="security"] .moeen-page-motif__part--4 { top: 80px; left: 103px; width: 7px; height: 13px; border: 0; border-radius: 5px; background: #35f0e3; }

/* FAQ: question and answer bubbles. */
[data-page-hero-motif="faq"] .moeen-page-motif__part--1 { top: 16px; right: 20px; width: 132px; height: 72px; border-radius: 24px 24px 7px 24px; }
[data-page-hero-motif="faq"] .moeen-page-motif__part--2 { bottom: 18px; left: 19px; width: 118px; height: 58px; border-color: rgba(217,175,85,.38); border-radius: 24px 7px 24px 24px; }
[data-page-hero-motif="faq"] .moeen-page-motif__part--3::after { content: "؟"; position: absolute; top: 24px; right: 70px; color: #35f0e3; font-size: 39px; line-height: 1; }
[data-page-hero-motif="faq"] .moeen-page-motif__part--4 { bottom: 43px; left: 47px; width: 63px; height: 5px; border: 0; border-radius: 5px; background: rgba(217,175,85,.38); }

/* Store and cart. */
[data-page-hero-motif="store"] .moeen-page-motif__part--1 { top: 38px; left: 39px; width: 132px; height: 105px; border-radius: 12px 12px 28px 28px; }
[data-page-hero-motif="store"] .moeen-page-motif__part--2 { top: 15px; left: 75px; width: 60px; height: 48px; border-bottom: 0; border-color: rgba(217,175,85,.42); border-radius: 30px 30px 0 0; background: transparent; }
[data-page-hero-motif="store"] .moeen-page-motif__part--3,
[data-page-hero-motif="store"] .moeen-page-motif__part--4 { top: 77px; width: 31px; height: 31px; border-radius: 9px; background: rgba(35,198,189,.10); }
[data-page-hero-motif="store"] .moeen-page-motif__part--3 { left: 66px; }
[data-page-hero-motif="store"] .moeen-page-motif__part--4 { right: 66px; border-color: rgba(217,175,85,.34); }
[data-page-hero-motif="cart"] .moeen-page-motif__part--1 { top: 35px; left: 30px; width: 146px; height: 84px; border-radius: 8px 8px 30px 30px; transform: skewX(-7deg); }
[data-page-hero-motif="cart"] .moeen-page-motif__part--2 { top: 18px; right: 13px; width: 39px; height: 48px; border-width: 0 0 2px 2px; border-color: rgba(217,175,85,.46); background: transparent; transform: rotate(-8deg); }
[data-page-hero-motif="cart"] .moeen-page-motif__part--3,
[data-page-hero-motif="cart"] .moeen-page-motif__part--4 { bottom: 18px; width: 22px; height: 22px; border-radius: 50%; }
[data-page-hero-motif="cart"] .moeen-page-motif__part--3 { left: 55px; }
[data-page-hero-motif="cart"] .moeen-page-motif__part--4 { right: 55px; border-color: rgba(217,175,85,.42); }

/* Checkout: payment card with completion mark. */
[data-page-hero-motif="checkout"] .moeen-page-motif__part--1 { top: 28px; left: 20px; width: 172px; height: 112px; border-radius: 20px; }
[data-page-hero-motif="checkout"] .moeen-page-motif__part--2 { top: 54px; left: 20px; width: 172px; height: 22px; border: 0; border-radius: 0; background: rgba(35,198,189,.13); }
[data-page-hero-motif="checkout"] .moeen-page-motif__part--3 { bottom: 50px; left: 42px; width: 58px; height: 7px; border: 0; border-radius: 6px; background: rgba(217,175,85,.34); }
[data-page-hero-motif="checkout"] .moeen-page-motif__part--4 { top: 14px; right: 8px; width: 48px; height: 48px; border-color: rgba(217,175,85,.46); border-radius: 50%; background: rgba(4,29,37,.92); }
[data-page-hero-motif="checkout"] .moeen-page-motif__part--5 { top: 29px; right: 23px; width: 18px; height: 10px; border-top: 0; border-left: 0; border-color: #35f0e3; transform: rotate(45deg); }

/* Login and signup. */
[data-page-hero-motif="login"] .moeen-page-motif__part--1 { top: 18px; left: 70px; width: 76px; height: 76px; border-color: rgba(217,175,85,.42); border-radius: 50%; }
[data-page-hero-motif="login"] .moeen-page-motif__part--2 { top: 53px; left: 16px; width: 76px; height: 12px; border-color: rgba(35,198,189,.42); border-radius: 8px; transform: rotate(-9deg); }
[data-page-hero-motif="login"] .moeen-page-motif__part--3 { top: 57px; left: 10px; width: 10px; height: 32px; border-width: 0 1px 1px 0; border-radius: 0; background: transparent; transform: rotate(-9deg); }
[data-page-hero-motif="login"] .moeen-page-motif__part--4 { top: 42px; left: 96px; width: 25px; height: 25px; border-radius: 50%; background: rgba(35,198,189,.12); }
[data-page-hero-motif="signup"] .moeen-page-motif__part--1 { top: 12px; left: 79px; width: 54px; height: 54px; border-color: rgba(217,175,85,.42); border-radius: 50%; }
[data-page-hero-motif="signup"] .moeen-page-motif__part--2 { top: 78px; left: 49px; width: 114px; height: 72px; border-radius: 55px 55px 18px 18px; }
[data-page-hero-motif="signup"] .moeen-page-motif__part--3 { top: 85px; right: 15px; width: 44px; height: 44px; border-color: rgba(217,175,85,.44); border-radius: 50%; background: rgba(4,29,37,.9); }
[data-page-hero-motif="signup"] .moeen-page-motif__part--4::before,
[data-page-hero-motif="signup"] .moeen-page-motif__part--4::after { content: ""; position: absolute; top: 105px; right: 27px; width: 20px; height: 2px; border-radius: 2px; background: #35f0e3; }
[data-page-hero-motif="signup"] .moeen-page-motif__part--4::after { transform: rotate(90deg); }

/* 404: a broken route ending before its destination. */
[data-page-hero-motif="not-found"] .moeen-page-motif__part--1 { top: 26px; left: 29px; width: 50px; height: 50px; border-radius: 50%; }
[data-page-hero-motif="not-found"] .moeen-page-motif__part--2 { bottom: 24px; right: 28px; width: 50px; height: 50px; border-color: rgba(217,175,85,.42); border-radius: 50%; }
[data-page-hero-motif="not-found"] .moeen-page-motif__part--3 { top: 69px; left: 67px; width: 76px; height: 2px; border: 0; background: repeating-linear-gradient(90deg, #35f0e3 0 9px, transparent 9px 17px); transform: rotate(24deg); }
[data-page-hero-motif="not-found"] .moeen-page-motif__part--4::after { content: "404"; position: absolute; top: 61px; left: 82px; color: rgba(217,175,85,.62); font-size: 21px; font-weight: 800; }

@keyframes moeenMotifFloat {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-7px) rotate(1deg); }
}

@keyframes moeenMotifGlow {
    0%, 100% { opacity: .42; transform: scale(.92); }
    50% { opacity: .82; transform: scale(1.08); }
}

@media (max-width: 1080px) {
    .moeen-page-motif {
        left: 28px;
        opacity: .62;
        transform: translateY(-48%) scale(.82);
        transform-origin: left center;
    }
}

@media (max-width: 820px) {
    .moeen-page-motif {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .moeen-page-motif::before,
    .moeen-page-motif__canvas {
        animation: none !important;
    }
}

/* === Page-aware ::after motifs: single light layer, no ::before === */
body .page-hero::before,
.page-hero[data-page-hero-motif]::before {
    content: none !important;
    display: none !important;
}

.page-hero[data-page-hero-motif]::after {
    display: block !important;
}

body[data-page="about"] .page-hero,
body[data-page="home"] .page-hero,
body[data-page="project-management-system"] .page-hero,
body[data-page="project-scientific-package"] .page-hero,
body[data-page="project-scientific-videos"] .page-hero,
body[data-page="project-education-website"] .page-hero,
body[data-page="project-marketing-plan"] .page-hero,
body[data-page="project-visual-identity"] .page-hero,
body[data-page="project-integrated-package"] .page-hero {
    --page-hero-after-w: 218px;
    --page-hero-after-h: 176px;
    --page-hero-after-radius: 48% 52% 44% 56% / 45% 42% 58% 55%;
    --page-hero-after-transform: rotate(-10deg);
    --page-hero-after-bg:
        radial-gradient(circle at 26% 26%, rgba(217, 175, 85, .32) 0 5px, transparent 6px),
        radial-gradient(circle at 72% 72%, rgba(35, 198, 189, .30) 0 6px, transparent 7px),
        linear-gradient(35deg, transparent 48%, rgba(35, 198, 189, .30) 49% 50%, transparent 51%),
        linear-gradient(145deg, rgba(5, 36, 45, .62), rgba(3, 14, 20, .22));
}

body[data-page="services"] .page-hero,
body[data-page="service-management"] .page-hero,
body[data-page="service-scientific"] .page-hero,
body[data-page="service-technology"] .page-hero,
body[data-page="service-marketing"] .page-hero,
body[data-page="service-design"] .page-hero,
body[data-page="my-account"] .page-hero {
    --page-hero-after-w: 224px;
    --page-hero-after-h: 156px;
    --page-hero-after-radius: 30px;
    --page-hero-after-transform: rotate(-4deg);
    --page-hero-after-bg:
        linear-gradient(90deg, transparent 0 47%, rgba(35, 198, 189, .26) 48% 50%, transparent 51%),
        linear-gradient(0deg, transparent 0 47%, rgba(217, 175, 85, .20) 48% 50%, transparent 51%),
        radial-gradient(circle at 26% 26%, rgba(35, 198, 189, .20), transparent 22%),
        radial-gradient(circle at 74% 74%, rgba(217, 175, 85, .16), transparent 22%),
        linear-gradient(145deg, rgba(6, 35, 45, .70), rgba(4, 17, 23, .28));
}

body[data-page="portfolio"] .page-hero {
    --page-hero-after-w: 230px;
    --page-hero-after-h: 160px;
    --page-hero-after-radius: 24px;
    --page-hero-after-transform: rotate(-7deg);
    --page-hero-after-bg:
        linear-gradient(165deg, transparent 0 13%, rgba(217, 175, 85, .24) 14% 16%, transparent 17%),
        linear-gradient(20deg, rgba(35, 198, 189, .22) 0 42%, transparent 43%),
        linear-gradient(145deg, rgba(4, 31, 40, .74), rgba(4, 17, 23, .30));
}

body[data-page="blog"] .page-hero,
body[data-page^="article-"] .page-hero,
body[data-page="terms"] .page-hero {
    --page-hero-after-w: 176px;
    --page-hero-after-h: 212px;
    --page-hero-after-radius: 18px 38px 18px 18px;
    --page-hero-after-transform: rotate(-6deg);
    --page-hero-after-bg:
        linear-gradient(90deg, transparent 0 28%, rgba(217, 175, 85, .24) 29% 32%, transparent 33%),
        linear-gradient(0deg, transparent 0 28%, rgba(255, 255, 255, .11) 29% 31%, transparent 32% 43%, rgba(35, 198, 189, .22) 44% 46%, transparent 47% 59%, rgba(255,255,255,.09) 60% 62%, transparent 63%),
        radial-gradient(circle at 78% 18%, rgba(217, 175, 85, .34) 0 5px, transparent 6px),
        linear-gradient(145deg, rgba(5, 34, 43, .72), rgba(3, 14, 20, .34));
}

body[data-page="pricing"] .page-hero {
    --page-hero-after-w: 222px;
    --page-hero-after-h: 172px;
    --page-hero-after-radius: 24px;
    --page-hero-after-transform: rotate(-3deg);
    --page-hero-after-bg:
        linear-gradient(90deg, transparent 0 18%, rgba(35,198,189,.28) 19% 31%, transparent 32% 42%, rgba(217,175,85,.30) 43% 59%, transparent 60% 69%, rgba(35,198,189,.22) 70% 84%, transparent 85%),
        linear-gradient(0deg, rgba(3,14,20,.35) 0 22%, transparent 23%),
        radial-gradient(circle at 74% 18%, rgba(217, 175, 85, .34) 0 5px, transparent 6px),
        linear-gradient(145deg, rgba(4, 30, 39, .66), rgba(2, 12, 18, .26));
}

body[data-page="offers"] .page-hero {
    --page-hero-after-w: 214px;
    --page-hero-after-h: 142px;
    --page-hero-after-radius: 34px 12px 34px 34px;
    --page-hero-after-transform: rotate(-8deg);
    --page-hero-after-bg:
        radial-gradient(circle at 20% 30%, transparent 0 10px, rgba(217,175,85,.42) 11px 12px, transparent 13px),
        radial-gradient(circle at 68% 52%, rgba(35,198,189,.30) 0 18px, transparent 19px),
        linear-gradient(145deg, rgba(68, 48, 18, .34), rgba(5, 32, 41, .48));
}

body[data-page="offers"] .page-hero::after {
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}

body[data-page="moeen-ai"] .page-hero {
    --page-hero-after-w: 210px;
    --page-hero-after-h: 210px;
    --page-hero-after-radius: 50%;
    --page-hero-after-transform: rotate(0deg);
    --page-hero-after-bg:
        radial-gradient(circle at 50% 50%, rgba(217,175,85,.35) 0 12px, transparent 13px),
        radial-gradient(circle at 50% 14%, rgba(35,198,189,.35) 0 9px, transparent 10px),
        radial-gradient(circle at 86% 50%, rgba(35,198,189,.24) 0 9px, transparent 10px),
        radial-gradient(circle at 50% 86%, rgba(35,198,189,.24) 0 9px, transparent 10px),
        radial-gradient(circle at 14% 50%, rgba(35,198,189,.24) 0 9px, transparent 10px),
        conic-gradient(from 0deg, rgba(35,198,189,.24), transparent 18%, rgba(217,175,85,.20), transparent 48%, rgba(35,198,189,.20), transparent 74%, rgba(35,198,189,.24));
}

body[data-page="contact"] .page-hero,
body[data-page="faq"] .page-hero {
    --page-hero-after-w: 224px;
    --page-hero-after-h: 156px;
    --page-hero-after-radius: 34px;
    --page-hero-after-transform: rotate(-5deg);
    --page-hero-after-bg:
        radial-gradient(circle at 35% 35%, rgba(35,198,189,.44) 0 4px, transparent 5px),
        radial-gradient(circle at 47% 35%, rgba(35,198,189,.28) 0 4px, transparent 5px),
        radial-gradient(circle at 59% 35%, rgba(35,198,189,.16) 0 4px, transparent 5px),
        linear-gradient(145deg, rgba(5, 35, 44, .76) 0 49%, transparent 50%),
        linear-gradient(325deg, transparent 0 46%, rgba(72, 54, 22, .34) 47% 75%, transparent 76%);
}

body[data-page="privacy"] .page-hero,
body[data-page="reset-password"] .page-hero {
    --page-hero-after-w: 166px;
    --page-hero-after-h: 210px;
    --page-hero-after-radius: 72px 72px 86px 86px;
    --page-hero-after-transform: rotate(-3deg);
    --page-hero-after-bg:
        radial-gradient(circle at 50% 55%, rgba(35,198,189,.42) 0 6px, transparent 7px),
        linear-gradient(0deg, transparent 0 43%, rgba(217,175,85,.30) 44% 46%, transparent 47%),
        linear-gradient(145deg, rgba(4, 32, 41, .66), rgba(3, 14, 20, .28));
}

body[data-page="privacy"] .page-hero::after,
body[data-page="reset-password"] .page-hero::after {
    clip-path: polygon(50% 0, 92% 18%, 88% 72%, 50% 100%, 12% 72%, 8% 18%);
}

body[data-page="store"] .page-hero,
body[data-page="cart"] .page-hero {
    --page-hero-after-w: 210px;
    --page-hero-after-h: 178px;
    --page-hero-after-radius: 18px 18px 44px 44px;
    --page-hero-after-transform: rotate(-5deg);
    --page-hero-after-bg:
        radial-gradient(circle at 38% 62%, rgba(35,198,189,.22) 0 16px, transparent 17px),
        radial-gradient(circle at 62% 62%, rgba(217,175,85,.20) 0 16px, transparent 17px),
        linear-gradient(0deg, transparent 0 22%, rgba(35,198,189,.20) 23% 25%, transparent 26%),
        linear-gradient(145deg, rgba(5, 34, 43, .72), rgba(3, 14, 20, .30));
}

body[data-page="checkout"] .page-hero {
    --page-hero-after-w: 230px;
    --page-hero-after-h: 148px;
    --page-hero-after-radius: 26px;
    --page-hero-after-transform: rotate(-4deg);
    --page-hero-after-bg:
        linear-gradient(0deg, transparent 0 36%, rgba(35,198,189,.22) 37% 48%, transparent 49%),
        radial-gradient(circle at 84% 20%, rgba(217,175,85,.42) 0 20px, transparent 21px),
        linear-gradient(145deg, rgba(5, 34, 43, .70), rgba(3, 14, 20, .30));
}

body[data-page="login"] .page-hero,
body[data-page="signup"] .page-hero,
body[data-page="join-team"] .page-hero {
    --page-hero-after-w: 186px;
    --page-hero-after-h: 192px;
    --page-hero-after-radius: 50% 50% 26px 26px;
    --page-hero-after-transform: rotate(-4deg);
    --page-hero-after-bg:
        radial-gradient(circle at 50% 24%, rgba(217,175,85,.32) 0 28px, transparent 29px),
        radial-gradient(ellipse at 50% 80%, rgba(35,198,189,.22) 0 48%, transparent 49%),
        linear-gradient(145deg, rgba(4, 31, 40, .70), rgba(4, 17, 23, .28));
}

body[data-page="404"] .page-hero {
    --page-hero-after-w: 210px;
    --page-hero-after-h: 118px;
    --page-hero-after-radius: 999px;
    --page-hero-after-transform: rotate(-12deg);
    --page-hero-after-bg:
        repeating-linear-gradient(90deg, rgba(35,198,189,.52) 0 12px, transparent 12px 22px),
        radial-gradient(circle at 20% 50%, rgba(217,175,85,.35) 0 18px, transparent 19px),
        radial-gradient(circle at 80% 50%, rgba(217,175,85,.24) 0 18px, transparent 19px);
}

@keyframes moeenPageHeroAfterFloat {
    0%, 100% {
        transform: translateY(-50%) var(--page-hero-after-transform, rotate(-8deg));
    }
    50% {
        transform: translateY(calc(-50% - 8px)) var(--page-hero-after-transform, rotate(-5deg));
    }
}

@media (prefers-reduced-motion: reduce) {
    body .page-hero::after {
        animation: none !important;
    }
}

/* Final treatment: quiet line drawings embedded in the hero, never floating cards. */
.page-hero[data-page-hero-motif]::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif {
    display: block !important;
    width: 220px;
    height: 174px;
    opacity: .56;
    transform: translateY(-50%) !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif::before {
    content: none !important;
    display: none !important;
    animation: none !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif__canvas {
    animation: none !important;
    transform: none !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif__part {
    box-shadow: none;
}

/* Technology: browser surface with code brackets. */
[data-page-hero-motif="technology"] .moeen-page-motif__part--1 {
    top: 20px; left: 22px; width: 176px; height: 132px; border-radius: 20px; background: rgba(4,28,36,.16);
}
[data-page-hero-motif="technology"] .moeen-page-motif__part--2 {
    top: 50px; left: 22px; width: 176px; height: 1px; border: 0; background: rgba(35,198,189,.34);
}
[data-page-hero-motif="technology"] .moeen-page-motif__part--3,
[data-page-hero-motif="technology"] .moeen-page-motif__part--4 {
    top: 81px; width: 28px; height: 28px; border-width: 0 0 1px 1px; background: transparent;
}
[data-page-hero-motif="technology"] .moeen-page-motif__part--3 { left: 62px; transform: rotate(45deg); }
[data-page-hero-motif="technology"] .moeen-page-motif__part--4 { right: 62px; transform: rotate(225deg); border-color: rgba(217,175,85,.45); }
[data-page-hero-motif="technology"] .moeen-page-motif__part--5 { top: 94px; left: 98px; width: 26px; height: 1px; border: 0; background: rgba(255,255,255,.22); transform: rotate(-68deg); }
[data-page-hero-motif="technology"] .moeen-page-motif__part--6,
[data-page-hero-motif="technology"] .moeen-page-motif__part--7 { top: 34px; width: 5px; height: 5px; border: 0; border-radius: 50%; background: rgba(35,198,189,.52); }
[data-page-hero-motif="technology"] .moeen-page-motif__part--6 { right: 42px; }
[data-page-hero-motif="technology"] .moeen-page-motif__part--7 { right: 54px; opacity: .55; }

/* Marketing: measurable growth, not a generic tile. */
[data-page-hero-motif="marketing"] .moeen-page-motif__part--1,
[data-page-hero-motif="marketing"] .moeen-page-motif__part--2,
[data-page-hero-motif="marketing"] .moeen-page-motif__part--3 {
    bottom: 24px; width: 32px; border-radius: 8px 8px 2px 2px; background: rgba(35,198,189,.07);
}
[data-page-hero-motif="marketing"] .moeen-page-motif__part--1 { left: 32px; height: 48px; }
[data-page-hero-motif="marketing"] .moeen-page-motif__part--2 { left: 82px; height: 78px; border-color: rgba(217,175,85,.42); }
[data-page-hero-motif="marketing"] .moeen-page-motif__part--3 { left: 132px; height: 112px; }
[data-page-hero-motif="marketing"] .moeen-page-motif__part--4 { top: 28px; left: 42px; width: 120px; height: 72px; border-width: 1px 1px 0 0; border-radius: 0 20px 0 0; background: transparent; transform: skewY(-20deg); }
[data-page-hero-motif="marketing"] .moeen-page-motif__part--5 { top: 22px; right: 42px; width: 20px; height: 20px; border-width: 1px 1px 0 0; border-radius: 0; background: transparent; transform: rotate(45deg); border-color: rgba(217,175,85,.52); }

/* Design: an artboard, palette points, and a clear diagonal tool. */
[data-page-hero-motif="design"] .moeen-page-motif__part--1 { top: 20px; left: 28px; width: 164px; height: 132px; border-radius: 26px; background: rgba(4,28,36,.12); }
[data-page-hero-motif="design"] .moeen-page-motif__part--2,
[data-page-hero-motif="design"] .moeen-page-motif__part--3,
[data-page-hero-motif="design"] .moeen-page-motif__part--4 { top: 48px; width: 18px; height: 18px; border-radius: 50%; background: transparent; }
[data-page-hero-motif="design"] .moeen-page-motif__part--2 { left: 53px; }
[data-page-hero-motif="design"] .moeen-page-motif__part--3 { left: 83px; border-color: rgba(217,175,85,.45); }
[data-page-hero-motif="design"] .moeen-page-motif__part--4 { left: 113px; }
[data-page-hero-motif="design"] .moeen-page-motif__part--5 { top: 91px; left: 64px; width: 96px; height: 12px; border-radius: 8px; border-color: rgba(217,175,85,.40); background: transparent; transform: rotate(-28deg); }
[data-page-hero-motif="design"] .moeen-page-motif__part--6 { top: 70px; right: 47px; width: 18px; height: 18px; border-width: 1px 1px 0 0; border-radius: 0; background: transparent; transform: rotate(17deg); }

/* Scientific content: an open book with structured lines. */
[data-page-hero-motif="scientific"] .moeen-page-motif__part--1,
[data-page-hero-motif="scientific"] .moeen-page-motif__part--2 { top: 30px; width: 82px; height: 116px; background: rgba(4,28,36,.12); }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--1 { left: 28px; border-radius: 24px 5px 5px 16px; }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--2 { right: 28px; border-radius: 5px 24px 16px 5px; border-color: rgba(217,175,85,.40); }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--3 { top: 36px; left: 109px; width: 1px; height: 104px; border: 0; background: rgba(35,198,189,.42); }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--4,
[data-page-hero-motif="scientific"] .moeen-page-motif__part--5,
[data-page-hero-motif="scientific"] .moeen-page-motif__part--6,
[data-page-hero-motif="scientific"] .moeen-page-motif__part--7 { width: 48px; height: 1px; border: 0; background: rgba(255,255,255,.18); }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--4 { top: 64px; left: 44px; }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--5 { top: 86px; left: 44px; }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--6 { top: 64px; right: 44px; }
[data-page-hero-motif="scientific"] .moeen-page-motif__part--7 { top: 86px; right: 44px; }

/* Management: a direct, readable organisation chart. */
[data-page-hero-motif="management"] .moeen-page-motif__part--1,
[data-page-hero-motif="management"] .moeen-page-motif__part--2,
[data-page-hero-motif="management"] .moeen-page-motif__part--3 { width: 58px; height: 36px; border-radius: 11px; background: rgba(4,28,36,.14); }
[data-page-hero-motif="management"] .moeen-page-motif__part--1 { top: 18px; left: 81px; border-color: rgba(217,175,85,.44); }
[data-page-hero-motif="management"] .moeen-page-motif__part--2 { bottom: 20px; left: 28px; }
[data-page-hero-motif="management"] .moeen-page-motif__part--3 { bottom: 20px; right: 28px; }
[data-page-hero-motif="management"] .moeen-page-motif__part--4 { top: 75px; left: 56px; width: 108px; height: 1px; border: 0; background: rgba(35,198,189,.38); }
[data-page-hero-motif="management"] .moeen-page-motif__part--5 { top: 54px; left: 109px; width: 1px; height: 22px; border: 0; background: rgba(217,175,85,.42); }
[data-page-hero-motif="management"] .moeen-page-motif__part--6,
[data-page-hero-motif="management"] .moeen-page-motif__part--7 { top: 75px; width: 1px; height: 43px; border: 0; background: rgba(35,198,189,.34); }
[data-page-hero-motif="management"] .moeen-page-motif__part--6 { left: 56px; }
[data-page-hero-motif="management"] .moeen-page-motif__part--7 { right: 56px; }

/* =========================================================
   Final icon-based hero language
   Relevant SVG symbols replace the former abstract drawings.
   ========================================================= */
body .page-hero {
    background: var(--moeen-hero-following-bg, var(--carbon, #071018)) !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

body .page-hero + .section {
    border-top-color: transparent !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif--icons {
    display: block !important;
    top: 53%;
    left: clamp(52px, 9vw, 148px);
    width: 220px;
    height: 190px;
    opacity: 1;
    transform: translateY(-50%) !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif--icons::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    inset: 28px 38px;
    border-radius: 50%;
    background: rgba(217, 175, 85, .09);
    filter: blur(28px);
    animation: moeenIconAura 4.8s ease-in-out infinite !important;
}

.page-hero[data-page-hero-motif] .moeen-page-motif--icons .moeen-page-motif__canvas {
    position: absolute;
    inset: 0;
    animation: moeenIconCompositionFloat 6s ease-in-out infinite !important;
}

.moeen-page-motif__main,
.moeen-page-motif__satellite {
    position: absolute;
    display: grid;
    place-items: center;
    color: var(--gold, #d9af55);
}

.moeen-page-motif__main {
    inset: 35px auto auto 59px;
    width: 104px;
    height: 104px;
    filter: drop-shadow(0 0 14px rgba(217, 175, 85, .24));
}

.moeen-page-motif__main svg {
    width: 82px;
    height: 82px;
}

.moeen-page-motif__satellite {
    width: 36px;
    height: 36px;
    color: rgba(68, 226, 216, .82);
    border: 1px solid rgba(35, 198, 189, .18);
    border-radius: 50%;
    background: rgba(7, 31, 39, .58);
    box-shadow: 0 0 18px rgba(35, 198, 189, .07);
}

.moeen-page-motif__satellite svg {
    width: 17px;
    height: 17px;
}

.moeen-page-motif__satellite--1 {
    top: 8px;
    left: 26px;
}

.moeen-page-motif__satellite--2 {
    top: 74px;
    right: 5px;
    width: 30px;
    height: 30px;
    color: rgba(217, 175, 85, .78);
    border-color: rgba(217, 175, 85, .18);
}

.moeen-page-motif__satellite--2 svg {
    width: 14px;
    height: 14px;
}

.moeen-page-motif__satellite--3 {
    right: 44px;
    bottom: 4px;
    width: 27px;
    height: 27px;
}

.moeen-page-motif__satellite--3 svg {
    width: 13px;
    height: 13px;
}

@keyframes moeenIconCompositionFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -5px, 0); }
}

@keyframes moeenIconAura {
    0%, 100% { opacity: .58; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

@media (max-width: 1080px) {
    .page-hero[data-page-hero-motif] .moeen-page-motif--icons {
        left: 16px;
        opacity: .72;
        transform: translateY(-50%) scale(.82) !important;
        transform-origin: left center;
    }
}

@media (max-width: 820px) {
    .page-hero[data-page-hero-motif] .moeen-page-motif--icons {
        display: block !important;
        left: -38px;
        top: 58%;
        opacity: .18;
        transform: translateY(-50%) scale(.68) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-hero[data-page-hero-motif] .moeen-page-motif--icons::before,
    .page-hero[data-page-hero-motif] .moeen-page-motif--icons .moeen-page-motif__canvas {
        animation: none !important;
    }
}

@media (max-width: 1080px) {
    .page-hero[data-page-hero-motif] .moeen-page-motif {
        left: 22px;
        opacity: .42;
        transform: translateY(-50%) scale(.82) !important;
        transform-origin: left center;
    }
}

@media (max-width: 820px) {
    .page-hero[data-page-hero-motif] .moeen-page-motif {
        display: none !important;
    }
}

/* =========================================================
   Unified inner-page canvas + gold-first embedded interfaces
   The drawings belong to the section; they are not floating cards.
   ========================================================= */
:root {
    --moeen-inner-canvas: #071018;
    --moeen-inner-canvas-deep: #041018;
    --moeen-motif-gold: 217, 175, 85;
    --moeen-motif-teal: 35, 198, 189;
}

body .page-hero {
    background:
        radial-gradient(circle at 13% 38%, rgba(var(--moeen-motif-gold), .055), transparent 24rem),
        radial-gradient(circle at 88% 10%, rgba(var(--moeen-motif-teal), .055), transparent 28rem),
        linear-gradient(180deg, var(--moeen-inner-canvas-deep), var(--moeen-inner-canvas)) !important;
    border-bottom: 1px solid rgba(var(--moeen-motif-gold), .075);
}

.page-hero[data-page-hero-motif] .moeen-page-motif {
    width: 228px;
    height: 176px;
    opacity: .62;
}

.page-hero[data-page-hero-motif] .moeen-page-motif__part {
    border-color: rgba(var(--moeen-motif-gold), .43);
    background-color: rgba(var(--moeen-motif-gold), .018);
    box-shadow: none !important;
}

/* A small teal data signal keeps the two-colour identity without dominating. */
.page-hero[data-page-hero-motif] .moeen-page-motif__part--3,
.page-hero[data-page-hero-motif] .moeen-page-motif__part--6 {
    border-color: rgba(var(--moeen-motif-teal), .40);
}

/* Store: product grid inside a shopping surface. */
[data-page-hero-motif="store"] .moeen-page-motif__part--1 {
    border-color: rgba(var(--moeen-motif-gold), .48);
    background: transparent;
}
[data-page-hero-motif="store"] .moeen-page-motif__part--2 {
    border-color: rgba(var(--moeen-motif-gold), .52);
}
[data-page-hero-motif="store"] .moeen-page-motif__part--3 {
    border-color: rgba(var(--moeen-motif-teal), .42);
    background: rgba(var(--moeen-motif-teal), .045);
}
[data-page-hero-motif="store"] .moeen-page-motif__part--4 {
    border-color: rgba(var(--moeen-motif-gold), .42);
    background: rgba(var(--moeen-motif-gold), .035);
}
[data-page-hero-motif="store"] .moeen-page-motif__part--5 {
    top: 128px; left: 67px; width: 96px; height: 1px; border: 0; border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(var(--moeen-motif-gold), .48), transparent);
}
[data-page-hero-motif="store"] .moeen-page-motif__part--6,
[data-page-hero-motif="store"] .moeen-page-motif__part--7 {
    top: 136px; width: 5px; height: 5px; border: 0; border-radius: 50%;
}
[data-page-hero-motif="store"] .moeen-page-motif__part--6 { left: 91px; background: rgba(var(--moeen-motif-teal), .66); }
[data-page-hero-motif="store"] .moeen-page-motif__part--7 { right: 91px; background: rgba(var(--moeen-motif-gold), .70); }

/* Pricing: three comparable plans with one selected tier and a data baseline. */
[data-page-hero-motif="pricing"] .moeen-page-motif__part {
    border-color: rgba(var(--moeen-motif-gold), .45);
    background: linear-gradient(180deg, rgba(var(--moeen-motif-gold), .045), transparent);
}
[data-page-hero-motif="pricing"] .moeen-page-motif__part--2 {
    border-color: rgba(var(--moeen-motif-teal), .44);
    background: linear-gradient(180deg, rgba(var(--moeen-motif-teal), .07), transparent);
}
[data-page-hero-motif="pricing"] .moeen-page-motif__part--4 {
    background: rgba(var(--moeen-motif-gold), .55);
}
[data-page-hero-motif="pricing"] .moeen-page-motif__part--5 {
    right: 19px; bottom: 18px; left: 19px; width: auto; height: 1px; border: 0; border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(var(--moeen-motif-gold), .54), rgba(var(--moeen-motif-teal), .30), transparent);
}
[data-page-hero-motif="pricing"] .moeen-page-motif__part--6,
[data-page-hero-motif="pricing"] .moeen-page-motif__part--7 {
    bottom: 15px; width: 7px; height: 7px; border: 0; border-radius: 50%;
}
[data-page-hero-motif="pricing"] .moeen-page-motif__part--6 { right: 75px; background: rgba(var(--moeen-motif-teal), .72); }
[data-page-hero-motif="pricing"] .moeen-page-motif__part--7 { left: 54px; background: rgba(var(--moeen-motif-gold), .72); }

/* Documents, services and project screens keep gold as the main construction line. */
[data-page-hero-motif="article"] .moeen-page-motif__part--1,
[data-page-hero-motif="terms"] .moeen-page-motif__part--1,
[data-page-hero-motif="services"] .moeen-page-motif__part,
[data-page-hero-motif="portfolio"] .moeen-page-motif__part--1,
[data-page-hero-motif="technology"] .moeen-page-motif__part--1,
[data-page-hero-motif="design"] .moeen-page-motif__part--1,
[data-page-hero-motif="scientific"] .moeen-page-motif__part--1,
[data-page-hero-motif="management"] .moeen-page-motif__part--1 {
    border-color: rgba(var(--moeen-motif-gold), .44);
    background-color: transparent;
}

/* No movement or glow: the visual is drawn into the title section. */
.page-hero[data-page-hero-motif] .moeen-page-motif,
.page-hero[data-page-hero-motif] .moeen-page-motif__canvas,
.page-hero[data-page-hero-motif] .moeen-page-motif__part {
    animation: none !important;
    filter: none !important;
    transition: none !important;
}

@media (max-width: 1080px) {
    .page-hero[data-page-hero-motif] .moeen-page-motif {
        opacity: .44;
    }
}

/* Remove the retired generic card-shaped ::after before the script runs too. */
body .page-hero::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

body[data-page="pricing"] {
    background:
        radial-gradient(circle at 86% 6%, rgba(var(--moeen-motif-teal), .04), transparent 30rem),
        var(--moeen-inner-canvas) !important;
}

body[data-page="pricing"] [data-scope="moeen-command-pricing"] {
    background: var(--moeen-inner-canvas) !important;
}