/* P585I HOME CSS BUNDLE
   Generated from exact live stylesheet order.
   Original CSS files remain untouched.
*/

/* =========================================
   P585I SOURCE 01: assets/css/home/signature.css
   ========================================= */

/* ==========================================================
   POSHESH V2
   SIGNATURE IDENTITY PROTOTYPE
   P-019-004

   VISUAL LANGUAGE:
   Deep Graphite + Cyan + Violet + Heritage Gold
   Controlled Energy / Industrial Digital Luxury

   PERFORMANCE RULE:
   NO animation
   NO fixed decorative layer
   NO filter
   NO backdrop-filter
   NO canvas
   NO WebGL
   ========================================================== */


:root {
    --ph-bg: #02070d;
    --ph-bg-2: #050e17;
    --ph-bg-3: #071520;

    --ph-panel: #07131d;
    --ph-panel-2: #091925;

    --ph-text: #f3f7f8;
    --ph-muted: #8ea1ab;
    --ph-muted-2: #687e89;

    --ph-cyan: #55dbe4;
    --ph-cyan-2: #20afbf;

    --ph-violet: #7969e8;
    --ph-violet-2: #5946bd;

    --ph-gold: #d8aa62;
    --ph-gold-soft: #b98948;

    --ph-line: rgba(112, 208, 219, .15);
    --ph-line-soft: rgba(255, 255, 255, .065);

    --ph-radius: 28px;
}


*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: auto;
}


body {
    margin: 0;
    min-width: 320px;

    color: var(--ph-text);

    background:
        var(--ph-bg);

    font-family:
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;

    line-height: 1.8;

    overflow-x: hidden;
}


img,
svg {
    display: block;
    max-width: 100%;
}


a {
    color: inherit;
}


.ph-shell {
    width:
        min(1220px, calc(100% - 44px));

    margin-inline:
        auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.ph-header {
    position: relative;
    z-index: 20;

    background:
        #02080e;

    border-bottom:
        1px solid rgba(104, 207, 219, .10);
}


.ph-header-inner {
    min-height: 86px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;
}


.ph-brand {
    display: flex;
    align-items: center;

    gap: 13px;

    text-decoration: none;
}


.ph-brand-mark {
    position: relative;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(81, 218, 228, .30);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(78, 218, 228, .10),
            rgba(117, 88, 222, .08)
        );
}


.ph-brand-mark::before {
    content: "";

    width: 15px;
    height: 15px;

    border:
        2px solid var(--ph-cyan);

    border-inline-start-color:
        var(--ph-violet);

    transform:
        rotate(45deg);
}


.ph-brand-copy {
    display: grid;

    line-height: 1.1;
}


.ph-brand-copy strong {
    color: #fff;

    font-size: 1.06rem;

    letter-spacing: .15em;
}


.ph-brand-copy small {
    margin-block-start: 5px;

    color: #718894;

    font-size: .65rem;

    letter-spacing: .04em;
}


.ph-nav {
    display: flex;
    align-items: center;

    gap:
        clamp(20px, 2.4vw, 35px);
}


.ph-nav a {
    color: #9dafb8;

    font-size: .87rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        color 160ms ease;
}


.ph-nav a:hover {
    color: #fff;
}


.ph-header-cta {
    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding-inline: 20px;

    border:
        1px solid rgba(91, 220, 230, .36);

    border-radius: 13px;

    color: #dff8fa;

    background:
        rgba(61, 195, 207, .07);

    font-size: .82rem;
    font-weight: 700;

    text-decoration: none;
}


/* ==========================================================
   HERO
   ========================================================== */

.ph-hero {
    position: relative;

    min-height:
        clamp(720px, 84vh, 880px);

    display: grid;
    align-items: center;

    overflow: hidden;

    isolation: isolate;

    border-bottom:
        1px solid var(--ph-line-soft);

    background:
        radial-gradient(
            720px 520px at 8% 30%,
            rgba(44, 197, 211, .12),
            transparent 68%
        ),
        radial-gradient(
            690px 520px at 88% 58%,
            rgba(111, 78, 217, .13),
            transparent 70%
        ),
        radial-gradient(
            400px 260px at 52% 95%,
            rgba(206, 158, 83, .055),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            #02080e,
            #04111a 58%,
            #02080e
        );
}


.ph-energy-map {
    position: absolute;

    inset: 0;

    z-index: -2;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: .9;
}


.ph-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(420px, .98fr);

    align-items: center;

    gap:
        clamp(55px, 8vw, 120px);

    padding-block:
        clamp(90px, 10vw, 145px);
}


.ph-hero-copy {
    max-width: 710px;
}


.ph-overline {
    display: inline-flex;
    align-items: center;

    gap: 12px;

    margin-block-end: 21px;

    color: var(--ph-gold);

    font-size: .78rem;
    font-weight: 750;

    letter-spacing: .04em;
}


.ph-overline::before {
    content: "";

    width: 38px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-gold)
        );
}


.ph-hero h1 {
    margin:
        0 0 27px;

    max-width: 780px;

    color: #fff;

    font-size:
        clamp(2.9rem, 5.4vw, 5.55rem);

    line-height: 1.15;

    letter-spacing: -.035em;
}


.ph-hero h1 strong {
    display: block;

    margin-block-start: 7px;

    color: var(--ph-cyan);

    font-weight: 800;
}


.ph-hero-lead {
    max-width: 670px;

    margin:
        0 0 32px;

    color: #a5b7c0;

    font-size:
        clamp(.98rem, 1.28vw, 1.13rem);

    line-height: 2.05;
}


.ph-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-block-end: 34px;
}


.ph-btn {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding-inline: 24px;

    border-radius: 14px;

    font-size: .86rem;
    font-weight: 750;

    text-decoration: none;

    transition:
        transform 160ms ease,
        border-color 160ms ease;
}


.ph-btn:hover {
    transform:
        translateY(-2px);
}


.ph-btn-primary {
    border:
        1px solid rgba(142, 239, 244, .60);

    color: #021218;

    background:
        linear-gradient(
            135deg,
            #72e4e9,
            #41c4cf
        );
}


.ph-btn-secondary {
    border:
        1px solid rgba(123, 203, 214, .20);

    color: #d4e2e7;

    background:
        rgba(8, 26, 38, .54);
}


.ph-hero-proof {
    display: flex;
    flex-wrap: wrap;

    gap: 11px 24px;

    margin: 0;
    padding: 0;

    list-style: none;
}


.ph-hero-proof li {
    display: flex;
    align-items: center;

    gap: 8px;

    color: #748b96;

    font-size: .76rem;
}


.ph-hero-proof li::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--ph-cyan);
}


/* ==========================================================
   24-YEAR HERITAGE ENGINE
   ========================================================== */

.ph-heritage-engine {
    position: relative;

    min-height: 520px;

    display: grid;
    place-items: center;

    isolation: isolate;
}


.ph-heritage-engine::before {
    content: "";

    position: absolute;

    width: 425px;
    height: 425px;

    border:
        1px solid rgba(82, 218, 228, .17);

    border-radius: 50%;
}


.ph-heritage-engine::after {
    content: "";

    position: absolute;

    width: 315px;
    height: 315px;

    border:
        1px solid rgba(119, 91, 222, .18);

    border-radius: 50%;
}


.ph-engine-disc {
    position: relative;
    z-index: 3;

    width: 286px;
    height: 286px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(94, 217, 227, .23);

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 42% 36%,
            rgba(57, 209, 220, .12),
            rgba(6, 21, 32, .93) 60%,
            #030a11 100%
        );

    box-shadow:
        0 30px 80px rgba(0, 0, 0, .32),
        inset 0 0 45px rgba(100, 77, 199, .055);
}


.ph-engine-number {
    position: relative;

    display: grid;

    text-align: center;
}


.ph-engine-number strong {
    color: transparent;

    background:
        linear-gradient(
            135deg,
            #f1d6a3 0%,
            var(--ph-gold) 28%,
            #78e4e9 67%,
            #7a68df 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    font-size:
        clamp(6rem, 10vw, 9.5rem);

    font-weight: 800;

    line-height: .84;

    letter-spacing: -.08em;
}


.ph-engine-number span {
    margin-block-start: 16px;

    color: #7d939d;

    font-size: .69rem;

    letter-spacing: .20em;
}


.ph-engine-chip {
    position: absolute;
    z-index: 4;

    min-width: 112px;

    padding:
        12px 16px;

    border:
        1px solid rgba(97, 208, 219, .17);

    border-radius: 13px;

    color: #9cb0b9;

    background:
        rgba(4, 16, 25, .94);

    font-size: .7rem;
    font-weight: 700;

    text-align: center;

    letter-spacing: .06em;
}


.ph-chip-design {
    top: 9%;
    inset-inline-start: 6%;
}


.ph-chip-code {
    top: 15%;
    inset-inline-end: 1%;
}


.ph-chip-seo {
    bottom: 12%;
    inset-inline-start: 3%;
}


.ph-chip-growth {
    bottom: 8%;
    inset-inline-end: 5%;
}


.ph-engine-edge {
    position: absolute;
    z-index: 5;

    width: 74px;
    height: 2px;

    border-radius: 20px;
}


.ph-edge-cyan {
    inset-inline-start: 4%;
    top: 48%;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan)
        );
}


.ph-edge-violet {
    inset-inline-end: 2%;
    top: 55%;

    background:
        linear-gradient(
            90deg,
            var(--ph-violet),
            transparent
        );
}


/* ==========================================================
   HERITAGE / DIGITAL JOURNEY
   ========================================================== */

.ph-history {
    position: relative;

    padding-block:
        clamp(95px, 10vw, 145px);

    overflow: hidden;

    border-bottom:
        1px solid var(--ph-line-soft);

    background:
        linear-gradient(
            180deg,
            #02080e,
            #050f18 50%,
            #02080e
        );
}


.ph-history-head {
    display: grid;

    grid-template-columns:
        minmax(0, .72fr)
        minmax(0, 1.28fr);

    align-items: end;

    gap:
        55px;

    margin-block-end:
        65px;
}


.ph-history-code {
    color: var(--ph-gold);

    font-size:
        clamp(3rem, 7vw, 6.8rem);

    font-weight: 250;

    line-height: 1;

    letter-spacing: -.055em;
}


.ph-section-kicker {
    display: block;

    margin-block-end: 12px;

    color: var(--ph-cyan);

    font-size: .76rem;
    font-weight: 750;

    letter-spacing: .04em;
}


.ph-history-title h2,
.ph-showcase-head h2 {
    margin:
        0 0 17px;

    color: #f3f8fa;

    font-size:
        clamp(2.05rem, 4vw, 3.75rem);

    line-height: 1.25;

    letter-spacing: -.025em;
}


.ph-history-title p,
.ph-showcase-head p {
    max-width: 680px;

    margin: 0;

    color: var(--ph-muted);

    line-height: 2;
}


.ph-timeline {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 0;

    padding-block-start: 25px;
}


.ph-timeline::before {
    content: "";

    position: absolute;

    top: 30px;

    inset-inline: 8%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--ph-gold-soft),
            rgba(84, 216, 226, .45) 45%,
            rgba(120, 89, 224, .50)
        );
}


.ph-era {
    position: relative;

    padding:
        42px 25px 10px;

    border-inline-start:
        1px solid rgba(255,255,255,.045);
}


.ph-era:last-child {
    border-inline-end:
        1px solid rgba(255,255,255,.045);
}


.ph-era::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-start: 24px;

    width: 11px;
    height: 11px;

    border:
        2px solid #06121b;

    border-radius: 50%;

    background:
        var(--ph-cyan);

    box-shadow:
        0 0 0 3px rgba(83, 218, 228, .11);
}


.ph-era:first-child::before {
    background:
        var(--ph-gold);
}


.ph-era:last-child::before {
    background:
        var(--ph-violet);
}


.ph-era b {
    display: block;

    color: #dce8eb;

    font-size: .76rem;

    letter-spacing: .08em;
}


.ph-era strong {
    display: block;

    margin-block:
        13px 9px;

    color: #e9f1f3;

    font-size: .95rem;
}


.ph-era p {
    margin: 0;

    color: #718792;

    font-size: .78rem;

    line-height: 1.9;
}


/* ==========================================================
   REAL WORK SHOWCASE
   ========================================================== */

.ph-showcase {
    position: relative;

    padding-block:
        clamp(100px, 11vw, 155px);

    overflow: hidden;

    background:
        radial-gradient(
            600px 380px at 95% 20%,
            rgba(111, 78, 218, .08),
            transparent 70%
        ),
        radial-gradient(
            560px 340px at 5% 72%,
            rgba(43, 190, 204, .075),
            transparent 72%
        ),
        #02080e;
}


.ph-showcase-head {
    max-width: 760px;

    margin-block-end: 55px;
}


.ph-work-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(0, .82fr);

    gap: 20px;
}


.ph-work-side {
    display: grid;

    gap: 20px;
}


.ph-work {
    position: relative;

    overflow: hidden;

    border:
        1px solid rgba(90, 205, 217, .17);

    border-radius:
        27px;

    background:
        #06131d;

    box-shadow:
        0 28px 65px rgba(0,0,0,.23);

    transition:
        transform 170ms ease,
        border-color 170ms ease;
}


.ph-work:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(86, 220, 230, .32);
}


.ph-work-large {
    min-height: 650px;
}


.ph-work-small {
    min-height: 315px;
}


.ph-browser {
    position: absolute;

    inset:
        24px 24px 92px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 17px;

    background:
        #02080d;
}


.ph-browser-top {
    height: 35px;

    display: flex;
    align-items: center;

    gap: 6px;

    padding-inline: 13px;

    border-bottom:
        1px solid rgba(255,255,255,.055);

    background:
        #07151f;
}


.ph-browser-top i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        #536975;
}


.ph-browser img {
    width: 100%;
    height: calc(100% - 35px);

    object-fit: cover;
    object-position: top center;
}


.ph-work-copy {
    position: absolute;

    inset-inline: 0;
    bottom: 0;

    min-height: 95px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 22px;

    padding:
        19px 24px;

    border-top:
        1px solid rgba(255,255,255,.055);

    background:
        linear-gradient(
            180deg,
            rgba(5, 16, 25, .95),
            #041019
        );
}


.ph-work-name {
    display: grid;
}


.ph-work-name small {
    color: var(--ph-cyan);

    font-size: .66rem;

    font-weight: 700;

    letter-spacing: .10em;
}


.ph-work-name strong {
    margin-block-start: 4px;

    color: #edf6f8;

    font-size: .96rem;
}


.ph-work-link {
    flex: 0 0 auto;

    color: #8da2ac;

    font-size: .72rem;

    text-decoration: none;
}


.ph-work-energy {
    position: absolute;

    z-index: 4;

    width: 90px;
    height: 2px;

    pointer-events: none;
}


.ph-work-large .ph-work-energy {
    top: 0;
    inset-inline-end: 14%;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            var(--ph-violet),
            transparent
        );
}


.ph-work-small .ph-work-energy {
    bottom: 0;
    inset-inline-start: 9%;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-violet),
            var(--ph-cyan),
            transparent
        );
}


/* ==========================================================
   END MARK
   ========================================================== */

.ph-end {
    padding-block:
        45px;

    border-top:
        1px solid var(--ph-line-soft);

    color: #5f7682;

    background:
        #02070d;

    font-size: .72rem;
}


.ph-end-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


.ph-end strong {
    color: #879da7;

    letter-spacing: .12em;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {

    .ph-hero-grid {
        grid-template-columns:
            1fr;

        gap: 45px;
    }


    .ph-hero-copy {
        max-width: 820px;
    }


    .ph-heritage-engine {
        min-height: 470px;
    }


    .ph-history-head {
        grid-template-columns:
            1fr;
    }

}


@media (max-width: 860px) {

    .ph-nav {
        display: none;
    }


    .ph-work-grid {
        grid-template-columns:
            1fr;
    }


    .ph-work-large {
        min-height: 560px;
    }


    .ph-work-small {
        min-height: 390px;
    }


    .ph-timeline {
        grid-template-columns:
            1fr;

        padding-block-start: 0;
    }


    .ph-timeline::before {
        top: 0;
        bottom: 0;

        inset-inline-start: 5px;
        inset-inline-end: auto;

        width: 1px;
        height: auto;
    }


    .ph-era {
        padding:
            6px 35px 34px;

        border: 0;
    }


    .ph-era:last-child {
        border: 0;
    }


    .ph-era::before {
        top: 6px;
        inset-inline-start: 0;
    }

}


@media (max-width: 620px) {

    .ph-shell {
        width:
            min(100% - 30px, 1220px);
    }


    .ph-header-inner {
        min-height: 72px;
    }


    .ph-header-cta {
        display: none;
    }


    .ph-brand-copy strong {
        font-size: .92rem;
    }


    .ph-hero {
        min-height: auto;
    }


    .ph-hero-grid {
        padding-block:
            72px 80px;
    }


    .ph-hero h1 {
        font-size:
            clamp(2.45rem, 11.5vw, 3.7rem);
    }


    .ph-actions {
        align-items: stretch;
        flex-direction: column;
    }


    .ph-btn {
        width: 100%;
    }


    .ph-heritage-engine {
        min-height: 400px;
    }


    .ph-heritage-engine::before {
        width: 340px;
        height: 340px;
    }


    .ph-heritage-engine::after {
        width: 260px;
        height: 260px;
    }


    .ph-engine-disc {
        width: 225px;
        height: 225px;
    }


    .ph-engine-number strong {
        font-size: 6rem;
    }


    .ph-engine-chip {
        min-width: 90px;

        padding: 9px 11px;

        font-size: .59rem;
    }


    .ph-history-code {
        font-size: 3.3rem;
    }


    .ph-work-large,
    .ph-work-small {
        min-height: 420px;
    }


    .ph-browser {
        inset:
            15px 15px 92px;
    }


    .ph-work-copy {
        padding:
            16px 17px;
    }


    .ph-end-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


/* END P-019-004 */

/* ==========================================================
   P029N3 APPROVED LOGO
   ========================================================== */

.ph-brand-logo {
    display: block;

    width: clamp(126px, 10.5vw, 158px);
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 4px 16px
            rgba(0,0,0,.14)
        );
}

.ph-brand {
    min-width: max-content;
}

@media (max-width:560px) {

    .ph-brand-logo {
        width: 122px;
    }

}

/* END P029N3 APPROVED LOGO */

/* =========================================================
   P582D S02 SCROLL TIMELINE
   Desktop: right -> left
   Mobile: top -> bottom
   ========================================================= */

.ph-timeline{
  --ph-timeline-progress:0;
}

/* background rail */
.ph-timeline::before{
  background:rgba(129,172,184,.16)!important;
}

/* moving progress rail */
.ph-timeline::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;

  top:30px;
  right:8%;

  width:calc(84% * var(--ph-timeline-progress));
  height:2px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #7c59e0 0%,
      #54d8e2 52%,
      #d8aa62 100%
    );

  box-shadow:
    0 0 10px rgba(84,216,226,.34),
    0 0 18px rgba(216,170,98,.14);

  transition:width .08s linear;
}


/* eras */

.ph-era{
  z-index:3;
}

.ph-era::before{
  z-index:4;

  transition:
    background-color .45s ease,
    border-color .45s ease,
    box-shadow .45s ease,
    transform .45s ease;
}

.ph-era b,
.ph-era strong,
.ph-era p{
  transition:
    color .55s ease,
    opacity .55s ease,
    text-shadow .55s ease;
}


/* inactive */
.ph-era:not(.is-scroll-active) b{
  color:rgba(196,211,217,.38)!important;
}

.ph-era:not(.is-scroll-active) strong{
  color:rgba(226,235,239,.47)!important;
}

.ph-era:not(.is-scroll-active) p{
  color:rgba(174,195,203,.42)!important;
}


/* active */
.ph-era.is-scroll-active::before{
  border-color:#d8aa62!important;
  background:#071a23!important;

  box-shadow:
    0 0 0 4px rgba(84,216,226,.08),
    0 0 14px rgba(84,216,226,.42),
    0 0 24px rgba(216,170,98,.16);

  transform:scale(1.14);
}

.ph-era.is-scroll-active b{
  color:#d8aa62!important;

  text-shadow:
    0 0 16px rgba(216,170,98,.18);
}

.ph-era.is-scroll-active strong{
  color:#67e0e8!important;

  text-shadow:
    0 0 15px rgba(84,216,226,.10);
}

.ph-era.is-scroll-active p{
  color:rgba(224,236,240,.78)!important;
}


/* MOBILE — vertical progress */
@media(max-width:860px){

  .ph-timeline::after{
    top:0;
    bottom:auto;

    right:5px;
    left:auto;

    width:2px;
    height:calc(100% * var(--ph-timeline-progress));

    background:
      linear-gradient(
        180deg,
        #d8aa62 0%,
        #54d8e2 52%,
        #7c59e0 100%
      );

    transition:height .08s linear;
  }

}


/* reduced motion */
@media(prefers-reduced-motion:reduce){

  .ph-timeline::after,
  .ph-era::before,
  .ph-era b,
  .ph-era strong,
  .ph-era p{
    transition:none!important;
  }

}

/* END P582D S02 SCROLL TIMELINE */

/* P583T-S10-WORK-FRAME-RESET */
.ph-showcase .ph-work{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.ph-showcase .ph-work:hover{
    box-shadow:none!important;
}
/* END P583T-S10-WORK-FRAME-RESET */

/* =========================================
   P585I SOURCE 02: assets/css/home/services-architecture.css
   ========================================= */

/* ==========================================================
   P019008 SERVICE ARCHITECTURE
   POSHESH / CONNECTED DIGITAL SYSTEM
   ========================================================== */


.ph-architecture {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding-block:
        clamp(100px, 10vw, 150px);

    border-bottom:
        1px solid rgba(255,255,255,.045);

    background:
        radial-gradient(
            720px 420px at 82% 40%,
            rgba(54,205,216,.075),
            transparent 72%
        ),
        radial-gradient(
            620px 400px at 12% 70%,
            rgba(111,78,216,.065),
            transparent 72%
        ),
        #02080e;
}


/* ----------------------------------------------------------
   INTRO
   ---------------------------------------------------------- */

.ph-architecture-head {
    display: grid;

    grid-template-columns:
        minmax(0,.68fr)
        minmax(0,1.32fr);

    gap:
        clamp(42px,7vw,105px);

    align-items: end;

    margin-block-end:
        clamp(48px,6vw,72px);
}


.ph-architecture-index {
    direction: ltr;
}


.ph-architecture-index strong {
    display: block;

    color:
        rgba(216,170,98,.75);

    font-size:
        clamp(4rem,7.8vw,7.4rem);

    font-weight: 250;

    line-height: .78;

    letter-spacing: -.065em;
}


.ph-architecture-index span {
    display: block;

    margin-block-start:
        20px;

    color:
        #5d747f;

    font-size:
        .64rem;

    letter-spacing:
        .15em;
}


.ph-architecture-copy h2 {
    max-width:
        760px;

    margin:
        10px 0 16px;

    color:
        #f3f8f9;

    font-size:
        clamp(2.25rem,4.15vw,4rem);

    line-height:
        1.25;

    letter-spacing:
        -.035em;
}


.ph-architecture-copy p {
    max-width:
        660px;

    margin: 0;

    color:
        #899fa9;

    line-height:
        2.05;
}


/* ----------------------------------------------------------
   SYSTEM FRAME
   ---------------------------------------------------------- */

.ph-architecture-frame {
    position: relative;

    padding:
        clamp(28px,4vw,52px)
        clamp(18px,3vw,34px);

    overflow: hidden;

    border:
        1px solid rgba(83,210,221,.16);

    border-radius:
        28px;

    background:
        linear-gradient(
            rgba(83,210,221,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(83,210,221,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            145deg,
            #06151f,
            #020b12 68%
        );

    background-size:
        64px 64px,
        64px 64px,
        auto;

    box-shadow:
        0 34px 82px rgba(0,0,0,.25);
}


.ph-architecture-frame::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-end: 9%;

    width:
        220px;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            #b9f5f6,
            var(--ph-violet),
            transparent
        );
}


.ph-architecture-frame::after {
    content: "";

    position: absolute;

    bottom: 0;
    inset-inline-start: 8%;

    width:
        125px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-gold),
            transparent
        );
}


/* ----------------------------------------------------------
   ARCHITECTURE TRACKS
   ---------------------------------------------------------- */

.ph-architecture-tracks {
    position: relative;

    display: grid;

    gap:
        clamp(13px,1.7vw,20px);
}


.ph-architecture-track {
    position: relative;

    min-height:
        118px;

    display: grid;

    grid-template-columns:
        96px
        minmax(180px,.62fr)
        minmax(260px,1.38fr)
        150px;

    align-items: center;

    gap:
        clamp(18px,2.5vw,36px);

    padding:
        20px
        clamp(22px,3vw,38px);

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.055);

    background:
        linear-gradient(
            90deg,
            rgba(7,28,40,.98),
            rgba(5,20,31,.92) 55%,
            rgba(3,13,21,.86)
        );
}


/* asymmetry */

.ph-architecture-track:nth-child(1) {
    margin-inline-end:
        7%;

    border-radius:
        7px 22px 22px 7px;
}


.ph-architecture-track:nth-child(2) {
    margin-inline-start:
        5%;

    border-radius:
        22px 7px 7px 22px;
}


.ph-architecture-track:nth-child(3) {
    margin-inline-end:
        3%;

    border-radius:
        7px 22px 22px 7px;
}


.ph-architecture-track:nth-child(4) {
    margin-inline-start:
        8%;

    border-radius:
        22px 7px 7px 22px;
}


/* colored energy edge */

.ph-architecture-track::before {
    content: "";

    position: absolute;

    inset-block: 0;
    inset-inline-start: 0;

    width:
        3px;

    background:
        var(--ph-cyan);
}


.ph-architecture-track:nth-child(1)::before {
    background:
        var(--ph-gold);
}


.ph-architecture-track:nth-child(2)::before {
    background:
        var(--ph-violet);
}


.ph-architecture-track:nth-child(3)::before {
    background:
        var(--ph-cyan);
}


.ph-architecture-track:nth-child(4)::before {
    background:
        linear-gradient(
            180deg,
            var(--ph-cyan),
            var(--ph-violet)
        );
}


/* inner energy rail */

.ph-architecture-track::after {
    content: "";

    position: absolute;

    top: 50%;
    inset-inline-start: 62%;

    width:
        28%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(84,218,228,.30),
            rgba(84,218,228,.05),
            transparent
        );

    pointer-events: none;
}


.ph-architecture-track:nth-child(1)::after {
    background:
        linear-gradient(
            90deg,
            rgba(216,170,98,.32),
            rgba(216,170,98,.05),
            transparent
        );
}


.ph-architecture-track:nth-child(2)::after {
    background:
        linear-gradient(
            90deg,
            rgba(119,89,223,.34),
            rgba(119,89,223,.05),
            transparent
        );
}


/* ----------------------------------------------------------
   TRACK CONTENT
   ---------------------------------------------------------- */

.ph-track-number {
    direction: ltr;

    color:
        rgba(255,255,255,.12);

    font-size:
        clamp(2.6rem,4.8vw,4.8rem);

    font-weight:
        250;

    line-height:
        1;
}


.ph-track-title small {
    display: block;

    margin-block-end:
        8px;

    color:
        #54717d;

    font-size:
        .57rem;

    font-weight:
        750;

    letter-spacing:
        .13em;
}


.ph-track-title strong {
    color:
        #edf5f6;

    font-size:
        clamp(1rem,1.45vw,1.28rem);

    line-height:
        1.45;
}


.ph-track-output {
    position: relative;
    z-index: 2;

    color:
        #849aa4;

    font-size:
        .76rem;

    line-height:
        1.85;
}


.ph-track-output strong {
    display: block;

    margin-block-end:
        5px;

    color:
        #c6d5da;

    font-size:
        .72rem;

    font-weight:
        650;

    letter-spacing:
        .025em;
}


.ph-track-state {
    direction: ltr;

    justify-self: end;

    padding:
        8px 11px;

    border:
        1px solid rgba(84,218,228,.11);

    border-radius:
        7px;

    color:
        #607b86;

    font-size:
        .56rem;

    letter-spacing:
        .09em;
}


/* ----------------------------------------------------------
   SYSTEM SPINE
   ---------------------------------------------------------- */

.ph-architecture-spine {
    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    gap:
        20px;

    margin-block-start:
        30px;
}


.ph-architecture-spine::before,
.ph-architecture-spine::after {
    content: "";

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(84,218,228,.25)
        );
}


.ph-architecture-spine::after {
    background:
        linear-gradient(
            90deg,
            rgba(119,89,223,.25),
            transparent
        );
}


.ph-architecture-spine span {
    direction: ltr;

    color:
        #617a85;

    font-size:
        .59rem;

    letter-spacing:
        .13em;
}


/* ----------------------------------------------------------
   CONCLUSION
   ---------------------------------------------------------- */

.ph-architecture-conclusion {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:
        clamp(40px,7vw,95px);

    align-items: center;

    margin-block-start:
        40px;
}


