/* ── MARQUEE STRIP ── */
    .marquee-strip{
      background:var(--ink);padding:14px 0;overflow:hidden;
      display:flex;gap:0;
    }
    .marquee-inner{
      display:flex;gap:0;white-space:nowrap;
      animation:marqueeRtl 30s linear infinite;
    }
    .marquee-item{
      display:inline-flex;align-items:center;gap:16px;
      padding:0 28px;
      font-size:0.72rem;font-weight:400;letter-spacing:0.1em;
      text-transform:uppercase;color:rgba(255,255,255,0.7);
    }
    .marquee-item .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.35)}
    @keyframes marqueeRtl{from{transform:translateX(0)}to{transform:translateX(50%)}}

    /* ── SECTIONS COMMON ── */
    section{padding:100px 6%}
    .section-label{
      font-size:0.68rem;font-weight:400;letter-spacing:0.14em;
      text-transform:uppercase;color:var(--ink4);
      display:flex;align-items:center;gap:10px;margin-bottom:48px;
    }
    .section-label::before{content:'';width:20px;height:1px;background:var(--ink4)}
    h2{
      font-family:'Rubik',sans-serif;
      font-size:clamp(2rem,4vw,3.5rem);
      font-weight:800;line-height:1.08;color:var(--ink);
      letter-spacing:-0.03em;
    }
    h2 em{font-style:italic;font-weight:300;color:var(--accent)}

    /* ── ABOUT ── */
    #about{background:var(--white)}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .about-copy h2{margin-bottom:24px}
    .about-copy p{
      font-size:0.95rem;font-weight:300;color:var(--ink3);
      line-height:1.85;margin-bottom:18px;
    }
    .about-img{
      background:var(--cream);border-radius:4px;overflow:hidden;
      aspect-ratio:4/5;position:relative;
    }
    .about-img img{width:100%;height:100%;object-fit:cover}
    .about-tag{
      position:absolute;bottom:20px;right:20px;
      background:var(--white);padding:12px 16px;border-radius:2px;
      box-shadow:0 4px 24px rgba(28,26,23,0.1);
    }
    .about-tag .at1{font-family:'Rubik',sans-serif;font-size:1.5rem;font-weight:400;color:var(--ink);line-height:1}
    .about-tag .at2{font-size:0.68rem;color:var(--ink4);letter-spacing:0.08em;margin-top:2px}
    .about-img-placeholder{
      width:100%;height:100%;display:flex;align-items:center;justify-content:center;
      flex-direction:column;gap:12px;color:var(--ink4);
    }
    .about-img-placeholder svg{width:40px;height:40px;opacity:0.35}
    .about-img-placeholder p{font-size:0.75rem;text-align:center;line-height:1.5}

    /* pills */
    .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
    .pill{
      border:1px solid var(--border);
      color:var(--ink3);font-size:0.75rem;font-weight:400;
      padding:6px 14px;border-radius:20px;letter-spacing:0.04em;
    }

    /* ── SERVICES ── */
    #services{background:var(--cream);border-top:1px solid var(--border2)}
    .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:56px}
    .srv-card{
      background:var(--cream);padding:36px 28px;
      transition:background .25s;
    }
    .srv-card:hover{background:var(--cream2)}
    .srv-num{
      font-family:'Rubik',sans-serif;
      font-size:0.75rem;color:var(--accent3);font-weight:600;
      letter-spacing:0.1em;margin-bottom:28px;
    }
    .srv-icon{margin-bottom:20px;color:var(--accent)}
    .srv-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.25}
    .srv-title{
      font-family:'Rubik',sans-serif;
      font-size:1.15rem;font-weight:500;color:var(--ink);
      margin-bottom:10px;line-height:1.3;
    }
    .srv-desc{font-size:0.8rem;color:var(--ink3);line-height:1.7;font-weight:300}

    /* ── STORY ── */
    #story{background:var(--ink);padding:100px 6%;position:relative;overflow:hidden}
    #story::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(0,85,255,.15),transparent 65%);pointer-events:none}
    .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .story-img-wrap{position:relative}
    .story-img{
      border-radius:4px;overflow:hidden;aspect-ratio:4/5;
      background:rgba(255,255,255,0.06);
      border:1px solid rgba(255,255,255,.1);position:relative;
    }
    .story-img img{width:100%;height:100%;object-fit:cover;display:block}
    .story-img-ph{
      width:100%;height:100%;display:flex;flex-direction:column;
      align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;
    }
    .story-img-ph svg{width:48px;height:48px;opacity:.2;stroke:white;fill:none;stroke-width:1;stroke-linecap:round}
    .story-img-ph p{font-size:.78rem;color:rgba(255,255,255,.4);line-height:1.7}
    .story-year-tag{
      position:absolute;top:20px;right:20px;
      background:linear-gradient(135deg,var(--accent),#0077FF);
      color:white;padding:8px 18px;border-radius:3px;
      font-size:.82rem;font-weight:700;letter-spacing:.06em;
      box-shadow:0 4px 18px rgba(0,85,255,.5);
    }
    .story-section-label{
      font-size:0.68rem;font-weight:500;letter-spacing:0.14em;
      text-transform:uppercase;color:var(--accent3);
      display:flex;align-items:center;gap:10px;margin-bottom:24px;
    }
    .story-section-label::before{content:'';width:20px;height:1px;background:var(--accent3)}
    .story-h2{
      font-family:'Rubik',sans-serif;
      font-size:clamp(2rem,4vw,3.2rem);font-weight:400;
      color:white;line-height:1.1;letter-spacing:-0.02em;margin-bottom:20px;
    }
    .story-h2 em{font-style:italic;font-weight:300;color:rgba(255,255,255,.75)}
    .story-lead{font-size:1rem;font-weight:400;color:rgba(255,255,255,.9);line-height:1.75;margin-bottom:16px}
    .story-body{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:0}
    .story-timeline{display:flex;flex-direction:column;gap:0;margin-top:40px}
    .st-item{display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}
    .st-item:last-child{border-bottom:none}
    .st-year{font-size:.78rem;font-weight:700;color:var(--accent3);min-width:46px;flex-shrink:0;padding-top:3px;letter-spacing:.06em}
    .st-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--accent);margin-top:5px;box-shadow:0 0 8px rgba(0,85,255,.6)}
    .st-text h4{font-size:.88rem;font-weight:600;color:white;margin-bottom:2px}
    .st-text p{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.55}
    @media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:48px}}

    /* ── GALLERY ── */
    #gallery{background:var(--white);padding-bottom:0}
    .gallery-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
    .gallery-note{font-size:0.8rem;color:var(--ink4);font-weight:300;max-width:260px;text-align:left;line-height:1.6}
    .gallery-track-wrap{overflow:hidden;position:relative;margin:0 -6%}
    .gallery-track{
      display:flex;gap:12px;padding:0 6%;
      animation:gallerySlide 40s linear infinite;
      width:max-content;
    }
    .gallery-track:hover{animation-play-state:paused}
    @keyframes gallerySlide{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }
    .g-card{
      flex-shrink:0;width:260px;
      background:var(--cream);border-radius:3px;overflow:hidden;
      cursor:pointer;
    }
    .g-card-img{
      width:100%;aspect-ratio:3/4;overflow:hidden;
      background:var(--cream2);position:relative;
    }
    .g-card-img img{
      width:100%;height:100%;object-fit:cover;
      transition:transform .5s ease;
    }
    .g-card:hover .g-card-img img{transform:scale(1.04)}
    .g-card-info{padding:14px 16px}
    .g-card-info .gi-name{font-size:0.78rem;font-weight:500;color:var(--ink)}
    .g-card-info .gi-sub{font-size:0.7rem;color:var(--ink4);margin-top:2px}
    .g-placeholder{
      width:100%;height:100%;display:flex;flex-direction:column;
      align-items:center;justify-content:center;gap:8px;color:var(--ink4);
      padding:16px;
    }
    .g-placeholder svg{width:32px;height:32px;opacity:0.3;stroke:currentColor;fill:none;stroke-width:1.25}
    .g-placeholder p{font-size:0.65rem;text-align:center;line-height:1.5;opacity:0.7}
    .gallery-bottom{
      background:var(--cream);padding:20px 6%;
      display:flex;align-items:center;justify-content:center;
      border-top:1px solid var(--border2);
    }
    .gallery-bottom span{font-size:0.72rem;color:var(--ink4);letter-spacing:0.1em;font-weight:400}

    /* ── REVIEWS ── */
    .rev-card{
      background:var(--white);border:1px solid var(--border2);border-radius:4px;
      padding:18px 20px;display:flex;flex-direction:column;gap:10px;
      transition:box-shadow .25s,transform .25s;
    }
    .rev-card:hover{box-shadow:0 6px 24px rgba(0,85,255,.1);transform:translateY(-2px)}
    .rev-stars{color:#FBBC05;font-size:0.95rem;letter-spacing:1px}
    .rev-text{font-size:0.8rem;color:var(--ink3);line-height:1.65;font-weight:300;flex:1}
    .rev-author{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border2)}
    .rev-avatar{
      width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0077FF);
      color:white;font-size:0.78rem;font-weight:700;
      display:flex;align-items:center;justify-content:center;flex-shrink:0;
    }
    .rev-name{font-size:0.78rem;font-weight:600;color:var(--ink)}
    .rev-date{font-size:0.65rem;color:var(--ink4);margin-top:1px}
    @media(max-width:900px){.reviews-grid{grid-template-columns:1fr 1fr!important}}
    @media(max-width:600px){.reviews-grid{grid-template-columns:1fr!important}}

    /* ── CLIENTS LOGO STRIP ── */
    #clients{background:var(--white);border-top:1px solid var(--border2);padding-bottom:0}
    .clients-intro{max-width:600px;margin-bottom:44px}
    .clients-intro p{font-size:0.88rem;font-weight:300;color:var(--ink3);line-height:1.8;margin-top:12px}
    .clients-logo-wrap{overflow:hidden;margin:0 -6%;border-top:1px solid var(--border2);background:var(--cream)}
    .clients-logo-track{display:flex;align-items:center;width:max-content;animation:logoScroll 45s linear infinite}
    .clients-logo-track:hover{animation-play-state:paused}
    @keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .client-logo{
      flex-shrink:0;padding:22px 28px;
      border-left:1px solid var(--border2);
      display:flex;align-items:center;justify-content:center;
      height:94px;
    }
    .client-logo img{
      height:50px;width:auto;max-width:128px;
      object-fit:contain;
      filter:grayscale(100%) opacity(0.45);
      transition:filter .35s ease;
    }
    .client-logo:hover img{filter:grayscale(0%) opacity(1)}

    /* ── NIGHT RUN FEATURE ── */
    #featured{background:var(--ink);padding:100px 6%}
    .featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .feat-label{
      font-size:0.68rem;font-weight:400;letter-spacing:0.14em;
      text-transform:uppercase;color:rgba(255,255,255,0.4);
      display:flex;align-items:center;gap:10px;margin-bottom:36px;
    }
    .feat-label::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.35)}
    .feat-content h2{
      font-family:'Rubik',sans-serif;
      font-size:clamp(2rem,4vw,3.2rem);font-weight:400;
      color:var(--white);line-height:1.1;letter-spacing:-0.02em;
      margin-bottom:20px;
    }
    .feat-content p{font-size:0.9rem;font-weight:300;color:rgba(255,255,255,0.65);line-height:1.8;margin-bottom:32px}
    .feat-stats{display:flex;gap:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1)}
    .feat-stat .n{
      font-family:'Rubik',sans-serif;
      font-size:2rem;font-weight:400;color:var(--white);display:block;line-height:1
    }
    .feat-stat .l{font-size:0.7rem;color:rgba(255,255,255,0.4);letter-spacing:0.08em;margin-top:4px;display:block}
    .feat-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .feat-img{
      background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;
      aspect-ratio:4/5;
    }
    .feat-img:first-child{grid-row:span 2;aspect-ratio:auto}
    .feat-img img{width:100%;height:100%;object-fit:cover;opacity:0.9}
    .feat-img-ph{
      width:100%;height:100%;min-height:180px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:8px;color:rgba(255,255,255,0.25);padding:16px;
    }
    .feat-img-ph svg{width:28px;height:28px;opacity:0.4;stroke:currentColor;fill:none;stroke-width:1.25}
    .feat-img-ph p{font-size:0.62rem;text-align:center;line-height:1.5}

    /* ── CTA ── */
    #cta{background:var(--cream2);padding:80px 6%;text-align:center;border-top:1px solid var(--border)}
    #cta h2{margin-bottom:14px}
    #cta p{font-size:0.9rem;font-weight:300;color:var(--ink3);margin-bottom:36px;line-height:1.7}
    .cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
    .btn-wa{
      display:inline-flex;align-items:center;gap:10px;
      background:#25d366;color:#fff;
      padding:14px 28px;border-radius:2px;
      font-size:0.82rem;font-weight:500;letter-spacing:0.04em;
      text-decoration:none;transition:background .2s;
    }
    .btn-wa:hover{background:#1fb559}
    .btn-call{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--ink);font-size:0.82rem;font-weight:400;
      text-decoration:none;
      border:1px solid var(--border);
      padding:13px 24px;border-radius:2px;
      transition:border-color .2s,background .2s;
    }
    .btn-call:hover{background:var(--white);border-color:var(--ink3)}

    /* ── CONTACT FORM ── */
    #contact{background:var(--white);padding:100px 6%}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
    .contact-left h2{margin-bottom:20px}
    .contact-left p{font-size:0.88rem;font-weight:300;color:var(--ink3);line-height:1.8;margin-bottom:32px}
    .contact-details{display:flex;flex-direction:column;gap:18px}
    .cd-item{display:flex;align-items:flex-start;gap:14px}
    .cd-icon{
      width:36px;height:36px;border:1px solid var(--border);border-radius:2px;
      display:flex;align-items:center;justify-content:center;flex-shrink:0;
      color:var(--ink3);
    }
    .cd-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
    .cd-text{flex:1}
    .cd-text .ct1{font-size:0.7rem;color:var(--ink4);letter-spacing:0.08em;display:block;margin-bottom:2px}
    .cd-text .ct2{font-size:0.88rem;color:var(--ink);font-weight:400}
    .cd-text a{color:var(--ink);text-decoration:none}
    .cd-text a:hover{color:var(--ink3)}

    /* form */
    .contact-form{display:flex;flex-direction:column;gap:16px}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .fld{display:flex;flex-direction:column;gap:6px}
    .fld label{font-size:0.7rem;color:var(--ink4);letter-spacing:0.08em;font-weight:400}
    .fld input,.fld textarea,.fld select{
      background:var(--cream);border:1px solid var(--border2);
      border-radius:2px;padding:12px 14px;
      font-family:'Rubik',sans-serif;font-size:0.85rem;font-weight:300;
      color:var(--ink);direction:rtl;
      transition:border-color .2s,background .2s;outline:none;
      width:100%;
    }
    .fld input:focus,.fld textarea:focus,.fld select:focus{
      border-color:var(--ink3);background:var(--white);
    }
    .fld textarea{resize:vertical;min-height:110px}
    .submit-btn{
      background:linear-gradient(135deg,var(--accent),#0077FF);
      color:var(--white);
      border:none;padding:14px 28px;border-radius:4px;
      font-family:'Rubik',sans-serif;font-size:0.85rem;font-weight:600;
      letter-spacing:0.04em;cursor:pointer;
      box-shadow:0 6px 24px rgba(0,85,255,.28);
      transition:transform .2s,box-shadow .2s;
      display:flex;align-items:center;justify-content:center;gap:10px;
      width:100%;
    }
    .submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,85,255,.42)}
    .submit-btn svg{width:18px;height:18px;flex-shrink:0}
    .form-note{font-size:0.7rem;color:var(--ink4);text-align:center;line-height:1.6}

    /* ── FOOTER ── */
    footer{background:var(--ink);padding:48px 6%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
    .foot-brand .fb1{font-family:'Rubik',sans-serif;font-size:1rem;font-weight:400;color:var(--white)}
    .foot-brand .fb2{font-size:0.65rem;color:rgba(255,255,255,0.35);letter-spacing:0.1em;margin-top:2px}
    .foot-links{display:flex;gap:24px}
    .foot-links a{font-size:0.72rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color .2s}
    .foot-links a:hover{color:rgba(255,255,255,0.8)}
    .foot-copy{font-size:0.68rem;color:rgba(255,255,255,0.25);letter-spacing:0.06em}

    /* ── FLOATING WA ── */
    .wa-float{
      position:fixed;bottom:28px;left:28px;z-index:900;
      width:52px;height:52px;border-radius:50%;
      background:#25d366;display:flex;align-items:center;justify-content:center;
      box-shadow:0 4px 20px rgba(37,211,102,0.4);
      transition:transform .2s,box-shadow .2s;text-decoration:none;
    }
    .wa-float:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,0.55)}
    .wa-float svg{width:26px;height:26px}

    /* ── SCROLL REVEAL ── */
    .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    /* ── RESPONSIVE ── */
    @media(max-width:900px){
      .about-grid,.contact-grid,.featured-grid{grid-template-columns:1fr;gap:48px}
      .hero-right{display:none}
      .services-grid{grid-template-columns:1fr 1fr}
      .feat-images{grid-template-columns:1fr 1fr}
      .feat-img:first-child{grid-row:auto}
      nav a:not(.nav-cta){display:none}
    }
    @media(max-width:600px){
      section{padding:72px 5%}
      header{padding:0 5%}
      .services-grid{grid-template-columns:1fr}
      .form-row{grid-template-columns:1fr}
      .foot-links{display:none}
      .hero-stats{flex-direction:column;gap:24px;align-items:flex-start}
      .h-stat+.h-stat{border-right:none;border-top:1px solid var(--border);padding-right:0;padding-top:24px}
    }

    /* ── CMYK COLOR SYSTEM ── */
    :root{
      --cyan:    #00AAEE;
      --magenta: #EE0077;
      --gold:    #F5BB00;
      --green:   #22CC55;
    }

    /* Hero — subtle CMYK radial glow */
    #hero::before{
      content:'';position:absolute;inset:0;z-index:0;
      background:
        radial-gradient(ellipse 50% 45% at 95% 10%, rgba(0,170,238,.10), transparent 60%),
        radial-gradient(ellipse 40% 40% at 5%  90%, rgba(238,0,119,.07), transparent 60%),
        radial-gradient(ellipse 35% 35% at 80% 95%, rgba(245,187,0,.06), transparent 55%);
      pointer-events:none;
    }

    /* Hero stats — CMYK colors */
    .h-stat:nth-child(1) .n{color:var(--cyan)}
    .h-stat:nth-child(2) .n{color:var(--magenta)}
    .h-stat:nth-child(3) .n{color:var(--green)}

    /* Marquee dots — CMYK cycling */
    .marquee-item:nth-child(4n+1) .dot{background:var(--cyan);opacity:1}
    .marquee-item:nth-child(4n+2) .dot{background:var(--magenta);opacity:1}
    .marquee-item:nth-child(4n+3) .dot{background:var(--gold);opacity:1}
    .marquee-item:nth-child(4n)   .dot{background:var(--green);opacity:1}

    /* Services — override to white cards, CMYK accent per card */
    #services{background:var(--cream);border-top:1px solid var(--border2)}
    .services-grid{background:var(--border2)}
    .srv-card{background:var(--white)}
    .srv-card:hover{background:var(--cream)}
    .srv-card:nth-child(1){border-top:3px solid var(--cyan)}
    .srv-card:nth-child(1) .srv-num{color:var(--cyan)}
    .srv-card:nth-child(1) .srv-icon{color:var(--cyan)}
    .srv-card:nth-child(2){border-top:3px solid var(--magenta)}
    .srv-card:nth-child(2) .srv-num{color:var(--magenta)}
    .srv-card:nth-child(2) .srv-icon{color:var(--magenta)}
    .srv-card:nth-child(3){border-top:3px solid var(--gold)}
    .srv-card:nth-child(3) .srv-num{color:var(--gold)}
    .srv-card:nth-child(3) .srv-icon{color:var(--gold)}
    .srv-card:nth-child(4){border-top:3px solid var(--green)}
    .srv-card:nth-child(4) .srv-num{color:var(--green)}
    .srv-card:nth-child(4) .srv-icon{color:var(--green)}

    /* Section labels — per section color */
    #services .section-label{color:var(--cyan)}
    #services .section-label::before{background:var(--cyan)}
    #gallery .section-label{color:var(--accent)}
    #gallery .section-label::before{background:var(--accent)}
    #about .section-label{color:var(--magenta)}
    #about .section-label::before{background:var(--magenta)}
    #clients .section-label{color:var(--green)}
    #clients .section-label::before{background:var(--green)}
    #reviews .section-label{color:var(--gold)}
    #reviews .section-label::before{background:var(--gold)}

    /* About pills — CMYK colors */
    .pill-row .pill:nth-child(1){border-color:var(--cyan);color:var(--cyan)}
    .pill-row .pill:nth-child(2){border-color:var(--magenta);color:var(--magenta)}
    .pill-row .pill:nth-child(3){border-color:var(--gold);color:var(--gold)}
    .pill-row .pill:nth-child(4){border-color:var(--green);color:var(--green)}
    .pill-row .pill:nth-child(5){border-color:var(--accent);color:var(--accent)}
    .pill-row .pill:nth-child(6){border-color:var(--cyan);color:var(--cyan)}

    /* Review cards — colored right border (RTL) + avatars */
    .rev-card:nth-child(1){border-right:3px solid var(--cyan)}
    .rev-card:nth-child(2){border-right:3px solid var(--magenta)}
    .rev-card:nth-child(3){border-right:3px solid var(--gold)}
    .rev-card:nth-child(4){border-right:3px solid var(--green)}
    .rev-card:nth-child(5){border-right:3px solid var(--accent)}
    .rev-card:nth-child(6){border-right:3px solid var(--magenta)}
    .rev-card:nth-child(1) .rev-avatar{background:linear-gradient(135deg,var(--cyan),#007BAA)}
    .rev-card:nth-child(2) .rev-avatar{background:linear-gradient(135deg,var(--magenta),#AA0055)}
    .rev-card:nth-child(3) .rev-avatar{background:linear-gradient(135deg,var(--gold),#BB8800)}
    .rev-card:nth-child(4) .rev-avatar{background:linear-gradient(135deg,var(--green),#119944)}
    .rev-card:nth-child(5) .rev-avatar{background:linear-gradient(135deg,var(--accent),#0033CC)}
    .rev-card:nth-child(6) .rev-avatar{background:linear-gradient(135deg,var(--magenta),#AA0055)}

    /* Featured stats — colored numbers */
    .feat-stat:nth-child(1) .n{color:var(--cyan)}
    .feat-stat:nth-child(2) .n{color:var(--gold)}
    .feat-stat:nth-child(3) .n{color:var(--green)}

    /* Clients — CMYK hover per item */
    /* client logo color on hover via .client-logo:hover img filter */

    /* CTA — bold dark gradient */
    #cta{
      background:linear-gradient(135deg,#071020 0%,#0A2060 40%,#0044CC 75%,#0066EE 100%);
      position:relative;overflow:hidden;border-top:none;
    }
    #cta::before{
      content:'';position:absolute;inset:0;
      background:
        radial-gradient(ellipse 55% 60% at 15% 50%, rgba(0,170,238,.20), transparent 65%),
        radial-gradient(ellipse 45% 50% at 85% 50%, rgba(238,0,119,.12), transparent 60%);
      pointer-events:none;
    }
    #cta .section-label{color:rgba(255,255,255,.5)}
    #cta .section-label::before{background:rgba(255,255,255,.3)}
    #cta h2{color:var(--white)}
    #cta h2 em{color:rgba(255,255,255,.75);font-style:italic}
    #cta p{color:rgba(255,255,255,.7)}
    #cta .btn-call{color:var(--white);border-color:rgba(255,255,255,.3)}
    #cta .btn-call:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

    /* Contact icons — colorful */
    .cd-item:nth-child(1) .cd-icon{border-color:rgba(0,85,255,.3);color:var(--accent)}
    .cd-item:nth-child(2) .cd-icon{border-color:rgba(34,204,85,.3);color:var(--green)}
    .cd-item:nth-child(3) .cd-icon{border-color:rgba(238,0,119,.3);color:var(--magenta)}
    .cd-item:nth-child(4) .cd-icon{border-color:rgba(0,170,238,.3);color:var(--cyan)}

    /* Form focus — blue glow */
    .fld input:focus,.fld textarea:focus,.fld select:focus{
      border-color:var(--accent);background:var(--white);
      box-shadow:0 0 0 3px rgba(0,85,255,.08);
    }

    /* ══ ACCESSIBILITY ══════════════════════════════════ */

    /* Skip nav */
    .skip-nav{
      position:fixed;top:-120px;right:6%;z-index:9999;
      background:var(--accent);color:var(--white)!important;
      padding:12px 24px;border-radius:4px;
      font-family:'Rubik',sans-serif;font-size:0.85rem;font-weight:600;
      text-decoration:none;transition:top .2s;
      box-shadow:0 4px 20px rgba(0,85,255,.4);
    }
    .skip-nav:focus{top:10px}

    /* Enhanced focus rings */
    *:focus-visible{
      outline:3px solid var(--accent);
      outline-offset:3px;
      border-radius:3px;
    }

    /* Accessibility widget button */
    .a11y-widget{
      position:fixed;bottom:28px;right:28px;z-index:950;
      display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;
    }
    .a11y-toggle{
      width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
      background:var(--ink2);color:var(--white);
      display:flex;align-items:center;justify-content:center;
      box-shadow:0 4px 20px rgba(10,22,40,.4);
      transition:background .2s,transform .2s;
    }
    .a11y-toggle:hover{background:var(--ink);transform:scale(1.08)}

    /* Accessibility panel */
    .a11y-panel{
      background:var(--white);border:1px solid var(--border);
      border-radius:10px;overflow:hidden;
      box-shadow:0 8px 40px rgba(10,22,40,.2);
      width:228px;direction:rtl;
      display:none;
    }
    .a11y-panel.open{display:block;animation:panelIn .18s ease}
    @keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    .a11y-panel-header{
      display:flex;align-items:center;justify-content:space-between;
      padding:14px 16px 13px;
      border-bottom:1px solid var(--border2);
      background:var(--cream);
    }
    .a11y-panel-title{
      font-family:'Rubik',sans-serif;font-size:0.82rem;font-weight:700;
      color:var(--ink);letter-spacing:0.04em;text-transform:uppercase;
    }
    .a11y-close{
      background:none;border:none;cursor:pointer;
      color:var(--ink4);font-size:1.1rem;line-height:1;
      padding:3px 7px;border-radius:4px;transition:color .15s,background .15s;
    }
    .a11y-close:hover{color:var(--ink);background:var(--border2)}
    .a11y-options{padding:6px 0}
    .a11y-opt{
      width:100%;background:none;border:none;cursor:pointer;
      display:flex;align-items:center;gap:10px;
      padding:9px 16px;text-align:right;direction:rtl;
      font-family:'Rubik',sans-serif;font-size:0.78rem;
      font-weight:400;color:var(--ink3);
      transition:background .15s,color .15s;
    }
    .a11y-opt:hover{background:var(--cream);color:var(--ink)}
    .a11y-opt.active{color:var(--accent);font-weight:600;background:rgba(0,85,255,.04)}
    .a11y-opt svg{flex-shrink:0;opacity:0.55}
    .a11y-opt.active svg{opacity:1}
    .a11y-divider{height:1px;background:var(--border2);margin:4px 0}
    .a11y-statement-btn{color:var(--accent)!important;font-weight:500!important}

    /* Accessibility modal */
    .a11y-modal{
      position:fixed;inset:0;z-index:10000;
      display:none;align-items:center;justify-content:center;
      padding:24px;
      background:rgba(10,22,40,.65);
      backdrop-filter:blur(5px);
    }
    .a11y-modal.open{display:flex}
    .a11y-modal-box{
      background:var(--white);border-radius:10px;
      max-width:560px;width:100%;max-height:82vh;
      overflow-y:auto;direction:rtl;
      box-shadow:0 24px 64px rgba(10,22,40,.32);
    }
    .a11y-modal-header{
      display:flex;align-items:center;justify-content:space-between;
      padding:20px 24px;border-bottom:1px solid var(--border2);
      position:sticky;top:0;background:var(--white);z-index:1;
    }
    .a11y-modal-header h2{
      font-family:'Rubik',sans-serif;font-size:1.05rem;font-weight:700;
      color:var(--ink);margin:0;letter-spacing:-0.01em;
    }
    .a11y-modal-close{
      background:none;border:none;cursor:pointer;color:var(--ink4);
      font-size:1.3rem;line-height:1;padding:4px 9px;border-radius:4px;
      transition:color .15s,background .15s;
    }
    .a11y-modal-close:hover{color:var(--ink);background:var(--cream)}
    .a11y-modal-body{padding:24px}
    .a11y-modal-body p{
      font-size:0.85rem;font-weight:300;color:var(--ink3);
      line-height:1.85;margin-bottom:16px;
    }
    .a11y-modal-body h3{
      font-family:'Rubik',sans-serif;font-size:0.9rem;font-weight:700;
      color:var(--ink);margin:22px 0 10px;letter-spacing:-0.01em;
    }
    .a11y-modal-body ul{padding-right:18px;margin-bottom:16px}
    .a11y-modal-body ul li{
      font-size:0.82rem;font-weight:300;color:var(--ink3);
      line-height:1.75;margin-bottom:5px;
    }
    .a11y-modal-date{
      font-size:0.72rem!important;color:var(--ink4)!important;
      border-top:1px solid var(--border2);padding-top:14px;margin-top:20px!important;
    }

    /* High contrast mode */
    body.a11y-hc{
      --cream:#fff;--cream2:#efefef;--cream3:#ddd;
      --white:#fff;--ink:#000;--ink2:#111;
      --ink3:#222;--ink4:#555;--accent:#0000CC;
      --border:#888;--border2:#aaa;
    }
    body.a11y-hc .btn-primary,body.a11y-hc .nav-cta,body.a11y-hc .submit-btn{
      background:#0000CC;box-shadow:none;
    }
    body.a11y-hc .marquee-strip,body.a11y-hc #featured,
    body.a11y-hc #cta,body.a11y-hc footer{background:#000}
    body.a11y-hc #cta::before{display:none}

    /* Highlight links */
    body.a11y-links a:not([class]){
      text-decoration:underline;text-decoration-thickness:2px;
      text-underline-offset:3px;color:var(--accent);
    }

    /* Reduce motion */
    body.a11y-motion *{
      animation-duration:.001ms!important;
      transition-duration:.001ms!important;
    }

    /* Large text */
    body.a11y-large{font-size:112%}
    body.a11y-xlarge{font-size:126%}

    /* ── SCROLL ENGINE — active nav ── */
    nav a.nav-active{color:var(--ink)!important;font-weight:500!important}

    /* ── PERFORMANCE ── */
    .marquee-inner,.clients-logo-track{will-change:transform}
    .reveal{will-change:opacity,transform}
    .reveal.visible{will-change:auto}

    /* ── REDUCED MOTION (system preference) ── */
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
      .marquee-inner,.clients-logo-track{animation:none!important}
    }
    @media(max-width:768px){
      .marquee-inner{animation-duration:50s!important}
      .clients-logo-track{animation-duration:70s!important}

      /* HERO */
      #hero{padding:32px 16px}
      #hero h1{font-size:22px;line-height:1.3;margin-bottom:12px}
      #hero p{font-size:14px;line-height:1.5;margin-bottom:16px}
      #hero a,#hero .btn{font-size:14px;padding:10px 14px;border-radius:10px}

      /* SECTIONS */
      section{padding:40px 16px}

      /* CARDS */
      .card,.box,.feature{padding:16px;margin-bottom:16px}

      /* IMAGES */
      img{max-width:100%;height:auto}

      /* FLOATING ELEMENTS — prevent overlap */
      .a11y-widget{bottom:88px}
      .wa-float{bottom:20px}
      /* Featured stats — tighter gap on mobile */
      .feat-stats{gap:20px;padding-top:20px}
    }

    /* ── MOBILE LAYOUT FIXES ── */
    @media(max-width:768px){

      /* HEADER — already has 8px padding in inline styles; nav gap bump */
      nav{gap:12px}
      .whatsapp-btn{transform:scale(0.92)}

      /* HERO PADDING — override the shorthand padding:32px 16px above */
      #hero{padding-top:40px}

      /* HERO TITLE SPANS — specificity (1,2,0) beats inline .hero-title .line-* (0,2,0) */
      #hero .hero-title .line-1{font-size:22px;line-height:1.25}
      #hero .hero-title .line-2{font-size:26px;line-height:1.25}
      #hero h1{line-height:1.25;margin-top:10px;margin-bottom:16px}

      /* HERO SUBTEXT */
      #hero p{font-size:15px;line-height:1.6}

      /* HERO BUTTONS */
      #hero a,#hero .btn{padding:12px 16px;font-size:14px}

      /* HERO STATS — one horizontal row */
      #hero .hero-stats{margin-top:24px;flex-direction:row;justify-content:space-around;align-items:flex-start;flex-wrap:nowrap;gap:0}
      #hero .hero-stats .h-stat{flex:1;width:auto;text-align:center;padding:0 6px;border:none}
      #hero .hero-stats .h-stat+.h-stat{border:none;padding:0 6px}
    }