/* MRS Premium Homepage
   Rebuilt from the approved first interactive mockup.
   Scope: homepage only. Other pages keep their original stylesheet. */

    :root{
      --orange:#f45b2a;
      --mrs-orange:#f45b2a;
      --mrs-orange-bright:#ff7a31;
      --orange-2:#ff7a31;
      --orange-soft:#ffb18d;
      --ink:#0a0d12;
      --ink-2:#10151d;
      --navy:#202a38;
      --steel:#a7afb8;
      --steel-2:#d6dbe0;
      --paper:#f2efe9;
      --white:#fff;
      --muted:#aeb5bd;
      --line:rgba(255,255,255,.14);
      --shadow:0 28px 80px rgba(0,0,0,.28);
      --radius:28px;
      --ease:cubic-bezier(.2,.8,.2,1);
      --container:min(1420px, calc(100vw - 64px));
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--ink)}
    body{
      margin:0;
      color:#fff;
      background:var(--ink);
      font-family:"Cairo",Tahoma,"Segoe UI",Arial,sans-serif;
      overflow-x:hidden;
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
    }
    body.drawer-open, body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    ::selection{background:var(--orange);color:#fff}

    .noise{
      position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
    }

    .loader{
      position:fixed;inset:0;z-index:10000;background:#080b0f;display:grid;place-items:center;
      transition:opacity .65s var(--ease),visibility .65s var(--ease);
    }
    .loader.is-hidden{opacity:0;visibility:hidden}
    .loader__inner{width:min(420px,78vw);text-align:center}
    .loader__logo{width:190px;margin:0 auto 28px;filter:brightness(1.12) saturate(1.05)}
    .loader__rail{height:3px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:99px}
    .loader__rail::after{content:"";display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--orange),var(--orange-2));animation:loaderRail 1.15s infinite var(--ease)}
    .loader__label{margin-top:12px;color:#8f98a3;font-size:11px;letter-spacing:.24em;direction:ltr}
    @keyframes loaderRail{from{transform:translateX(-160%)}to{transform:translateX(430%)}}

    .header{
      position:fixed;top:18px;left:0;right:0;z-index:1000;padding:0 24px;pointer-events:none;
    }
    .nav-shell{
      pointer-events:auto;width:min(1460px,100%);margin:auto;min-height:74px;padding:10px 12px 10px 18px;
      display:flex;align-items:center;gap:28px;border:1px solid transparent;border-radius:22px;
      transition:background .35s,border-color .35s,box-shadow .35s,transform .35s;
    }
    .header.is-scrolled .nav-shell{
      background:rgba(10,13,18,.78);border-color:rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.22);
      backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
    }
    .brand{display:flex;align-items:center;gap:12px;min-width:150px}
    .brand img{width:122px;height:auto;filter:drop-shadow(0 8px 20px rgba(244,91,42,.12))}
    .brand small{display:none;color:#98a1aa;font-size:9px;letter-spacing:.18em;direction:ltr}
    .nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}
    .nav a{position:relative;color:#dfe3e7;font-size:14px;white-space:nowrap;transition:color .25s}
    .nav a::after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:2px;background:var(--orange);transition:width .3s var(--ease)}
    .nav a:hover,.nav a.is-active{color:#fff}
    .nav a:hover::after,.nav a.is-active::after{width:100%}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .lang-btn{height:48px;min-width:48px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;direction:ltr;font-size:12px}
    .quote-btn,.button{
      border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;
      background:var(--orange);color:#fff;font-weight:700;box-shadow:0 14px 34px rgba(244,91,42,.22);transition:transform .25s var(--ease),box-shadow .25s,background .25s;
    }
    .quote-btn:hover,.button:hover{transform:translateY(-2px);background:#ff6732;box-shadow:0 20px 44px rgba(244,91,42,.3)}
    .button--ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);box-shadow:none;backdrop-filter:blur(12px)}
    .button--ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
    .button svg,.quote-btn svg{width:18px;height:18px}
    .menu-btn{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);background:rgba(10,13,18,.5);border-radius:14px;color:#fff;place-items:center}
    .menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:21px;height:2px;background:#fff;border-radius:99px;transition:.3s;content:""}
    .menu-btn span{position:relative}.menu-btn span::before{position:absolute;top:-7px}.menu-btn span::after{position:absolute;top:7px}
    .menu-open .menu-btn span{background:transparent}.menu-open .menu-btn span::before{top:0;transform:rotate(45deg)}.menu-open .menu-btn span::after{top:0;transform:rotate(-45deg)}

    .hero{
      min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#080b10;
      isolation:isolate;
    }
    .hero__media{position:absolute;inset:-4%;z-index:-4;background:url('../images/mrs-headquarters.jpeg') center/cover no-repeat;transform:scale(1.07);will-change:transform;transition:transform .2s linear}
    .hero__shade{position:absolute;inset:0;z-index:-3;background:
      radial-gradient(circle at 16% 38%,rgba(244,91,42,.19),transparent 30%),
      linear-gradient(90deg,rgba(7,10,14,.45) 0%,rgba(7,10,14,.72) 46%,rgba(7,10,14,.94) 100%),
      linear-gradient(0deg,rgba(7,10,14,.94) 0%,transparent 33%)}
    .hero__grid{position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
    .hero__beam{position:absolute;left:-10vw;top:16%;width:50vw;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:rotate(-12deg);opacity:.9;filter:drop-shadow(0 0 12px var(--orange));animation:beam 7s infinite ease-in-out}
    @keyframes beam{0%,100%{transform:translateX(-8vw) rotate(-12deg);opacity:.35}50%{transform:translateX(35vw) rotate(-12deg);opacity:1}}
    .hero__ribs{position:absolute;left:3vw;bottom:10vh;width:min(38vw,560px);height:36vh;z-index:-1;transform:perspective(900px) rotateY(18deg) rotateZ(-7deg);opacity:.7;pointer-events:none}
    .hero__ribs i{position:absolute;left:0;right:0;height:17px;border-radius:999px;background:linear-gradient(180deg,#69717a,#20252c 40%,#080a0d 75%,#4c535b);box-shadow:0 8px 18px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.32);overflow:hidden}
    .hero__ribs i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 17px,rgba(255,255,255,.28) 18px 20px,transparent 21px 36px);animation:ribFlow 4.5s linear infinite}
    .hero__ribs i:nth-child(1){top:4%;transform:translateX(-2%)}.hero__ribs i:nth-child(2){top:25%;transform:translateX(4%)}.hero__ribs i:nth-child(3){top:46%;transform:translateX(-5%)}.hero__ribs i:nth-child(4){top:67%;transform:translateX(2%)}.hero__ribs i:nth-child(5){top:88%;transform:translateX(-1%)}
    @keyframes ribFlow{to{background-position:80px 0}}
    .hero__inner{width:var(--container);margin:auto;padding:150px 0 120px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:8vw;align-items:center}
    .eyebrow{display:flex;align-items:center;gap:11px;color:#d3d8dd;font-size:12px;letter-spacing:.15em;direction:rtl;margin-bottom:24px}
    .eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(244,91,42,.14),0 0 22px rgba(244,91,42,.72)}
    .hero h1{margin:0;max-width:880px;font-size:clamp(58px,8vw,126px);line-height:.94;letter-spacing:-.055em;font-weight:800}
    .hero h1 span{display:block;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.58);text-shadow:0 0 35px rgba(255,255,255,.03)}
    .hero__lead{max-width:690px;margin:30px 0 34px;color:#d0d5da;font-size:clamp(16px,1.45vw,21px);line-height:1.9}
    .hero__actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero__micro{display:flex;gap:18px;align-items:center;margin-top:34px;color:#aab2ba;font-size:12px;flex-wrap:wrap}
    .hero__micro span{display:flex;align-items:center;gap:7px}.hero__micro b{width:6px;height:6px;border-radius:50%;background:#63d58b}
    .spec-card{
      align-self:end;position:relative;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(18,24,32,.82),rgba(10,13,18,.58));
      box-shadow:var(--shadow);border-radius:26px;padding:22px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden;transform:translate3d(var(--spec-x,0),var(--spec-y,0),0);transition:transform .18s linear;
    }
    .spec-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.09),transparent 55%);transform:translateX(-120%);animation:specShine 6s infinite 1.2s}
    @keyframes specShine{50%,100%{transform:translateX(160%)}}
    .spec-card__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12);position:relative}
    .spec-card__top small{color:#aeb5bd;font-size:9px;letter-spacing:.14em;direction:ltr}.spec-card__top strong{font-size:11px;color:#fff}
    .spec-card__rows{display:grid;gap:0;position:relative}
    .spec-row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
    .spec-row:last-child{border-bottom:0}.spec-row span{color:#dce0e4;font-size:14px}.spec-row b{color:var(--orange-soft);direction:ltr;font-size:12px;font-weight:700}
    .spec-card__foot{margin-top:12px;display:flex;justify-content:space-between;align-items:center;color:#9099a3;font-size:10px;direction:ltr}
    .pulse{width:9px;height:9px;border-radius:50%;background:#63d58b;box-shadow:0 0 0 0 rgba(99,213,139,.5);animation:pulse 2s infinite}
    @keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}
    .hero__stats{position:absolute;right:0;left:0;bottom:0;border-top:1px solid rgba(255,255,255,.13);background:rgba(7,10,14,.54);backdrop-filter:blur(12px)}
    .hero__stats-inner{width:var(--container);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
    .hero-stat{padding:21px 0;display:flex;align-items:baseline;gap:10px;border-left:1px solid rgba(255,255,255,.11)}
    .hero-stat:last-child{border-left:0}.hero-stat strong{font-size:27px;direction:ltr}.hero-stat span{font-size:11px;color:#9ba4ad}
    .scroll-hint{position:absolute;left:27px;top:48%;display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left center;color:#c0c6cc;font-size:9px;letter-spacing:.2em;direction:ltr}
    .scroll-hint::before{content:"";width:66px;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}

    .marquee{overflow:hidden;background:var(--orange);color:#fff;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.16)}
    .marquee__track{display:flex;width:max-content;animation:marquee 24s linear infinite;direction:ltr}
    .marquee__group{display:flex;align-items:center;gap:28px;padding:16px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
    .marquee__group i{width:7px;height:7px;background:#fff;transform:rotate(45deg);opacity:.8}
    @keyframes marquee{to{transform:translateX(-50%)}}

    .section{position:relative;padding:130px 0}
    .container{width:var(--container);margin:auto}
    .section-label{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:20px}
    .section-label::before{content:"";width:44px;height:2px;background:var(--orange)}
    .section-title{font-size:clamp(42px,5.5vw,86px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:1040px}
    .section-lead{font-size:18px;line-height:1.95;color:#666f79;max-width:690px;margin:22px 0 0}
    .reveal{opacity:0;transform:translateY(36px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
    .reveal.is-visible{opacity:1;transform:none}

    .intro{background:var(--paper);color:#11151a;overflow:hidden}
    .intro::before{content:"MRS";position:absolute;left:-.04em;top:40px;font-size:min(31vw,480px);line-height:.75;font-weight:900;color:rgba(16,21,29,.035);letter-spacing:-.09em;direction:ltr;pointer-events:none}
    .intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:8vw;align-items:start}
    .intro__copy{padding-top:25px}
    .intro__copy .section-title{max-width:760px}
    .intro__principles{margin-top:56px;border-top:1px solid rgba(10,13,18,.15)}
    .principle{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid rgba(10,13,18,.15);transition:padding .3s,color .3s}
    .principle:hover{padding-right:12px;color:var(--orange)}
    .principle__num{font-size:11px;color:#8b939b;direction:ltr}.principle h3{font-size:19px;margin:0}.principle p{font-size:12px;color:#777f87;margin:0}.principle svg{width:18px;height:18px}
    .intro__visual{position:sticky;top:120px}
    .image-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 34px 80px rgba(16,21,29,.18);background:#111;aspect-ratio:4/5}
    .image-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1s var(--ease)}
    .image-frame:hover img{transform:scale(1.08)}
    .image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,14,.72),transparent 48%)}
    .image-frame__tag{position:absolute;z-index:2;right:22px;left:22px;bottom:22px;border:1px solid rgba(255,255,255,.24);background:rgba(10,13,18,.55);backdrop-filter:blur(16px);padding:18px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center}
    .image-frame__tag strong{font-size:14px}.image-frame__tag span{color:#bdc4ca;font-size:10px;direction:ltr;letter-spacing:.12em}
    .intro__badge{position:absolute;left:-48px;top:84px;width:128px;height:128px;background:var(--orange);border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 24px 40px rgba(244,91,42,.32);animation:float 4.8s ease-in-out infinite}
    .intro__badge svg{width:36px;height:36px}.intro__badge span{position:absolute;inset:10px;animation:spin 18s linear infinite}
    .intro__badge span::before{content:"QUALITY • RELIABILITY • DELIVERY • ";font-size:7px;letter-spacing:.16em;position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap}
    @keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}

    .products{background:#0a0e13;overflow:hidden}
    .products::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 14%,rgba(244,91,42,.14),transparent 30%),linear-gradient(transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%);background-size:auto,100% 86px;pointer-events:none}
    .products__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}
    .products__head p{max-width:460px;color:#9fa8b1;line-height:1.8;margin:0}
    .product-deck{height:650px;display:flex;gap:14px;direction:rtl}
    .product-card{position:relative;flex:1;min-width:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);isolation:isolate;transition:flex .75s var(--ease),transform .45s var(--ease),border-color .3s;cursor:pointer;background:#151b23}
    .product-card.is-active{flex:2.5;border-color:rgba(244,91,42,.56)}
    .product-card:hover{transform:translateY(-6px)}
    .product-card__bg{position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;transition:transform 1s var(--ease),filter .55s}
    .product-card:hover .product-card__bg,.product-card.is-active .product-card__bg{transform:scale(1.06)}
    .product-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(5,8,12,.96) 0%,rgba(5,8,12,.1) 65%),linear-gradient(90deg,rgba(5,8,12,.65),transparent);transition:background .4s}
    .product-card::after{content:"";position:absolute;right:18px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(244,91,42,.13);opacity:.4;transition:opacity .3s}
    .product-card.is-active::after{opacity:1}
    .product-card__content{position:absolute;right:0;left:0;bottom:0;padding:28px;display:grid;gap:18px}
    .product-card__num{font-size:11px;color:#bbc2c9;direction:ltr;letter-spacing:.16em}
    .product-card h3{margin:0;font-size:clamp(28px,3.2vw,52px);line-height:1.05;white-space:nowrap}
    .product-card p{margin:0;color:#c4cad0;line-height:1.8;max-width:570px;opacity:0;transform:translateY(12px);transition:.45s var(--ease);max-height:0;overflow:hidden}
    .product-card.is-active p{opacity:1;transform:none;max-height:120px}
    .product-meta{display:flex;gap:8px;flex-wrap:wrap;opacity:0;transition:.45s .05s var(--ease)}
    .product-card.is-active .product-meta{opacity:1}
    .chip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);border-radius:999px;padding:8px 11px;font-size:10px;color:#e2e6e9;backdrop-filter:blur(8px)}
    .product-arrow{position:absolute;left:24px;top:24px;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(7,10,14,.3);backdrop-filter:blur(10px);transition:background .3s,transform .3s}
    .product-card.is-active .product-arrow{background:var(--orange);transform:rotate(-45deg)}

    .process{background:var(--paper);color:#11151a;overflow:hidden}
    .process__grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:7vw;align-items:start;margin-top:60px}
    .process-list{border-top:1px solid rgba(10,13,18,.16)}
    .process-step{width:100%;border:0;background:none;color:inherit;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;text-align:right;padding:23px 0;border-bottom:1px solid rgba(10,13,18,.16);transition:padding .3s,color .3s}
    .process-step:hover,.process-step.is-active{padding-right:12px;color:var(--orange)}
    .process-step__num{font-size:11px;color:#90979f;direction:ltr}.process-step strong{font-size:18px}.process-step span:last-child{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;transition:.3s}.process-step.is-active span:last-child{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px rgba(244,91,42,.12)}
    .process-visual{position:sticky;top:120px;min-height:570px;border-radius:32px;background:#10151c;color:#fff;overflow:hidden;box-shadow:0 35px 90px rgba(18,24,31,.22);isolation:isolate}
    .process-visual::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/mrs-factory-board.jpeg') center/cover no-repeat;opacity:.26;filter:grayscale(.3)}
    .process-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(10,13,18,.98),rgba(10,13,18,.58)),radial-gradient(circle at 15% 20%,rgba(244,91,42,.3),transparent 34%)}
    .process-visual__top{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;border-bottom:1px solid rgba(255,255,255,.13)}
    .process-visual__top span{font-size:10px;color:#aeb6be;letter-spacing:.12em;direction:ltr}.process-visual__top b{font-size:11px;color:#fff}
    .process-visual__body{padding:48px;min-height:440px;display:flex;flex-direction:column;justify-content:end}
    .process-icon{width:74px;height:74px;border-radius:22px;background:var(--orange);display:grid;place-items:center;margin-bottom:auto;box-shadow:0 18px 40px rgba(244,91,42,.28);transition:transform .5s var(--ease)}
    .process-icon svg{width:34px;height:34px}.process-visual.is-switching .process-icon{transform:rotate(12deg) scale(.84)}
    .process-kicker{color:var(--orange-soft);font-size:11px;letter-spacing:.14em;direction:ltr;margin-bottom:14px}
    .process-visual h3{font-size:clamp(38px,4.6vw,70px);line-height:1.05;margin:0 0 16px;transition:opacity .28s,transform .28s}
    .process-visual p{max-width:620px;margin:0;color:#c3c9cf;font-size:16px;line-height:1.9;transition:opacity .28s,transform .28s}
    .process-visual.is-switching h3,.process-visual.is-switching p{opacity:0;transform:translateY(12px)}
    .process-progress{height:3px;background:rgba(255,255,255,.11);margin:0 28px 28px;overflow:hidden;border-radius:99px}
    .process-progress i{display:block;height:100%;width:20%;background:var(--orange);transition:width .55s var(--ease)}

    .clients{background:#080b10;min-height:980px;overflow:hidden;isolation:isolate}
    .clients::before{content:"";position:absolute;inset:-20%;z-index:-3;background:radial-gradient(circle at 50% 47%,rgba(244,91,42,.19),transparent 25%),repeating-radial-gradient(circle at 50% 50%,transparent 0 99px,rgba(255,255,255,.035) 100px 101px);animation:orbitBg 20s linear infinite}
    .clients::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080b10 0%,transparent 18%,transparent 82%,#080b10 100%),linear-gradient(0deg,#080b10 0%,transparent 24%,transparent 76%,#080b10 100%)}
    @keyframes orbitBg{to{transform:rotate(360deg)}}
    .clients__head{text-align:center;position:relative;z-index:2}
    .clients__head .section-label{justify-content:center}.clients__head .section-title{margin-inline:auto;max-width:920px}.clients__head p{color:#9ea7b0;max-width:680px;margin:22px auto 0;line-height:1.9}
    .demo-note{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);padding:8px 12px;border-radius:999px;font-size:10px;color:#adb5bd;margin-top:18px}.demo-note i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
    .client-stage{position:relative;height:500px;margin-top:60px;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none}
    .client-stage.is-dragging{cursor:grabbing}
    .client-card{position:absolute;top:50%;left:50%;width:320px;height:390px;margin:-195px 0 0 -160px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(30,37,47,.94),rgba(13,17,23,.94));box-shadow:0 34px 70px rgba(0,0,0,.38);padding:22px;transform-style:preserve-3d;will-change:transform,opacity,filter;transition:border-color .25s,box-shadow .25s;overflow:hidden}
    .client-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 32%,rgba(255,255,255,.1) 48%,transparent 62%);transform:translateX(-130%);transition:transform .75s var(--ease)}
    .client-card:hover::before{transform:translateX(130%)}
    .client-card.is-center{border-color:rgba(244,91,42,.75);box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 0 1px rgba(244,91,42,.14),0 0 65px rgba(244,91,42,.16)}
    .client-card__top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.client-card__top small{font-size:9px;color:#8d97a2;letter-spacing:.13em;direction:ltr}.client-card__top span{font-size:9px;color:var(--orange-soft);border:1px solid rgba(244,91,42,.28);background:rgba(244,91,42,.08);padding:6px 8px;border-radius:999px}
    .client-logo{height:200px;display:grid;place-items:center;position:relative;z-index:1}
    .client-logo__mark{width:116px;height:116px;border-radius:30px;background:linear-gradient(145deg,#f7f8f9,#9ca5ad);color:#151a21;display:grid;place-items:center;font-size:32px;font-weight:900;letter-spacing:-.08em;direction:ltr;box-shadow:inset 0 1px 0 #fff,0 20px 35px rgba(0,0,0,.25);transform:rotate(-7deg);transition:transform .5s var(--ease)}
    .client-card.is-center .client-logo__mark{transform:rotate(0) scale(1.05)}
    .client-card__body{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.client-card__body h3{margin:0 0 9px;font-size:19px}.client-card__body p{margin:0;color:#9fa8b1;font-size:12px;line-height:1.7}.client-card__foot{position:absolute;right:22px;left:22px;bottom:18px;display:flex;justify-content:space-between;color:#747f89;font-size:9px;direction:ltr}
    .client-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;position:relative;z-index:3}
    .client-control{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;transition:.25s}.client-control:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
    .client-control svg{width:18px;height:18px}
    .client-index{min-width:108px;text-align:center;color:#a9b1b9;font-size:11px;letter-spacing:.18em;direction:ltr}
    .client-detail{max-width:840px;margin:24px auto 0;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;position:relative;z-index:2}
    .client-detail h3{font-size:28px;margin:0 0 9px}.client-detail p{color:#9ba5ae;margin:0;line-height:1.8}.client-detail__meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.client-detail__meta span{border:1px solid rgba(255,255,255,.13);padding:8px 11px;border-radius:999px;font-size:10px;color:#d0d5da;background:rgba(255,255,255,.04)}

    .quality{padding:0;background:#11161d;overflow:hidden}
    .quality__wrap{min-height:800px;position:relative;display:flex;align-items:end}
    .quality__media{position:absolute;inset:0;background:url('../images/mrs-office-factory.jpeg') center/cover no-repeat;filter:saturate(.72)}
    .quality__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,15,.98) 0%,rgba(8,11,15,.78) 48%,rgba(8,11,15,.22) 100%),linear-gradient(0deg,rgba(8,11,15,.96),transparent 55%)}
    .quality__content{position:relative;width:var(--container);margin:0 auto;padding:120px 0}
    .quality__content .section-title{max-width:800px}
    .quality__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px;max-width:1000px}
    .quality-card{min-height:220px;border:1px solid rgba(255,255,255,.15);background:rgba(12,16,22,.62);backdrop-filter:blur(14px);padding:24px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s var(--ease)}
    .quality-card:hover{transform:translateY(-7px);border-color:rgba(244,91,42,.48);background:rgba(15,20,27,.78)}
    .quality-card__icon{width:46px;height:46px;border-radius:14px;background:rgba(244,91,42,.12);color:var(--orange);display:grid;place-items:center}.quality-card__icon svg{width:22px;height:22px}
    .quality-card h3{margin:26px 0 8px;font-size:20px}.quality-card p{margin:0;color:#aab2ba;font-size:12px;line-height:1.8}

    .numbers{background:var(--paper);color:#11151a}
    .numbers__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(10,13,18,.15);border-bottom:1px solid rgba(10,13,18,.15);margin-top:56px}
    .number-card{padding:42px 22px;border-left:1px solid rgba(10,13,18,.15)}.number-card:last-child{border-left:0}
    .number-card strong{font-size:clamp(44px,5vw,74px);display:block;direction:ltr;letter-spacing:-.05em}.number-card span{color:#6d757d;font-size:13px}.number-card i{display:block;width:32px;height:3px;background:var(--orange);margin:22px 0}

    .cta{background:var(--orange);color:#fff;overflow:hidden;padding:115px 0}
    .cta::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 54px,rgba(255,255,255,.08) 55px 57px,transparent 58px 112px);transform:translateX(-30px);animation:ctaLines 8s linear infinite}
    @keyframes ctaLines{to{transform:translateX(110px)}}
    .cta__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}
    .cta h2{margin:0;font-size:clamp(48px,6.6vw,104px);line-height:.96;letter-spacing:-.045em;max-width:980px}.cta p{font-size:17px;line-height:1.85;max-width:620px;color:rgba(255,255,255,.83);margin:24px 0 0}
    .cta .button{background:#10151c;box-shadow:0 18px 48px rgba(28,13,7,.22);min-height:66px;padding:0 30px;border-radius:18px}.cta .button:hover{background:#fff;color:#111}
    .cta__stamp{position:absolute;left:0;bottom:-74px;font-size:200px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-.08em;direction:ltr;pointer-events:none}

    .footer{background:#07090d;padding:74px 0 28px}
    .footer__top{display:grid;grid-template-columns:1.1fr .55fr .55fr .8fr;gap:70px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.12)}
    .footer__brand img{width:170px}.footer__brand p{color:#929ca5;line-height:1.85;max-width:390px;margin:24px 0}.socials{display:flex;gap:8px}.socials a{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:12px;display:grid;place-items:center;color:#bcc3c9;font-size:11px;direction:ltr;transition:.25s}.socials a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}
    .footer h4{font-size:13px;margin:0 0 22px;color:#fff}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.footer li,.footer a{color:#949da6;font-size:12px}.footer a:hover{color:#fff}.footer__contact{display:grid;gap:13px}.footer__contact div{color:#9fa7af;font-size:12px}.footer__contact b{display:block;color:#fff;font-size:13px;margin-top:5px;direction:ltr;text-align:right}
    .footer__bottom{display:flex;justify-content:space-between;gap:20px;padding-top:26px;color:#69737c;font-size:10px;direction:ltr}.footer__bottom span:last-child{direction:rtl}

    .floating-quote{position:fixed;left:22px;bottom:22px;z-index:900;width:62px;height:62px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 20px 44px rgba(244,91,42,.32);transition:.3s var(--ease)}
    .floating-quote:hover{transform:translateY(-5px) rotate(-3deg)}.floating-quote svg{width:25px;height:25px}
    .floating-quote::after{content:"طلب سعر";position:absolute;left:72px;white-space:nowrap;background:#111820;color:#fff;padding:9px 11px;border-radius:10px;font-size:10px;opacity:0;transform:translateX(-8px);transition:.25s;pointer-events:none}.floating-quote:hover::after{opacity:1;transform:none}

    .drawer-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(4,6,9,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.35s}
    .drawer-backdrop.is-open{opacity:1;visibility:visible}
    .quote-drawer{position:fixed;z-index:1100;top:0;right:0;height:100%;width:min(560px,100%);background:#f4f1eb;color:#111820;transform:translateX(104%);transition:transform .55s var(--ease);box-shadow:-24px 0 90px rgba(0,0,0,.34);overflow:auto}
    .quote-drawer.is-open{transform:none}
    .drawer-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;background:rgba(244,241,235,.88);border-bottom:1px solid rgba(12,17,24,.12);backdrop-filter:blur(14px)}
    .drawer-head img{width:116px}.drawer-close{width:46px;height:46px;border:1px solid rgba(12,17,24,.14);background:#fff;border-radius:14px;display:grid;place-items:center;color:#111}.drawer-close svg{width:19px;height:19px}
    .drawer-body{padding:34px 30px 46px}.drawer-body .section-label{margin-bottom:14px}.drawer-body h2{font-size:42px;line-height:1.08;margin:0 0 12px}.drawer-body>p{color:#69727a;line-height:1.8;margin:0 0 28px}
    .quote-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-size:11px;font-weight:700;color:#444d55}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(13,18,25,.16);background:#fff;color:#111820;border-radius:14px;padding:15px 16px;outline:none;transition:border .25s,box-shadow .25s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,91,42,.1)}
    .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form .button{width:100%;margin-top:8px;min-height:58px}.form-note{font-size:9px;color:#838b92;text-align:center;line-height:1.7}.form-success{display:none;text-align:center;padding:38px 20px}.form-success.is-visible{display:block}.success-icon{width:82px;height:82px;border-radius:50%;background:rgba(74,190,120,.13);color:#2fa366;display:grid;place-items:center;margin:0 auto 22px}.success-icon svg{width:38px;height:38px}.form-success h3{font-size:30px;margin:0 0 10px}.form-success p{color:#667078;line-height:1.8}

    .mobile-panel{position:fixed;inset:0;z-index:980;background:#090c11;padding:120px 28px 38px;display:none;opacity:0;visibility:hidden;transition:.35s;overflow:auto}.menu-open .mobile-panel{opacity:1;visibility:visible}.mobile-nav{display:grid}.mobile-nav a{font-size:34px;font-weight:700;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-panel .quote-btn{width:100%;margin-top:30px}

    @media (max-width:1100px){
      :root{--container:min(100% - 40px, 980px)}
      .nav{display:none}.nav-actions .lang-btn,.nav-actions .quote-btn{display:none}.menu-btn{display:grid}.mobile-panel{display:block}
      .hero__inner{grid-template-columns:1fr;padding-top:150px;padding-bottom:170px}.spec-card{width:min(480px,100%);justify-self:start}.hero__ribs{opacity:.35;width:70vw}.scroll-hint{display:none}
      .intro__grid{grid-template-columns:1fr;gap:70px}.intro__visual{position:relative;top:auto;max-width:700px}.image-frame{aspect-ratio:16/10}.intro__badge{left:-18px}
      .product-deck{height:auto;display:grid;grid-template-columns:1fr}.product-card,.product-card.is-active{min-height:460px;flex:auto}.product-card p,.product-meta{opacity:1;max-height:150px;transform:none}
      .process__grid{grid-template-columns:1fr}.process-visual{position:relative;top:auto}.quality__cards{grid-template-columns:1fr 1fr}.footer__top{grid-template-columns:1fr 1fr}
    }
    @media (max-width:740px){
      :root{--container:calc(100vw - 28px);--radius:22px}
      .header{top:10px;padding:0 10px}.nav-shell{min-height:62px;padding:7px 8px;border-radius:17px;background:rgba(10,13,18,.72);border-color:rgba(255,255,255,.1);backdrop-filter:blur(14px)}.brand img{width:98px}.brand{min-width:auto}.menu-btn{width:46px;height:46px}.nav-actions{margin-right:auto}
      .hero__inner{padding:126px 0 190px;gap:34px}.hero h1{font-size:clamp(54px,16vw,82px)}.hero__lead{font-size:15px;margin-top:23px}.hero__actions{display:grid;grid-template-columns:1fr}.button{width:100%}.spec-card{padding:18px}.hero__stats-inner{grid-template-columns:1fr 1fr}.hero-stat{padding:13px 0}.hero-stat:nth-child(2){border-left:0}.hero-stat strong{font-size:20px}.hero-stat span{font-size:9px}.hero__ribs{left:-22vw;width:110vw;bottom:14vh;opacity:.25}
      .section{padding:88px 0}.section-title{font-size:clamp(38px,12vw,60px)}.section-lead{font-size:15px}.products__head{display:block}.products__head p{margin-top:20px}.product-card,.product-card.is-active{min-height:430px}.product-card h3{font-size:34px;white-space:normal}
      .principle{grid-template-columns:48px 1fr auto}.principle p{display:none}.image-frame{aspect-ratio:4/5}.intro__badge{width:94px;height:94px;left:-3px;top:60px}
      .process-visual{min-height:520px}.process-visual__body{padding:32px 24px}.process-visual h3{font-size:46px}.process-step{grid-template-columns:40px 1fr auto}.process-step strong{font-size:16px}
      .clients{min-height:920px}.client-stage{height:450px;margin-top:38px}.client-card{width:270px;height:354px;margin:-177px 0 0 -135px;padding:18px}.client-logo{height:170px}.client-logo__mark{width:100px;height:100px}.client-detail{grid-template-columns:1fr;text-align:center}.client-detail__meta{justify-content:center}.client-detail h3{font-size:23px}
      .quality__wrap{min-height:1000px}.quality__shade{background:linear-gradient(0deg,rgba(8,11,15,.98) 0%,rgba(8,11,15,.83) 68%,rgba(8,11,15,.42) 100%)}.quality__cards{grid-template-columns:1fr}.quality__content{padding:90px 0}.numbers__grid{grid-template-columns:1fr 1fr}.number-card:nth-child(2){border-left:0}.number-card{padding:30px 14px}.number-card strong{font-size:48px}
      .cta{padding:88px 0}.cta__grid{grid-template-columns:1fr}.cta h2{font-size:58px}.cta .button{width:100%}.cta__stamp{font-size:110px}
      .footer__top{grid-template-columns:1fr;gap:42px}.footer__bottom{display:grid;text-align:center}.floating-quote{width:56px;height:56px;left:14px;bottom:14px}.floating-quote::after{display:none}.field-row{grid-template-columns:1fr}
    }
    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
      .client-stage{cursor:default}
    }
  

/* =========================================================
   Interactive process journey — inspired by a global systems
   presentation, rebuilt specifically for the MRS identity.
   ========================================================= */
.process-journey {
  position: relative;
  height: var(--process-scroll-height, 424vh);
  min-height: 100svh;
  color: #fff;
  background: #0b1017;
  overflow: visible;
}

.process-sticky {
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100svh;
  min-height: min(720px, 100svh);
  overflow: hidden;
  isolation: isolate;
  background: #0b1017;
}

.process-backdrops,
.process-darken,
.process-grid-lines {
  position: absolute;
  inset: 0;
}

.process-backdrops {
  z-index: -4;
  overflow: hidden;
}

.process-backdrop {
  position: absolute;
  inset: -4%;
  width: 108%;
  height: 108%;
  object-fit: cover;
  opacity: 0;
  filter: grayscale(.3) saturate(.72) contrast(1.08);
  transform: scale(1.08);
  transition: opacity .85s ease, transform 1.8s cubic-bezier(.2, .8, .2, 1);
}

.process-backdrop.is-active {
  opacity: .22;
  transform: scale(1.025);
}

.process-darken {
  z-index: -3;
  background:
    radial-gradient(circle at 78% 35%, rgba(255, 90, 43, .22), transparent 31rem),
    linear-gradient(180deg, rgba(7, 10, 15, .9), rgba(10, 15, 22, .96) 54%, rgba(7, 11, 17, .99));
}

[dir="ltr"] .process-darken {
  background:
    radial-gradient(circle at 22% 35%, rgba(255, 90, 43, .22), transparent 31rem),
    linear-gradient(180deg, rgba(7, 10, 15, .9), rgba(10, 15, 22, .96) 54%, rgba(7, 11, 17, .99));
}

.process-grid-lines {
  z-index: -2;
  opacity: .7;
  background-image:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: calc(100% / 10) 100%, calc(100% / 10) 100%;
  mask-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, .8) 72%, transparent);
}

.process-grid-lines::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 100% 84px;
}

.process-shell {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(180px, 1fr) auto;
  gap: clamp(14px, 2.5vh, 28px);
  padding: clamp(108px, 12vh, 145px) clamp(24px, 2.1vw, 44px) clamp(20px, 3vh, 34px);
}

.process-vertical-label {
  position: absolute;
  inset-block: 112px 30px;
  inset-inline-start: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, .38);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .11em;
  writing-mode: vertical-rl;
  pointer-events: none;
}

.process-vertical-label b {
  color: rgba(255, 255, 255, .62);
}

.process-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: clamp(34px, 8vw, 150px);
  align-items: start;
}

.process-heading-title,
.process-heading-copy {
  min-width: 0;
}

.process-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, .82);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.process-kicker b {
  color: var(--mrs-orange);
  font-size: 1rem;
}

.process-heading h2 {
  max-width: 980px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(3.3rem, 6.2vw, 7.2rem) !important;
  line-height: .96 !important;
  letter-spacing: -.045em;
  text-shadow: 0 12px 42px rgba(0, 0, 0, .22);
  text-wrap: balance;
}

[dir="rtl"] .process-heading h2 {
  line-height: 1.08 !important;
  letter-spacing: 0;
}

.process-heading-copy {
  padding-top: clamp(20px, 5vh, 54px);
}

.process-heading-copy > p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: clamp(.95rem, 1.05vw, 1.16rem);
  line-height: 1.9;
  font-weight: 650;
}

.process-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: #fff;
  font-size: .9rem;
  font-weight: 900;
}

.process-inline-link span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--mrs-orange);
  border: 1px solid rgba(255, 255, 255, .2);
  transition: transform .2s ease, background-color .2s ease;
}

.process-inline-link:hover span {
  transform: translate(2px, -2px);
  background: rgba(255, 255, 255, .08);
}

.process-motion-zone {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 70px);
  align-items: center;
}

[dir="rtl"] .process-motion-zone {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
}

[dir="rtl"] .process-stage-card {
  grid-column: 2;
  grid-row: 1;
}

[dir="rtl"] .process-path-wrap {
  grid-column: 1;
  grid-row: 1;
}

.process-stage-card {
  position: relative;
  min-height: 210px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 16px 18px;
  align-items: start;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
  box-shadow: 0 22px 70px rgba(0, 0, 0, .23);
  backdrop-filter: blur(18px);
}

.process-stage-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--mrs-orange), rgba(255, 90, 43, 0));
}

[dir="rtl"] .process-stage-card::before {
  inset: 0 0 0 auto;
}

.process-stage-topline {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, .48);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .65rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.process-stage-topline b {
  color: var(--mrs-orange);
  font-size: .82rem;
}

.process-stage-icons {
  position: relative;
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  color: #fff;
  background: rgba(255, 90, 43, .13);
}

.process-stage-icons > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(.72) rotate(-8deg);
  transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
}

.process-stage-icons > span.is-active {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.process-stage-icons svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.process-stage-copy {
  min-width: 0;
}

.process-stage-copy code,
.process-step code {
  direction: ltr;
  display: block;
  color: rgba(255, 255, 255, .4);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .63rem;
  letter-spacing: .02em;
  text-align: start;
}

.process-stage-copy h3 {
  margin: 8px 0 7px;
  color: #fff;
  font-size: clamp(1.25rem, 1.45vw, 1.62rem);
  line-height: 1.25;
}

.process-stage-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: .84rem;
  line-height: 1.75;
}

.process-path-wrap {
  position: relative;
  min-width: 0;
  height: clamp(170px, 23vh, 235px);
}

.process-path-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

[dir="rtl"] .process-path-svg {
  transform: scaleX(-1);
}

.process-path-ghost,
.process-path-base,
.process-path-progress {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.process-path-ghost {
  stroke: rgba(255, 255, 255, .035);
  stroke-width: 24;
  filter: blur(10px);
}

.process-path-base {
  stroke: rgba(255, 255, 255, .25);
  stroke-width: 1.4;
}

.process-path-progress {
  stroke: var(--mrs-orange);
  stroke-width: 2.2;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 8px rgba(255, 90, 43, .7));
}

.process-path-halo {
  fill: rgba(255, 90, 43, .2);
  stroke: rgba(255, 255, 255, .2);
  stroke-width: 1;
  transform-box: fill-box;
  transform-origin: center;
  animation: processHalo 1.8s ease-in-out infinite;
}

.process-path-dot {
  fill: #fff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .9));
}

@keyframes processHalo {
  0%, 100% { transform: scale(.78); opacity: .55; }
  50% { transform: scale(1.35); opacity: 1; }
}

.process-path-label {
  position: absolute;
  z-index: 2;
  color: rgba(255, 255, 255, .36);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .58rem;
  letter-spacing: .08em;
  white-space: nowrap;
}

.process-path-label-a { inset: auto auto 11% 3%; }
.process-path-label-b { inset: 6% auto auto 48%; }
.process-path-label-c { inset: auto 2% 28% auto; }

[dir="rtl"] .process-path-label-a { inset: auto 3% 11% auto; }
[dir="rtl"] .process-path-label-c { inset: auto auto 28% 2%; }

.process-step-rail {
  display: grid;
  grid-template-columns: repeat(var(--process-count), minmax(0, 1fr));
  border-block: 1px solid rgba(255, 255, 255, .12);
}

.process-step-wrap {
  position: relative;
  min-width: 0;
  border-inline-start: 1px solid rgba(255, 255, 255, .1);
}

.process-step-wrap:last-child {
  border-inline-end: 1px solid rgba(255, 255, 255, .1);
}

.process-step {
  position: relative;
  width: 100%;
  min-height: clamp(150px, 19vh, 196px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  padding: 16px 10px 14px;
  overflow: hidden;
  border: 0;
  color: rgba(255, 255, 255, .26);
  background: transparent;
  font: inherit;
  text-align: start;
  cursor: pointer;
  opacity: .48;
  transition: color .35s ease, opacity .35s ease, background-color .35s ease, transform .35s ease;
}

.process-step::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 3px;
  background: var(--mrs-orange);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s ease;
}

.process-step-wrap.is-complete .process-step {
  color: rgba(255, 255, 255, .68);
  opacity: .8;
}

.process-step-wrap.is-active .process-step {
  color: #fff;
  opacity: 1;
  background: linear-gradient(180deg, rgba(255, 90, 43, .1), transparent 48%);
  transform: translateY(-3px);
}

.process-step-wrap.is-active .process-step::before {
  transform: scaleX(1);
}

.process-step:hover {
  opacity: 1;
  color: #fff;
  background: rgba(255, 255, 255, .035);
}

.process-step-number {
  display: block;
  margin-bottom: 6px;
  color: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .67rem;
}

.process-step strong {
  display: block;
  min-height: 46px;
  color: inherit;
  font-size: clamp(.88rem, .93vw, 1.08rem);
  line-height: 1.35;
}

.process-step-wrap.is-active strong {
  color: var(--mrs-orange-bright);
}

.process-step p {
  display: -webkit-box;
  margin: auto 0 0;
  overflow: hidden;
  color: inherit;
  font-size: clamp(.64rem, .61vw, .75rem);
  line-height: 1.55;
  opacity: .8;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.process-mobile-controls {
  display: none;
}



/* ---------- Exact mockup integration refinements ---------- */
html{scroll-padding-top:100px}
body{min-width:0}
.header .brand{direction:ltr}
.header .brand img,.drawer-head img,.footer__brand img{object-fit:contain}
.lang-btn{text-decoration:none;display:grid;place-items:center}
.product-card__content a{color:inherit}
.product-card__content .product-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#fff;font-size:12px;font-weight:800}
.product-card__content .product-link b{color:var(--orange);font-size:17px}
.visual-edit-badge{position:absolute;z-index:50;inset:12px auto auto 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,10,14,.78);color:#fff;padding:8px 11px;font:700 10px/1 "Cairo",sans-serif;backdrop-filter:blur(10px)}
.visual-edit-target{position:relative}

/* Terra-inspired journey, kept inside the approved MRS visual direction. */
.process-journey{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.process-shell{padding-top:clamp(112px,13vh,152px)}
.process-heading{direction:inherit}
.process-heading h2{font-family:"Cairo",Tahoma,sans-serif;font-weight:900}
.process-stage-copy h3,.process-step strong{font-family:"Cairo",Tahoma,sans-serif}
.process-stage-card{direction:inherit}
.process-step-rail{direction:inherit}
.process-mobile-controls button{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.05);color:#fff}

/* Smart MRS assistant */
.assistant-launcher{
  position:fixed;left:22px;bottom:22px;z-index:1120;width:64px;height:64px;border:1px solid rgba(255,255,255,.22);border-radius:20px;
  display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#ff6c31);color:#fff;box-shadow:0 20px 48px rgba(244,91,42,.34);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);overflow:visible
}
.assistant-launcher:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:0 28px 62px rgba(244,91,42,.42)}
.assistant-launcher svg{width:27px;height:27px}
.assistant-launcher::after{content:attr(data-label);position:absolute;left:76px;white-space:nowrap;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(12,16,22,.93);color:#fff;font-size:11px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:.25s;box-shadow:0 16px 34px rgba(0,0,0,.26)}
.assistant-launcher:hover::after{opacity:1;transform:none}
.assistant-launcher .assistant-pulse{position:absolute;right:-2px;top:-2px;width:13px;height:13px;border:3px solid #0a0d12;border-radius:50%;background:#63d58b;box-shadow:0 0 0 0 rgba(99,213,139,.45);animation:pulse 2s infinite}
.assistant-panel{
  position:fixed;left:22px;bottom:98px;z-index:1115;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100svh - 132px));
  display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;
  background:rgba(10,14,20,.96);color:#fff;box-shadow:0 34px 100px rgba(0,0,0,.48);backdrop-filter:blur(24px) saturate(1.15);
  opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:bottom left;transition:.34s var(--ease)
}
.assistant-panel.is-open{opacity:1;visibility:visible;transform:none}
.assistant-head{display:flex;align-items:center;gap:12px;padding:16px 16px 15px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(244,91,42,.17),rgba(255,255,255,.025))}
.assistant-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--orange);box-shadow:0 10px 24px rgba(244,91,42,.25)}
.assistant-avatar svg{width:25px;height:25px}
.assistant-head-copy{min-width:0;flex:1}.assistant-head-copy strong{display:block;font-size:14px}.assistant-head-copy span{display:flex;align-items:center;gap:7px;margin-top:3px;color:#aeb6bf;font-size:10px}.assistant-head-copy span::before{content:"";width:7px;height:7px;border-radius:50%;background:#63d58b}
.assistant-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center}.assistant-close svg{width:19px}
.assistant-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.assistant-message{max-width:88%;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.75;animation:assistantIn .25s var(--ease)}
.assistant-message.is-bot{align-self:flex-start;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-bottom-left-radius:5px}
[dir="rtl"] .assistant-message.is-bot{align-self:flex-end;border-bottom-left-radius:16px;border-bottom-right-radius:5px}
.assistant-message.is-user{align-self:flex-end;background:var(--orange);border-bottom-right-radius:5px}
[dir="rtl"] .assistant-message.is-user{align-self:flex-start;border-bottom-right-radius:16px;border-bottom-left-radius:5px}
@keyframes assistantIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.assistant-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.assistant-quick button{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.045);color:#fff;padding:8px 10px;font-size:10px;transition:.2s}.assistant-quick button:hover{border-color:rgba(244,91,42,.7);background:rgba(244,91,42,.13)}
.assistant-action{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border:0;border-radius:10px;background:var(--orange);color:#fff;padding:9px 11px;font-size:10px;font-weight:800}
.assistant-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:rgba(5,8,12,.66)}
.assistant-form input{min-width:0;height:46px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.055);color:#fff;padding:0 13px;outline:0}.assistant-form input:focus{border-color:rgba(244,91,42,.75);box-shadow:0 0 0 3px rgba(244,91,42,.1)}
.assistant-form button{width:46px;height:46px;border:0;border-radius:13px;background:var(--orange);color:#fff;display:grid;place-items:center}.assistant-form button svg{width:19px}
.assistant-note{padding:0 14px 11px;color:#7f8994;font-size:8px;text-align:center;background:rgba(5,8,12,.66)}
body.drawer-open .assistant-panel,body.drawer-open .assistant-launcher{opacity:0;pointer-events:none}

/* Real form status inside quote drawer */
.quote-form .hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.quote-form button[disabled]{opacity:.55;cursor:wait}
.form-error{display:none;margin-top:10px;padding:10px;border-radius:10px;background:#4b1717;color:#ffd6d6;font-size:11px}.form-error.is-visible{display:block}

@media (max-width:1180px) and (min-width:981px){
  .process-shell{padding-inline:28px}
  .process-motion-zone{grid-template-columns:minmax(220px,285px) minmax(0,1fr);gap:28px}
  [dir="rtl"] .process-motion-zone{grid-template-columns:minmax(0,1fr) minmax(220px,285px)}
  .process-step p{display:none}.process-step strong{min-height:54px}
}

@media (max-width:980px){
  html{scroll-padding-top:18px}
  .process-journey{height:auto!important;min-height:0;overflow:hidden}
  .process-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden}
  .process-shell{height:auto;display:block;padding:84px 18px 56px}
  .process-vertical-label{display:none}
  .process-heading{grid-template-columns:1fr;gap:18px}.process-heading-copy{padding-top:0}
  .process-heading h2{font-size:clamp(2.8rem,13vw,5rem)!important}
  .process-motion-zone,[dir="rtl"] .process-motion-zone{display:block;margin-top:34px}
  [dir="rtl"] .process-stage-card,[dir="rtl"] .process-path-wrap{grid-column:auto;grid-row:auto}
  .process-stage-card{width:100%;min-height:205px}.process-path-wrap{display:none}
  .process-step-rail{display:flex;gap:12px;margin:24px -18px 0;padding:0 18px 14px;overflow-x:auto;border:0;scroll-snap-type:x mandatory;scrollbar-width:none}
  .process-step-rail::-webkit-scrollbar{display:none}
  .process-step-wrap,.process-step-wrap:last-child{flex:0 0 min(78vw,340px);border:0;scroll-snap-align:center}
  .process-step{min-height:190px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.045);opacity:1}
  .process-step strong{min-height:auto;font-size:1.08rem}.process-step p{display:-webkit-box;font-size:.78rem}
  .process-step-wrap.is-active .process-step{border-color:rgba(244,91,42,.58);background:linear-gradient(145deg,rgba(244,91,42,.16),rgba(255,255,255,.045))}
  .process-mobile-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.process-mobile-controls span{min-width:92px;color:rgba(255,255,255,.65);font:700 .72rem/1 ui-monospace,monospace;text-align:center;direction:ltr}
  .process-grid-lines{background-size:25% 100%,25% 100%}
}

@media (max-width:760px){
  .assistant-launcher{left:14px;bottom:14px;width:57px;height:57px;border-radius:18px}.assistant-launcher::after{display:none}
  .assistant-panel{left:14px;bottom:80px;width:calc(100vw - 28px);height:min(610px,calc(100svh - 96px));border-radius:22px}
  .floating-quote{display:none}
}

@media (max-width:620px){
  .process-stage-card{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px}.process-stage-icons{width:56px;height:56px}.process-stage-icons svg{width:30px;height:30px}
}

@media (max-height:780px) and (min-width:981px){
  .process-shell{grid-template-rows:auto minmax(145px,1fr) auto;gap:12px;padding-top:92px;padding-bottom:16px}
  .process-heading h2{font-size:clamp(2.7rem,5vw,5.4rem)!important}.process-heading-copy{padding-top:12px}.process-heading-copy>p{line-height:1.65}
  .process-motion-zone{grid-template-columns:minmax(220px,285px) minmax(0,1fr)}[dir="rtl"] .process-motion-zone{grid-template-columns:minmax(0,1fr) minmax(220px,285px)}
  .process-stage-card{min-height:170px;padding:16px}.process-path-wrap{height:150px}.process-step{min-height:130px;padding-block:12px}.process-step p{display:none}
}

@media (prefers-reduced-motion:reduce){
  .process-backdrop,.process-stage-icons>span,.process-step,.assistant-panel{transition-duration:.01ms!important}.process-path-halo{animation:none}
}

/* Client carousel interaction — approved five-point behavior only */
.client-card{cursor:pointer}
.client-detail__copy{min-width:0}
.client-project-button{width:max-content;min-height:46px;margin-top:18px;padding-inline:18px;border-radius:12px;font-size:12px}
.client-project-button.is-disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.client-project-button.is-disabled:hover{transform:none;background:var(--orange);box-shadow:none}
@media (max-width:980px){
  .client-project-button{margin-inline:auto}
}