.ph-architecture-conclusion-line {
    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(216,170,98,.36),
            rgba(84,218,228,.38),
            rgba(119,89,223,.28),
            transparent
        );
}


.ph-architecture-conclusion p {
    margin: 0;

    color:
        #859ba5;

    font-size:
        .86rem;

    line-height:
        2;
}


.ph-architecture-conclusion strong {
    color:
        #d8e5e8;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:1000px) {

    .ph-architecture-head {
        grid-template-columns:
            1fr;
    }


    .ph-architecture-track {
        grid-template-columns:
            74px
            minmax(150px,.7fr)
            minmax(200px,1.3fr);
    }


    .ph-track-state {
        display:
            none;
    }

}


@media (max-width:720px) {

    .ph-architecture-frame {
        padding:
            16px;
    }


    .ph-architecture-track,
    .ph-architecture-track:nth-child(n) {
        margin-inline:
            0;

        grid-template-columns:
            62px 1fr;

        min-height:
            145px;

        gap:
            12px 18px;

        border-radius:
            16px;
    }


    .ph-track-output {
        grid-column:
            2;
    }


    .ph-architecture-track::after {
        display:
            none;
    }


    .ph-architecture-conclusion {
        grid-template-columns:
            1fr;
    }

}


/* END P019008 SERVICE ARCHITECTURE */


/* ==========================================================
   P019008B TRACK TYPOGRAPHY
   ========================================================== */

.ph-track-ghost {
    position: absolute;

    z-index: 0;

    inset-inline-end:
        clamp(35px,7vw,100px);

    top: 50%;

    transform:
        translateY(-50%);

    pointer-events: none;

    color:
        rgba(223,242,245,.032);

    font-size:
        clamp(3.2rem,7vw,7rem);

    font-weight:
        800;

    line-height:
        .8;

    letter-spacing:
        -.055em;

    white-space:
        nowrap;
}


.ph-architecture-track:nth-child(1) .ph-track-ghost {
    color:
        rgba(216,170,98,.045);
}


.ph-architecture-track:nth-child(2) .ph-track-ghost {
    color:
        rgba(119,89,223,.050);
}


.ph-architecture-track:nth-child(3) .ph-track-ghost {
    color:
        rgba(84,218,228,.045);
}


.ph-architecture-track:nth-child(4) .ph-track-ghost {
    color:
        rgba(122,111,230,.042);
}


.ph-track-number,
.ph-track-title,
.ph-track-output,
.ph-track-state {
    position: relative;
    z-index: 2;
}


@media (max-width:720px) {

    .ph-track-ghost {
        inset-inline-end:
            18px;

        font-size:
            clamp(2.8rem,16vw,5rem);

        opacity:
            .65;
    }

}

/* END P019008B TRACK TYPOGRAPHY */

/* === P570D-R2B START === */
.ph-architecture-index span{
font-size:16px!important;
line-height:1.7!important;
}
.ph-architecture-copy .ph-section-kicker{
font-size:16px!important;
line-height:1.7!important;
}
.ph-architecture-copy p{
font-size:18px!important;
line-height:2!important;
max-width:820px!important;
}
.ph-track-title small{
font-size:15px!important;
line-height:1.7!important;
}
.ph-track-title strong{
font-size:clamp(24px,1.75vw,30px)!important;
line-height:1.45!important;
}
.ph-track-output{
font-size:17px!important;
line-height:2!important;
}
.ph-track-output > strong{
display:block!important;
font-size:18px!important;
line-height:1.6!important;
margin-bottom:8px!important;
}
.ph-track-state{
font-size:14px!important;
line-height:1.5!important;
}
.ph-service-card-link{
display:inline-flex!important;
align-items:center!important;
margin-top:12px!important;
color:#63dce8!important;
font-size:15px!important;
font-weight:750!important;
line-height:1.6!important;
text-decoration:none!important;
}
.ph-service-card-link::after{
content:"←";
margin-inline-start:7px;
}
.ph-domain-search{
margin-top:16px!important;
max-width:560px!important;
}
.ph-domain-search label{
display:block!important;
margin-bottom:8px!important;
color:#f1f7f8!important;
font-size:15px!important;
font-weight:700!important;
}
.ph-domain-search-row{
display:flex!important;
align-items:stretch!important;
gap:8px!important;
}
.ph-domain-search input{
flex:1 1 auto!important;
min-width:0!important;
height:50px!important;
padding:0 15px!important;
border:1px solid rgba(99,220,232,.28)!important;
border-radius:12px!important;
background:rgba(3,13,23,.72)!important;
color:#f5f9fa!important;
font-size:17px!important;
direction:ltr!important;
text-align:left!important;
outline:none!important;
}
.ph-domain-search input:focus{
border-color:rgba(99,220,232,.72)!important;
box-shadow:0 0 0 3px rgba(99,220,232,.08)!important;
}
.ph-domain-search button{
height:50px!important;
padding:0 18px!important;
border:1px solid rgba(99,220,232,.45)!important;
border-radius:12px!important;
background:#63dce8!important;
color:#041019!important;
font-size:14px!important;
font-weight:800!important;
white-space:nowrap!important;
cursor:pointer!important;
}
.ph-domain-search small{
display:block!important;
margin-top:8px!important;
color:rgba(183,201,208,.74)!important;
font-size:13px!important;
line-height:1.8!important;
}
@media(max-width:760px){
.ph-architecture-index span{
font-size:15px!important;
}
.ph-architecture-copy .ph-section-kicker{
font-size:15px!important;
}
.ph-architecture-copy p{
font-size:16.5px!important;
line-height:2!important;
}
.ph-track-title small{
font-size:14.5px!important;
}
.ph-track-title strong{
font-size:23px!important;
}
.ph-track-output{
font-size:16px!important;
line-height:2!important;
}
.ph-track-output > strong{
font-size:17px!important;
}
.ph-track-state{
font-size:13px!important;
}
.ph-domain-search-row{
flex-direction:column!important;
}
.ph-domain-search input,
.ph-domain-search button{
width:100%!important;
}
.ph-domain-search small{
font-size:13px!important;
}
}
/* === P570D-R2B END === */

/* === P570D-R2C START === */
.ph-track-title > strong{
white-space:nowrap!important;
}
.ph-domain-search label strong{
color:#d8aa62!important;
font-weight:800!important;
}
.ph-track-state.ph-track-cta{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:112px!important;
padding-inline:14px!important;
text-decoration:none!important;
cursor:pointer!important;
color:#63dce8!important;
border-color:rgba(99,220,232,.28)!important;
background:rgba(99,220,232,.055)!important;
transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}
.ph-track-state.ph-track-cta:hover{
color:#07131b!important;
background:#63dce8!important;
border-color:#63dce8!important;
transform:translateY(-1px)!important;
}
.ph-track-state.ph-track-cta::after{
content:"←";
margin-inline-start:7px;
font-size:.9em;
}
@media(max-width:760px){
.ph-track-title > strong{
white-space:normal!important;
}
.ph-track-state.ph-track-cta{
min-width:124px!important;
font-size:14px!important;
}
}
/* === P570D-R2C END === */

/* === P571D-B START === */
.ph-architecture .ph-track{grid-template-columns:minmax(135px,.45fr) minmax(390px,1.55fr) minmax(280px,.9fr)!important;column-gap:34px!important;row-gap:18px!important;align-items:center!important}
.ph-architecture .ph-track>*{min-width:0!important}
.ph-architecture .ph-track-title{align-self:center!important}
.ph-architecture .ph-track-title>strong{white-space:normal!important;line-height:1.45!important}
.ph-architecture .ph-track-output{min-width:0!important;max-width:none!important}
.ph-architecture .ph-track-output p{max-width:720px!important;line-height:2!important}
.ph-track-state.ph-track-cta{align-self:center!important;justify-self:start!important;white-space:nowrap!important}
.ph-domain-search{width:100%!important;max-width:650px!important;margin-top:18px!important}
.ph-domain-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important}
.ph-domain-search-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.7}
.ph-domain-search-result[hidden]{display:none!important}
.ph-domain-search-result strong{font-size:15.5px;font-weight:800}
.ph-domain-search-result>small{margin:0!important;opacity:.85;font-size:13px!important}
.ph-domain-search-result.is-available{color:#76e49a;background:rgba(38,175,86,.12);border-color:rgba(78,215,120,.34)}
.ph-domain-search-result.is-registered{color:#ff858d;background:rgba(220,58,68,.12);border-color:rgba(255,100,110,.34)}
.ph-domain-search-result.is-loading,.ph-domain-search-result.is-warning{color:#e4bd78;background:rgba(218,170,98,.08);border-color:rgba(218,170,98,.25)}
.ph-domain-search button:disabled{opacity:.6;cursor:wait}
@media(max-width:1050px){.ph-architecture .ph-track{grid-template-columns:1fr!important;gap:16px!important;padding:28px!important}.ph-track-state.ph-track-cta{justify-self:start!important}}
@media(max-width:760px){.ph-architecture .ph-track{padding:22px 18px!important}.ph-domain-search{max-width:none!important}.ph-domain-search-row{grid-template-columns:1fr!important}.ph-domain-search-row button{width:100%!important}.ph-domain-search-result{align-items:flex-start;flex-direction:column;gap:4px}}
/* === P571D-B END === */

/* P571D-C2 START */
.ph-domain-search label{display:block!important}
.ph-domain-search label>strong{display:block!important;color:#eef4f7!important;font-weight:800!important}
.ph-domain-example{display:block;margin-top:5px;color:rgba(216,170,98,.9);font-size:13px;direction:rtl}
.ph-domain-search input::placeholder{color:rgba(210,220,228,.38)!important;opacity:1!important}
 /* P571D-C2 END */


/* === P572A TARHE39 START === */

/* SECTION 04 — lighter visual field */
.ph-architecture{
    position:relative!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 82% 16%,rgba(218,170,98,.075),transparent 28%),
      radial-gradient(circle at 15% 42%,rgba(56,211,217,.065),transparent 31%),
      radial-gradient(circle at 82% 82%,rgba(155,105,255,.055),transparent 28%),
      linear-gradient(180deg,#0d2631 0%,#0a202a 52%,#0c2530 100%)!important;
}

.ph-architecture::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    opacity:.32!important;
    background-image:
      linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)!important;
    background-size:72px 72px!important;
    mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)!important;
}

.ph-architecture .ph-shell{
    position:relative!important;
    z-index:1!important;
}

/* 2 × 2 TARHE39 */
.ph-architecture-tracks{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "one two"
      "three four"!important;
    gap:24px!important;
    align-items:stretch!important;
}

.ph-architecture-track:nth-child(1){grid-area:one!important}
.ph-architecture-track:nth-child(2){grid-area:two!important}
.ph-architecture-track:nth-child(3){grid-area:three!important}
.ph-architecture-track:nth-child(4){grid-area:four!important}

/* shared premium card */
.ph-architecture-track{
    position:relative!important;
    isolation:isolate!important;
    min-height:360px!important;
    padding:34px 32px 30px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:14px!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:
      linear-gradient(145deg,rgba(6,25,34,.96),rgba(5,19,27,.91))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 18px 55px rgba(0,0,0,.22)!important;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}

.ph-architecture-track:hover{
    transform:translateY(-4px)!important;
}

/* neon line */
.ph-architecture-track::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:-1!important;
}

/* visual graphic field */
.ph-architecture-track::after{
    content:""!important;
    position:absolute!important;
    width:230px!important;
    height:230px!important;
    left:-50px!important;
    bottom:-65px!important;
    opacity:.17!important;
    pointer-events:none!important;
    z-index:-1!important;
    border-radius:50%!important;
    background:
      repeating-radial-gradient(circle at center,currentColor 0 1px,transparent 2px 17px),
      linear-gradient(45deg,transparent 47%,currentColor 48% 50%,transparent 51%)!important;
    filter:blur(.1px)!important;
}

/* 01 GOLD — RIGHT */
.ph-architecture-track:nth-child(1){
    color:#e4b65f!important;
    border-color:rgba(232,183,88,.72)!important;
    box-shadow:
      0 0 0 1px rgba(255,194,88,.13),
      0 0 22px rgba(232,171,67,.18),
      0 20px 60px rgba(0,0,0,.25)!important;
}
.ph-architecture-track:nth-child(1)::before{
    box-shadow:
      inset -2px 0 0 #e4ad4e,
      inset 0 2px 0 rgba(250,198,93,.35),
      0 0 24px rgba(229,170,62,.18)!important;
}

/* 02 BLUE — LEFT */
.ph-architecture-track:nth-child(2){
    color:#4dbbff!important;
    border-color:rgba(71,177,255,.62)!important;
    box-shadow:
      0 0 0 1px rgba(69,180,255,.10),
      0 0 24px rgba(42,153,255,.17),
      0 20px 60px rgba(0,0,0,.25)!important;
}
.ph-architecture-track:nth-child(2)::before{
    box-shadow:
      inset 2px 0 0 #47b5ff,
      inset 0 2px 0 rgba(77,189,255,.30),
      0 0 25px rgba(47,165,255,.17)!important;
}

/* 03 CYAN — RIGHT */
.ph-architecture-track:nth-child(3){
    color:#39d8d4!important;
    border-color:rgba(56,213,209,.58)!important;
    box-shadow:
      0 0 0 1px rgba(51,215,209,.10),
      0 0 24px rgba(42,210,203,.16),
      0 20px 60px rgba(0,0,0,.25)!important;
}
.ph-architecture-track:nth-child(3)::before{
    box-shadow:
      inset -2px 0 0 #37d4d0,
      inset 0 2px 0 rgba(68,225,220,.28),
      0 0 25px rgba(45,208,202,.16)!important;
}

/* 04 VIOLET — LEFT */
.ph-architecture-track:nth-child(4){
    color:#b176ff!important;
    border-color:rgba(176,111,255,.58)!important;
    box-shadow:
      0 0 0 1px rgba(176,111,255,.10),
      0 0 25px rgba(157,83,255,.17),
      0 20px 60px rgba(0,0,0,.25)!important;
}
.ph-architecture-track:nth-child(4)::before{
    box-shadow:
      inset 2px 0 0 #ad71ff,
      inset 0 2px 0 rgba(188,126,255,.28),
      0 0 25px rgba(157,88,255,.17)!important;
}

/* number badge */
.ph-architecture .ph-track-number{
    position:absolute!important;
    top:24px!important;
    left:25px!important;
    width:66px!important;
    height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid currentColor!important;
    border-radius:12px!important;
    color:inherit!important;
    font-size:27px!important;
    font-weight:800!important;
    line-height:1!important;
    background:rgba(5,20,28,.72)!important;
    box-shadow:0 0 18px color-mix(in srgb,currentColor 22%,transparent)!important;
}

/* RTL titles on right */
.ph-architecture .ph-track-title{
    padding-left:90px!important;
    text-align:right!important;
}

.ph-architecture .ph-track-title small{
    color:currentColor!important;
    opacity:.72!important;
    font-size:13.5px!important;
}

.ph-architecture .ph-track-title>strong{
    display:block!important;
    margin-top:7px!important;
    color:#f4f7f8!important;
    font-size:clamp(24px,2vw,31px)!important;
    line-height:1.5!important;
}

.ph-architecture .ph-track-output{
    color:#bdcbd2!important;
    font-size:16.5px!important;
    line-height:2!important;
    text-align:right!important;
}

.ph-architecture .ph-track-output>strong{
    display:block!important;
    margin-bottom:7px!important;
    color:#edf4f6!important;
    font-size:18px!important;
}

/* ghost = decorative typography */
.ph-architecture .ph-track-ghost{
    position:absolute!important;
    left:28px!important;
    bottom:22px!important;
    font-size:72px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:.035!important;
    color:currentColor!important;
    pointer-events:none!important;
}

/* CTA becomes premium outlined button */
.ph-track-state.ph-track-cta{
    position:relative!important;
    z-index:3!important;
    width:max-content!important;
    margin-top:auto!important;
    padding:10px 20px!important;
    border:1px solid currentColor!important;
    border-radius:10px!important;
    color:inherit!important;
    background:rgba(5,20,28,.62)!important;
    box-shadow:0 0 16px color-mix(in srgb,currentColor 13%,transparent)!important;
}

.ph-track-state.ph-track-cta:hover{
    color:#07141b!important;
    background:currentColor!important;
}

/* domain functional block */
.ph-architecture-track:nth-child(1) .ph-domain-search{
    margin-top:8px!important;
    padding:17px!important;
    border-radius:15px!important;
    border:1px solid rgba(229,178,80,.20)!important;
    background:rgba(2,15,22,.52)!important;
}

.ph-architecture-track:nth-child(1) .ph-domain-search-row{
    grid-template-columns:minmax(0,1fr) 108px!important;
}

.ph-architecture-track:nth-child(1) .ph-domain-search input{
    background:#071923!important;
    border-color:rgba(255,255,255,.16)!important;
}

.ph-architecture-track:nth-child(1) .ph-domain-search button{
    color:#08141b!important;
    background:linear-gradient(180deg,#69dce5,#48cbd7)!important;
    border:0!important;
    font-weight:900!important;
}

/* section header upgraded */
.ph-architecture-head{
    margin-bottom:34px!important;
}

.ph-architecture-copy h2{
    font-size:clamp(31px,3.2vw,50px)!important;
    line-height:1.45!important;
}

.ph-architecture-copy>p{
    max-width:850px!important;
    margin-inline:auto!important;
    font-size:17px!important;
    line-height:2!important;
}

/* mobile */
@media(max-width:900px){
    .ph-architecture-tracks{
        grid-template-columns:1fr!important;
        grid-template-areas:
          "one"
          "two"
          "three"
          "four"!important;
        gap:18px!important;
    }

    .ph-architecture-track{
        min-height:auto!important;
        padding:28px 21px 24px!important;
    }

    .ph-architecture .ph-track-number{
        width:55px!important;
        height:50px!important;
        top:20px!important;
        left:20px!important;
        font-size:23px!important;
    }

    .ph-architecture .ph-track-title{
        padding-left:68px!important;
    }

    .ph-architecture .ph-track-title>strong{
        font-size:23px!important;
    }

    .ph-architecture .ph-track-ghost{
        font-size:50px!important;
    }

    .ph-architecture-track:nth-child(1) .ph-domain-search-row{
        grid-template-columns:1fr!important;
    }
}

/* === P572A TARHE39 END === */
/* === P572B EQUAL CARDS + SERVICE ICONS START === */
@media(min-width:901px){.ph-architecture-tracks{grid-template-rows:repeat(2,1fr)!important}.ph-architecture-track{height:100%!important;min-height:430px!important}}
.ph-architecture-track::after{width:230px!important;height:230px!important;left:-22px!important;bottom:-28px!important;border-radius:0!important;background:currentColor!important;opacity:.105!important;filter:none!important;-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important}
.ph-architecture-track:nth-child(1)::after{-webkit-mask-image:url("../../img/home/s04-domain.svg")!important;mask-image:url("../../img/home/s04-domain.svg")!important}
.ph-architecture-track:nth-child(2)::after{-webkit-mask-image:url("../../img/home/s04-hosting.svg")!important;mask-image:url("../../img/home/s04-hosting.svg")!important}
.ph-architecture-track:nth-child(3)::after{-webkit-mask-image:url("../../img/home/s04-design.svg")!important;mask-image:url("../../img/home/s04-design.svg")!important}
.ph-architecture-track:nth-child(4)::after{-webkit-mask-image:url("../../img/home/s04-seo.svg")!important;mask-image:url("../../img/home/s04-seo.svg")!important}
/* === P572B EQUAL CARDS + SERVICE ICONS END === */
/* === P572D HEADER WIDTH FIX START === */
@media(min-width:1200px){.ph-architecture-head{grid-template-columns:110px minmax(0,1fr)!important;column-gap:10px!important}.ph-architecture-copy{width:calc(100% + 70px)!important;transform:translateX(55px)!important}.ph-architecture-copy h2{font-size:clamp(31px,2.9vw,47px)!important}.ph-architecture-copy>p{font-size:16px!important}}
/* === P572D HEADER WIDTH FIX END === */
/* === P572E HARD GRID + HEADER REBALANCE START === */
@media(min-width:901px){.ph-architecture-tracks{direction:ltr!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:none!important}.ph-architecture-track{direction:rtl!important;width:100%!important;min-width:0!important}.ph-architecture-track:nth-child(1){grid-column:2!important;grid-row:1!important}.ph-architecture-track:nth-child(2){grid-column:1!important;grid-row:1!important}.ph-architecture-track:nth-child(3){grid-column:2!important;grid-row:2!important}.ph-architecture-track:nth-child(4){grid-column:1!important;grid-row:2!important}}
@media(min-width:1200px){.ph-architecture-copy{width:calc(100% + 30px)!important;transform:translateX(15px)!important}}
/* === P572E HARD GRID + HEADER REBALANCE END === */
/* === P572F CARD01 + TITLE + CTA ALIGN START === */
@media(min-width:901px){.ph-architecture-track,.ph-architecture-track:nth-child(n){grid-template-rows:auto auto 1fr auto!important}.ph-architecture .ph-track-title{padding-top:18px!important;min-height:96px!important}.ph-track-state.ph-track-cta{justify-self:end!important;align-self:end!important;margin-top:auto!important}.ph-architecture-track:nth-child(1){transform:translateX(-25px)!important}.ph-architecture-track:nth-child(1):hover{transform:translate(-25px,-4px)!important}}
/* === P572F CARD01 + TITLE + CTA ALIGN END === */

/* P578B S04 MOBILE FINAL RESET */
@media(max-width:900px){

.ph-architecture-tracks{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:none!important;
  gap:16px!important;
  direction:rtl!important;
}

.ph-architecture-track,
.ph-architecture-track:nth-child(n){
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:22px 18px!important;
  grid-column:1!important;
  grid-row:auto!important;
  grid-area:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.ph-architecture-track:hover,
.ph-architecture-track:nth-child(n):hover{
  transform:none!important;
}

.ph-architecture .ph-track-number{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  flex:0 0 auto!important;
  align-self:flex-end!important;
  width:52px!important;
  height:48px!important;
  margin:0 0 15px!important;
  font-size:21px!important;
}

.ph-architecture .ph-track-title{
  width:100%!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0!important;
  text-align:right!important;
}

.ph-architecture .ph-track-title small{
  font-size:12.5px!important;
}

.ph-architecture .ph-track-title>strong{
  margin-top:5px!important;
  font-size:22px!important;
  line-height:1.55!important;
}

.ph-architecture .ph-track-output{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.9!important;
  text-align:right!important;
}

.ph-architecture .ph-track-output>strong{
  margin-bottom:7px!important;
  font-size:17px!important;
}

.ph-domain-search{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
  box-sizing:border-box!important;
}

.ph-domain-search-row,
.ph-architecture-track:nth-child(1) .ph-domain-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
}

.ph-domain-search-row input,
.ph-domain-search-row button{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.ph-domain-search-row input{
  font-size:16px!important;
}

.ph-track-state,
.ph-track-state.ph-track-cta{
  position:relative!important;
  inset:auto!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  margin:15px 0 0!important;
}

.ph-architecture .ph-track-ghost{
  display:none!important;
}

.ph-architecture-track::after{
  width:96px!important;
  height:96px!important;
  left:8px!important;
  bottom:8px!important;
  opacity:.055!important;
}

}
/* END P578B S04 */

/* =========================================
   P585I SOURCE 03: assets/css/home/ownership-system.css
   ========================================= */

/* ==========================================================
   P019009 OWNERSHIP SYSTEM
   POSHESH / CONTINUITY LEDGER
   ========================================================== */


.ph-ownership {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding-block:
        clamp(105px,10vw,150px);

    border-bottom:
        1px solid rgba(255,255,255,.045);

    background:
        radial-gradient(
            760px 420px at 88% 45%,
            rgba(53,201,214,.07),
            transparent 72%
        ),
        radial-gradient(
            620px 400px at 10% 70%,
            rgba(216,170,98,.045),
            transparent 72%
        ),
        #02080e;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.ph-ownership-head {
    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap:
        clamp(45px,7vw,105px);

    align-items: end;

    margin-block-end:
        clamp(50px,6vw,75px);
}


.ph-ownership-index {
    direction: ltr;
}


.ph-ownership-index strong {
    display: block;

    color:
        rgba(216,170,98,.75);

    font-size:
        clamp(4rem,7.8vw,7.4rem);

    font-weight: 250;

    line-height: .78;

    letter-spacing: -.065em;
}


.ph-ownership-index span {
    display: block;

    margin-block-start: 20px;

    color: #5d747f;

    font-size: .64rem;

    letter-spacing: .15em;
}


.ph-ownership-copy h2 {
    max-width: 760px;

    margin:
        10px 0 17px;

    color: #f3f8f9;

    font-size:
        clamp(2.2rem,4.1vw,3.95rem);

    line-height: 1.26;

    letter-spacing: -.035em;
}


.ph-ownership-copy p {
    max-width: 670px;

    margin: 0;

    color: #899fa9;

    line-height: 2.05;
}


/* ----------------------------------------------------------
   LEDGER FRAME
   ---------------------------------------------------------- */

.ph-ownership-ledger {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(320px,.88fr)
        minmax(0,1.12fr);

    min-height:
        590px;

    overflow: hidden;

    border:
        1px solid rgba(83,210,221,.16);

    border-radius:
        30px;

    background:
        linear-gradient(
            90deg,
            rgba(7,26,38,.98),
            rgba(3,13,21,.98)
        );

    box-shadow:
        0 34px 82px rgba(0,0,0,.25);
}


.ph-ownership-ledger::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-end: 9%;

    width: 230px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            #b9f5f6,
            var(--ph-violet),
            transparent
        );
}


.ph-ownership-ledger::after {
    content: "";

    position: absolute;

    bottom: 0;
    inset-inline-start: 8%;

    width: 125px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-gold),
            transparent
        );
}


/* ----------------------------------------------------------
   LEFT / LEGACY COLUMN
   ---------------------------------------------------------- */

.ph-ownership-legacy {
    position: relative;

    display: flex;

    flex-direction: column;
    justify-content: space-between;

    padding:
        clamp(36px,5vw,62px);

    overflow: hidden;

    border-inline-end:
        1px solid rgba(255,255,255,.055);

    background:
        radial-gradient(
            360px 300px at 35% 28%,
            rgba(84,218,228,.07),
            transparent 72%
        );
}


.ph-ownership-legacy::before {
    content: "OWN";

    position: absolute;

    inset-inline-start:
        clamp(15px,2vw,28px);

    top: 50%;

    transform:
        translateY(-50%);

    color:
        rgba(218,238,241,.025);

    font-size:
        clamp(7rem,16vw,14rem);

    font-weight: 900;

    line-height: .75;

    letter-spacing: -.08em;

    pointer-events: none;
}


.ph-legacy-top {
    position: relative;
    z-index: 2;
}


.ph-legacy-kicker {
    color:
        var(--ph-gold);

    font-size: .61rem;

    letter-spacing: .15em;
}


.ph-legacy-number {
    direction: ltr;

    margin-block:
        clamp(32px,5vw,58px)
        20px;

    color:
        #eef7f8;

    font-size:
        clamp(5.8rem,11vw,10rem);

    font-weight: 250;

    line-height: .72;

    letter-spacing: -.07em;
}


.ph-legacy-number span {
    color:
        var(--ph-cyan);
}


.ph-legacy-title {
    max-width: 330px;

    color:
        #dbe8eb;

    font-size:
        clamp(1.25rem,2vw,1.7rem);

    line-height: 1.55;
}


.ph-legacy-bottom {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 13px;

    margin-block-start:
        55px;
}


.ph-legacy-line {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--ph-gold),
            rgba(84,218,228,.35),
            transparent
        );
}


.ph-legacy-bottom p {
    max-width: 360px;

    margin: 0;

    color: #768e99;

    font-size: .76rem;

    line-height: 1.95;
}


/* ----------------------------------------------------------
   RIGHT / PRINCIPLE ROWS
   ---------------------------------------------------------- */

.ph-ownership-principles {
    display: grid;

    grid-template-rows:
        repeat(4,minmax(0,1fr));
}


.ph-ownership-principle {
    position: relative;

    display: grid;

    grid-template-columns:
        80px
        minmax(180px,.72fr)
        minmax(260px,1.28fr)
        115px;

    align-items: center;

    gap:
        clamp(15px,2vw,28px);

    padding:
        26px
        clamp(26px,4vw,46px);

    overflow: hidden;

    border-bottom:
        1px solid rgba(255,255,255,.05);
}


.ph-ownership-principle:last-child {
    border-bottom: 0;
}


.ph-ownership-principle::before {
    content: "";

    position: absolute;

    inset-block: 22%;
    inset-inline-start: 0;

    width: 2px;

    background:
        var(--ph-cyan);
}


.ph-ownership-principle:nth-child(1)::before {
    background:
        var(--ph-gold);
}


.ph-ownership-principle:nth-child(2)::before {
    background:
        var(--ph-cyan);
}


.ph-ownership-principle:nth-child(3)::before {
    background:
        var(--ph-violet);
}


.ph-ownership-principle:nth-child(4)::before {
    background:
        linear-gradient(
            180deg,
            var(--ph-cyan),
            var(--ph-violet)
        );
}


.ph-principle-no {
    direction: ltr;

    color:
        rgba(255,255,255,.12);

    font-size:
        clamp(2.1rem,3.6vw,3.5rem);

    font-weight: 250;

    line-height: 1;
}


.ph-principle-title small {
    display: block;

    margin-block-end: 7px;

    color: #526d78;

    font-size: .56rem;

    font-weight: 750;

    letter-spacing: .12em;
}


.ph-principle-title strong {
    color:
        #eaf3f5;

    font-size:
        clamp(.95rem,1.3vw,1.18rem);

    line-height: 1.5;
}


.ph-principle-copy {
    color:
        #7f959f;

    font-size:
        .73rem;

    line-height: 1.9;
}


.ph-principle-state {
    direction: ltr;

    justify-self: end;

    padding:
        7px 9px;

    border:
        1px solid rgba(84,218,228,.10);

    border-radius:
        6px;

    color:
        #607985;

    font-size:
        .54rem;

    letter-spacing:
        .08em;
}


/* ----------------------------------------------------------
   BOTTOM SIGNATURE
   ---------------------------------------------------------- */

.ph-ownership-signature {
    display: grid;

    grid-template-columns:
        minmax(0,.76fr)
        minmax(0,1.24fr);

    gap:
        clamp(40px,7vw,95px);

    align-items: center;

    margin-block-start:
        42px;
}


.ph-ownership-signature-line {
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(216,170,98,.38),
            rgba(84,218,228,.38),
            rgba(119,89,223,.28),
            transparent
        );
}


.ph-ownership-signature p {
    margin: 0;

    color:
        #859ba5;

    font-size:
        .86rem;

    line-height:
        2;
}


.ph-ownership-signature strong {
    color:
        #d8e5e8;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:1000px) {

    .ph-ownership-head {
        grid-template-columns:
            1fr;
    }


    .ph-ownership-ledger {
        grid-template-columns:
            1fr;
    }


    .ph-ownership-legacy {
        min-height:
            420px;

        border-inline-end:
            0;

        border-bottom:
            1px solid rgba(255,255,255,.055);
    }

}


@media (max-width:760px) {

    .ph-ownership-principle {
        grid-template-columns:
            55px 1fr;

        min-height:
            150px;

        padding:
            24px 20px;
    }


    .ph-principle-copy {
        grid-column:
            2;
    }


    .ph-principle-state {
        display:
            none;
    }


    .ph-ownership-signature {
        grid-template-columns:
            1fr;
    }

}


/* END P019009 OWNERSHIP SYSTEM */

/* =========================================
   P585I SOURCE 04: assets/css/home/project-gateway.css
   ========================================= */

/* ==========================================================
   P019011 PROJECT GATEWAY
   POSHESH / FINAL PROJECT ENTRY
   ========================================================== */


.ph-gateway {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding-block:
        clamp(110px,11vw,165px);

    background:
        radial-gradient(
            760px 460px at 82% 44%,
            rgba(84,218,228,.085),
            transparent 70%
        ),
        radial-gradient(
            650px 430px at 14% 72%,
            rgba(119,89,223,.065),
            transparent 72%
        ),
        #02080e;
}


/* ----------------------------------------------------------
   TOP LABEL
   ---------------------------------------------------------- */

.ph-gateway-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;

    margin-block-end:
        clamp(34px,5vw,55px);

    direction: ltr;
}


.ph-gateway-meta span {
    color:
        #5d7681;

    font-size:
        .61rem;

    letter-spacing:
        .14em;
}


.ph-gateway-meta strong {
    color:
        rgba(216,170,98,.78);

    font-size:
        .61rem;

    font-weight: 650;

    letter-spacing:
        .14em;
}


/* ----------------------------------------------------------
   MASTER GATE
   ---------------------------------------------------------- */

.ph-gateway-panel {
    position: relative;

    min-height:
        610px;

    display: grid;

    grid-template-columns:
        minmax(300px,.72fr)
        minmax(0,1.28fr);

    overflow: hidden;

    border:
        1px solid rgba(84,211,221,.19);

    border-radius:
        34px;

    background:
        linear-gradient(
            118deg,
            rgba(8,31,44,.98) 0%,
            rgba(5,20,30,.98) 42%,
            rgba(3,12,20,.99) 100%
        );

    box-shadow:
        0 38px 90px rgba(0,0,0,.30);
}


/* energy strike across frame */

.ph-gateway-panel::before {
    content: "";

    position: absolute;

    z-index: 5;

    top: 0;
    inset-inline-end: 11%;

    width:
        270px;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            #d4ffff,
            var(--ph-violet),
            transparent
        );
}


.ph-gateway-panel::after {
    content: "";

    position: absolute;

    z-index: 1;

    left: 42%;
    top: -20%;

    width:
        1px;

    height:
        145%;

    transform:
        rotate(16deg);

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(84,218,228,.26),
            rgba(119,89,223,.18),
            transparent
        );

    pointer-events: none;
}


/* ----------------------------------------------------------
   SIGNAL SIDE
   ---------------------------------------------------------- */

.ph-gateway-signal {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding:
        clamp(38px,5vw,64px);

    overflow: hidden;

    border-inline-end:
        1px solid rgba(255,255,255,.055);

    background:
        radial-gradient(
            390px 330px at 38% 32%,
            rgba(84,218,228,.075),
            transparent 72%
        );
}


.ph-gateway-signal::before {
    content: "NEXT";

    position: absolute;

    inset-inline-start:
        -10px;

    top: 48%;

    transform:
        translateY(-50%);

    color:
        rgba(229,244,246,.028);

    font-size:
        clamp(7rem,15vw,14rem);

    font-weight:
        900;

    line-height:
        .75;

    letter-spacing:
        -.085em;

    pointer-events: none;
}


.ph-gateway-code {
    position: relative;
    z-index: 2;

    direction: ltr;
}


.ph-gateway-code strong {
    display: block;

    color:
        rgba(216,170,98,.82);

    font-size:
        clamp(5.4rem,10vw,9.6rem);

    font-weight:
        250;

    line-height:
        .72;

    letter-spacing:
        -.07em;
}


.ph-gateway-code span {
    display: block;

    margin-block-start:
        22px;

    color:
        #59727d;

    font-size:
        .60rem;

    letter-spacing:
        .14em;
}


.ph-gateway-signal-bottom {
    position: relative;
    z-index: 2;

    display: grid;

    gap:
        13px;
}


.ph-gateway-signal-line {
    width:
        100%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            var(--ph-gold),
            rgba(84,218,228,.44),
            transparent
        );
}


.ph-gateway-signal-bottom small {
    color:
        #5a7580;

    font-size:
        .58rem;

    letter-spacing:
        .11em;
}


.ph-gateway-signal-bottom strong {
    color:
        #cbdadd;

    font-size:
        .84rem;

    font-weight:
        600;

    line-height:
        1.7;
}


/* ----------------------------------------------------------
   CTA SIDE
   ---------------------------------------------------------- */

.ph-gateway-content {
    position: relative;

    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(44px,7vw,92px);
}


.ph-gateway-kicker {
    color:
        var(--ph-cyan);

    font-size:
        .61rem;

    font-weight:
        750;

    letter-spacing:
        .14em;
}


.ph-gateway-content h2 {
    max-width:
        780px;

    margin:
        16px 0 22px;

    color:
        #f4f8f9;

    font-size:
        clamp(2.7rem,5.3vw,5.2rem);

    line-height:
        1.16;

    letter-spacing:
        -.045em;
}


.ph-gateway-content h2 span {
    color:
        var(--ph-cyan);
}


.ph-gateway-content > p {
    max-width:
        690px;

    margin:
        0;

    color:
        #8ca2ac;

    font-size:
        clamp(.86rem,1.05vw,.98rem);

    line-height:
        2.1;
}


/* CTA actions */

.ph-gateway-actions {
    display: flex;
    flex-wrap: wrap;

    gap:
        12px;

    margin-block-start:
        36px;
}


.ph-gateway-primary,
.ph-gateway-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height:
        48px;

    padding:
        0 20px;

    border-radius:
        10px;

    text-decoration:
        none;

    font-size:
        .78rem;

    font-weight:
        700;
}


.ph-gateway-primary {
    color:
        #041016;

    background:
        linear-gradient(
            100deg,
            #5bdce4,
            #8ce9e9
        );

    box-shadow:
        0 12px 35px rgba(84,218,228,.10);
}


.ph-gateway-secondary {
    color:
        #b5c7cd;

    border:
        1px solid rgba(255,255,255,.09);

    background:
        rgba(5,18,27,.68);
}


/* ----------------------------------------------------------
   CONTACT RAIL
   ---------------------------------------------------------- */

.ph-gateway-contact {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        1px;

    margin-block-start:
        42px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius:
        13px;

    background:
        rgba(255,255,255,.045);
}


.ph-gateway-contact a {
    display: grid;

    gap:
        6px;

    padding:
        15px 17px;

    color:
        inherit;

    text-decoration:
        none;

    background:
        rgba(3,14,22,.88);
}


.ph-gateway-contact small {
    direction: ltr;

    color:
        #536d78;

    font-size:
        .53rem;

    letter-spacing:
        .10em;
}


.ph-gateway-contact strong {
    color:
        #b8cbd0;

    font-size:
        .71rem;

    font-weight:
        600;
}


/* ----------------------------------------------------------
   BOTTOM ENERGY / BRAND LINE
   ---------------------------------------------------------- */

.ph-gateway-footerline {
    display: grid;

    grid-template-columns:
        1fr auto;

    gap:
        30px;

    align-items: center;

    margin-block-start:
        28px;

    direction:
        ltr;
}


.ph-gateway-footerline::before {
    content: "";

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(216,170,98,.34),
            rgba(84,218,228,.36),
            rgba(119,89,223,.28),
            transparent
        );
}


.ph-gateway-footerline span {
    color:
        #516b76;

    font-size:
        .55rem;

    letter-spacing:
        .12em;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:950px) {

    .ph-gateway-panel {
        grid-template-columns:
            1fr;
    }


    .ph-gateway-signal {
        min-height:
            330px;

        border-inline-end:
            0;

        border-bottom:
            1px solid rgba(255,255,255,.055);
    }


    .ph-gateway-panel::after {
        display:
            none;
    }

}


@media (max-width:650px) {

    .ph-gateway-meta {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .ph-gateway-signal {
        min-height:
            280px;

        padding:
            32px 26px;
    }


    .ph-gateway-content {
        padding:
            42px 24px;
    }


    .ph-gateway-content h2 {
        font-size:
            clamp(2.35rem,12vw,3.7rem);
    }


    .ph-gateway-contact {
        grid-template-columns:
            1fr;
    }


    .ph-gateway-footerline {
        grid-template-columns:
            1fr;
    }

}


/* END P019011 PROJECT GATEWAY */


/* ==================================================
   P029K1 GATEWAY CONTACT EMPHASIS
   Contact rail visibility / conversion hierarchy
   ================================================== */

.ph-gateway-contact {
    gap: 10px;
    margin-top: 30px;
}

.ph-gateway-contact a {
    position: relative;
    padding: 17px 18px 16px;

    border: 1px solid rgba(79,211,220,.16);
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(56,200,211,.075),
            rgba(22,75,91,.045)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.ph-gateway-contact a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 17%;
    width: 2px;
    height: 66%;

    border-radius: 2px;

    background:
        linear-gradient(
            180deg,
            #57dce4,
            #278e96
        );

    opacity: .72;
}

.ph-gateway-contact small {
    display: block;
    margin-bottom: 7px;

    color: #6dcbd1;

    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;

    opacity: 1;
}

.ph-gateway-contact strong {
    display: block;

    color: #edfafa;

    font-size:
        clamp(.94rem,1.15vw,1.08rem);

    font-weight: 720;
    line-height: 1.45;

    text-shadow:
        0 0 18px rgba(83,213,222,.10);
}

.ph-gateway-contact a:hover,
.ph-gateway-contact a:focus-visible {
    border-color: rgba(83,218,228,.32);

    background:
        linear-gradient(
            135deg,
            rgba(57,210,221,.105),
            rgba(27,91,105,.065)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 24px rgba(43,171,184,.055);
}

@media (max-width: 720px) {

    .ph-gateway-contact a {
        padding: 15px 16px;
    }

    .ph-gateway-contact strong {
        font-size: .96rem;
    }
}

/* END P029K1 GATEWAY CONTACT EMPHASIS */


/* P583T-S09-SECTION-FRAME-RESET */
.ph-gateway-panel{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.ph-gateway-panel::before,
.ph-gateway-panel::after{
    display:none!important;
}
/* END P583T-S09-SECTION-FRAME-RESET */

/* P583X-S10-OFFICE-SLIDER */

/* replace decorative NEXT ghost with real office imagery */
.ph-gateway-signal::before{
    content:none!important;
    display:none!important;
}

.ph-office-slider{
    position:relative;
    z-index:3;

    width:min(100%,560px);
    aspect-ratio:16 / 9;

    margin:0 auto 30px;

    overflow:hidden;
    isolation:isolate;

    border:0;
    border-radius:0;

    background:#02070b;

    box-shadow:none;
}

.ph-office-slide{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    opacity:0;
    transform:scale(1.018);

    transition:
        opacity .42s ease,
        transform .72s ease;

    will-change:opacity,transform;
}

.ph-office-slide.is-active{
    opacity:1;
    transform:scale(1);
}

/* fade image naturally into the dark section */
.ph-office-slider-shade{
    position:absolute;
    z-index:5;
    inset:-1px;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(2,7,11,.88) 0%,
            rgba(2,7,11,.10) 10%,
            rgba(2,7,11,0) 26%,
            rgba(2,7,11,0) 74%,
            rgba(2,7,11,.10) 90%,
            rgba(2,7,11,.88) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2,7,11,.78) 0%,
            transparent 18%,
            transparent 80%,
            rgba(2,7,11,.82) 100%
        );
}

@media(max-width:900px){

    .ph-office-slider{
        width:100%;
        aspect-ratio:16 / 9;
        margin:0 auto 24px;
    }

    .ph-office-slide{
        object-position:center;
    }
}

@media(prefers-reduced-motion:reduce){

    .ph-office-slide{
        transition:none!important;
        transform:none!important;
    }
}

/* END P583X-S10-OFFICE-SLIDER */

/* P583Z-S10-GALLERY-LAYOUT */

/* Desktop: use more of the signal-side width */
@media(min-width:901px){

    .ph-gateway-signal .ph-office-slider{
        width:calc(100% + 140px)!important;
        max-width:680px!important;
        margin-inline:-70px!important;
        margin-block:0 30px!important;
    }

}

/* softer edge fade - image remains clearly visible */
.ph-office-slider-shade{
    background:
        linear-gradient(
            90deg,
            rgba(2,7,11,.30) 0%,
            rgba(2,7,11,.08) 5%,
            transparent 13%,
            transparent 87%,
            rgba(2,7,11,.08) 95%,
            rgba(2,7,11,.30) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2,7,11,.22) 0%,
            transparent 10%,
            transparent 90%,
            rgba(2,7,11,.26) 100%
        )!important;
}

/* Mobile: gallery becomes a full-width final item */
@media(max-width:900px){

    .ph-gateway-panel > .ph-office-slider{
        grid-column:1 / -1!important;
        width:100%!important;
        max-width:none!important;
        aspect-ratio:16 / 9!important;

        margin:30px 0 0!important;

        order:99!important;

        border:0!important;
        border-radius:0!important;
    }

    .ph-gateway-panel > .ph-office-slider .ph-office-slide{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

}

/* END P583Z-S10-GALLERY-LAYOUT */

/* P584A-S10-LAYOUT-REBALANCE */

/* =========================================================
   DESKTOP
   ========================================================= */
@media(min-width:901px){

    /* reduce gap from section 09 */
    .ph-gateway{
        padding-top:52px!important;
        padding-bottom:96px!important;
    }

    /* allow section 10 to use more screen width */
    .ph-gateway > .ph-shell{
        width:min(1480px,calc(100% - 56px))!important;
        max-width:none!important;
    }

    /* give more width to visual / gallery side */
    .ph-gateway-panel{
        grid-template-columns:
            minmax(520px,.96fr)
            minmax(0,1.04fr)!important;

        min-height:680px!important;
    }

    .ph-gateway-signal{
        justify-content:flex-start!important;
        gap:22px!important;

        padding:
            38px 34px 32px!important;
    }

    /* 10 first */
    .ph-gateway-code{
        order:1!important;

        width:100%!important;

        margin:0!important;

        text-align:right!important;
    }

    /* gallery below number 10 */
    .ph-gateway-signal .ph-office-slider{
        order:2!important;

        width:100%!important;
        max-width:none!important;

        aspect-ratio:16 / 9!important;

        margin:0!important;
    }

    .ph-gateway-signal-bottom{
        order:3!important;
        margin-top:auto!important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:900px){

    /* smaller 09 → 10 gap */
    .ph-gateway{
        padding-top:34px!important;
        padding-bottom:62px!important;
    }

    .ph-gateway > .ph-shell{
        width:calc(100% - 24px)!important;
        max-width:none!important;
    }

    /* remove the two requested top labels */
    .ph-gateway-meta{
        display:none!important;
    }

    .ph-gateway-panel{
        min-height:0!important;
        grid-template-columns:1fr!important;
    }

    /* number area compact and aligned right */
    .ph-gateway-signal{
        min-height:0!important;

        padding:
            18px 8px 12px!important;

        justify-content:flex-start!important;
    }

    .ph-gateway-code{
        width:100%!important;

        margin:0!important;
        padding:0 6px!important;

        text-align:right!important;
    }

    .ph-gateway-code strong,
    .ph-gateway-code span{
        text-align:right!important;
    }

    /* gallery remains after main content, full width */
    .ph-gateway-panel > .ph-office-slider{
        width:100%!important;
        max-width:none!important;

        aspect-ratio:16 / 9!important;

        margin:
            28px 0 0!important;
    }

}


/* END P584A-S10-LAYOUT-REBALANCE */

/* P584B-S10-META-FOOTER-GAP-CLEANUP */

/* remove top micro labels on all devices */
.ph-gateway-meta{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

/* remove 24 years / 2002—2026 footer line */
.ph-gateway-footerline{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}

/* remove remaining bottom space before footer */
.ph-gateway{
    padding-bottom:0!important;
    margin-bottom:0!important;
}

/* prevent inner wrappers from recreating bottom gap */
.ph-gateway > .ph-shell{
    margin-bottom:0!important;
    padding-bottom:0!important;
}

.ph-gateway-panel{
    margin-bottom:0!important;
}

/* END P584B-S10-META-FOOTER-GAP-CLEANUP */

/* P584C-S10-NUMBER-CONTACT-LABEL */

.ph-gateway-code{
    text-align:right!important;
    direction:rtl!important;
}

.ph-gateway-code span{
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.6!important;
    letter-spacing:0!important;
}

/* desktop: move 10 farther right */
@media(min-width:901px){

    .ph-gateway-code{
        transform:translateX(26px)!important;
    }

}

/* mobile: right alignment with smaller controlled shift */
@media(max-width:900px){

    .ph-gateway-code{
        transform:translateX(12px)!important;
    }

    .ph-gateway-code span{
        font-size:13.5px!important;
    }

}

/* END P584C-S10-NUMBER-CONTACT-LABEL */

/* P584E-S10-BRAND-GREEN */
.ph-gateway-content h2 .ph-gateway-brand{
    color:#57d99a!important;
}
/* END P584E-S10-BRAND-GREEN */

/* =========================================
   P585I SOURCE 05: assets/css/home/typography-polish.css
   ========================================= */

/* ==========================================================
   P019013 TYPOGRAPHY POLISH
   Readability only — no composition changes
   ========================================================== */


/* ----------------------------------------------------------
   BASE
   ---------------------------------------------------------- */

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* ----------------------------------------------------------
   PRIMARY PERSIAN DESCRIPTIVE COPY
   ---------------------------------------------------------- */

.ph-architecture-copy p,
.ph-ownership-copy p,
.ph-process-copy p,
.ph-gateway-content > p {
    font-size:
        clamp(.88rem,1vw,.96rem);

    line-height:
        2.05;
}


/* ----------------------------------------------------------
   SERVICES
   ---------------------------------------------------------- */

.ph-track-output {
    font-size:
        .80rem;

    line-height:
        1.9;
}

.ph-track-output strong {
    font-size:
        .76rem;
}

.ph-architecture-conclusion p {
    font-size:
        .90rem;

    line-height:
        2;
}


/* ----------------------------------------------------------
   OWNERSHIP
   ---------------------------------------------------------- */

.ph-legacy-bottom p {
    font-size:
        .82rem;

    line-height:
        2;
}

.ph-principle-copy {
    font-size:
        .80rem;

    line-height:
        1.95;
}

.ph-ownership-signature p {
    font-size:
        .90rem;
}


/* ----------------------------------------------------------
   PROCESS
   ---------------------------------------------------------- */

.ph-process-stage p {
    font-size:
        .80rem;

    line-height:
        1.95;
}

.ph-process-conclusion p {
    font-size:
        .90rem;
}


/* ----------------------------------------------------------
   FINAL GATEWAY
   ---------------------------------------------------------- */

.ph-gateway-signal-bottom strong {
    font-size:
        .90rem;
}

.ph-gateway-contact strong {
    font-size:
        .76rem;
}


/* ----------------------------------------------------------
   PORTFOLIO / REAL WORK
   Keep metadata restrained, but readable
   ---------------------------------------------------------- */

.ph-work-name small {
    font-size:
        .69rem;
}

.ph-work-link {
    font-size:
        .75rem;
}


/* ----------------------------------------------------------
   HEADER / FOOTER
   Slight readability lift only
   ---------------------------------------------------------- */

.ph-brand-copy small {
    font-size:
        .68rem;
}

.ph-nav a {
    font-size:
        .75rem;
}

.ph-end {
    font-size:
        .75rem;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:720px) {

    .ph-architecture-copy p,
    .ph-ownership-copy p,
    .ph-process-copy p,
    .ph-gateway-content > p,
    .ph-track-output,
    .ph-principle-copy,
    .ph-process-stage p {
        font-size:
            .88rem;
    }

    .ph-architecture-conclusion p,
    .ph-ownership-signature p,
    .ph-process-conclusion p {
        font-size:
            .92rem;
    }

}


/* END P019013 TYPOGRAPHY POLISH */

/* =========================================
   P585I SOURCE 06: assets/css/home/shell-polish.css
   ========================================= */

/* ==========================================================
   P019014 FINAL SHELL POLISH
   Header + Footer only
   ========================================================== */


/* ==========================================================
   HEADER
   ========================================================== */

.ph-header {
    position: relative;
    z-index: 20;

    border-bottom:
        1px solid rgba(91,214,224,.11);

    background:
        radial-gradient(
            420px 100px at 82% 0%,
            rgba(84,218,228,.055),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            #031019,
            #02080e
        );
}


.ph-header::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-end: 8%;

    width: 180px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-cyan),
            var(--ph-violet),
            transparent
        );
}


.ph-header-inner {
    min-height: 92px;
}


.ph-brand {
    gap: 14px;
}


.ph-brand-mark {
    width: 44px;
    height: 44px;

    border-color:
        rgba(84,218,228,.38);

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(84,218,228,.12),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            rgba(84,218,228,.08),
            rgba(119,89,223,.07)
        );
}


.ph-brand-mark::after {
    content: "";

    position: absolute;

    inset: 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius: 8px;
}


.ph-brand-copy strong {
    font-size: 1.08rem;

    letter-spacing: .17em;
}


.ph-brand-copy small {
    color: #8096a0;
}


.ph-nav a {
    position: relative;

    padding-block: 10px;

    color: #9aadb5;
}


.ph-nav a::after {
    content: "";

    position: absolute;

    right: 50%;
    bottom: 3px;

    width: 0;
    height: 1px;

    transform: translateX(50%);

    background:
        linear-gradient(
            90deg,
            var(--ph-cyan),
            var(--ph-violet)
        );

    transition:
        width 160ms ease;
}


.ph-nav a:hover::after {
    width: 22px;
}


.ph-header-cta {
    min-height: 46px;

    padding-inline: 21px;

    border-color:
        rgba(91,220,230,.42);

    border-radius: 11px;

    background:
        linear-gradient(
            110deg,
            rgba(61,195,207,.10),
            rgba(115,86,218,.07)
        );
}


.ph-header-cta:hover {
    border-color:
        rgba(105,227,235,.62);

    color: #fff;
}


/* ==========================================================
   FINAL FOOTER
   ========================================================== */

.ph-end {
    position: relative;

    padding-block:
        clamp(58px,6vw,82px)
        34px;

    overflow: hidden;

    border-top:
        1px solid rgba(84,218,228,.11);

    background:
        radial-gradient(
            620px 220px at 12% 0%,
            rgba(119,89,223,.05),
            transparent 72%
        ),
        radial-gradient(
            620px 220px at 88% 0%,
            rgba(84,218,228,.055),
            transparent 72%
        ),
        #02070d;

    color: #718792;
}


.ph-end::before {
    content: "";

    position: absolute;

    top: 0;
    inset-inline-start: 8%;

    width: 220px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ph-gold),
            var(--ph-cyan),
            transparent
        );
}


.ph-end-inner {
    display: block;
}


.ph-end-main {
    display: grid;

    grid-template-columns:
        minmax(230px,.7fr)
        minmax(280px,1.15fr)
        minmax(260px,.85fr);

    gap:
        clamp(38px,6vw,90px);

    align-items: start;
}


.ph-end-brand {
    display: flex;
    align-items: center;

    gap: 14px;

    color: inherit;

    text-decoration: none;
}


.ph-end-brand-mark {
    position: relative;

    width: 42px;
    height: 42px;

    flex: 0 0 auto;

    border:
        1px solid rgba(84,218,228,.30);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(84,218,228,.08),
            rgba(119,89,223,.06)
        );
}


.ph-end-brand-mark::before {
    content: "";

    position: absolute;

    width: 14px;
    height: 14px;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%,-50%)
        rotate(45deg);

    border:
        2px solid var(--ph-cyan);

    border-left-color:
        var(--ph-violet);
}


.ph-end-brand-copy {
    display: grid;

    gap: 5px;
}


.ph-end-brand-copy strong {
    color: #edf5f7;

    font-size: .95rem;

    letter-spacing: .16em;
}


.ph-end-brand-copy small {
    color: #617b86;

    font-size: .62rem;

    letter-spacing: .06em;
}


.ph-end-statement {
    max-width: 480px;

    margin: 0;

    color: #8096a0;

    font-size: .82rem;

    line-height: 2;
}


.ph-end-statement strong {
    color: #c7d6da;

    font-weight: 650;
}


.ph-end-nav {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        13px 26px;
}


.ph-end-nav a {
    color: #8499a2;

    font-size: .75rem;

    text-decoration: none;
}


.ph-end-nav a:hover {
    color: #ddecf0;
}


.ph-end-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-block-start:
        clamp(42px,5vw,60px);

    padding-block-start:
        22px;

    border-top:
        1px solid rgba(255,255,255,.045);

    direction: ltr;
}


.ph-end-bottom span {
    color: #526b76;

    font-size: .58rem;

    letter-spacing: .10em;
}


.ph-end-bottom strong {
    color: #718993;

    font-size: .58rem;

    font-weight: 600;

    letter-spacing: .10em;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:860px) {

    .ph-header-inner {
        min-height: 78px;
    }

    .ph-nav {
        display: none;
    }

    .ph-end-main {
        grid-template-columns:
            1fr 1fr;
    }

    .ph-end-statement {
        grid-column:
            1 / 3;
    }

}


@media (max-width:560px) {

    .ph-brand-copy small {
        display: none;
    }

    .ph-brand-mark {
        width: 40px;
        height: 40px;
    }

    .ph-header-cta {
        min-height: 41px;

        padding-inline: 14px;

        font-size: .72rem;
    }

    .ph-end-main {
        grid-template-columns:
            1fr;
    }

    .ph-end-statement {
        grid-column:
            auto;
    }

    .ph-end-nav {
        max-width: 300px;
    }

    .ph-end-bottom {
        align-items: flex-start;

        flex-direction: column;
    }

}


/* END P019014 FINAL SHELL POLISH */

/* ==========================================================
   P029N3 APPROVED LOGO
   ========================================================== */

.ph-brand-logo {
    display: block;

    width: clamp(126px, 10.5vw, 158px);
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 4px 16px
            rgba(0,0,0,.14)
        );
}

.ph-brand {
    min-width: max-content;
}

@media (max-width:560px) {

    .ph-brand-logo {
        width: 122px;
    }

}

/* END P029N3 APPROVED LOGO */

/* =========================================
   P585I SOURCE 07: assets/css/final/custom-pages-font.css
   ========================================= */

/* POSHESH V2 FINAL TYPOGRAPHY */

@font-face {
    font-family:"Vazirmatn";
    src:url("../../fonts/Vazirmatn-Variable.woff2") format("woff2");
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}

body,
body *,
input,
textarea,
button,
select {
    font-family:"Vazirmatn",Tahoma,Arial,sans-serif !important;
}

/* END FINAL TYPOGRAPHY */

/* =========================================
   P585I SOURCE 08: assets/css/home/social-proof.css
   ========================================= */

/* P029 HISTORIC CLIENTS */

.phc-proof {
    position: relative;
    overflow: hidden;
    padding: clamp(84px,9vw,136px) 0;
    background:
        radial-gradient(circle at 12% 22%,
            rgba(30,214,255,.08),
            transparent 30%),
        radial-gradient(circle at 90% 78%,
            rgba(144,92,255,.08),
            transparent 32%),
        #090c12;
    border-block:
        1px solid rgba(255,255,255,.055);
}

.phc-shell {
    width: min(1180px,calc(100% - 48px));
    margin-inline: auto;
}

.phc-head {
    max-width: 780px;
    margin-bottom: clamp(40px,5vw,66px);
}

.phc-kicker {
    display: block;
    margin-bottom: 14px;
    color: #76e9ff;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: .04em;
}

.phc-head h2 {
    margin: 0;
    color: #f7f9fc;
    font-size: clamp(32px,4vw,54px);
    line-height: 1.45;
}

.phc-head h2 strong {
    color: #d7bd73;
    font-weight: 820;
}

.phc-head p {
    max-width: 720px;
    margin: 22px 0 0;
    color: rgba(235,241,248,.68);
    font-size: 16px;
    line-height: 2;
}

.phc-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.phc-card {
    position: relative;
    min-height: 245px;
    padding: 30px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 22px;
    transition:
        transform .28s ease,
        border-color .28s ease;
}

.phc-card::before {
    content: "";
    position: absolute;
    inset-inline: 30px;
    top: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            #63dff6,
            #8f68ff,
            #d6bb72
        );
    opacity: .7;
}

.phc-card:hover {
    transform: translateY(-5px);
    border-color: rgba(118,233,255,.25);
}

.phc-year {
    display: inline-block;
    margin-bottom: 24px;
    color: #d6bb72;
    font-size: 13px;
    font-weight: 800;
}

.phc-card h3 {
    margin: 0;
    color: #fff;
    font-size: 21px;
    line-height: 1.7;
}

.phc-card p {
    margin: 16px 0 0;
    color: rgba(235,241,248,.64);
    font-size: 14px;
    line-height: 1.95;
}

.phc-action {
    margin-top: 32px;
}

.phc-action a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #7fe9fb;
    font-weight: 750;
    text-decoration: none;
}

.phc-action a:hover {
    text-decoration: underline;
}

@media (max-width:900px) {

    .phc-grid {
        grid-template-columns: 1fr;
    }

    .phc-card {
        min-height: 0;
    }
}

@media (max-width:640px) {

    .phc-shell {
        width: min(100% - 30px,1180px);
    }

    .phc-proof {
        padding: 72px 0;
    }

    .phc-card {
        padding: 24px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion:reduce) {

    .phc-card {
        transition: none;
    }
}


/* ==================================================
   P029C CLIENT BRAND LAYER
   ================================================== */

.phc-brand {
    width: 88px;
    height: 88px;
    margin-bottom: 26px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: relative;
    isolation: isolate;

    border-radius: 22px;

    border:
        1px solid rgba(255,255,255,.13);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 38px rgba(0,0,0,.18);

    overflow: hidden;
}

.phc-brand::before {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: -1;

    background:
        radial-gradient(
            circle,
            rgba(116,229,249,.20),
            transparent 56%
        );

    opacity: .55;
}

.phc-brand span {
    color: #fff;
    font-family:
        ui-sans-serif,
        system-ui,
        sans-serif !important;

    font-size: 18px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .06em;
}

.phc-brand small {
    display: block;
    margin-top: 7px;

    color: rgba(235,241,248,.52);

    font-family:
        ui-sans-serif,
        system-ui,
        sans-serif !important;

    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .08em;
}


/* Individual identity accents */

.phc-brand-cfi {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 38px rgba(0,0,0,.18),
        0 0 34px rgba(82,191,255,.08);
}

.phc-brand-mes,
.phc-brand-sarcheshmeh {

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 38px rgba(0,0,0,.18),
        0 0 34px rgba(214,187,114,.09);
}

.phc-brand-mes::before,
.phc-brand-sarcheshmeh::before {

    background:
        radial-gradient(
            circle,
            rgba(214,187,114,.23),
            transparent 57%
        );
}

.phc-brand-jeyco {

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 15px 38px rgba(0,0,0,.18),
        0 0 34px rgba(151,104,255,.10);
}

.phc-brand-jeyco::before {

    background:
        radial-gradient(
            circle,
            rgba(151,104,255,.22),
            transparent 57%
        );
}


/* Ready for real logo files later */

.phc-brand img {
    display: block;

    max-width: 68px;
    max-height: 58px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* Keep logo treatment restrained on mobile */

@media (max-width:640px) {

    .phc-brand {
        width: 76px;
        height: 76px;
        margin-bottom: 22px;
        border-radius: 19px;
    }

    .phc-brand span {
        font-size: 16px;
    }
}


/* ==================================================
   P029D APPROVED COLOR PALETTE
   Navy + Aubergine + Cyan + Teal + Heritage Gold
   ================================================== */

.phc-proof {
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(48, 205, 224, .12),
            transparent 32%
        ),
        radial-gradient(
            circle at 86% 22%,
            rgba(91, 52, 122, .24),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 86%,
            rgba(24, 112, 111, .15),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #0d1a33 0%,
            #101b35 42%,
            #15172f 72%,
            #10263a 100%
        );

    border-block-color:
        rgba(102, 218, 230, .10);
}


.phc-head h2 {
    color: #f4f7fb;
}

.phc-head h2 strong {
    color: #d8be78;
}

.phc-kicker {
    color: #67deeb;
}

.phc-head p {
    color: rgba(228, 237, 246, .72);
}


/* Cards */

.phc-card {
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(84, 55, 116, .13),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(19, 39, 68, .92),
            rgba(16, 28, 52, .88)
        );

    border-color:
        rgba(117, 202, 214, .13);

    box-shadow:
        0 18px 46px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.045);
}

.phc-card::before {
    background:
        linear-gradient(
            90deg,
            #62dce9 0%,
            #237e80 34%,
            #754b96 68%,
            #d8be78 100%
        );

    opacity: .82;
}

.phc-card:hover {
    border-color:
        rgba(98, 220, 233, .30);

    box-shadow:
        0 24px 58px rgba(0,0,0,.20),
        0 0 42px rgba(45, 169, 178, .07),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.phc-card h3 {
    color: #f7f9fc;
}

.phc-card p {
    color: rgba(225, 235, 244, .68);
}

.phc-year {
    color: #d8be78;
}


/* Brand marks */

.phc-brand {
    background:
        radial-gradient(
            circle at 28% 22%,
            rgba(99, 220, 232, .12),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            rgba(25, 50, 78, .94),
            rgba(24, 27, 59, .92)
        );

    border-color:
        rgba(119, 205, 218, .18);
}

.phc-brand::before {
    background:
        radial-gradient(
            circle,
            rgba(72, 199, 211, .20),
            transparent 58%
        );
}

.phc-brand span {
    color: #f4f8fb;
}

.phc-brand small {
    color: rgba(211, 229, 238, .58);
}


/* Heritage / Mes */

.phc-brand-mes::before,
.phc-brand-sarcheshmeh::before {
    background:
        radial-gradient(
            circle,
            rgba(216, 190, 120, .20),
            transparent 58%
        );
}


/* JEYCO / aubergine accent */

.phc-brand-jeyco::before {
    background:
        radial-gradient(
            circle,
            rgba(118, 73, 151, .28),
            transparent 58%
        );
}


/* CTA */

.phc-action a {
    color: #69deea;
}

.phc-action a:hover {
    color: #94edf4;
}

/* === P569C YEAR TYPE START === */
.phc-card .phc-year{
display:inline-block!important;
font-size:18px!important;
font-weight:700!important;
line-height:1.45!important;
color:#d8aa62!important;
letter-spacing:0!important;
}
@media(max-width:760px){
.phc-card .phc-year{
font-size:17px!important;
line-height:1.5!important;
}
}
/* === P569C YEAR TYPE END === */

/* === P569E MESSPORT START === */
.phc-brand-mes > span{
font-size:clamp(18px,1.65vw,23px)!important;
letter-spacing:-.025em!important;
white-space:nowrap!important;
}
@media(max-width:760px){
.phc-brand-mes > span{
font-size:19px!important;
}
}
/* === P569E MESSPORT END === */

/* === P569E-R2 MESSPORT START === */
.phc-brand.phc-brand-mes > span{
font-size:16px!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
}
@media(max-width:760px){
.phc-brand.phc-brand-mes > span{
font-size:15px!important;
}
}
/* === P569E-R2 MESSPORT END === */

/* =========================================
   P585I SOURCE 09: assets/css/icon-system.css
   ========================================= */

/* ==========================================================
   P029L3 POSHESH ICON SYSTEM
   ========================================================== */

.ph-icon {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: inline-block;
    vertical-align: middle;
}


/* ==========================================================
   HOME / 07 CONTACT
   ========================================================== */

.ph-gateway-contact a {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 13px;
    align-items: center;
}

.ph-gateway-contact .ph-contact-icon {
    grid-column: 1;
    grid-row: 1 / 3;

    width: 23px;
    height: 23px;

    color: #69dce3;

    filter:
        drop-shadow(0 0 8px rgba(70,214,224,.16));
}

.ph-gateway-contact small,
.ph-gateway-contact strong {
    grid-column: 2;
}

.ph-gateway-contact small {
    font-size: .74rem !important;
    opacity: .9;
}

.ph-gateway-contact strong {
    font-size: clamp(1.14rem,1.45vw,1.34rem) !important;
    font-weight: 760 !important;
    line-height: 1.45;
    color: #edfafa;
}

.ph-gateway-contact strong[dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: right;
}


/* ==========================================================
   CONTACT PAGE
   ========================================================== */

.pc-info-list > a,
.pc-info-list > div {
    position: relative;
}

.pc-info-list > a,
.pc-info-list > div {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
}

.pc-info-list .ph-contact-icon {
    grid-column: 1;
    grid-row: 1 / 3;

    width: 23px;
    height: 23px;

    color: #60d9e1;

    filter:
        drop-shadow(0 0 8px rgba(68,210,220,.14));
}

.pc-info-list small,
.pc-info-list strong {
    grid-column: 2;
}

.pc-info-list strong[dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
}


/* ==========================================================
   FOOTER SOCIAL
   ========================================================== */

.pv2-social {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-inline-start: auto;
}

.pv2-social a {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(78,210,220,.16);

    border-radius: 12px;

    color: #8daeb7;

    background:
        rgba(11,31,45,.58);

    text-decoration: none;

    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.pv2-social a:hover,
.pv2-social a:focus-visible {

    color: #75e5ea;

    border-color:
        rgba(85,220,229,.42);

    background:
        rgba(26,73,85,.58);

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 24px rgba(27,156,170,.10);
}

.pv2-social .ph-icon {
    width: 19px;
    height: 19px;
}


/* screen-reader only */

.ph-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


@media (max-width:760px) {

    .ph-gateway-contact strong {
        font-size: 1.09rem !important;
    }

    .pv2-social {
        width: 100%;
        margin-inline-start: 0;
        margin-top: 12px;
    }

    .pv2-social a {
        width: 40px;
        height: 40px;
    }
}

/* END P029L3 POSHESH ICON SYSTEM */


/* ==========================================================
   P029L11 FINAL SOCIAL COVERAGE
   ========================================================== */

/* HOME + CUSTOM FOOTER */

.ph-end .pv2-social-home,
.ph-end .pv2-social-custom {
    justify-content: flex-start;

    margin-top: 20px;
    margin-inline-start: 0;
}

.ph-end .pv2-social-home a,
.ph-end .pv2-social-custom a {
    background:
        rgba(8,27,41,.72);

    border-color:
        rgba(80,212,221,.18);
}


/* CONTACT DIRECT SOCIAL */

.pc-social-wrap {
    margin-top: 30px;
    padding-top: 22px;

    border-top:
        1px solid rgba(81,210,220,.14);
}

.pc-social-label {
    display: block;

    margin-bottom: 13px;

    color:
        rgba(219,241,244,.68);

    font-size: .78rem;
    font-weight: 750;
}

.pc-social-wrap .pv2-social-contact {
    justify-content: flex-start;

    margin:
        0;
}


/* MOBILE */

@media (max-width:760px) {

    .ph-end .pv2-social-home,
    .ph-end .pv2-social-custom,
    .pc-social-wrap .pv2-social-contact {
        width: 100%;
        justify-content: flex-start;
    }

    .pc-social-wrap {
        margin-top: 25px;
        padding-top: 19px;
    }
}

/* END P029L11 FINAL SOCIAL COVERAGE */

/* ==========================================================
   P029L12 CONTACT LONG TEXT FIT
   ========================================================== */

/* HOME 07 — email only */
.ph-gateway-contact a[href^="mailto"] strong {
    font-size: clamp(.94rem,1.15vw,1.08rem) !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* CONTACT PAGE — email */
.pc-info-list a[href^="mailto"] strong {
    font-size: clamp(.94rem,1.12vw,1.06rem);
    overflow-wrap: anywhere;
    word-break: normal;
}

/* CONTACT PAGE — address */
.pc-info-list > div strong {
    font-size: clamp(.92rem,1.08vw,1.03rem);
    line-height: 1.75;
}

/* END P029L12 CONTACT LONG TEXT FIT */

/* ==========================================================
   P029L13 HOME CONTACT ICON TOP
   icon + label above / value full width below
   ========================================================== */

.ph-gateway-contact a {
    grid-template-columns: auto minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "icon label"
        "value value" !important;

    column-gap: 9px !important;
    row-gap: 5px;
}

.ph-gateway-contact .ph-contact-icon {
    grid-area: icon !important;

    width: 19px;
    height: 19px;

    align-self: center;
}

.ph-gateway-contact small {
    grid-area: label !important;

    align-self: center;
    margin: 0;
}

.ph-gateway-contact strong {
    grid-area: value !important;

    width: 100%;
    margin-top: 2px;

    white-space: nowrap;
}

/* email now has full card width */
.ph-gateway-contact a[href^="mailto"] strong {
    font-size: clamp(1.08rem,1.32vw,1.24rem) !important;

    white-space: nowrap;
    overflow-wrap: normal;
}

/* END P029L13 HOME CONTACT ICON TOP */

/* =========================================
   P585I SOURCE 10: assets/css/footer-pro.css
   ========================================= */

/* ==========================================================
   P029M2 PROFESSIONAL FOOTER
   ========================================================== */

.pf-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-top:
        1px solid rgba(76,216,225,.22);

    color: #dcecef;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(44,201,215,.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 5% 85%,
            rgba(102,57,150,.19),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #092333 0%,
            #0a2a39 48%,
            #0a2031 100%
        );
}


.pf-footer::before {
    content: "";

    position: absolute;
    top: 0;
    inset-inline: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #4cd6df,
            rgba(208,170,87,.76),
            #43cbd6,
            transparent
        );
}


.pf-footer-light {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(70px);
}


.pf-footer-light-a {
    width: 410px;
    height: 410px;

    top: -250px;
    right: -130px;

    background:
        rgba(60,210,221,.11);
}


.pf-footer-light-b {
    width: 360px;
    height: 360px;

    bottom: -230px;
    left: -130px;

    background:
        rgba(104,65,164,.13);
}


.pf-shell {
    position: relative;
    z-index: 2;

    width:
        min(1180px, calc(100% - 48px));

    margin-inline: auto;

    padding:
        72px 0 28px;
}


/* ----------------------------------------------------------
   MAIN GRID
   ---------------------------------------------------------- */

.pf-grid {
    display: grid;

    grid-template-columns:
        minmax(245px,1.45fr)
        minmax(145px,.82fr)
        minmax(185px,1fr)
        minmax(260px,1.35fr);

    gap: 48px;

    align-items: start;
}


/* ----------------------------------------------------------
   BRAND
   ---------------------------------------------------------- */

.pf-logo {
    display: inline-flex;

    text-decoration: none;
}


.pf-logo img {
    display: block;

    width:
        clamp(150px,12vw,188px);

    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 7px 20px
            rgba(0,0,0,.16)
        );
}


.pf-brand-text {
    max-width: 320px;

    margin:
        27px 0 0;

    color:
        rgba(220,239,242,.77);

    font-size: 1rem;
    line-height: 2.05;
}


.pf-history {
    display: grid;

    grid-template-columns:
        auto 1fr;

    gap:
        5px 14px;

    align-items: center;

    width: fit-content;

    margin-top: 27px;

    padding:
        13px 17px;

    border:
        1px solid rgba(207,171,91,.25);

    border-radius: 14px;

    background:
        rgba(9,31,44,.48);
}


.pf-history > strong {
    grid-row:
        1 / 3;

    color: #d7b365;

    font-size: 2.35rem;
    line-height: 1;
    font-weight: 650;
}


.pf-history > span {
    color: #e2eef0;

    font-size: .82rem;
    line-height: 1.55;
}


.pf-history > small {
    direction: ltr;

    color:
        rgba(216,177,94,.65);

    font-size: .62rem;
    letter-spacing: .08em;
}


/* ----------------------------------------------------------
   COLUMNS
   ---------------------------------------------------------- */

.pf-column h2 {
    position: relative;

    margin:
        4px 0 24px;

    padding-bottom: 13px;

    color: #f1fafb;

    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 800;
}


.pf-column h2::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 38px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(74,213,222,.12),
            #4dd5de
        );
}


.pf-column > nav:not(.pf-social) {
    display: flex;
    flex-direction: column;

    gap: 11px;
}


.pf-column > nav:not(.pf-social) a {
    width: fit-content;

    color:
        rgba(220,239,242,.78);

    font-size: .96rem;
    line-height: 1.75;

    text-decoration: none;

    transition:
        color .18s ease,
        transform .18s ease;
}


.pf-column > nav:not(.pf-social) a:hover,
.pf-column > nav:not(.pf-social) a:focus-visible {
    color: #65dfe6;

    transform:
        translateX(-3px);
}


/* ----------------------------------------------------------
   CONTACT
   ---------------------------------------------------------- */

.pf-contact-list {
    display: flex;
    flex-direction: column;

    gap: 14px;
}


.pf-contact-list > a,
.pf-address {
    display: grid;

    grid-template-columns:
        24px minmax(0,1fr);

    gap: 11px;

    align-items: start;

    color: inherit;

    text-decoration: none;
}


.pf-contact-icon {
    width: 19px;
    height: 19px;

    margin-top: 5px;

    color: #59d8df;
}


.pf-contact-list span {
    min-width: 0;
}


.pf-contact-list small {
    display: block;

    margin-bottom: 2px;

    color:
        rgba(174,211,217,.57);

    font-size: .75rem;
}


.pf-contact-list strong {
    display: block;

    color:
        rgba(239,249,250,.94);

    font-size: .95rem;
    font-weight: 650;
    line-height: 1.7;

    overflow-wrap: anywhere;
}


.pf-contact-list a[href^="mailto"] strong {
    direction: ltr;

    text-align: left;

    white-space: nowrap;
}


/* ----------------------------------------------------------
   SOCIAL
   ---------------------------------------------------------- */

.pf-social {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 25px;
}


.pf-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    color: #65dce3;

    border:
        1px solid rgba(84,213,222,.21);

    border-radius: 11px;

    background:
        rgba(8,36,50,.72);

    text-decoration: none;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}


.pf-social a svg {
    width: 19px;
    height: 19px;
}


.pf-social a:hover,
.pf-social a:focus-visible {
    color: #f1fdfe;

    transform:
        translateY(-2px);

    border-color:
        rgba(84,216,225,.54);

    background:
        rgba(24,78,91,.56);
}


/* ----------------------------------------------------------
   PROJECT STRIP
   ---------------------------------------------------------- */

.pf-project-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;

    margin-top: 58px;

    padding:
        23px 26px;

    border:
        1px solid rgba(80,211,220,.15);

    border-radius: 16px;

    background:
        linear-gradient(
            100deg,
            rgba(13,49,65,.70),
            rgba(13,37,52,.42)
        );
}


.pf-project-strip > div {
    display: grid;

    gap: 5px;
}


.pf-project-strip small {
    direction: ltr;

    color:
        rgba(91,218,225,.66);

    font-size: .65rem;
    letter-spacing: .09em;
}


.pf-project-strip strong {
    color: #edf8fa;

    font-size: 1rem;
    line-height: 1.6;
}


.pf-project-strip > a {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    flex: 0 0 auto;

    padding:
        11px 17px;

    color: #082733;

    background: #62dce3;

    border-radius: 10px;

    font-size: .9rem;
    font-weight: 800;

    text-decoration: none;
}


.pf-project-strip > a span {
    font-size: 1.15rem;
}


/* ----------------------------------------------------------
   COPYRIGHT / BOTTOM BAR
   ---------------------------------------------------------- */

.pf-bottom {
    display: grid;

    grid-template-columns:
        1fr auto auto;

    gap: 30px;

    align-items: center;

    margin-top: 27px;

    padding-top: 24px;

    border-top:
        1px solid rgba(91,190,201,.15);
}


.pf-copyright {
    display: flex;
    flex-wrap: wrap;

    gap:
        6px 14px;

    align-items: center;

    color:
        rgba(221,238,241,.72);

    font-size: .93rem;
}


.pf-copyright strong {
    color: #edf8f9;

    font-size: .98rem;
    font-weight: 750;
}


.pf-signature {
    display: flex;

    gap: 9px;

    color:
        rgba(160,202,208,.54);

    font-size: .68rem;
    letter-spacing: .07em;

    white-space: nowrap;
}


.pf-signature span {
    color:
        rgba(210,174,91,.72);
}


.pf-bottom-links {
    display: flex;

    gap: 15px;
}


.pf-bottom-links a {
    color:
        rgba(207,228,231,.68);

    font-size: .82rem;

    text-decoration: none;
}


.pf-bottom-links a:hover {
    color: #5fd9e1;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:1000px) {

    .pf-grid {
        grid-template-columns:
            1.3fr 1fr;

        gap:
            48px 44px;
    }

    .pf-bottom {
        grid-template-columns:
            1fr auto;
    }

    .pf-signature {
        grid-column:
            1 / -1;

        order: 3;
    }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:640px) {

    .pf-shell {
        width:
            min(100% - 34px,1180px);

        padding:
            54px 0 24px;
    }

    .pf-grid {
        grid-template-columns:
            1fr;

        gap: 42px;
    }

    .pf-logo img {
        width: 155px;
    }

    .pf-brand-text {
        max-width: none;

        font-size: 1rem;
    }

    .pf-column h2 {
        font-size: 1.09rem;
    }

    .pf-column > nav:not(.pf-social) a {
        font-size: 1rem;
    }

    .pf-contact-list strong {
        font-size: .98rem;
    }

    .pf-project-strip {
        align-items: flex-start;
        flex-direction: column;

        margin-top: 46px;
    }

    .pf-project-strip > a {
        width: 100%;

        justify-content: center;
    }

    .pf-bottom {
        display: flex;
        flex-direction: column;

        align-items: flex-start;

        gap: 16px;
    }

    .pf-copyright {
        font-size: .94rem;
    }

    .pf-signature {
        flex-wrap: wrap;

        white-space: normal;

        line-height: 1.7;
    }

    .pf-bottom-links {
        flex-wrap: wrap;
    }
}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion:reduce) {

    .pf-footer a,
    .pf-footer a * {
        transition: none !important;
    }
}

/* END P029M2 PROFESSIONAL FOOTER */

/* =========================================
   P585I SOURCE 11: assets/css/scroll-stability.css
   ========================================= */

/* ==========================================================
   P029M3 SCROLL PAINT STABILITY
   Remove newly introduced compositor-heavy filters only.
   ========================================================== */


/* Never expose browser white canvas during repaint */
html,
body {
    background-color: #071d2a !important;
}


/* ----------------------------------------------------------
   HEADER LOGO
   Remove GPU filter introduced in P029N3.
   Visual asset itself remains unchanged.
   ---------------------------------------------------------- */

.ph-brand-logo {
    filter: none !important;
}


/* ----------------------------------------------------------
   FOOTER LOGO
   Same rule: no filter-generated compositor layer.
   ---------------------------------------------------------- */

.pf-logo img {
    filter: none !important;
}


/* ----------------------------------------------------------
   FOOTER PAINT CONTAINMENT
   ---------------------------------------------------------- */

.pf-footer {
    contain: paint;

    isolation: isolate;

    overflow: hidden;
}


/* ----------------------------------------------------------
   REPLACE BLUR(70px) WITH GRADIENT-BASED LIGHT
   No CSS filter / no large blur layer.
   ---------------------------------------------------------- */

.pf-footer-light {
    filter: none !important;

    transform: none !important;

    will-change: auto !important;

    opacity: 1;
}


.pf-footer-light-a {
    background:
        radial-gradient(
            circle at center,
            rgba(60,210,221,.12) 0%,
            rgba(60,210,221,.075) 30%,
            rgba(60,210,221,.025) 52%,
            transparent 72%
        ) !important;
}


.pf-footer-light-b {
    background:
        radial-gradient(
            circle at center,
            rgba(104,65,164,.14) 0%,
            rgba(104,65,164,.075) 32%,
            rgba(104,65,164,.025) 54%,
            transparent 74%
        ) !important;
}


/* ----------------------------------------------------------
   Prevent accidental expensive effects in new footer layer
   ---------------------------------------------------------- */

.pf-footer,
.pf-footer *,
.pf-footer *::before,
.pf-footer *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* Preserve ordinary hover transitions;
   do not force permanent GPU layers. */

.pf-footer a {
    will-change: auto !important;
}


/* ----------------------------------------------------------
   Reduced motion
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .pf-footer *,
    .pf-footer *::before,
    .pf-footer *::after {
        transition: none !important;
        animation: none !important;
    }
}


/* END P029M3 SCROLL PAINT STABILITY */

/* ==========================================================
   P029M6 PROCESS BLUR REMOVAL
   Remove final active wide-area blur from Section 06.
   ========================================================== */

.ph-process-rail::after {
    filter: none !important;

    height: 3px !important;

    opacity: .17 !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--ph-gold) 10%,
            var(--ph-cyan) 48%,
            var(--ph-violet) 88%,
            transparent 100%
        ) !important;
}

/* END P029M6 PROCESS BLUR REMOVAL */

/* ==========================================================
   P029M15 HERITAGE PAINT ISOLATION
   Diagnostic: remove large decorative Heritage paint layers.
   ========================================================== */

.ph-heritage-engine::before,
.ph-heritage-engine::after {
    display: none !important;
}

/* Keep core 24-year content visible */
.ph-heritage-engine {
    isolation: auto !important;
}

/* END P029M15 HERITAGE PAINT ISOLATION */

/* ==========================================================
   P029M17 HISTORY SOCIAL GAP FIX
   Reduce excessive empty seam between Heritage and Social Proof.
   ========================================================== */

.ph-history {
    padding-block-start:
        clamp(95px, 10vw, 145px) !important;

    padding-block-end:
        clamp(36px, 4vw, 58px) !important;
}

.phc-proof {
    padding-top:
        clamp(38px, 4vw, 58px) !important;

    padding-bottom:
        clamp(84px, 9vw, 136px) !important;
}

/* END P029M17 HISTORY SOCIAL GAP FIX */

/* ==========================================================
   P029M18 HOME SECTION RHYTHM
   Controlled reduction of excessive vertical empty space.
   Footer excluded.
   ========================================================== */

/* Heritage -> Social Proof already visually approved */
.ph-history {
    padding-block-end:
        clamp(36px,4vw,58px) !important;
}

.phc-proof {
    padding-block-start:
        clamp(38px,4vw,58px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Services architecture */
.ph-architecture {
    padding-block-start:
        clamp(58px,6vw,88px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Ownership */
.ph-ownership {
    padding-block-start:
        clamp(58px,6vw,88px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Process */
.ph-process {
    padding-block-start:
        clamp(58px,6vw,88px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Project Gateway */
.ph-gateway {
    padding-block-start:
        clamp(58px,6vw,88px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Portfolio - currently before Footer */
#works {
    padding-block-start:
        clamp(58px,6vw,88px) !important;

    padding-block-end:
        clamp(58px,6vw,88px) !important;
}


/* Mobile: keep breathing room without large blank fields */
@media (max-width:720px) {

    .ph-history,
    .phc-proof,
    .ph-architecture,
    .ph-ownership,
    .ph-process,
    .ph-gateway,
    #works {
        padding-block-start:
            clamp(46px,9vw,64px) !important;

        padding-block-end:
            clamp(46px,9vw,64px) !important;
    }
}

/* END P029M18 HOME SECTION RHYTHM */

/* =========================================
   P585I SOURCE 12: assets/css/home/section-456-polish.css
   ========================================= */

/*
============================================================
P029M20 — HOME 04 / 05 / 06 PROFESSIONAL POLISH
Paint-safe:
no blur / no filter / no radial-gradient / no animation
============================================================
*/


/* ========================================================
   COMMON RHYTHM
   ======================================================== */

.ph-architecture,
.ph-ownership,
.ph-process {
    position: relative;

    padding-block-start:
        clamp(92px,8vw,122px) !important;

    padding-block-end:
        clamp(92px,8vw,122px) !important;
}


/* ========================================================
   04 — ARCHITECTURE
   Technical / cyan navy
   ======================================================== */

.ph-architecture {
    background:
        linear-gradient(
            180deg,
            #061923 0%,
            #082633 48%,
            #071d29 100%
        ) !important;

    border-top:
        1px solid rgba(81,220,240,.11);

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.ph-architecture-frame {
    border-color:
        rgba(85,220,240,.15) !important;

    background:
        linear-gradient(
            180deg,
            rgba(9,35,47,.96),
            rgba(5,22,31,.98)
        ) !important;
}


/* ========================================================
   05 — OWNERSHIP
   Strategic / deeper navy-aubergine
   ======================================================== */

.ph-ownership {
    background:
        linear-gradient(
            180deg,
            #071d29 0%,
            #0a1825 50%,
            #071c28 100%
        ) !important;

    border-top:
        1px solid rgba(153,116,219,.09);

    border-bottom:
        1px solid rgba(255,255,255,.04);
}


.ph-ownership-ledger {
    border-color:
        rgba(178,152,224,.13) !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,31,43,.96),
            rgba(6,23,33,.98)
        ) !important;
}


/* ========================================================
   06 — PROCESS
   Strongest section in this sequence
   ======================================================== */

.ph-process {
    padding-block-start:
        clamp(108px,9vw,138px) !important;

    padding-block-end:
        clamp(108px,9vw,138px) !important;

    background:
        linear-gradient(
            180deg,
            #071c28 0%,
            #092b38 48%,
            #071d29 100%
        ) !important;

    border-top:
        1px solid rgba(75,224,242,.18);

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


/* 06 index */

.ph-process-index {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 7px 13px;

    border:
        1px solid rgba(215,178,94,.25);

    border-radius: 999px;

    background:
        rgba(215,178,94,.045);
}


/* 06 main frame */

.ph-process-frame {
    border:
        1px solid rgba(76,223,241,.20) !important;

    border-inline-start:
        3px solid rgba(74,222,241,.58) !important;

    background:
        linear-gradient(
            180deg,
            #092b38 0%,
            #071e29 100%
        ) !important;

    box-shadow:
        none !important;
}


/* 06 internal rail */

.ph-process-rail {
    border:
        1px solid rgba(255,255,255,.065) !important;

    background:
        linear-gradient(
            90deg,
            rgba(64,219,240,.045),
            rgba(255,255,255,.014) 50%,
            rgba(128,104,215,.035)
        ) !important;
}


/* 06 stages */

.ph-process-stage {
    border:
        1px solid rgba(255,255,255,.065) !important;

    background:
        linear-gradient(
            90deg,
            rgba(73,220,239,.045),
            rgba(255,255,255,.012) 48%,
            transparent 82%
        ) !important;
}


.ph-process-stage:nth-child(even) {
    background:
        linear-gradient(
            270deg,
            rgba(132,105,218,.035),
            rgba(255,255,255,.012) 48%,
            transparent 82%
        ) !important;
}


.ph-process-stage + .ph-process-stage {
    margin-top: 9px;
}


/* ========================================================
   VISUAL SEPARATION
   ======================================================== */

.ph-ownership {
    margin-block-start:
        clamp(18px,2vw,28px);
}

.ph-process {
    margin-block-start:
        clamp(22px,2.5vw,36px);
}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width:720px) {

    .ph-architecture,
    .ph-ownership,
    .ph-process {
        padding-block-start:
            clamp(62px,12vw,78px) !important;

        padding-block-end:
            clamp(62px,12vw,78px) !important;

        margin-block-start: 0;
    }

    .ph-process-frame {
        border-inline-start-width:
            1px !important;
    }

    .ph-process-stage + .ph-process-stage {
        margin-top: 6px;
    }
}

/* END P029M20 */

/* =========================================
   P585I SOURCE 13: assets/css/home/header-pro.css
   ========================================= */

/*
============================================================
P029M23B — HOME HEADER PROFESSIONAL
Paint safe:
no blur / no filter / no radial / no animation
============================================================
*/


/* ========================================================
   HEADER SURFACE
   ======================================================== */

.ph-header {
    position: relative;

    z-index: 50;

    background:
        linear-gradient(
            180deg,
            #061720 0%,
            #06151d 100%
        ) !important;

    border-bottom:
        1px solid rgba(105,220,237,.10);

    box-shadow:
        0 1px 0 rgba(255,255,255,.02) !important;
}


.ph-header::before {
    display:none !important;
}


/* ========================================================
   INNER GRID
   ======================================================== */

.ph-header-inner {
    min-height:
        clamp(76px,6vw,88px);

    display:grid !important;

    grid-template-columns:
        minmax(155px,auto)
        minmax(0,1fr)
        minmax(150px,auto);

    align-items:center;

    column-gap:
        clamp(28px,4vw,64px);
}


/* ========================================================
   LOGO
   ======================================================== */

.ph-brand {
    display:flex !important;

    align-items:center;

    min-width:0;
}


.ph-brand-logo {
    width:
        clamp(148px,11vw,176px) !important;

    max-width:none !important;

    height:auto;

    filter:none !important;

    transform:none !important;
}


/* ========================================================
   NAVIGATION
   ======================================================== */

.ph-nav {
    display:flex !important;

    align-items:center;

    justify-content:center;

    gap:
        clamp(24px,2.8vw,44px);

    min-width:0;
}


.ph-nav a {
    position:relative;

    min-height:44px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 2px 2px;

    color:
        rgba(236,245,248,.78) !important;

    font-size:
        clamp(13.5px,1vw,15px) !important;

    font-weight:
        680 !important;

    line-height:1;

    letter-spacing:0;

    text-decoration:none;

    white-space:nowrap;
}


.ph-nav a:hover,
.ph-nav a:focus-visible {
    color:#7ce5ee !important;
}


/* existing underline simplified */

.ph-nav a::after {
    height:1px !important;

    bottom:7px !important;

    background:#68dce8 !important;

    box-shadow:none !important;
}


/* ========================================================
   PRIMARY CTA
   ======================================================== */

.ph-header-cta {
    min-width:
        clamp(142px,11vw,166px);

    min-height:46px;

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    padding:
        0 18px !important;

    border:
        1px solid rgba(105,225,239,.34) !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            180deg,
            #73e3ec,
            #55ccd8
        ) !important;

    color:
        #06212a !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    text-decoration:none;

    box-shadow:none !important;

    transform:none !important;
}


.ph-header-cta:hover,
.ph-header-cta:focus-visible {
    background:
        linear-gradient(
            180deg,
            #82eaf1,
            #64d9e3
        ) !important;

    transform:none !important;
}


/* ========================================================
   07 — MULTIMEDIA NUMBER
   ======================================================== */

.ph-teaser-heading-meta {
    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:24px;

    margin-bottom:15px;
}


.ph-teaser-heading-meta .ph-teaser-kicker {
    margin-bottom:0 !important;
}


.ph-teaser-number {
    color:
        #d7b35e;

    font-size:
        clamp(42px,5vw,68px);

    font-weight:
        300;

    line-height:.9;

    letter-spacing:-.04em;
}


/* ========================================================
   MOBILE / TABLET
   ======================================================== */

@media (max-width:960px) {

    .ph-header-inner {
        grid-template-columns:
            auto 1fr auto;

        column-gap:20px;
    }

    .ph-nav {
        gap:20px;
    }

    .ph-nav a {
        font-size:13px !important;
    }

    .ph-header-cta {
        min-width:132px;
    }
}


@media (max-width:760px) {

    .ph-header-inner {
        min-height:70px;

        grid-template-columns:
            1fr auto;

        column-gap:16px;
    }

    .ph-nav {
        display:none !important;
    }

    .ph-brand-logo {
        width:
            clamp(132px,34vw,150px) !important;
    }

    .ph-header-cta {
        min-width:126px;

        min-height:42px;

        padding:
            0 14px !important;

        font-size:
            12px !important;
    }

    .ph-teaser-number {
        font-size:46px;
    }
}


@media (max-width:430px) {

    .ph-header-inner {
        column-gap:10px;
    }

    .ph-brand-logo {
        width:122px !important;
    }

    .ph-header-cta {
        min-width:112px;

        padding:
            0 11px !important;
    }
}


/* END P029M23B */

/* P337-MODERN-4COL-MEGA */
.ph-nav-services{position:relative;display:flex;align-items:center}
.ph-services-trigger{gap:7px}
.ph-mega-chevron{font-size:10px;opacity:.65;transition:transform .2s ease}
.ph-nav-services:hover .ph-mega-chevron,.ph-nav-services:focus-within .ph-mega-chevron{transform:rotate(180deg)}
.ph-mega{position:absolute;z-index:9999;top:calc(100% + 16px);right:-180px!important;width:min(1060px,calc(100vw - 48px));padding:24px;border:1px solid rgba(104,220,232,.18);border-radius:20px;background:linear-gradient(135deg,rgba(4,14,23,.985),rgba(10,11,30,.985));box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.ph-mega:before{content:"";position:absolute;top:-18px;right:145px;width:250px;height:20px}
.ph-nav-services:hover .ph-mega,.ph-nav-services:focus-within .ph-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.ph-mega-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px 18px;margin-bottom:18px;border-bottom:1px solid rgba(104,220,232,.12)}
.ph-mega-head span{font-size:10px;letter-spacing:.18em;color:#68dce8;font-weight:800}
.ph-mega-head strong{font-size:15px;color:#eef6f8;font-weight:720}
.ph-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ph-mega-grid section{min-width:0;padding:18px 17px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ph-mega-grid section:hover{transform:translateY(-2px);border-color:rgba(104,220,232,.22);background:linear-gradient(180deg,rgba(104,220,232,.055),rgba(121,89,223,.025))}
.ph-mega-num{display:block;margin-bottom:10px;color:#8d72f0;font-size:10px;font-weight:850;letter-spacing:.12em}
.ph-mega-grid h3{margin:0 0 10px;color:#f2f7f8;font-size:14px;line-height:1.5;font-weight:800}
.ph-nav .ph-mega-grid a{display:flex!important;justify-content:flex-start;min-height:0!important;padding:7px 0!important;color:rgba(226,238,242,.72)!important;font-size:12.5px!important;font-weight:560!important;line-height:1.6!important;white-space:normal!important}
.ph-nav .ph-mega-grid a:after,.ph-nav .ph-mega-all:after{display:none!important}
.ph-nav .ph-mega-grid a:hover,.ph-nav .ph-mega-grid a:focus-visible{color:#7ce5ee!important;padding-right:5px!important}
.ph-nav .ph-mega-all{display:flex!important;justify-content:flex-end!important;min-height:34px!important;margin-top:15px;padding:4px!important;color:#7ce5ee!important;font-size:12px!important;font-weight:760!important}
@media(max-width:1180px){.ph-mega{right:-120px!important;width:min(920px,calc(100vw - 32px));padding:18px}.ph-mega-grid section{padding:15px 13px}}
@media(max-width:960px){.ph-mega{right:-90px!important;width:min(820px,calc(100vw - 24px))}.ph-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ph-nav-services{display:none!important}.ph-mega{display:none!important}}
/* END-P337-MODERN-4COL-MEGA */

/* ==========================================================
   P549A-MEGA-IA
   Global services information architecture
   ========================================================== */

.ph-mega-eyebrow{
    display:block;
    margin-bottom:6px;
    color:#63dce8;
    font-size:9px;
    font-weight:800;
    letter-spacing:.16em;
    direction:ltr;
    text-align:right;
}

.ph-mega-head strong{
    display:block;
    color:#f1f6f7;
    font-size:17px;
    font-weight:750;
}

.ph-mega-grid{
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;
    gap:0 30px !important;
}

.ph-mega-grid section{
    min-width:0;
    padding-inline-start:20px;
    border-inline-start:
        1px solid rgba(255,255,255,.055);
}

.ph-mega-grid section:last-child{
    border-inline-start:0;
}

.ph-mega-kicker{
    display:block;
    margin-bottom:7px;
    color:#d8aa62;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.13em;
    direction:ltr;
    text-align:right;
}

.ph-mega-grid h3{
    margin:0 0 11px;
    color:#eef5f7;
    font-size:14px;
    font-weight:760;
    line-height:1.7;
}

.ph-mega-tools{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:18px;
    padding:14px 4px 0;
    border-top:
        1px solid rgba(104,220,232,.10);
}

.ph-mega-tools>span{
    margin-inline-end:auto;
    color:#d8aa62;
    font-size:10px;
    font-weight:800;
}

.ph-nav .ph-mega-tools a{
    display:inline-flex !important;
    min-height:0 !important;
    padding:5px 0 !important;
    color:rgba(220,234,238,.72) !important;
    font-size:11px !important;
    font-weight:650 !important;
}

.ph-nav .ph-mega-tools a:after{
    display:none !important;
}

.ph-nav .ph-mega-tools a:hover,
.ph-nav .ph-mega-tools a:focus-visible{
    color:#63dce8 !important;
}

@media (max-width:1100px) and (min-width:761px){

    .ph-mega-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
        row-gap:28px !important;
    }

}

/* END P549A-MEGA-IA */

/* =========================================================
   P549C — MEGA MENU VISUAL POLISH
   Layout/readability only — IA/URLs untouched
   ========================================================= */

@media (min-width:1101px){

    .ph-nav-services{
        position:static !important;
    }

    .ph-nav{
        position:relative;
    }

    .ph-mega{
        left:50% !important;
        right:auto !important;

        width:min(1280px,calc(100vw - 64px)) !important;
        max-width:none !important;

        transform:
            translate(-50%,12px) !important;

        padding:
            28px 30px 24px !important;
    }

    .ph-nav-services:hover .ph-mega,
    .ph-nav-services:focus-within .ph-mega{
        transform:
            translate(-50%,0) !important;
    }

    .ph-mega:before{
        left:0 !important;
        right:0 !important;
        width:100% !important;
    }


    .ph-mega-head{
        padding:
            0 2px 17px !important;
        margin-bottom:
            19px !important;
    }

    .ph-mega-head strong{
        font-size:
            18px !important;
    }


    .ph-mega-grid{
        gap:
            0 34px !important;
    }

    .ph-mega-grid h3{
        font-size:
            14.5px !important;
    }

    .ph-nav .ph-mega-grid a{
        padding:
            8px 0 !important;

        font-size:
            13.25px !important;

        line-height:
            1.65 !important;
    }


    .ph-mega-tools{
        min-height:
            48px;

        margin-top:
            19px !important;

        padding:
            13px 2px 0 !important;
    }

    .ph-mega-tools>span{
        color:
            #d8aa62 !important;

        font-size:
            10.5px !important;
    }

    .ph-nav .ph-mega-tools a{
        padding:
            6px 0 !important;

        font-size:
            11.5px !important;
    }

}

@media (min-width:761px) and (max-width:1100px){

    .ph-mega{
        width:
            min(900px,calc(100vw - 40px)) !important;
    }

}

/* END P549C */

/* =========================================================
   P549D — MEGA MENU FONT +15%
   ========================================================= */

@media (min-width:1101px){

    .ph-mega-eyebrow{
        font-size:10.35px !important;
    }

    .ph-mega-head strong{
        font-size:20.7px !important;
    }

    .ph-mega-kicker{
        font-size:9.8px !important;
    }

    .ph-mega-grid h3{
        font-size:16.7px !important;
    }

    .ph-nav .ph-mega-grid a{
        font-size:15.25px !important;
        line-height:1.7 !important;
    }

    .ph-nav .ph-mega-all{
        font-size:13.8px !important;
    }

    .ph-mega-tools>span{
        font-size:12.1px !important;
    }

    .ph-nav .ph-mega-tools a{
        font-size:13.25px !important;
    }

}

/* END P549D */

/* =========================================
   P585I SOURCE 14: assets/css/home/mobile-menu.css
   ========================================= */

/*
============================================================
P029M23C — MOBILE MENU
Paint safe / no blur / no filter / no animation
============================================================
*/

.ph-mobile-menu-toggle,
.ph-mobile-menu {
    display:none;
}


@media (max-width:760px) {

    .ph-header-inner {
        grid-template-columns:
            1fr auto auto !important;

        column-gap:10px !important;
    }


    .ph-mobile-menu-toggle {
        width:42px;
        height:42px;

        display:grid;

        place-content:center;

        gap:5px;

        padding:0;

        border:
            1px solid rgba(104,220,232,.24);

        border-radius:9px;

        background:#09222d;

        cursor:pointer;
    }


    .ph-mobile-menu-toggle span {
        display:block;

        width:18px;
        height:1px;

        background:#8ce8ef;
    }


    .ph-mobile-menu-toggle[aria-expanded="true"] {
        border-color:
            rgba(111,229,239,.50);

        background:#0b2b37;
    }


    .ph-mobile-menu {
        display:block;

        border-top:
            1px solid rgba(255,255,255,.055);

        border-bottom:
            1px solid rgba(96,222,237,.10);

        background:
            linear-gradient(
                180deg,
                #061820,
                #081e29
            );
    }


    .ph-mobile-menu[hidden] {
        display:none !important;
    }


    .ph-mobile-menu-inner {
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:1px;

        padding-block:
            12px 16px;
    }


    .ph-mobile-menu a {
        min-height:54px;

        display:flex;

        align-items:center;

        gap:10px;

        padding:
            0 14px;

        border:
            1px solid rgba(255,255,255,.045);

        color:
            rgba(240,247,249,.86);

        background:
            rgba(255,255,255,.012);

        text-decoration:none;

        font-size:13px;
        font-weight:700;
    }


    .ph-mobile-menu a span {
        color:#65dfe9;

        font-size:10px;
        font-weight:800;
    }


    .ph-mobile-menu a:focus-visible {
        outline:
            1px solid #70e2ec;

        outline-offset:-2px;
    }

}


@media (max-width:430px) {

    .ph-header-cta {
        min-width:104px !important;

        padding-inline:
            9px !important;
    }


    .ph-mobile-menu-toggle {
        width:40px;
        height:40px;
    }


    .ph-mobile-menu-inner {
        grid-template-columns:1fr;
    }


    .ph-mobile-menu a {
        min-height:50px;
    }

}

/* END P029M23C */

/*
============================================================
P029M30 — MOBILE HEADER CLEANUP
Logo + menu toggle only
============================================================
*/

@media (max-width:760px) {

    .ph-header-inner {
        grid-template-columns:
            1fr auto !important;
    }

    .ph-header-cta {
        display:none !important;
    }

    .ph-mobile-menu-toggle {
        justify-self:end;
    }

}

@media (max-width:430px) {

    .ph-header-inner {
        column-gap:12px !important;
    }

}

/* END P029M30 */

/* ==========================================================
   P549A-MOBILE-SERVICES
   Native details / no extra JavaScript
   ========================================================== */

@media (max-width:760px){

    .ph-mobile-services{
        grid-column:1 / -1;
        border:
            1px solid rgba(99,220,232,.10);
        background:
            rgba(99,220,232,.018);
    }

    .ph-mobile-services summary{
        position:relative;
        display:flex;
        align-items:center;
        gap:10px;
        min-height:54px;
        padding:0 14px;
        color:rgba(240,247,249,.92);
        cursor:pointer;
        list-style:none;
        font-size:13px;
        font-weight:750;
    }

    .ph-mobile-services summary::-webkit-details-marker{
        display:none;
    }

    .ph-mobile-services summary>span{
        color:#65dfe9;
        font-size:10px;
        font-weight:800;
    }

    .ph-mobile-services summary:after{
        content:"+";
        margin-inline-start:auto;
        color:#d8aa62;
        font-size:18px;
        font-weight:300;
    }

    .ph-mobile-services[open] summary:after{
        content:"−";
    }

    .ph-mobile-service-quick{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        padding:12px 14px;
        border-top:
            1px solid rgba(255,255,255,.05);
    }

    .ph-mobile-menu
    .ph-mobile-service-quick a{
        min-height:36px;
        padding:0 11px;
        border:
            1px solid rgba(216,170,98,.16);
        border-radius:7px;
        color:#d8aa62;
        background:
            rgba(216,170,98,.025);
        font-size:10px;
    }

    .ph-mobile-service-grid{
        display:grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:1px;
        padding:1px;
        background:
            rgba(255,255,255,.035);
    }

    .ph-mobile-service-group{
        padding:16px;
        background:#06131b;
    }

    .ph-mobile-service-group>strong{
        display:block;
        margin-bottom:9px;
        color:#eef5f7;
        font-size:11px;
        line-height:1.7;
    }

    .ph-mobile-menu
    .ph-mobile-service-group a{
        display:block;
        min-height:0;
        padding:6px 0;
        border:0;
        color:rgba(220,233,237,.70);
        background:transparent;
        font-size:10.5px;
        font-weight:600;
        line-height:1.75;
    }

    .ph-mobile-menu
    .ph-mobile-service-group a:hover,
    .ph-mobile-menu
    .ph-mobile-service-group a:focus-visible{
        color:#65dfe9;
    }

}

@media (max-width:430px){

    .ph-mobile-service-grid{
        grid-template-columns:1fr;
    }

}

/* END P549A-MOBILE-SERVICES */

/* === P561C MOBILE MENU TYPOGRAPHY START === */
@media (max-width:900px){

    /* BASE — همه لینک‌های منوی موبایل */
    #ph-mobile-menu a{
        font-size:18px !important;
        line-height:1.8 !important;
    }

    /* MAIN MENU — صفحه اصلی، خدمات، دانستنی‌ها، درباره، تماس */
    #ph-mobile-menu .ph-mobile-menu-inner > a,
    #ph-mobile-menu .ph-mobile-menu-inner > ul > li > a,
    #ph-mobile-menu .ph-mobile-nav > li > a,
    #ph-mobile-menu .ph-mobile-nav-item > a,
    #ph-mobile-menu details > summary{
        font-size:22px !important;
        font-weight:750 !important;
        line-height:1.55 !important;
    }

    /* شماره‌های 01 / 02 / ... */
    #ph-mobile-menu .ph-mobile-menu-inner > a > span,
    #ph-mobile-menu .ph-mobile-nav > li > a > span,
    #ph-mobile-menu .ph-mobile-nav-item > a > span{
        font-size:16px !important;
        line-height:1 !important;
    }

    /* عنوان خانواده خدمات */
    #ph-mobile-menu h2,
    #ph-mobile-menu h3,
    #ph-mobile-menu h4{
        font-size:20px !important;
        font-weight:750 !important;
        line-height:1.7 !important;
    }

    /* لینک‌های داخل گروه‌های خدمات */
    #ph-mobile-menu ul ul a,
    #ph-mobile-menu .ph-mobile-services a,
    #ph-mobile-menu .ph-mobile-submenu a{
        font-size:18px !important;
        line-height:1.9 !important;
    }

    /* فضای عمودی و لمس بهتر */
    #ph-mobile-menu li > a{
        padding-top:9px !important;
        padding-bottom:9px !important;
    }

    /* دکمه‌های سریع مثل هزینه طراحی سایت / دامنه و هاست */
    #ph-mobile-menu [class*="quick"] a,
    #ph-mobile-menu [class*="tool"] a{
        font-size:17px !important;
        line-height:1.6 !important;
    }
}
/* === P561C MOBILE MENU TYPOGRAPHY END === */

/* === P561F SERVICES MAIN ITEM FIX START === */
@media (max-width:900px){

    #ph-mobile-menu .ph-mobile-services > summary{
        font-size:22px !important;
        font-weight:750 !important;
        line-height:1.55 !important;
    }

    #ph-mobile-menu .ph-mobile-services > summary > span{
        font-size:16px !important;
        font-weight:700 !important;
        line-height:1 !important;
    }
}
/* === P561F SERVICES MAIN ITEM FIX END === */

/* =========================================
   P585I SOURCE 15: assets/css/home/hero-number-fix.css
   ========================================= */

/*
============================================================
P029M24H — FINAL HERO 24 GLYPH FIX
Only fixes vertical glyph clipping
============================================================
*/

.ph-engine-number {
    overflow: visible !important;
}

.ph-engine-number > strong,
#ph-hero-year-counter {
    display: inline-block;
    line-height: 1.12 !important;
    padding-top: .055em;
    padding-bottom: .025em;
    overflow: visible !important;
    vertical-align: middle;
}

/* END P029M24H */
/* === P567C2-R2 COUNTER START === */
#ph-hero-year-counter{
    display:inline-block!important;
    font-size:clamp(7.2rem,13vw,12rem)!important;
    font-weight:260!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
    padding:.08em .04em!important;
    overflow:visible!important;
    font-variant-numeric:tabular-nums!important;
}
#ph-hero-year-counter.is-24{
    color:#d8aa62!important;
}
#ph-hero-counter-label{
    font-size:clamp(1rem,1.35vw,1.25rem)!important;
    line-height:1.5!important;
}
@media(max-width:760px){
    #ph-hero-year-counter{
        font-size:clamp(6.3rem,29vw,9rem)!important;
        line-height:.9!important;
    }
}
/* === P567C2-R2 COUNTER END === */
/* === P567C3-R2 LOGOMOTION START === */
.ph-hero{position:relative;isolation:isolate;overflow:hidden}
.ph-home-motion{position:absolute;inset:0;z-index:0;overflow:hidden;background:#030a10;opacity:0;pointer-events:none;transition:opacity .9s ease}
.ph-home-motion.is-active{opacity:1}
.ph-home-motion iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;border:0;transform:translate(-50%,-50%) scale(1.08);opacity:.56}
.ph-home-motion:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,18,.90),rgba(3,12,18,.50),rgba(3,12,18,.70))}
.ph-hero-grid{position:relative;z-index:3}
@media(max-width:760px){.ph-home-motion iframe{transform:translate(-50%,-50%) scale(1.28);opacity:.42}.ph-home-motion:after{background:linear-gradient(180deg,rgba(3,12,18,.75),rgba(3,12,18,.45),rgba(3,12,18,.84))}}
/* === P567C3-R2 LOGOMOTION END === */
/* === P567C5 HERO FINAL TUNING START === */
.ph-hero-iran-title{
color:#d8aa62!important;
font-size:clamp(2.6rem,3.6vw,4rem)!important;
font-weight:700!important;
line-height:1.35!important;
margin:0 0 8px!important;
letter-spacing:-.02em!important;
}
.ph-hero-isfahan-title{
color:#63dce8!important;
font-size:clamp(3.25rem,4.8vw,5.2rem)!important;
font-weight:700!important;
line-height:1.35!important;
margin:0!important;
letter-spacing:-.025em!important;
}
.ph-hero-lead strong{color:#d8aa62!important;font-weight:800!important}
#ph-hero-year-counter{
font-size:clamp(4.6rem,6vw,6.5rem)!important;
white-space:nowrap!important;
line-height:.95!important;
}
#ph-hero-year-counter.is-24{
font-size:clamp(6.8rem,8vw,8.5rem)!important;
color:#d8aa62!important;
}
@media(max-width:760px){
.ph-hero-iran-title{font-size:clamp(2rem,8.3vw,2.65rem)!important;line-height:1.42!important;margin-bottom:6px!important}
.ph-hero-isfahan-title{font-size:clamp(2.35rem,9.5vw,3.15rem)!important;line-height:1.42!important}
#ph-hero-year-counter{font-size:clamp(4.1rem,18vw,5.5rem)!important}
#ph-hero-year-counter.is-24{font-size:clamp(5.8rem,25vw,7rem)!important}
}
/* === P567C5 HERO FINAL TUNING END === */

/* === P567C6 TITLE + COUNTER START === */
.ph-hero-iran-title{
font-size:clamp(2.2rem,2.75vw,3.15rem)!important;
white-space:nowrap!important;
line-height:1.35!important;
}
.ph-hero-iran-title span{
display:inline!important;
}
#ph-hero-year-counter{
display:block!important;
width:100%!important;
max-width:100%!important;
text-align:center!important;
white-space:nowrap!important;
font-size:clamp(4.2rem,5.2vw,5.7rem)!important;
letter-spacing:-.02em!important;
font-variant-numeric:tabular-nums!important;
}
#ph-hero-year-counter.is-24{
font-size:clamp(6.5rem,8vw,8.3rem)!important;
}
@media(max-width:760px){
.ph-hero-iran-title{
white-space:normal!important;
font-size:clamp(1.85rem,8vw,2.5rem)!important;
line-height:1.42!important;
}
.ph-hero-iran-title span{
display:block!important;
}
#ph-hero-year-counter{
font-size:clamp(4rem,17vw,5.2rem)!important;
}
#ph-hero-year-counter.is-24{
font-size:clamp(5.8rem,24vw,6.8rem)!important;
}
}
/* === P567C6 TITLE + COUNTER END === */


/* === P567C7 HERO FINAL VISUAL START === */

/* رینگ نوری/طلایی دایره */
.ph-heritage-engine{
    position:relative;
    isolation:isolate;
}

.ph-engine-disc{
    position:relative;
    overflow:visible;
    border:1px solid rgba(86,213,255,.18);
    background:
        radial-gradient(circle at 50% 36%, rgba(83,224,255,.12), transparent 34%),
        radial-gradient(circle at 50% 70%, rgba(255,197,92,.07), transparent 58%),
        linear-gradient(180deg, rgba(6,18,34,.42), rgba(3,10,22,.68));
    box-shadow:
        0 0 0 1px rgba(255,204,102,.05) inset,
        0 18px 60px rgba(0,0,0,.22),
        0 0 26px rgba(83,224,255,.08);
}

.ph-engine-disc::before{
    content:"";
    position:absolute;
    inset:-16px;
    border-radius:50%;
    pointer-events:none;
    background:
        conic-gradient(
            from 210deg,
            rgba(255,193,77,0) 0deg,
            rgba(255,193,77,.78) 46deg,
            rgba(117,235,255,.34) 138deg,
            rgba(117,235,255,0) 226deg,
            rgba(255,193,77,.58) 320deg,
            rgba(255,193,77,0) 360deg
        );
    -webkit-mask:
        radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
            mask:
        radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    filter:
        drop-shadow(0 0 12px rgba(255,193,77,.15))
        drop-shadow(0 0 12px rgba(117,235,255,.10));
    opacity:.95;
}

.ph-engine-disc::after{
    content:"";
    position:absolute;
    inset:-34px;
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(circle,
            rgba(81,220,255,.10) 0,
            rgba(81,220,255,.05) 34%,
            rgba(255,196,92,.04) 55%,
            transparent 74%);
    filter:blur(8px);
    opacity:.9;
}

.ph-engine-number strong,
#ph-hero-year-counter{
    text-shadow:
        0 0 16px rgba(255,196,92,.08),
        0 0 18px rgba(81,220,255,.10);
}

/* 4 کادر اطراف دایره */
.ph-engine-chip{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:100px;
    height:46px;
    padding:0 18px;
    border-radius:16px;
    border:1px solid rgba(89,220,255,.18);
    background:
        linear-gradient(180deg, rgba(7,20,38,.74), rgba(4,11,23,.92));
    box-shadow:
        0 10px 24px rgba(0,0,0,.18),
        0 0 0 1px rgba(255,193,77,.04) inset;
    color:#d9f7ff;
    font-size:15px;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    opacity:.98;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.ph-engine-chip::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    margin-inline-end:10px;
    flex:0 0 8px;
    background:
        radial-gradient(circle, #77ebff 0 45%, rgba(119,235,255,.26) 46% 100%);
    box-shadow:0 0 10px rgba(119,235,255,.35);
}

/* نسخه موبایل */
@media (max-width: 900px){
    .ph-engine-disc::before{
        inset:-10px;
    }

    .ph-engine-disc::after{
        inset:-22px;
        filter:blur(6px);
    }

    .ph-engine-chip{
        min-width:82px;
        height:40px;
        padding:0 14px;
        border-radius:14px;
        font-size:13px;
    }

    .ph-engine-chip::before{
        width:6px;
        height:6px;
        flex-basis:6px;
        margin-inline-end:8px;
    }
}

@media (max-width: 640px){
    .ph-engine-chip{
        min-width:74px;
        height:36px;
        padding:0 12px;
        font-size:12px;
    }
}

/* === P567C7 HERO FINAL VISUAL END === */

/* P583Q-HERO-CHIP-GPU-MOTION
   Performance only:
   old paint-heavy chip animation -> compositor opacity/transform
*/
.ph-engine-chip{
    position:relative;
    animation:none!important;
}

.ph-engine-chip::after{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    pointer-events:none;

    box-shadow:
        0 0 10px rgba(119,235,255,.28),
        0 0 20px rgba(70,205,230,.12);

    opacity:.38;
    transform:scale(.98);
    will-change:transform,opacity;

    animation:
        phEngineChipGpuPulse 2.4s ease-in-out infinite;
}

@keyframes phEngineChipGpuPulse{
    0%,100%{
        opacity:.28;
        transform:scale(.98);
    }

    50%{
        opacity:.72;
        transform:scale(1.035);
    }
}

@media (prefers-reduced-motion:reduce){
    .ph-engine-chip::after{
        animation:none!important;
        opacity:.38;
        transform:none;
    }
}
/* END P583Q-HERO-CHIP-GPU-MOTION */

/* =========================================
   P585I SOURCE 16: assets/css/home/ui-detail-fix.css
   ========================================= */

/*
============================================================
P029M29 — UI DETAIL / TYPOGRAPHY

1. Hero counter slight left correction
2. Persian micro typography correction
3. Multimedia 07 returns to RTL/right position

NO motion / blur / filter / lighting
============================================================
*/


/* ========================================================
   HERO NUMBER
   Preserve approved 280ms counter.
   Add glyph breathing room + slight left optical correction.
   ======================================================== */

.ph-engine-number {
    overflow:visible !important;
}


.ph-engine-number > strong,
#ph-hero-year-counter {
    padding-inline:
        .09em !important;

    transform:
        translateX(-6px);

    overflow:
        visible !important;
}


/*
Persian caption no longer needs the wide
English letter-spacing originally designed for uppercase.
*/

.ph-engine-number > span {
    font-size:
        clamp(11.5px,.78vw,13px) !important;

    line-height:1.65 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   FOUR HERO CHIPS
   Slightly stronger Persian typography.
   Geometry stays essentially unchanged.
   ======================================================== */

.ph-engine-chip {
    min-width:
        116px !important;

    font-size:
        clamp(11.5px,.76vw,12.8px) !important;

    line-height:1.45 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   MICRO TYPOGRAPHY
   Persian translations need a little more body than the
   former uppercase English labels.
   ======================================================== */

.ph-overline,
.ph-section-kicker,
.ph-teaser-kicker,
.ph-gateway-kicker {
    font-size:
        clamp(12px,.82vw,14px) !important;

    line-height:1.7 !important;

    letter-spacing:0 !important;
}


.ph-architecture small,
.ph-ownership small,
.ph-process small,
.ph-teaser small,
.ph-gateway small {
    font-size:
        clamp(11px,.74vw,12.5px) !important;

    line-height:1.65 !important;

    letter-spacing:0 !important;
}


/* ========================================================
   MULTIMEDIA NUMBER 07
   Return section number to RTL / right side.
   ======================================================== */

.ph-teaser-heading-meta {
    position:relative;

    min-height:
        62px;

    justify-content:
        flex-start !important;

    padding-inline-start:
        78px;
}


.ph-teaser-number {
    position:absolute;

    inset-inline-start:0;

    top:0;

    margin:0 !important;

    line-height:.92;
}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width:620px) {

    .ph-engine-number > strong,
    #ph-hero-year-counter {
        transform:
            translateX(-3px);
    }


    .ph-engine-chip {
        min-width:
            94px !important;

        font-size:
            10.5px !important;
    }


    .ph-teaser-heading-meta {
        min-height:
            52px;

        padding-inline-start:
            60px;
    }


    .ph-teaser-number {
        font-size:
            44px !important;
    }

}

/* END P029M29 */
/* P383-HOME-SECTION-NUMBER-SYSTEM */
.ph-history-section-number,
.ph-proof-section-number,
.ph-architecture-index strong,
.ph-ownership-index strong,
.ph-process-index strong,
.ph-teaser-number,
.ph-knowledge-number,
.ph-gateway-code strong{
    font-family:inherit;
    font-size:clamp(3.9rem,6.2vw,6.4rem)!important;
    font-weight:260!important;
    line-height:.82!important;
    letter-spacing:-.055em!important;
    color:rgba(216,170,98,.80)!important;
    font-variant-numeric:tabular-nums;
}
.ph-teaser-heading-meta{
    min-height:78px;
    padding-inline-start:clamp(82px,8vw,112px);
}
.ph-teaser-number{
    top:-2px!important;
    inset-inline-start:0!important;
}
.ph-knowledge-head{
    position:relative;
}
.ph-knowledge-head>div:first-of-type{
    padding-inline-start:clamp(82px,8vw,112px);
}
.ph-knowledge-number{
    position:absolute;
    inset-inline-start:0;
    top:2px;
    display:block;
}
.ph-gateway-code strong{
    font-size:clamp(4rem,6.4vw,6.6rem)!important;
}
@media(max-width:760px){
    .ph-architecture-index strong,
    .ph-ownership-index strong,
    .ph-process-index strong,
    .ph-teaser-number,
    .ph-knowledge-number,
    .ph-gateway-code strong{
        font-size:clamp(3.2rem,14vw,4.6rem)!important;
    }
    .ph-teaser-heading-meta,
    .ph-knowledge-head>div:first-of-type{
        padding-inline-start:72px;
    }
}
/* END-P383-HOME-SECTION-NUMBER-SYSTEM */
/* P386-NUMBERS-02-03 */
.ph-history-title,.phc-head{position:relative}
.ph-history-title{padding-inline-start:clamp(82px,8vw,112px)}
.phc-head{padding-inline-start:clamp(82px,8vw,112px)}
.ph-history-section-number,.ph-proof-section-number{position:absolute;inset-inline-start:0;top:0;display:block}
@media(max-width:760px){.ph-history-title,.phc-head{padding-inline-start:72px}}
/* END-P386-NUMBERS-02-03 */
/* P388-OVAL-NUMBERS */
.ph-history-title{padding-inline-start:0!important;padding-left:126px!important}
.ph-knowledge-head>div:first-of-type{padding-inline-start:0!important;padding-left:126px!important}
.ph-history-section-number,.ph-knowledge-number,.ph-gateway-code strong{width:108px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(216,170,98,.28)!important;border-radius:999px!important;background:linear-gradient(100deg,rgba(216,170,98,.055),rgba(99,220,232,.025))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 12px 32px rgba(0,0,0,.14)!important;color:rgba(222,176,101,.92)!important;font-size:clamp(2.35rem,3.2vw,3.35rem)!important;font-weight:280!important;line-height:1!important;letter-spacing:-.04em!important}
.ph-history-section-number{left:0!important;right:auto!important;top:6px!important;transform:none!important}
.ph-knowledge-number{left:0!important;right:auto!important;top:2px!important}
.ph-gateway-code strong{position:relative!important}
@media(max-width:760px){.ph-history-title,.ph-knowledge-head>div:first-of-type{padding-left:92px!important}.ph-history-section-number,.ph-knowledge-number,.ph-gateway-code strong{width:78px!important;height:46px!important;font-size:2rem!important}}
/* END-P388-OVAL-NUMBERS */
/* P390-UNIFIED-LARGE-SECTION-NUMBERS */
.ph-history-section-number,
.ph-proof-section-number,
.ph-architecture-index strong,
.ph-ownership-index strong,
.ph-process-index strong,
.ph-teaser-number,
.ph-knowledge-number,
.ph-gateway-code strong{
    font-size:clamp(4.8rem,7.3vw,7.7rem)!important;
    font-weight:250!important;
    line-height:.78!important;
    letter-spacing:-.06em!important;
}
.ph-history-section-number,
.ph-knowledge-number,
.ph-gateway-code strong{
    width:150px!important;
    height:86px!important;
}
.ph-history-title,
.ph-knowledge-head>div:first-of-type{
    padding-left:168px!important;
}
@media(max-width:760px){
    .ph-history-section-number,
    .ph-proof-section-number,
    .ph-architecture-index strong,
    .ph-ownership-index strong,
    .ph-process-index strong,
    .ph-teaser-number,
    .ph-knowledge-number,
    .ph-gateway-code strong{
        font-size:clamp(3.7rem,16vw,5.2rem)!important;
    }
    .ph-history-section-number,
    .ph-knowledge-number,
    .ph-gateway-code strong{
        width:108px!important;
        height:64px!important;
    }
    .ph-history-title,
    .ph-knowledge-head>div:first-of-type{
        padding-left:120px!important;
    }
}
/* END-P390-UNIFIED-LARGE-SECTION-NUMBERS */
/* P393-SECTION-10 */
.ph-showcase-head{position:relative;padding-left:168px}
.ph-showcase-number{position:absolute;left:0;top:0;display:block;color:rgba(216,170,98,.80);font-size:clamp(4.8rem,7.3vw,7.7rem);font-weight:250;line-height:.78;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
@media(max-width:760px){.ph-showcase-head{padding-left:120px}.ph-showcase-number{font-size:clamp(3.7rem,16vw,5.2rem)}}
/* END-P393-SECTION-10 */
/* P396-SHOWCASE-10-FAR-LEFT */
.ph-showcase-head{max-width:none!important;padding-left:168px!important}
.ph-showcase-number{left:0!important;right:auto!important}
.ph-showcase-head>.ph-section-kicker,.ph-showcase-head>h2,.ph-showcase-head>p{max-width:760px;margin-left:auto}
@media(max-width:760px){.ph-showcase-head{padding-left:120px!important}}
/* END-P396-SHOWCASE-10-FAR-LEFT */

/* === P568B-R2 SECTION02 START === */
body.home .ph-history{
padding-top:72px!important;
}
@media(max-width:760px){
body.home .ph-history{
padding-top:40px!important;
}
.ph-history-head{
display:flex!important;
flex-direction:column!important;
}
.ph-history-code{
order:1!important;
align-self:flex-start!important;
width:auto!important;
margin:0 0 22px!important;
padding:7px 11px!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
border:1px solid rgba(99,220,232,.16)!important;
border-radius:999px!important;
background:rgba(5,17,29,.34)!important;
color:rgba(136,228,237,.78)!important;
}
.ph-history-title{
order:2!important;
padding-left:0!important;
padding-inline-start:0!important;
}
.ph-history-section-number{
position:static!important;
display:inline-flex!important;
width:auto!important;
height:auto!important;
margin:0 0 12px!important;
padding:4px 10px!important;
border:1px solid rgba(216,170,98,.20)!important;
border-radius:999px!important;
background:rgba(216,170,98,.035)!important;
box-shadow:none!important;
font-size:0!important;
transform:none!important;
}
.ph-history-section-number::after{
content:"بخش ۰۲";
font-size:11px!important;
font-weight:750!important;
line-height:1.3!important;
color:rgba(222,176,101,.92)!important;
}
.ph-history-title h2{
margin-top:8px!important;
}
}
/* === P568B-R2 SECTION02 END === */

/* === P568B-R3 MOBILE START === */
@media(max-width:900px){

/* اتصال نزدیک‌تر Hero به Section 02 */
body.home .ph-history{
margin-top:-92px!important;
padding-top:42px!important;
}

/* تاریخ مستقل و خوانا */
.ph-history-code{
display:block!important;
order:1!important;
align-self:stretch!important;
width:100%!important;
margin:0 0 26px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
color:#d8aa62!important;
font-size:clamp(2.35rem,11vw,3.25rem)!important;
font-weight:300!important;
line-height:1!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
direction:ltr!important;
unicode-bidi:isolate!important;
font-variant-numeric:tabular-nums!important;
text-align:right!important;
}

.ph-history-title{
order:2!important;
}
}

@media(max-width:480px){
body.home .ph-history{
margin-top:-108px!important;
padding-top:38px!important;
}
.ph-history-code{
font-size:clamp(2.15rem,10.5vw,2.85rem)!important;
margin-bottom:22px!important;
}
}
/* === P568B-R3 MOBILE END === */

/* === P568B-R4 HISTORY GAP START === */
@media(max-width:760px){
.ph-history-head{
gap:14px!important;
row-gap:14px!important;
}
.ph-history-code{
margin:0!important;
font-size:clamp(2rem,10vw,2.7rem)!important;
}
.ph-history-title{
margin:0!important;
padding-top:0!important;
}
.ph-history-section-number{
margin:0 0 8px!important;
}
.ph-section-kicker{
margin-top:0!important;
}
}
/* === P568B-R4 HISTORY GAP END === */

/* === P568B-R5 MOBILE LABEL TYPE START === */
@media(max-width:760px){
.ph-history-section-number::after{
font-size:14px!important;
font-weight:750!important;
line-height:1.45!important;
}
.ph-history-section-number{
padding:6px 12px!important;
margin-bottom:12px!important;
}
.ph-history-title .ph-section-kicker{
display:block!important;
font-size:15px!important;
font-weight:700!important;
line-height:1.8!important;
color:#63dce8!important;
margin-bottom:10px!important;
}
}
/* === P568B-R5 MOBILE LABEL TYPE END === */

/* =========================================
   P585I SOURCE 17: assets/css/home/section-05-multimedia.css
   ========================================= */

/* P573A SECTION 05 MULTIMEDIA */
.ph-ownership-video{position:relative;width:100%;aspect-ratio:16/9;margin-top:24px;overflow:hidden;border-radius:20px;border:1px solid rgba(78,211,221,.24);background:#071923;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.ph-ownership-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:900px){.ph-ownership-video{margin-top:18px;border-radius:16px}}
.ph-ownership-principle:nth-child(4){display:none!important}
/* === P573D FINAL MULTIMEDIA GRID START === */
@media(min-width:901px){.ph-ownership-ledger{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)!important;grid-template-rows:auto auto auto!important;gap:20px 34px!important;direction:ltr!important;align-items:start!important}.ph-ownership-legacy{display:contents!important}.ph-legacy-top{grid-column:2!important;grid-row:1!important;direction:rtl!important;padding:28px 30px 18px!important}.ph-ownership-principles{grid-column:2!important;grid-row:2!important;direction:rtl!important}.ph-legacy-bottom{grid-column:2!important;grid-row:3!important;direction:rtl!important;padding:16px 30px 24px!important}.ph-ownership-video{grid-column:1!important;grid-row:1 / 4!important;direction:rtl!important;width:100%!important;aspect-ratio:16/9!important;margin:0!important;align-self:center!important;border-radius:22px!important}.ph-ownership-principle{min-height:0!important;padding:18px 20px!important}.ph-ownership-principle:nth-child(4){display:none!important}}
@media(max-width:900px){.ph-ownership-legacy{display:block!important}.ph-ownership-video{width:100%!important;aspect-ratio:16/9!important;margin-top:20px!important}}
/* === P573D FINAL MULTIMEDIA GRID END === */
/* P573E VIDEO TOP ALIGN */
@media(min-width:901px){.ph-ownership-video{align-self:start!important;margin-top:28px!important}}
/* P573F COMPACT RIGHT COLUMN */
@media(min-width:901px){.ph-legacy-top{padding:20px 24px 12px!important}.ph-legacy-number{line-height:.9!important}.ph-legacy-title{line-height:1.65!important}.ph-ownership-principles{gap:0!important}.ph-ownership-principle{min-height:0!important;padding:13px 16px!important}.ph-principle-copy{font-size:13.5px!important;line-height:1.75!important}.ph-legacy-bottom{padding:10px 24px 14px!important}}
.ph-ownership-signature{display:none!important}
@media(min-width:901px){.ph-ownership-video-note{grid-column:1!important;grid-row:3!important;align-self:end!important;padding:18px 22px;border-top:1px solid rgba(78,211,221,.22);direction:rtl;text-align:right}.ph-ownership-video-note strong{display:block;color:#f2f6f7;font-size:17px;margin-bottom:7px}.ph-ownership-video-note span{color:#9fb0b7;font-size:14px;line-height:1.9}}
/* P573H VIDEO + NOTE STACK FIX */
@media(min-width:901px){.ph-ownership-video{grid-column:1!important;grid-row:1 / 3!important}.ph-ownership-video-note{display:block!important;grid-column:1!important;grid-row:3!important;align-self:start!important;margin-top:4px!important;z-index:2!important}}
/* P573I MEDIA COLUMN FIX */
@media(min-width:901px){.ph-ownership-media-column{grid-column:1!important;grid-row:1 / 4!important;align-self:start!important;direction:rtl!important}.ph-ownership-media-column .ph-ownership-video{grid-column:auto!important;grid-row:auto!important;margin:0!important}.ph-ownership-media-column .ph-ownership-video-note{display:block!important;grid-column:auto!important;grid-row:auto!important;margin-top:16px!important;padding:18px 22px!important;align-self:auto!important}}
/* P573J S05 HEADER RIGHT SHIFT */
@media(min-width:1200px){.ph-ownership-head{transform:translateX(55px)!important}}
.ph-ownership-video iframe{opacity:0!important;pointer-events:none!important}
.ph-ownership-video.is-playing iframe{opacity:1!important;pointer-events:auto!important}
.ph-s05-video-cover{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;background:#071923;cursor:pointer;overflow:hidden}
.ph-s05-video-cover img{width:100%;height:100%;display:block;object-fit:cover}
.ph-s05-video-cover span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#ee3a3a;color:#fff;font-size:28px;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.ph-ownership-video.is-playing .ph-s05-video-cover{display:none!important}
/* P574G S05 PRINCIPLES REFINED */
@media(min-width:901px){.ph-ownership-principles{display:grid!important;gap:12px!important}.ph-ownership-principle{display:grid!important;grid-template-columns:auto minmax(0,1fr) 52px!important;grid-template-areas:"state title no" "copy copy no"!important;column-gap:14px!important;row-gap:4px!important;align-items:start!important;padding:15px 18px!important;border-radius:14px!important;background:rgba(7,25,35,.42)!important}.ph-principle-no{grid-area:no!important}.ph-principle-title{grid-area:title!important}.ph-principle-copy{grid-area:copy!important;margin:0!important;font-size:14px!important;line-height:1.85!important}.ph-principle-state{grid-area:state!important;align-self:center!important}}
/* P574J S05 SPACING + H2 LINES */
@media(min-width:901px){.ph-ownership{padding-top:72px!important}.ph-ownership-copy h2 span{display:block!important}.ph-ownership-copy h2 span:nth-child(2){white-space:nowrap!important}}
@media(max-width:900px){.ph-ownership{padding-top:48px!important}.ph-ownership-copy h2 span{display:block!important}}
/* P574K S05 TOP GAP FINAL */
@media(min-width:901px){.ph-ownership{padding-top:24px!important}.ph-ownership-head{margin-top:0!important}}

/* P578B S05 MOBILE FINAL HEIGHT RESET */
@media(max-width:900px){

.ph-ownership{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding-top:42px!important;
  padding-bottom:24px!important;
}

.ph-ownership .ph-shell,
.ph-ownership-head,
.ph-ownership-ledger,
.ph-ownership-legacy,
.ph-ownership-media-column,
.ph-ownership-principles{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}

.ph-ownership-head{
  margin-bottom:22px!important;
}

.ph-ownership-ledger,
.ph-ownership-legacy,
.ph-ownership-media-column{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

.ph-ownership-video{
  margin:18px 0 0!important;
}

.ph-ownership-video-note{
  margin:12px 0 0!important;
  padding-bottom:0!important;
}

.ph-ownership-principles{
  margin:16px 0 0!important;
  padding-bottom:0!important;
  gap:10px!important;
}

.ph-ownership-signature{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

}
/* END P578B S05 */

/* P578C S05 MOBILE ROOT FIX */
@media(max-width:900px){

.ph-ownership-ledger{
  display:block!important;
  min-height:0!important;
  height:auto!important;
}

.ph-ownership-legacy{
  display:block!important;
  min-height:0!important;
  height:auto!important;
}

.ph-ownership-principles{
  display:block!important;
  grid-template-rows:none!important;
  grid-auto-rows:auto!important;
  min-height:0!important;
  height:auto!important;
}

.ph-ownership-principle{
  display:grid!important;
  min-height:0!important;
  height:auto!important;
  padding:20px 18px!important;
}

.ph-ownership-principle:nth-child(4){
  display:none!important;
}

}
/* END P578C S05 */

/* P583T-S05-DESKTOP-GAP-FIX */
@media(min-width:901px){

    .ph-ownership{
        min-height:0!important;
        height:auto!important;
        max-height:none!important;
        padding-bottom:32px!important;
    }

    .ph-ownership .ph-shell,
    .ph-ownership-head,
    .ph-ownership-ledger,
    .ph-ownership-legacy,
    .ph-ownership-media-column,
    .ph-ownership-principles{
        min-height:0!important;
        height:auto!important;
        max-height:none!important;
    }

    .ph-ownership-ledger{
        margin-bottom:0!important;
        padding-bottom:0!important;
    }
}
/* END P583T-S05-DESKTOP-GAP-FIX */

/* =========================================
   P585I SOURCE 18: assets/css/home/section-06-tarhe40-v2.css
   ========================================= */

/* P577C TARHE40-V2 */

.ph-process--tarhe40-v2{
  position:relative;
  padding:82px 0 78px!important;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 16% 30%,rgba(23,137,154,.17),transparent 30%),
    radial-gradient(circle at 76% 44%,rgba(27,182,200,.11),transparent 34%),
    linear-gradient(180deg,#03131e 0%,#041c29 50%,#03141f 100%);
}

.ph-process--tarhe40-v2::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(102,230,241,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(102,230,241,.025) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.28;
}

.ph-process--tarhe40-v2 .s06v2-top{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:44px;
  align-items:center;
  margin-bottom:28px;
}

.ph-process--tarhe40-v2 .s06v2-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  direction:rtl;
}

.ph-process--tarhe40-v2 .s06v2-feature{
  position:relative;
  min-height:118px;
  padding:18px 18px 16px;
  border:1px solid rgba(86,221,236,.13);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(8,34,48,.74),rgba(4,23,35,.80));
  box-shadow:
    inset 0 1px rgba(255,255,255,.03),
    0 15px 40px rgba(0,0,0,.10);
}

.ph-process--tarhe40-v2 .s06v2-feature::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:1px;
  background:linear-gradient(90deg,transparent,#52ddec,transparent);
  opacity:.35;
}

.ph-process--tarhe40-v2 .s06v2-feature small{
  display:block;
  margin-bottom:6px;
  color:#68e5f2;
  font-size:11px;
}

.ph-process--tarhe40-v2 .s06v2-feature strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:16px;
}

.ph-process--tarhe40-v2 .s06v2-feature span{
  display:block;
  color:rgba(225,237,241,.64);
  font-size:11.5px;
  line-height:1.8;
}

.ph-process--tarhe40-v2 .s06v2-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:28px;
  align-items:center;
  direction:rtl;
}

.ph-process--tarhe40-v2 .s06v2-copy{
  min-width:0;
}

.ph-process--tarhe40-v2 .s06v2-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  padding:7px 13px;
  border:1px solid rgba(216,170,98,.18);
  border-radius:999px;
  color:#e5c484;
  font-size:12px;
}

.ph-process--tarhe40-v2 .s06v2-kicker::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d8aa62;
  box-shadow:0 0 14px rgba(216,170,98,.70);
}

.ph-process--tarhe40-v2 .s06v2-copy h2{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(34px,3.6vw,58px)!important;
  line-height:1.18!important;
}

.ph-process--tarhe40-v2 .s06v2-copy p{
  max-width:760px;
  margin:0!important;
  color:rgba(228,239,243,.72)!important;
  font-size:15px!important;
  line-height:2!important;
}

.ph-process--tarhe40-v2 .s06v2-index{
  position:relative;
  min-height:154px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(216,170,98,.20);
  border-radius:34px;
  background:
    radial-gradient(circle at 70% 15%,rgba(216,170,98,.12),transparent 28%),
    rgba(4,22,32,.56);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 24px 55px rgba(0,0,0,.18);
}

.ph-process--tarhe40-v2 .s06v2-index strong{
  color:#dfb466;
  font-size:82px;
  font-weight:300;
  line-height:.95;
  letter-spacing:-.045em;
}

.ph-process--tarhe40-v2 .s06v2-index span{
  margin-top:10px;
  color:rgba(234,238,241,.56);
  font-size:12px;
}


/* MAIN ENGINEERING FRAME */

.ph-process--tarhe40-v2 .s06v2-engine{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(78,222,236,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 76% 52%,rgba(26,177,193,.12),transparent 31%),
    linear-gradient(180deg,rgba(3,21,32,.96),rgba(2,17,27,.98));
  box-shadow:
    0 34px 90px rgba(0,0,0,.28),
    0 0 36px rgba(60,219,232,.06),
    inset 0 1px rgba(255,255,255,.05);
}

.ph-process--tarhe40-v2 .s06v2-engine-main{
  display:grid;
  grid-template-columns:minmax(360px,38%) minmax(0,62%);
  min-height:570px;
  direction:ltr;
}


/* TERMINAL */

.ph-process--tarhe40-v2 .s06v2-terminal{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-right:1px solid rgba(79,216,231,.12);
  background:
    linear-gradient(90deg,rgba(3,17,27,.98),rgba(4,25,37,.90));
}

.ph-process--tarhe40-v2 .s06v2-terminal-head{
  height:58px;
  display:flex;
  align-items:center;
  gap:25px;
  padding:0 22px;
  border-bottom:1px solid rgba(255,255,255,.07);
  direction:ltr;
  font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.04em;
  color:rgba(202,219,225,.44);
}

.ph-process--tarhe40-v2 .s06v2-terminal-head strong{
  color:#dffcff;
}

.ph-process--tarhe40-v2 .s06v2-terminal-head strong::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#54f0a8;
  box-shadow:0 0 12px rgba(84,240,168,.7);
}

.ph-process--tarhe40-v2 .s06v2-terminal-body{
  position:absolute;
  top:58px;
  left:0;
  right:0;
  bottom:0;
  padding:22px 24px;
  overflow:hidden;
  direction:ltr;
  text-align:left;
  mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 88%,transparent 100%);
}

.ph-process--tarhe40-v2 .ph-s06-term-line{
  min-height:29px;
  transform:translateY(26px);
  opacity:0;
  transition:
    transform .55s cubic-bezier(.2,.7,.2,1),
    opacity .55s ease;
  white-space:nowrap;
  font:500 13.5px/1.85 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}

.ph-process--tarhe40-v2 .ph-s06-term-line.is-visible{
  transform:translateY(0);
}

.ph-process--tarhe40-v2 .t-user{color:#63efad}
.ph-process--tarhe40-v2 .t-cmd{color:#e7f9fc}
.ph-process--tarhe40-v2 .t-dim{color:#728d98}
.ph-process--tarhe40-v2 .t-ok{color:#5ef2a2}
.ph-process--tarhe40-v2 .t-info{color:#56ddec}
.ph-process--tarhe40-v2 .t-num{color:#dfb466}
.ph-process--tarhe40-v2 .t-cursor{color:#53dbe8}


/* CAD */

.ph-process--tarhe40-v2 .s06v2-cad{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 52% 55%,rgba(28,179,197,.13),transparent 38%);
  cursor:ew-resize;
}

.ph-process--tarhe40-v2 .s06v2-cad canvas{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.ph-process--tarhe40-v2 .s06v2-cad-label{
  position:absolute;
  z-index:3;
  top:30px;
  right:30px;
  padding-right:16px;
  color:rgba(225,240,244,.76);
  font-size:12px;
  line-height:1.8;
  text-align:right;
  pointer-events:none;
}

.ph-process--tarhe40-v2 .s06v2-cad-label::before{
  content:"";
  position:absolute;
  right:0;
  top:4px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#5be5f1;
  box-shadow:0 0 14px rgba(91,229,241,.8);
}

.ph-process--tarhe40-v2 .s06v2-cad-hint{
  position:absolute;
  z-index:3;
  right:30px;
  bottom:26px;
  color:rgba(173,220,227,.58);
  font-size:11px;
  pointer-events:none;
}


/* STACK */

.ph-process--tarhe40-v2 .s06v2-stack{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 18px;
  border-top:1px solid rgba(82,220,234,.10);
  direction:ltr;
}

.ph-process--tarhe40-v2 .s06v2-stack span{
  padding:8px 20px;
  border-right:1px solid rgba(255,255,255,.07);
  color:rgba(214,231,236,.64);
  font-size:12px;
}

.ph-process--tarhe40-v2 .s06v2-stack span:last-child{
  border-right:0;
}


/* VALUES */

.ph-process--tarhe40-v2 .s06v2-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:16px;
  border-top:1px solid rgba(73,210,224,.09);
}

.ph-process--tarhe40-v2 .s06v2-value{
  position:relative;
  padding:20px 18px 8px;
  text-align:center;
}

.ph-process--tarhe40-v2 .s06v2-value + .s06v2-value{
  border-right:1px solid rgba(255,255,255,.06);
}

.ph-process--tarhe40-v2 .s06v2-value strong{
  display:block;
  margin-bottom:6px;
  color:#f0fbfd;
  font-size:14px;
}

.ph-process--tarhe40-v2 .s06v2-value span{
  color:rgba(207,225,231,.52);
  font-size:11px;
  line-height:1.7;
}


/* RESPONSIVE */

@media(max-width:1100px){

  .ph-process--tarhe40-v2 .s06v2-top{
    grid-template-columns:1fr;
  }

  .ph-process--tarhe40-v2 .s06v2-head{
    order:-1;
  }

  .ph-process--tarhe40-v2 .s06v2-engine-main{
    grid-template-columns:1fr;
    min-height:0;
  }

  .ph-process--tarhe40-v2 .s06v2-terminal{
    min-height:380px;
    border-right:0;
    border-bottom:1px solid rgba(79,216,231,.12);
  }

  .ph-process--tarhe40-v2 .s06v2-cad{
    min-height:480px;
  }
}

@media(max-width:700px){

  .ph-process--tarhe40-v2{
    padding:58px 0 52px!important;
  }

  .ph-process--tarhe40-v2 .s06v2-head{
    grid-template-columns:1fr;
  }

  .ph-process--tarhe40-v2 .s06v2-index{
    width:150px;
    min-height:110px;
  }

  .ph-process--tarhe40-v2 .s06v2-index strong{
    font-size:58px;
  }

  .ph-process--tarhe40-v2 .s06v2-features{
    grid-template-columns:1fr;
  }

  .ph-process--tarhe40-v2 .s06v2-terminal{
    min-height:330px;
  }

  .ph-process--tarhe40-v2 .ph-s06-term-line{
    font-size:11.5px;
  }

  .ph-process--tarhe40-v2 .s06v2-cad{
    min-height:360px;
  }

  .ph-process--tarhe40-v2 .s06v2-stack{
    overflow-x:auto;
    justify-content:flex-start;
  }

  .ph-process--tarhe40-v2 .s06v2-stack span{
    flex:0 0 auto;
  }

  .ph-process--tarhe40-v2 .s06v2-values{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* END P577C TARHE40-V2 */

/* P577F TERMINAL STREAM */
.ph-process--tarhe40-v2 .s06v2-terminal-stream{
  position:relative;
  width:max-content;
  min-width:100%;
  will-change:transform;
}

.ph-process--tarhe40-v2 .s06v2-terminal-stream .ph-s06-term-line{
  height:30px!important;
  min-height:30px!important;
  transform:none!important;
  opacity:1;
  transition:opacity .35s ease!important;
  font-size:13.5px!important;
  line-height:30px!important;
  white-space:nowrap!important;
}

@media(min-width:1101px){
  .ph-process--tarhe40-v2 .s06v2-terminal-body{
    padding-left:24px!important;
    padding-right:12px!important;
  }
}
/* END P577F TERMINAL STREAM */

/* P577G TERMINAL VISUAL FILL */
.ph-process--tarhe40-v2 .s06v2-terminal-body{
  padding-top:18px!important;
  padding-bottom:8px!important;
}

.ph-process--tarhe40-v2 .s06v2-terminal-stream{
  min-height:100%!important;
}

.ph-process--tarhe40-v2 .s06v2-terminal-stream .ph-s06-term-line{
  height:34px!important;
  min-height:34px!important;
  line-height:34px!important;
  font-size:14px!important;
  letter-spacing:.01em!important;
}

.ph-process--tarhe40-v2 .s06v2-terminal{
  background:
    radial-gradient(circle at 22% 20%,rgba(33,165,180,.08),transparent 35%),
    linear-gradient(90deg,rgba(3,17,27,.99),rgba(4,25,37,.94))!important;
}

/* END P577G */

/* P577I S06 RTL COPY */
.ph-process--tarhe40-v2 .s06v2-copy{
  direction:rtl!important;
  text-align:right!important;
}

.ph-process--tarhe40-v2 .s06v2-copy h2,
.ph-process--tarhe40-v2 .s06v2-copy p{
  text-align:right!important;
}

.ph-process--tarhe40-v2 .s06v2-copy p{
  margin-right:0!important;
  margin-left:auto!important;
}
/* END P577I */

/* =========================================
   P585I SOURCE 19: assets/css/home/section-07-seo.css
   ========================================= */

/* P579C SECTION 07 SEO */

.ph-seo07{
  position:relative;
  padding:86px 0 82px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 24%,rgba(25,176,180,.12),transparent 30%),
    radial-gradient(circle at 14% 72%,rgba(92,111,255,.08),transparent 32%),
    linear-gradient(180deg,#03141d 0%,#061d27 52%,#04151e 100%);
  border-top:1px solid rgba(88,220,226,.08);
  border-bottom:1px solid rgba(255,255,255,.04);
}

.ph-seo07::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(99,226,231,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,226,231,.026) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.3;
}

.ph-seo07-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:32px;
  align-items:end;
  margin-bottom:30px;
  direction:rtl;
}

.ph-seo07-copy{
  max-width:880px;
  text-align:right;
}

.ph-seo07-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  padding:7px 13px;
  border:1px solid rgba(95,226,231,.14);
  border-radius:999px;
  color:#6be7ec;
  font-size:12px;
}

.ph-seo07-kicker::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#62e6ea;
  box-shadow:0 0 14px rgba(98,230,234,.8);
}

.ph-seo07-copy h2{
  margin:0 0 12px;
  color:#f5fbfc;
  font-size:clamp(34px,3.8vw,58px);
  line-height:1.25;
}

.ph-seo07-copy p{
  max-width:820px;
  margin:0;
  color:rgba(222,237,241,.72);
  font-size:15px;
  line-height:2;
}

.ph-seo07-index{
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(79,215,221,.17);
  border-radius:34px;
  background:
    radial-gradient(circle at 72% 18%,rgba(83,227,230,.12),transparent 28%),
    rgba(4,23,31,.62);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 24px 55px rgba(0,0,0,.18);
}

.ph-seo07-index strong{
  color:#66e4e8;
  font-size:82px;
  font-weight:300;
  line-height:.95;
  letter-spacing:-.045em;
}

.ph-seo07-index span{
  margin-top:10px;
  color:rgba(226,237,240,.52);
  font-size:12px;
}


/* DATA FRAME */

.ph-seo07-frame{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(82,220,225,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 76% 42%,rgba(25,179,186,.10),transparent 34%),
    linear-gradient(180deg,rgba(4,24,32,.96),rgba(3,18,26,.98));
  box-shadow:
    0 34px 88px rgba(0,0,0,.26),
    inset 0 1px rgba(255,255,255,.04);
}

.ph-seo07-dashboard{
  display:grid;
  grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);
  min-height:520px;
  direction:ltr;
}


/* LEFT CONTROL */

.ph-seo07-control{
  padding:24px 22px;
  border-right:1px solid rgba(84,219,225,.10);
  background:
    linear-gradient(90deg,rgba(3,18,26,.98),rgba(5,28,37,.90));
  direction:rtl;
}

.ph-seo07-control-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ph-seo07-control-head strong{
  color:#effbfc;
  font-size:14px;
}

.ph-seo07-control-head span{
  color:#5fe5b3;
  font-size:11px;
}

.ph-seo07-control-head span::before{
  content:"●";
  margin-left:6px;
}

.ph-seo07-audit{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.ph-seo07-audit-item{
  padding:14px 14px 13px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  background:rgba(7,32,42,.52);
}

.ph-seo07-audit-item small{
  display:block;
  margin-bottom:5px;
  color:rgba(208,226,231,.48);
  font-size:10.5px;
}

.ph-seo07-audit-item strong{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#edf9fa;
  font-size:13px;
}

.ph-seo07-audit-item b{
  color:#65e5e9;
  font-weight:600;
  direction:ltr;
}

.ph-seo07-bar{
  height:4px;
  margin-top:10px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.07);
}

.ph-seo07-bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4bd3d8,#73f0c2);
}


/* RIGHT ANALYTICS */

.ph-seo07-analytics{
  position:relative;
  min-width:0;
  padding:26px 28px 24px;
  direction:rtl;
}

.ph-seo07-analytics-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:20px;
}

.ph-seo07-analytics-head strong{
  color:#f1fbfc;
  font-size:15px;
}

.ph-seo07-analytics-head span{
  color:rgba(209,228,233,.50);
  font-size:11px;
}

.ph-seo07-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}

.ph-seo07-metric{
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(5,27,36,.62);
}

.ph-seo07-metric small{
  display:block;
  margin-bottom:7px;
  color:rgba(205,225,230,.48);
  font-size:10.5px;
}

.ph-seo07-metric strong{
  color:#fff;
  font-size:20px;
  font-weight:500;
}

.ph-seo07-metric span{
  margin-right:7px;
  color:#60e7b1;
  font-size:10px;
}

.ph-seo07-chart{
  position:relative;
  height:260px;
  overflow:hidden;
  border:1px solid rgba(78,214,220,.08);
  border-radius:18px;
  background:
    linear-gradient(rgba(80,213,220,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,213,220,.055) 1px,transparent 1px),
    rgba(3,20,28,.52);
  background-size:100% 52px,68px 100%,auto;
}

.ph-seo07-chart svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.ph-seo07-chart .seo-area{
  fill:url(#seo07Gradient);
}

.ph-seo07-chart .seo-line{
  fill:none;
  stroke:#62e2e7;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(98,226,231,.32));
}

.ph-seo07-chart-note{
  position:absolute;
  top:18px;
  right:18px;
  padding:8px 11px;
  border:1px solid rgba(96,228,232,.12);
  border-radius:10px;
  background:rgba(3,18,26,.72);
  color:rgba(218,236,240,.65);
  font-size:10px;
}


/* P579D S07 SEO CAPABILITIES */

.ph-seo07-capabilities{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.ph-seo07-capability{
  position:relative;
  min-height:132px;
  padding:18px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(86,220,226,.09);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,31,40,.70),rgba(4,22,30,.82));
}

.ph-seo07-capability::before{
  content:"";
  position:absolute;
  top:0;
  right:18px;
  width:42px;
  height:2px;
  background:#61e3e7;
  box-shadow:0 0 14px rgba(97,227,231,.45);
}

.ph-seo07-capability:nth-child(2)::before{background:#69e8af}
.ph-seo07-capability:nth-child(3)::before{background:#8b86ff}
.ph-seo07-capability:nth-child(4)::before{background:#dcb36a}

.ph-seo07-capability small{
  display:block;
  margin-bottom:8px;
  color:rgba(203,224,229,.42);
  font-size:10px;
  direction:ltr;
}

.ph-seo07-capability strong{
  display:block;
  margin-bottom:7px;
  color:#f0fafb;
  font-size:15px;
}

.ph-seo07-capability span{
  display:block;
  color:rgba(211,229,234,.58);
  font-size:11.5px;
  line-height:1.8;
}

.ph-seo07-flow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin-top:16px;
  padding:13px 18px;
  overflow:hidden;
  border:1px solid rgba(86,219,225,.08);
  border-radius:14px;
  background:rgba(3,20,28,.52);
  direction:rtl;
}

.ph-seo07-flow span,
.ph-seo07-flow strong{
  white-space:nowrap;
  font-size:11px;
}

.ph-seo07-flow span{color:rgba(215,232,236,.57)}
.ph-seo07-flow strong{color:#67e5e9;font-weight:500}

.ph-seo07-flow i{
  width:34px;
  height:1px;
  flex:0 0 34px;
  background:linear-gradient(90deg,transparent,rgba(98,228,232,.48),transparent);
}

.ph-seo07-action{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
}

.ph-seo07-action a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(98,228,232,.26);
  border-radius:11px;
  color:#dff9fa;
  background:rgba(6,35,44,.62);
  font-size:12px;
  text-decoration:none;
}

@media(max-width:1100px){
  .ph-seo07-top{grid-template-columns:minmax(0,1fr) 170px}
  .ph-seo07-index{min-height:126px}
  .ph-seo07-index strong{font-size:66px}
  .ph-seo07-dashboard{grid-template-columns:1fr;min-height:0}
  .ph-seo07-control{border-right:0;border-bottom:1px solid rgba(84,219,225,.10)}
  .ph-seo07-audit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ph-seo07-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .ph-seo07{padding:58px 0 54px}

  .ph-seo07-top{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:20px;
    margin-bottom:22px;
  }

  .ph-seo07-copy{order:2;width:100%}

  .ph-seo07-index{
    order:1;
    align-self:flex-end;
    width:145px;
    min-height:102px;
    border-radius:24px;
  }

  .ph-seo07-index strong{font-size:56px}
  .ph-seo07-index span{font-size:10.5px}

  .ph-seo07-copy h2{
    font-size:clamp(29px,8.5vw,40px);
    line-height:1.4;
  }

  .ph-seo07-copy p{
    font-size:14px;
    line-height:1.95;
  }

  .ph-seo07-frame{border-radius:20px}
  .ph-seo07-control{padding:18px 15px}
  .ph-seo07-audit{grid-template-columns:1fr}
  .ph-seo07-analytics{padding:20px 14px 16px}

  .ph-seo07-analytics-head{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .ph-seo07-metrics{grid-template-columns:1fr}
  .ph-seo07-chart{height:220px}

  .ph-seo07-capabilities{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ph-seo07-capability{min-height:0}

  .ph-seo07-flow{
    justify-content:flex-start;
    overflow-x:auto;
  }

  .ph-seo07-action{justify-content:stretch}
  .ph-seo07-action a{width:100%}
}

/* END P579D S07 SEO */

/* P580B S07 GOOGLE-INSPIRED DATA COLORS */

.ph-seo07{
  --seo-blue:#4285F4;
  --seo-red:#EA4335;
  --seo-yellow:#FBBC05;
  --seo-green:#34A853;
}


/* THREE TOP METRICS */

.ph-seo07-metric{
  position:relative;
  overflow:hidden;
}

.ph-seo07-metric::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:2px;
  opacity:.95;
}

.ph-seo07-metric:nth-child(1){
  border-color:color-mix(in srgb,var(--seo-blue) 26%,transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--seo-blue) 8%,rgba(5,27,36,.74)),
      rgba(5,27,36,.62)
    );
}

.ph-seo07-metric:nth-child(1)::before{
  background:var(--seo-blue);
  box-shadow:0 0 16px color-mix(in srgb,var(--seo-blue) 48%,transparent);
}

.ph-seo07-metric:nth-child(1) strong{
  color:#8eb7ff;
}


.ph-seo07-metric:nth-child(2){
  border-color:color-mix(in srgb,var(--seo-green) 26%,transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--seo-green) 8%,rgba(5,27,36,.74)),
      rgba(5,27,36,.62)
    );
}

.ph-seo07-metric:nth-child(2)::before{
  background:var(--seo-green);
  box-shadow:0 0 16px color-mix(in srgb,var(--seo-green) 48%,transparent);
}

.ph-seo07-metric:nth-child(2) strong{
  color:#74d992;
}


.ph-seo07-metric:nth-child(3){
  border-color:color-mix(in srgb,var(--seo-yellow) 28%,transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--seo-yellow) 7%,rgba(5,27,36,.74)),
      rgba(5,27,36,.62)
    );
}

.ph-seo07-metric:nth-child(3)::before{
  background:var(--seo-yellow);
  box-shadow:0 0 16px color-mix(in srgb,var(--seo-yellow) 42%,transparent);
}

.ph-seo07-metric:nth-child(3) strong{
  color:#ffd75b;
}


/* FOUR SEO HEALTH ROWS */

.ph-seo07-audit-item{
  position:relative;
  overflow:hidden;
}

.ph-seo07-audit-item::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:2px;
  opacity:.95;
}


/* 01 BLUE */
.ph-seo07-audit-item:nth-child(1)::before{
  background:var(--seo-blue);
  box-shadow:0 0 14px color-mix(in srgb,var(--seo-blue) 50%,transparent);
}

.ph-seo07-audit-item:nth-child(1) b{
  color:#8eb7ff;
}

.ph-seo07-audit-item:nth-child(1) .ph-seo07-bar i{
  background:linear-gradient(90deg,#2467df,var(--seo-blue),#79a7ff);
}


/* 02 RED */
.ph-seo07-audit-item:nth-child(2)::before{
  background:var(--seo-red);
  box-shadow:0 0 14px color-mix(in srgb,var(--seo-red) 48%,transparent);
}

.ph-seo07-audit-item:nth-child(2) b{
  color:#ff8075;
}

.ph-seo07-audit-item:nth-child(2) .ph-seo07-bar i{
  background:linear-gradient(90deg,#bd3027,var(--seo-red),#ff756b);
}


/* 03 YELLOW */
.ph-seo07-audit-item:nth-child(3)::before{
  background:var(--seo-yellow);
  box-shadow:0 0 14px color-mix(in srgb,var(--seo-yellow) 44%,transparent);
}

.ph-seo07-audit-item:nth-child(3) b{
  color:#ffd75b;
}

.ph-seo07-audit-item:nth-child(3) .ph-seo07-bar i{
  background:linear-gradient(90deg,#d59600,var(--seo-yellow),#ffd85c);
}


/* 04 GREEN */
.ph-seo07-audit-item:nth-child(4)::before{
  background:var(--seo-green);
  box-shadow:0 0 14px color-mix(in srgb,var(--seo-green) 48%,transparent);
}

.ph-seo07-audit-item:nth-child(4) b{
  color:#74d992;
}

.ph-seo07-audit-item:nth-child(4) .ph-seo07-bar i{
  background:linear-gradient(90deg,#23883d,var(--seo-green),#72dd8f);
}


/* preserve dark premium appearance */
.ph-seo07-bar{
  background:rgba(255,255,255,.055);
}

/* END P580B S07 GOOGLE-INSPIRED DATA COLORS */

/* =========================================================
   P580E S07 THREE CHART VISUAL + ANIMATION
   ========================================================= */

.ph-seo07-charts{
  position:relative!important;
  height:330px!important;
  padding-top:52px!important;
  overflow:hidden!important;
}


/* TABS */

.ph-seo07-chart-tabs{
  position:absolute;
  z-index:8;
  top:12px;
  right:14px;
  left:14px;

  display:flex;
  justify-content:flex-start;
  gap:7px;

  direction:rtl;
}

.ph-seo07-chart-tabs button{
  min-height:30px;
  padding:0 11px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;

  color:rgba(214,232,237,.48);
  background:rgba(3,19,27,.68);

  font:inherit;
  font-size:10.5px;

  cursor:pointer;

  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.ph-seo07-chart-tabs button.is-active{
  color:#eafcfd;
  border-color:rgba(66,133,244,.34);

  background:
    linear-gradient(
      180deg,
      rgba(66,133,244,.17),
      rgba(66,133,244,.07)
    );

  box-shadow:
    0 0 18px rgba(66,133,244,.08);
}


/* PANELS */

.ph-seo07-chart-panel{
  position:absolute;
  z-index:1;

  top:52px;
  right:0;
  bottom:0;
  left:0;

  padding:18px 20px 16px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translateY(10px) scale(.99);

  transition:
    opacity .42s ease,
    transform .42s ease,
    visibility .42s;
}

.ph-seo07-chart-panel.is-active{
  z-index:3;

  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:translateY(0) scale(1);
}


/* CAPTION */

.ph-seo07-chart-caption{
  position:absolute;
  z-index:5;

  top:14px;
  right:18px;

  display:flex;
  flex-direction:column;
  gap:3px;

  text-align:right;
  pointer-events:none;
}

.ph-seo07-chart-caption strong{
  color:#eefbfc;
  font-size:11px;
  font-weight:600;
  direction:ltr;
}

.ph-seo07-chart-caption span{
  color:rgba(204,225,230,.46);
  font-size:9.5px;
}


/* =========================================================
   01 / LINE — VISIBILITY GROWTH
   ========================================================= */

.ph-seo07-line-chart{
  position:absolute;
  right:18px;
  bottom:12px;
  left:18px;

  width:calc(100% - 36px)!important;
  height:205px!important;

  overflow:visible;
}

.seo-growth-area{
  fill:url(#seo07GrowthGradient);

  opacity:0;

  animation:
    seo07AreaIn 1.1s ease .35s forwards;
}

.seo-growth-line{
  fill:none;

  stroke:var(--seo-blue);
  stroke-width:2.7;

  stroke-linecap:round;
  stroke-linejoin:round;

  stroke-dasharray:1;
  stroke-dashoffset:1;

  filter:
    drop-shadow(0 0 6px rgba(66,133,244,.55));

  animation:
    seo07DrawLine 2.15s cubic-bezier(.22,.72,.22,1) .15s forwards;
}

.seo-growth-points circle{
  fill:#081923;
  stroke:var(--seo-blue);
  stroke-width:2;

  opacity:0;

  transform-box:fill-box;
  transform-origin:center;

  animation:
    seo07PointIn .38s ease forwards,
    seo07PointPulse 2.4s ease-in-out infinite;
}

.seo-growth-points circle:nth-child(1){animation-delay:1.00s,1.40s}
.seo-growth-points circle:nth-child(2){animation-delay:1.25s,1.65s}
.seo-growth-points circle:nth-child(3){animation-delay:1.50s,1.90s}
.seo-growth-points circle:nth-child(4){animation-delay:1.75s,2.15s}
.seo-growth-points circle:nth-child(5){animation-delay:2.00s,2.40s}


@keyframes seo07DrawLine{
  to{stroke-dashoffset:0}
}

@keyframes seo07AreaIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes seo07PointIn{
  from{
    opacity:0;
    transform:scale(.3);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes seo07PointPulse{
  0%,100%{
    filter:drop-shadow(0 0 2px rgba(66,133,244,.25));
  }

  50%{
    filter:drop-shadow(0 0 9px rgba(66,133,244,.85));
  }
}


/* =========================================================
   02 / BARS — TECHNICAL HEALTH
   ========================================================= */

.ph-seo07-bars{
  position:absolute;

  top:62px;
  right:24px;
  bottom:18px;
  left:24px;

  display:grid;
  align-content:center;

  gap:19px;

  direction:ltr;
}

.ph-seo07-chart-bar{
  display:grid;

  grid-template-columns:
    minmax(105px,.52fr)
    minmax(160px,1.48fr)
    42px;

  gap:13px;

  align-items:center;
}

.ph-seo07-chart-bar>span{
  color:rgba(216,232,236,.61);

  font-size:10px;
  text-align:left;
  white-space:nowrap;
}

.ph-seo07-chart-bar>strong{
  color:#edf9fb;

  font-size:12px;
  font-weight:600;
  text-align:right;
}

.ph-seo07-chart-bar>i{
  position:relative;

  display:block;

  height:8px;

  overflow:hidden;

  border-radius:999px;

  background:rgba(255,255,255,.055);
}

.ph-seo07-chart-bar>i>b{
  position:absolute;

  top:0;
  bottom:0;
  left:0;

  display:block;

  width:var(--seo-value);

  border-radius:inherit;

  transform:scaleX(0);
  transform-origin:left center;

  animation:
    seo07BarGrow 1.25s cubic-bezier(.22,.72,.22,1) forwards;
}

.ph-seo07-chart-bar:nth-child(1)>i>b{animation-delay:.12s}
.ph-seo07-chart-bar:nth-child(2)>i>b{animation-delay:.26s}
.ph-seo07-chart-bar:nth-child(3)>i>b{animation-delay:.40s}
.ph-seo07-chart-bar:nth-child(4)>i>b{animation-delay:.54s}

.ph-seo07-chart-bar.seo-blue>i>b{
  background:
    linear-gradient(90deg,#2467df,var(--seo-blue),#79a7ff);

  box-shadow:
    0 0 14px rgba(66,133,244,.36);
}

.ph-seo07-chart-bar.seo-red>i>b{
  background:
    linear-gradient(90deg,#bd3027,var(--seo-red),#ff756b);

  box-shadow:
    0 0 14px rgba(234,67,53,.34);
}

.ph-seo07-chart-bar.seo-yellow>i>b{
  background:
    linear-gradient(90deg,#d59600,var(--seo-yellow),#ffd85c);

  box-shadow:
    0 0 14px rgba(251,188,5,.31);
}

.ph-seo07-chart-bar.seo-green>i>b{
  background:
    linear-gradient(90deg,#23883d,var(--seo-green),#72dd8f);

  box-shadow:
    0 0 14px rgba(52,168,83,.34);
}


@keyframes seo07BarGrow{
  to{transform:scaleX(1)}
}


/* =========================================================
   03 / DONUT — OPPORTUNITY MIX
   ========================================================= */

.ph-seo07-donut-wrap{
  position:absolute;

  top:58px;
  right:28px;
  bottom:18px;
  left:28px;

  display:grid;

  grid-template-columns:
    minmax(190px,.82fr)
    minmax(180px,1.18fr);

  gap:34px;

  align-items:center;

  direction:ltr;
}

.ph-seo07-donut{
  position:relative;

  justify-self:center;

  width:178px;
  height:178px;

  border-radius:50%;

  background:
    conic-gradient(
      var(--seo-blue) 0 30%,
      var(--seo-red) 30% 50%,
      var(--seo-yellow) 50% 78%,
      var(--seo-green) 78% 100%
    );

  box-shadow:
    0 0 42px rgba(66,133,244,.09);

  transform:
    rotate(-92deg)
    scale(.72);

  opacity:0;

  animation:
    seo07DonutIn .9s cubic-bezier(.2,.8,.2,1) .10s forwards;
}

.ph-seo07-donut::before{
  content:"";

  position:absolute;

  inset:21px;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 50% 45%,
      #09232d,
      #041720 72%
    );

  box-shadow:
    inset 0 0 24px rgba(0,0,0,.36);
}

.ph-seo07-donut::after{
  content:"";

  position:absolute;

  inset:-8px;

  border:
    1px solid rgba(255,255,255,.05);

  border-radius:50%;
}

.ph-seo07-donut-center{
  position:absolute;
  z-index:3;

  inset:0;

  display:flex;
  flex-direction:column;

  justify-content:center;
  align-items:center;

  transform:rotate(92deg);

  text-align:center;
}

.ph-seo07-donut-center strong{
  color:#effbfc;

  font-size:22px;
  line-height:1;
}

.ph-seo07-donut-center span{
  margin-top:6px;

  color:rgba(210,229,234,.43);

  font-size:9px;
  direction:ltr;
}

.ph-seo07-donut-legend{
  display:grid;

  gap:11px;

  direction:ltr;
}

.ph-seo07-donut-legend>span{
  display:grid;

  grid-template-columns:
    9px
    minmax(80px,1fr)
    38px;

  gap:10px;

  align-items:center;

  color:rgba(215,231,235,.63);

  font-size:10.5px;
}

.ph-seo07-donut-legend i{
  width:8px;
  height:8px;

  border-radius:50%;
}

.ph-seo07-donut-legend b{
  color:#edf9fa;

  font-size:10px;
  font-weight:600;

  text-align:right;
}

.ph-seo07-donut-legend .seo-blue i{
  background:var(--seo-blue);
  box-shadow:0 0 9px rgba(66,133,244,.55);
}

.ph-seo07-donut-legend .seo-red i{
  background:var(--seo-red);
  box-shadow:0 0 9px rgba(234,67,53,.50);
}

.ph-seo07-donut-legend .seo-yellow i{
  background:var(--seo-yellow);
  box-shadow:0 0 9px rgba(251,188,5,.48);
}

.ph-seo07-donut-legend .seo-green i{
  background:var(--seo-green);
  box-shadow:0 0 9px rgba(52,168,83,.52);
}


@keyframes seo07DonutIn{
  from{
    opacity:0;

    transform:
      rotate(-125deg)
      scale(.68);
  }

  to{
    opacity:1;

    transform:
      rotate(-92deg)
      scale(1);
  }
}


/* =========================================================
   ACTIVE PANEL — REPLAY EFFECT
   ========================================================= */

.ph-seo07-chart-panel:not(.is-active) .seo-growth-line,
.ph-seo07-chart-panel:not(.is-active) .seo-growth-area,
.ph-seo07-chart-panel:not(.is-active) .seo-growth-points circle,
.ph-seo07-chart-panel:not(.is-active) .ph-seo07-chart-bar>i>b,
.ph-seo07-chart-panel:not(.is-active) .ph-seo07-donut{
  animation:none!important;
}


/* MOBILE */

@media(max-width:700px){

  .ph-seo07-charts{
    height:370px!important;
  }

  .ph-seo07-chart-tabs{
    overflow-x:auto;
    justify-content:flex-start;
  }

  .ph-seo07-chart-tabs button{
    flex:0 0 auto;
  }

  .ph-seo07-chart-panel{
    padding:
      18px
      12px
      12px;
  }

  .ph-seo07-line-chart{
    right:10px;
    left:10px;

    width:calc(100% - 20px)!important;
  }

  .ph-seo07-chart-bar{
    grid-template-columns:
      85px
      minmax(90px,1fr)
      34px;

    gap:7px;
  }

  .ph-seo07-chart-bar>span{
    font-size:9px;
  }

  .ph-seo07-donut-wrap{
    top:55px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    gap:18px;
  }

  .ph-seo07-donut{
    width:145px;
    height:145px;
  }

  .ph-seo07-donut-legend{
    width:100%;
  }

}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

  .seo-growth-area,
  .seo-growth-line,
  .seo-growth-points circle,
  .ph-seo07-chart-bar>i>b,
  .ph-seo07-donut{
    animation:none!important;
  }

  .seo-growth-area{
    opacity:1!important;
  }

  .seo-growth-line{
    stroke-dashoffset:0!important;
  }

  .seo-growth-points circle{
    opacity:1!important;
    transform:none!important;
  }

  .ph-seo07-chart-bar>i>b{
    transform:scaleX(1)!important;
  }

  .ph-seo07-donut{
    opacity:1!important;
    transform:rotate(-92deg) scale(1)!important;
  }

}

/* END P580E S07 THREE CHART VISUAL + ANIMATION */

/* P580I S07 GOOGLE HEADING */

.ph-seo07-copy h2{
  direction:rtl;
  text-align:right;
  line-height:1.22;
}

.ph-seo07-copy h2 .ph-seo07-gword{
  display:inline-block;
  margin-left:.16em;
  white-space:nowrap;
}

.ph-seo07-copy h2 .ph-seo07-g1{color:#4285F4!important;}
.ph-seo07-copy h2 .ph-seo07-g2{color:#EA4335!important;}
.ph-seo07-copy h2 .ph-seo07-g3{color:#FBBC05!important;}
.ph-seo07-copy h2 .ph-seo07-g4{color:#4285F4!important;}
.ph-seo07-copy h2 .ph-seo07-g5{color:#34A853!important;}
.ph-seo07-copy h2 .ph-seo07-g6{color:#EA4335!important;}

/* END P580I S07 GOOGLE HEADING */

/* P580J S07 HEADING DESKTOP NOWRAP */

@media(min-width:901px){

  .ph-seo07-copy h2{
    white-space:nowrap!important;
  }

  .ph-seo07-copy h2 .ph-seo07-gword{
    margin-left:.11em!important;
  }

}

@media(max-width:900px){

  .ph-seo07-copy h2{
    white-space:normal!important;
  }

}

/* END P580J S07 HEADING DESKTOP NOWRAP */

/* P580K S07 FORCE SINGLE-LINE HEADING */

@media(min-width:901px){

  .ph-seo07-copy h2{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:.11em!important;

    direction:rtl!important;
    white-space:nowrap!important;
    width:max-content!important;
    max-width:none!important;
  }

  .ph-seo07-copy h2 .ph-seo07-gword{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }

}

/* END P580K S07 FORCE SINGLE-LINE HEADING */

/* P580M S07 MOBILE INDEX RIGHT */

@media(max-width:900px){

  .ph-seo07-index{
    width:max-content!important;
    max-width:100%!important;

    margin-right:0!important;
    margin-left:auto!important;

    justify-self:end!important;
    align-self:flex-start!important;

    left:auto!important;
    right:auto!important;

    transform:none!important;
    text-align:right!important;
  }

}

/* END P580M S07 MOBILE INDEX RIGHT */

/* P580N S07 MOBILE ANALYTICS BEFORE HEALTH BARS */

@media(max-width:900px){

  .ph-seo07-dashboard{
    display:flex!important;
    flex-direction:column!important;
  }

  .ph-seo07-analytics{
    order:1!important;
    width:100%!important;
  }

  .ph-seo07-control{
    order:2!important;
    width:100%!important;
    margin-top:24px!important;
  }

}

/* END P580N S07 MOBILE ANALYTICS BEFORE HEALTH BARS */

/* P580P S07 MOBILE HEALTH BARS MOTION */

@media(max-width:900px){

  .ph-seo07-control.ph-seo07-bars-motion-ready .ph-seo07-bar > i{
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .95s cubic-bezier(.22,.72,.22,1);
    will-change:transform;
  }

  .ph-seo07-control.ph-seo07-bars-motion-ready.is-bars-visible
  .ph-seo07-bar > i{
    transform:scaleX(1);
  }

  .ph-seo07-control.is-bars-visible
  .ph-seo07-audit-item:nth-child(1) .ph-seo07-bar > i{
    transition-delay:.08s;
  }

  .ph-seo07-control.is-bars-visible
  .ph-seo07-audit-item:nth-child(2) .ph-seo07-bar > i{
    transition-delay:.20s;
  }

  .ph-seo07-control.is-bars-visible
  .ph-seo07-audit-item:nth-child(3) .ph-seo07-bar > i{
    transition-delay:.32s;
  }

  .ph-seo07-control.is-bars-visible
  .ph-seo07-audit-item:nth-child(4) .ph-seo07-bar > i{
    transition-delay:.44s;
  }

}

@media(max-width:900px) and (prefers-reduced-motion:reduce){

  .ph-seo07-control.ph-seo07-bars-motion-ready .ph-seo07-bar > i{
    transform:scaleX(1)!important;
    transition:none!important;
  }

}

/* END P580P S07 MOBILE HEALTH BARS MOTION */

/* =========================================
   P585I SOURCE 20: assets/css/home/section-08-tarhe43.css
   ========================================= */

/* =========================================================
   P581H — SECTION 08 / TARHE43
   DIGITAL MARKETING GROWTH ORBIT
   ========================================================= */

.ph-t43{
  --t43-cyan:#22d3ee;
  --t43-blue:#3b82f6;
  --t43-purple:#a855f7;
  --t43-pink:#ec4899;
  --t43-orange:#ff7a3d;
  --t43-gold:#f7c85d;
  --t43-green:#55d66b;

  position:relative;
  overflow:hidden;
  padding:clamp(90px,8vw,138px) 0 42px;
  color:#f4f8fa;

  background:
    radial-gradient(circle at 18% 42%,rgba(34,211,238,.13),transparent 28%),
    radial-gradient(circle at 34% 29%,rgba(168,85,247,.08),transparent 25%),
    radial-gradient(circle at 82% 25%,rgba(34,211,238,.055),transparent 28%),
    linear-gradient(180deg,#03111b 0%,#061a27 55%,#04131e 100%);
}

.ph-t43::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(88,185,211,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,185,211,.025) 1px,transparent 1px);
  background-size:48px 48px;
}


/* MAIN */

.ph-t43-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:clamp(40px,5vw,80px);
  align-items:center;
  direction:ltr;
}

.ph-t43-content{
  min-width:0;
  direction:rtl;
  text-align:right;
}

.ph-t43-visual{
  position:relative;
  min-width:0;
  min-height:680px;
  perspective:1200px;
}


/* PARTICLES */

.ph-t43-space{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.ph-t43-space i{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#8be8ff;
  box-shadow:0 0 12px rgba(80,220,255,.9);
  animation:t43Particle 4.5s ease-in-out infinite;
}

.ph-t43-space i:nth-child(1){top:9%;left:15%}
.ph-t43-space i:nth-child(2){top:18%;left:71%;animation-delay:1s}
.ph-t43-space i:nth-child(3){top:43%;left:4%;animation-delay:2s}
.ph-t43-space i:nth-child(4){top:67%;left:81%;animation-delay:.7s}
.ph-t43-space i:nth-child(5){top:84%;left:25%;animation-delay:1.6s}
.ph-t43-space i:nth-child(6){top:56%;left:54%;animation-delay:2.7s}

@keyframes t43Particle{
  0%,100%{opacity:.25;transform:scale(.7)}
  50%{opacity:1;transform:scale(1.35)}
}


/* ORBIT */

.ph-t43-orbit{
  position:absolute;
  width:min(660px,100%);
  aspect-ratio:1/.9;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-3deg);
  transform-style:preserve-3d;
}

.ph-t43-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(93,221,255,.22);
  box-shadow:
    inset 0 0 28px rgba(0,196,255,.05),
    0 0 34px rgba(0,196,255,.04);
  pointer-events:none;
}

.ph-t43-ring::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border-top:2px solid rgba(56,211,255,.75);
  border-right:1px solid rgba(168,85,247,.34);
  filter:drop-shadow(0 0 8px rgba(45,213,255,.45));
}

.ph-t43-ring--outer{
  width:94%;
  height:58%;
  transform:translate(-50%,-50%) rotate(-13deg) rotateX(57deg);
  animation:t43Outer 18s linear infinite;
}

.ph-t43-ring--middle{
  width:76%;
  height:51%;
  border-color:rgba(176,93,255,.24);
  transform:translate(-50%,-50%) rotate(12deg) rotateX(62deg);
  animation:t43Middle 15s linear infinite reverse;
}

.ph-t43-ring--inner{
  width:58%;
  height:44%;
  border-color:rgba(247,200,93,.23);
  transform:translate(-50%,-50%) rotate(-5deg) rotateX(67deg);
  animation:t43Inner 12s linear infinite;
}

@keyframes t43Outer{
  to{transform:translate(-50%,-50%) rotate(347deg) rotateX(57deg)}
}

@keyframes t43Middle{
  to{transform:translate(-50%,-50%) rotate(372deg) rotateX(62deg)}
}

@keyframes t43Inner{
  to{transform:translate(-50%,-50%) rotate(355deg) rotateX(67deg)}
}


/* TRAILS */

.ph-t43-trail{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
}

.ph-t43-trail--one{
  width:89%;
  height:52%;
  transform:translate(-50%,-50%) rotate(18deg);
  border-top:4px solid rgba(34,211,238,.72);
  border-left:1px solid rgba(59,130,246,.16);
  filter:drop-shadow(0 0 9px rgba(34,211,238,.75));
}

.ph-t43-trail--two{
  width:70%;
  height:43%;
  transform:translate(-50%,-50%) rotate(-21deg);
  border-bottom:3px solid rgba(236,72,153,.42);
  border-right:2px solid rgba(247,200,93,.53);
  filter:drop-shadow(0 0 8px rgba(236,72,153,.30));
}


/* CORE */

.ph-t43-core{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  text-align:center;

  background:
    radial-gradient(circle at 37% 28%,rgba(116,229,255,.20),transparent 25%),
    radial-gradient(circle at 50% 65%,rgba(18,91,126,.74),rgba(3,25,39,.96) 66%);

  border:1px solid rgba(131,230,255,.55);

  box-shadow:
    inset 0 0 36px rgba(26,191,241,.18),
    0 0 28px rgba(26,191,241,.18),
    0 0 70px rgba(26,191,241,.08);

  overflow:hidden;
}

.ph-t43-core::before{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  border:1px solid rgba(151,232,255,.17);
}

.ph-t43-core-glow{
  position:absolute;
  inset:-25px;
  border-radius:50%;
  background:
    conic-gradient(
      transparent,
      rgba(34,211,238,.15),
      transparent,
      rgba(247,200,93,.12),
      transparent
    );
  animation:t43CoreSpin 7s linear infinite;
}

@keyframes t43CoreSpin{
  to{transform:rotate(360deg)}
}

.ph-t43-core-icon{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:45px;
  margin-bottom:10px;
}

.ph-t43-core-icon span{
  width:8px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(180deg,#65ecff,#1f7de8);
}

.ph-t43-core-icon span:nth-child(1){height:14px}
.ph-t43-core-icon span:nth-child(2){height:25px}
.ph-t43-core-icon span:nth-child(3){height:38px}

.ph-t43-core-icon i{
  position:absolute;
  right:-21px;
  top:-8px;
  color:#8af1ff;
  font-size:26px;
  font-style:normal;
}

.ph-t43-core>strong{
  position:relative;
  z-index:2;
  font-size:19px;
}

.ph-t43-core>small{
  position:relative;
  z-index:2;
  margin-top:7px;
  color:rgba(183,227,237,.44);
  font-size:7px;
  letter-spacing:.12em;
}


/* NODES */

.ph-t43-node{
  position:absolute;
  z-index:8;
  width:142px;
  min-height:128px;
  padding:13px 12px 14px;
  border:1px solid var(--node-color);
  border-radius:17px;
  color:#fff;

  background:
    linear-gradient(145deg,var(--node-bg),rgba(5,19,31,.93));

  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 20px var(--node-glow);

  cursor:pointer;
  direction:rtl;

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;

  animation:t43Float 4.8s ease-in-out infinite;
}

.ph-t43-node:hover,
.ph-t43-node.is-active{
  z-index:12;
  transform:translateY(-5px) scale(1.065);
  filter:saturate(1.15);
  box-shadow:
    0 22px 48px rgba(0,0,0,.40),
    0 0 32px var(--node-glow);
}

.ph-t43-node-no{
  position:absolute;
  top:9px;
  left:10px;
  color:rgba(255,255,255,.30);
  font-size:8px;
  direction:ltr;
}

.ph-t43-node-icon{
  display:flex;
  width:42px;
  height:42px;
  margin:5px auto 9px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:var(--node-icon);
  background:rgba(255,255,255,.045);
}

.ph-t43-node-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ph-t43-node>strong{
  display:block;
  font-size:12px;
  line-height:1.45;
}

.ph-t43-node>small{
  display:block;
  margin-top:4px;
  color:rgba(226,237,242,.46);
  font-size:8.5px;
}

.ph-t43-node--social{
  --node-color:rgba(236,72,153,.75);
  --node-bg:rgba(133,27,104,.66);
  --node-glow:rgba(236,72,153,.28);
  --node-icon:#ff74c5;
  left:12%;
  top:5%;
}

.ph-t43-node--campaign{
  --node-color:rgba(255,122,61,.78);
  --node-bg:rgba(142,54,26,.66);
  --node-glow:rgba(255,122,61,.28);
  --node-icon:#ff9c6d;
  right:4%;
  top:15%;
  animation-delay:.8s;
}

.ph-t43-node--analytics{
  --node-color:rgba(85,214,107,.78);
  --node-bg:rgba(29,105,50,.63);
  --node-glow:rgba(85,214,107,.25);
  --node-icon:#82ee94;
  right:1%;
  top:57%;
  animation-delay:1.4s;
}

.ph-t43-node--landing{
  --node-color:rgba(59,130,246,.80);
  --node-bg:rgba(28,71,139,.64);
  --node-glow:rgba(59,130,246,.28);
  --node-icon:#78b2ff;
  right:25%;
  bottom:1%;
  animation-delay:2s;
}

.ph-t43-node--catalog{
  --node-color:rgba(247,200,93,.82);
  --node-bg:rgba(125,88,17,.63);
  --node-glow:rgba(247,200,93,.26);
  --node-icon:#ffe284;
  left:28%;
  bottom:2%;
  animation-delay:2.6s;
}

.ph-t43-node--video{
  --node-color:rgba(34,211,238,.82);
  --node-bg:rgba(15,94,112,.64);
  --node-glow:rgba(34,211,238,.28);
  --node-icon:#75efff;
  left:1%;
  top:53%;
  animation-delay:3.2s;
}

@keyframes t43Float{
  0%,100%{margin-top:0}
  50%{margin-top:-7px}
}


/* ORBIT COPY */

.ph-t43-orbit-copy{
  position:absolute;
  z-index:3;
  color:rgba(97,224,255,.58);
  font-size:10px;
  white-space:nowrap;
  pointer-events:none;
}

.ph-t43-orbit-copy--one{
  top:13%;
  left:41%;
  transform:rotate(6deg);
}

.ph-t43-orbit-copy--two{
  left:33%;
  bottom:11%;
  transform:rotate(-5deg);
}


/* HEADER */

.ph-t43-meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
}

.ph-t43-meta>span{
  position:relative;
  margin-top:12px;
  padding-right:28px;
  color:#58e5f7;
  font-size:11px;
}

.ph-t43-meta>span::before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:19px;
  height:1px;
  background:var(--t43-gold);
}

.ph-t43-index strong{
  color:rgba(43,216,238,.74);
  font-size:82px;
  line-height:.85;
  font-weight:300;
}

.ph-t43-head h2{
  margin:25px 0 0;
  color:#f5f8fa;
  font-size:clamp(38px,3.3vw,55px);
  line-height:1.24;
}

.ph-t43-head h2>strong{
  display:block;
  margin-top:6px;
  color:transparent;

  background:
    linear-gradient(
      90deg,
      #f5bd58,
      #d8ed71 32%,
      #55e6c5 60%,
      #34d4ef 90%
    );

  -webkit-background-clip:text;
  background-clip:text;
}

.ph-t43-head>p{
  margin:24px 0 0;
  color:rgba(215,232,238,.62);
  font-size:14px;
  line-height:2.05;
}


/* FOCUS */

.ph-t43-focus{
  position:relative;
  margin-top:28px;
  padding:19px;
  border:1px solid rgba(83,196,221,.20);
  border-radius:17px;

  background:
    linear-gradient(145deg,rgba(10,40,55,.72),rgba(5,22,34,.79));

  overflow:hidden;
}

.ph-t43-focus-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.ph-t43-focus-top>span{
  padding:4px 9px;
  border-radius:999px;
  color:#f7cf75;
  background:rgba(247,200,93,.08);
  border:1px solid rgba(247,200,93,.16);
  font-size:8.5px;
}

.ph-t43-focus-top>small{
  color:rgba(210,230,235,.34);
  font-size:9px;
  direction:ltr;
}

.ph-t43-focus-body{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-top:15px;
}

.ph-t43-focus-icon{
  display:flex;
  width:52px;
  height:52px;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:rgba(236,72,153,.15);
  border:1px solid rgba(236,72,153,.29);
}

.ph-t43-focus-icon span{
  width:19px;
  height:19px;
  border-radius:50%;
  background:#ff69bd;
  box-shadow:0 0 13px rgba(236,72,153,.60);
}

.ph-t43-focus-body h3{
  margin:0;
  font-size:20px;
}

.ph-t43-focus-body p{
  margin:7px 0 0;
  color:rgba(215,230,235,.58);
  font-size:11.5px;
  line-height:1.9;
}

.ph-t43-focus-result{
  display:flex;
  gap:11px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.05);
  color:rgba(213,229,234,.55);
  font-size:10px;
}

.ph-t43-focus-result span{
  color:#f4c85f;
}

.ph-t43-focus-result strong{
  font-weight:400;
}


/* SERVICES */

.ph-t43-services{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.ph-t43-service{
  --svc:#22d3ee;

  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-height:67px;
  padding:12px 13px;

  border:1px solid rgba(115,202,221,.11);
  border-radius:13px;

  color:#fff;
  background:rgba(7,30,43,.68);
  text-align:right;
  cursor:pointer;

  transition:.25s ease;
}

.ph-t43-service:hover,
.ph-t43-service.is-active{
  transform:translateY(-2px);
  border-color:var(--svc);
  background:rgba(8,39,54,.82);
}

.ph-t43-service>i{
  width:7px;
  height:38px;
  border-radius:999px;
  background:var(--svc);
  box-shadow:0 0 11px var(--svc);
}

.ph-t43-service strong{
  display:block;
  color:#eef7f9;
  font-size:11.5px;
}

.ph-t43-service small{
  display:block;
  margin-top:4px;
  color:rgba(208,227,233,.43);
  font-size:8.5px;
}

.ph-t43-service--social{--svc:var(--t43-pink)}
.ph-t43-service--campaign{--svc:var(--t43-orange)}
.ph-t43-service--video{--svc:var(--t43-cyan)}
.ph-t43-service--catalog{--svc:var(--t43-gold)}
.ph-t43-service--landing{--svc:var(--t43-blue)}
.ph-t43-service--analytics{--svc:var(--t43-green)}


/* ACTIONS */

.ph-t43-actions{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:17px;
}

.ph-t43-actions a{
  text-decoration:none;
}

.ph-t43-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:48px;
  padding:0 20px;
  border-radius:12px;

  color:#07131d;

  background:
    linear-gradient(
      105deg,
      #f4c85e,
      #ff9f67 43%,
      #f05cba 100%
    );

  font-size:11.5px;
  font-weight:700;
}

.ph-t43-secondary{
  display:inline-flex;
  min-height:48px;
  padding:0 18px;
  align-items:center;
  border:1px solid rgba(69,220,239,.19);
  border-radius:12px;
  color:#54e1ef;
  background:rgba(9,38,52,.40);
  font-size:11px;
}


/* OUTCOMES */

.ph-t43-outcomes{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  margin-top:48px;

  border-top:1px solid rgba(89,188,210,.13);
  border-bottom:1px solid rgba(89,188,210,.08);
}

.ph-t43-outcomes>div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:11px;
  padding:24px 18px;
  border-left:1px solid rgba(89,188,210,.09);
  direction:rtl;
}

.ph-t43-outcomes>div:first-child{
  border-left:0;
}

.ph-t43-outcomes span{
  grid-row:1 / span 2;
  display:flex;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(95,218,239,.20);
  border-radius:50%;
  color:#67e6f4;
}

.ph-t43-outcomes strong{
  font-size:11.5px;
}

.ph-t43-outcomes small{
  margin-top:4px;
  color:rgba(203,224,229,.42);
  font-size:8.7px;
}


/* TABLET */

@media(max-width:1180px){

  .ph-t43-layout{
    grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
    gap:34px;
  }

  .ph-t43-visual{
    min-height:610px;
  }

  .ph-t43-node{
    width:128px;
    min-height:118px;
  }

  .ph-t43-core{
    width:168px;
    height:168px;
  }
}


/* STACK */

@media(max-width:900px){

  .ph-t43{
    padding:78px 0 35px;
  }

  .ph-t43-layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "content"
      "visual";
    gap:38px;
    direction:rtl;
  }

  .ph-t43-content{grid-area:content}
  .ph-t43-visual{
    grid-area:visual;
    min-height:640px;
  }

  .ph-t43-index strong{
    font-size:65px;
  }

  .ph-t43-head h2{
    font-size:clamp(34px,7vw,46px);
  }
}


/* MOBILE */

@media(max-width:620px){

  .ph-t43{
    padding-top:68px;
  }

  .ph-t43-head h2{
    font-size:32px;
    line-height:1.32;
  }

  .ph-t43-head>p{
    font-size:12.5px;
  }

  .ph-t43-index strong{
    font-size:56px;
  }

  .ph-t43-services{
    grid-template-columns:1fr;
  }

  .ph-t43-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .ph-t43-primary,
  .ph-t43-secondary{
    width:100%;
    justify-content:center;
  }

  .ph-t43-visual{
    min-height:650px;
    overflow:hidden;
  }

  .ph-t43-orbit{
    width:570px;
    transform:
      translate(-50%,-50%)
      scale(.72)
      rotate(-3deg);
  }

  .ph-t43-node{
    width:136px;
  }

  .ph-t43-outcomes{
    grid-template-columns:1fr 1fr;
  }
}


/* ACCESSIBILITY */

@media(prefers-reduced-motion:reduce){

  .ph-t43-ring,
  .ph-t43-core-glow,
  .ph-t43-node,
  .ph-t43-space i{
    animation:none!important;
  }
}

/* END P581H SECTION 08 TARHE43 */

/* P581L TARHE43 MOBILE ORBIT UP */

@media(max-width:620px){

  .ph-t43-orbit{
    top:42%!important;
  }

}

/* END P581L TARHE43 MOBILE ORBIT UP */

/* P581M TARHE43 MOBILE ORBIT POSITION FINAL */

@media(max-width:620px){

  .ph-t43-visual{
    min-height:570px!important;
  }

  .ph-t43-orbit{
    top:31%!important;
  }

}

/* END P581M TARHE43 MOBILE ORBIT POSITION FINAL */

/* P581O TARHE43 GOLD HEADING + PRIMARY CTA */

/* second headline line */
.ph-t43-head h2>strong{
  color:#f4c85e!important;

  background:
    linear-gradient(
      90deg,
      #c99736 0%,
      #f4c85e 30%,
      #ffe29a 52%,
      #e3ad43 76%,
      #bf8628 100%
    )!important;

  -webkit-background-clip:text!important;
  background-clip:text!important;

  -webkit-text-fill-color:transparent!important;

  text-shadow:
    0 0 22px rgba(244,200,94,.10);
}


/* primary digital marketing CTA */
.ph-t43-primary{
  color:#171005!important;

  border:1px solid rgba(255,226,154,.62)!important;

  background:
    linear-gradient(
      110deg,
      #b98024 0%,
      #e7b648 24%,
      #ffe29a 50%,
      #e8b64b 74%,
      #bd8427 100%
    )!important;

  box-shadow:
    0 8px 25px rgba(224,171,60,.16),
    inset 0 1px 0 rgba(255,255,255,.36)!important;
}

.ph-t43-primary:hover{
  filter:brightness(1.08)!important;

  box-shadow:
    0 10px 32px rgba(224,171,60,.24),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* END P581O TARHE43 GOLD HEADING + PRIMARY CTA */

/* P581P TARHE43 DESKTOP INDEX POSITION */

@media(min-width:901px){

  .ph-t43-meta{
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:22px!important;
  }

  .ph-t43-index{
    order:-1!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .ph-t43-meta>span{
    margin-top:13px!important;
  }

}

/* END P581P TARHE43 DESKTOP INDEX POSITION */


/* P585P-BELOW-FOLD-CONTENT-VISIBILITY
 * Performance-only.
 * Home visual/content/structure remains FINAL/FROZEN.
 * S07/S08 are deep below initial viewport.
 */
@supports (content-visibility: auto) {

    .ph-seo07 {
        content-visibility: auto;
        contain-intrinsic-size: auto 1000px;
    }

    .ph-t43 {
        content-visibility: auto;
        contain-intrinsic-size: auto 900px;
    }
}
/* END P585P-BELOW-FOLD-CONTENT-VISIBILITY */