/* Redesigned service-page sections. Same palette, Jakarta type and tone as the rest of the Qatar site. */
.q-svc{--g:#06b22d;--g-deep:#078826;--ink:#04060d;--mute:#5b625e;position:relative;isolation:isolate;padding-block:112px;background:#fff}
.q-svc .q-container{position:relative}
.q-svc h2{position:relative;font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-1.2px;font-weight:600;color:var(--ink);margin:0 0 20px;padding-top:28px;text-wrap:balance}
.q-svc h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:5px;border-radius:0;background:linear-gradient(90deg,var(--g),#7ee08f)}
.q-svc .q-prose{font-size:18px;line-height:1.75;color:var(--mute)}
.q-svc .q-prose>p,.q-svc .q-prose>ul,.q-svc .q-prose>ol{max-width:none}
.q-svc .q-prose a:not(.q-content-link){color:var(--g-deep);font-weight:600;text-decoration-thickness:2px;text-underline-offset:5px}
.q-svc img,.q-svc video{border-radius:0;box-shadow:0 30px 60px -30px rgba(4,6,13,.35)}
.q-svc video{width:100%;margin:36px 0 0;background:var(--ink)}
.q-svc figure{margin:36px 0 0}

/* Buttons */
.q-svc .q-content-link{gap:10px;border:1.5px solid var(--ink);border-radius:0;padding:15px 28px;margin:12px 14px 0 0;font-weight:600;font-size:16px;color:var(--ink);background:transparent;transition:transform .25s,background .25s,color .25s,box-shadow .25s,border-color .25s}
.q-svc .q-content-link:first-of-type{background:var(--g);border-color:var(--g);color:#fff}
.q-svc .q-content-link:hover{transform:translateY(-3px);background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 14px 28px -14px rgba(4,6,13,.6)}
.q-svc .q-content-link span{transition:transform .25s}.q-svc .q-content-link:hover span{transform:translate(3px,-3px)}

/* Intro: lead copy beside a call-out card */
.q-intro{background:radial-gradient(900px 420px at 100% 0,rgba(6,178,45,.10),transparent 60%),#fff}
.q-intro .q-prose{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 72px;align-items:start}
.q-intro .q-prose>p:first-child{grid-column:1;font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:-.5px;font-weight:500;color:var(--ink)}
.q-intro .q-prose>p{grid-column:1;margin:0}
.q-callout{grid-column:2;grid-row:1/span 6;position:relative;padding:40px;border-radius:0;background:var(--ink);color:#d7dbd8;overflow:hidden;box-shadow:0 40px 80px -40px rgba(4,6,13,.7)}
.q-callout::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:0;background:radial-gradient(circle,rgba(6,178,45,.55),transparent 70%)}
.q-callout h3{position:relative;margin:0 0 14px;font-size:26px;line-height:1.25;font-weight:600;color:#fff}
.q-callout p{position:relative;margin:0 0 8px;color:#c4c9c6;font-size:17px}
.q-callout .q-content-link{position:relative;color:#fff;border-color:rgba(255,255,255,.4)}
.q-callout .q-content-link:first-of-type{color:#fff}
.q-callout .q-content-link:hover{background:#fff;color:var(--ink);border-color:#fff}

/* Feature cards */
.q-features{background:linear-gradient(180deg,#f6f8f7,#fff)}
.q-features .q-prose>p{max-width:780px;font-size:19px}
.q-features .q-card-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px;margin-top:48px;counter-reset:card}
.q-features .q-card{position:relative;counter-increment:card;overflow:hidden;padding:36px 32px 34px;border:1px solid #e4e9e6;border-radius:0;background:#fff;box-shadow:0 1px 2px rgba(4,6,13,.04);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.q-features .q-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--g),#7ee08f);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.q-features .q-card::after{content:counter(card,decimal-leading-zero);position:absolute;right:26px;top:22px;font-size:54px;line-height:1;font-weight:700;letter-spacing:-2px;color:rgba(6,178,45,.10);transition:color .35s}
.q-features .q-card:hover{transform:translateY(-8px);border-color:rgba(6,178,45,.45);box-shadow:0 30px 50px -28px rgba(6,178,45,.45)}
.q-features .q-card:hover::before{transform:scaleX(1)}.q-features .q-card:hover::after{color:rgba(6,178,45,.25)}
.q-features .q-card h3{position:relative;margin:0 0 14px;padding-right:56px;font-size:21px;line-height:1.3;font-weight:600;color:var(--ink)}
.q-features .q-card h3::before{content:"";display:block;width:44px;height:44px;margin-bottom:22px;border-radius:0;background:linear-gradient(135deg,rgba(6,178,45,.16),rgba(6,178,45,.04));box-shadow:inset 0 0 0 1px rgba(6,178,45,.25)}
.q-features .q-card h3::after{content:"";position:absolute;left:14px;top:14px;width:16px;height:16px;border-radius:0;background:var(--g);transform:rotate(45deg);transition:transform .45s}
.q-features .q-card:hover h3::after{transform:rotate(135deg) scale(1.1)}
.q-features .q-card p{font-size:16.5px;line-height:1.7;margin:0 0 12px;color:var(--mute)}.q-features .q-card p:last-child{margin-bottom:0}

/* Process / approach: dark numbered steps */
.q-steps{background:var(--ink);color:#fff;overflow:hidden}
.q-steps::before{content:"";position:absolute;z-index:-1;right:-200px;top:-160px;width:640px;height:640px;border-radius:0;background:radial-gradient(circle,rgba(6,178,45,.30),transparent 68%)}
.q-steps::after{content:"";position:absolute;z-index:-1;left:-220px;bottom:-260px;width:620px;height:620px;border-radius:0;background:radial-gradient(circle,rgba(6,178,45,.14),transparent 68%)}
.q-steps h2{color:#fff}.q-steps .q-prose{color:#b9c0bc}.q-steps .q-prose>p{max-width:780px;font-size:19px}
.q-steps .q-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:52px;counter-reset:step}
.q-steps .q-card{position:relative;counter-increment:step;padding:34px 30px 32px;border:1px solid rgba(255,255,255,.12);border-radius:0;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(6px);transition:transform .35s,border-color .35s,background .35s}
.q-steps .q-card::before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:18px;font-size:60px;line-height:1;font-weight:700;letter-spacing:-3px;background:linear-gradient(180deg,#5be376,rgba(6,178,45,.15));-webkit-background-clip:text;background-clip:text;color:transparent}
.q-steps .q-card:hover{transform:translateY(-8px);border-color:rgba(6,178,45,.7);background:linear-gradient(160deg,rgba(6,178,45,.18),rgba(255,255,255,.03))}
.q-steps .q-card h3{margin:0 0 12px;font-size:21px;line-height:1.3;font-weight:600;color:#fff}
.q-steps .q-card p{margin:0 0 12px;font-size:16.5px;line-height:1.7;color:#b9c0bc}.q-steps .q-card p:last-child{margin-bottom:0}

/* Text sections: sticky heading beside the copy */
.q-split .q-prose{display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,7fr);column-gap:80px;align-items:start}
.q-split .q-prose>h2{grid-column:1;grid-row:1/span 40;position:sticky;top:120px;margin-bottom:0}
.q-split .q-prose>*:not(h2){grid-column:2}
.q-split .q-prose>p{margin:0 0 20px}.q-split .q-prose>p:first-of-type{font-size:21px;line-height:1.6;color:var(--ink);font-weight:500}
.q-split .q-prose h3{position:relative;margin:36px 0 14px;padding-left:20px;font-size:23px;line-height:1.3;font-weight:600;color:var(--ink)}
.q-split .q-prose h3::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:0;background:var(--g)}
.q-split.q-tint{background:#f6f8f7}
.q-svc .q-prose ul,.q-svc .q-prose ol{list-style:none;padding:0;margin:24px 0}
.q-svc .q-prose li{position:relative;margin:0 0 12px;padding:16px 18px 16px 54px;border:1px solid #e4e9e6;border-radius:0;background:#fff;color:var(--ink);font-size:17px;line-height:1.55;transition:transform .25s,border-color .25s,box-shadow .25s}
.q-svc .q-prose li::before{content:"";position:absolute;left:18px;top:19px;width:22px;height:22px;border-radius:0;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.q-svc .q-prose li:hover{transform:translateX(6px);border-color:rgba(6,178,45,.5);box-shadow:0 14px 28px -20px rgba(6,178,45,.6)}

/* Statistics */
.q-stats-band{background:linear-gradient(120deg,#06b22d,#0a7a20 70%);color:#fff;padding-block:84px}
.q-stats-band .q-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;gap:0}
.q-stats-band .q-card{padding:12px 32px;border:0;border-radius:0;background:transparent;text-align:center}
.q-stats-band .q-card+.q-card{border-left:1px solid rgba(255,255,255,.28)}
.q-stats-band .q-card h3{margin:0 0 8px;font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-3px;font-weight:700;color:#fff}
.q-stats-band .q-card p{margin:0;font-size:17px;color:rgba(255,255,255,.88)}

/* Media next to copy */
.q-svc.q-media-led .q-prose>figure img{width:100%;max-height:520px;object-fit:cover}

@media(max-width:1023px){
 .q-svc{padding-block:80px}
 .q-intro .q-prose,.q-split .q-prose{grid-template-columns:minmax(0,1fr)}
 .q-callout{grid-column:1;grid-row:auto;margin-top:24px}
 .q-split .q-prose>h2,.q-split .q-prose>*:not(h2){grid-column:1}.q-split .q-prose>h2{position:static;margin-bottom:24px}
 .q-stats-band .q-card+.q-card{border-left:0;border-top:1px solid rgba(255,255,255,.28);margin-top:20px;padding-top:28px}
}
@media(max-width:639px){
 .q-svc{padding-block:60px}.q-svc .q-prose{font-size:17px}
 .q-features .q-card-grid,.q-steps .q-card-grid{grid-template-columns:minmax(0,1fr)}
 .q-features .q-card,.q-steps .q-card{padding:28px 24px}.q-callout{padding:28px 24px}
 .q-svc .q-content-link{width:100%;justify-content:center;margin-right:0}
}
@media(prefers-reduced-motion:reduce){.q-svc *{transition:none!important}}

/* Reusable service-page editorial variations. */
.q-intro .q-intro-copy{min-width:0;grid-column:1}
.q-intro .q-intro-copy h2{margin:0 0 22px}
.q-intro .q-intro-copy p{margin:0 0 18px;font-size:clamp(18px,1.6vw,22px);line-height:1.65}
.q-intro .q-intro-copy p:first-of-type{font-size:clamp(21px,2vw,27px);line-height:1.4;color:var(--ink)}
.q-intro .q-callout{grid-column:2}
.q-checklist{background:#fff}
.q-checklist.q-tint{background:#f6f8f7}
.q-checklist .q-prose{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:0 64px;align-items:start}
.q-checklist .q-prose>h2{grid-column:1;grid-row:1/span 8;position:sticky;top:120px}
.q-checklist .q-prose>p,.q-checklist .q-prose>ul{grid-column:2}
.q-checklist .q-prose>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 0}
.q-checklist .q-prose li{margin:0}
.q-band-copy{background:#04060d;color:#fff}
.q-band-copy h2,.q-band-copy h3{color:#fff}
.q-band-copy .q-prose{max-width:1000px;color:#d5dcd7}
.q-band-copy .q-prose>p:first-of-type{font-size:clamp(23px,2.8vw,34px);line-height:1.45;color:#fff}
.q-band-point{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;padding:26px 0;border-top:1px solid #ffffff2a}
.q-band-point:first-of-type{margin-top:42px}
.q-band-point h3{margin:0;font-size:22px}
.q-band-point p{margin:0;color:#d5dcd7}
@media(max-width:1023px){.q-intro .q-callout{grid-column:1}.q-checklist .q-prose{grid-template-columns:1fr}.q-checklist .q-prose>h2,.q-checklist .q-prose>p,.q-checklist .q-prose>ul{grid-column:1}.q-checklist .q-prose>h2{position:static;grid-row:auto}}
@media(max-width:639px){.q-checklist .q-prose>ul{grid-template-columns:1fr}.q-band-point{grid-template-columns:1fr;gap:8px}}

.q-subhead{margin-top:64px;max-width:820px}
.q-subhead h3{margin:0 0 12px;font-size:clamp(26px,2.4vw,32px);line-height:1.2;font-weight:600;letter-spacing:-.6px;color:var(--ink)}
.q-steps .q-subhead h3{color:#fff}.q-subhead p{margin:0;font-size:18px;color:var(--mute)}.q-steps .q-subhead p{color:#b9c0bc}
.q-subhead+.q-card-grid{margin-top:32px}

/* Intro with a video beside the copy */
.q-intro-media .q-prose{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center}
.q-intro-media .q-intro-video{grid-column:1;margin:0}
.q-intro-media .q-intro-video video{margin:0;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.q-intro-media .q-intro-copy{grid-column:2}
.q-intro-media .q-intro-copy h2{font-size:clamp(30px,3vw,42px)}
.q-intro-media .q-intro-copy p{margin:0 0 12px;font-size:19px}
@media(max-width:1023px){.q-intro-media .q-prose{grid-template-columns:minmax(0,1fr)}.q-intro-media .q-intro-video,.q-intro-media .q-intro-copy{grid-column:1}}
.q-intro-media .q-intro-video video{pointer-events:none}

/* Cards with media on top (industries, related services) and logo cards (case studies) */
.q-media-cards .q-card{display:flex;flex-direction:column;padding:0}
.q-media-cards .q-card::after,.q-media-cards .q-card h3::before,.q-media-cards .q-card h3::after,.q-logo-cards .q-card::after,.q-logo-cards .q-card h3::before,.q-logo-cards .q-card h3::after{display:none}
.q-media-cards .q-card figure{margin:0;overflow:hidden;background:#eef2f0}
.q-media-cards .q-card figure img,.q-media-cards .q-card figure video{display:block;width:100%;height:210px;object-fit:cover;border-radius:0;box-shadow:none;margin:0;transition:transform .6s}
.q-media-cards .q-card:hover figure img,.q-media-cards .q-card:hover figure video{transform:scale(1.06)}
.q-media-cards .q-card h3{padding:26px 28px 0;margin:0 0 12px}
.q-media-cards .q-card p{padding:0 28px;flex:1}
.q-media-cards .q-card-link{margin:8px 28px 28px}
.q-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;font-size:15px;color:var(--g-deep);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.q-card-link span{transition:transform .25s}.q-card:hover .q-card-link span,.q-card-link:hover span{transform:translate(3px,-3px)}
.q-logo-cards .q-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.q-logo-cards .q-case{display:flex;flex-direction:column;padding:0;color:inherit;text-decoration:none}
.q-logo-cards .q-case figure{margin:0;display:grid;place-items:center;height:170px;padding:28px;background:#f6f8f7;border-bottom:1px solid #e4e9e6}
.q-logo-cards .q-case figure img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
.q-logo-cards .q-case h3{margin:22px 26px 0;padding:0;font-size:20px}
.q-case-cat{margin:20px 26px 0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--g-deep);font-weight:600}
.q-case-cat+h3{margin-top:8px}
.q-logo-cards .q-card-link{margin:12px 26px 26px}
.q-section-more{margin:40px 0 0}
.q-svc .q-prose a.q-case,.q-svc .q-prose a.q-case:hover{text-decoration:none}
.q-logo-cards .q-case figure{background:#fff}

/* ===== Varied section layouts (Mobile App Development page) ===== */
/* Section heading row with carousel arrows */
.q-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px}.q-head h2{margin-bottom:0}
.q-carousel-nav{display:flex;gap:10px;flex-shrink:0}
.q-carousel-nav button{width:52px;height:52px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.q-carousel-nav button:hover:not(:disabled){background:var(--g);border-color:var(--g);color:#fff}.q-carousel-nav button:disabled{opacity:.3;cursor:default}
.q-carousel-section{background:#f6f8f7;overflow:hidden}

/* Carousel */
.q-carousel{margin-top:44px}
.q-carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;cursor:grab;-webkit-overflow-scrolling:touch;outline-offset:6px}
.q-carousel-track::-webkit-scrollbar{display:none}
.q-carousel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.q-carousel-track.is-dragging *{pointer-events:none}
.q-slide{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9e6;transition:transform .35s,box-shadow .35s,border-color .35s}
.q-slide:hover{transform:translateY(-6px);border-color:rgba(6,178,45,.5);box-shadow:0 30px 50px -30px rgba(6,178,45,.5)}
.q-slide figure{margin:0;overflow:hidden}.q-slide figure img{display:block;width:100%;height:230px;object-fit:cover;border-radius:0;box-shadow:none;margin:0;transition:transform .6s;-webkit-user-drag:none}
.q-slide:hover figure img{transform:scale(1.06)}
.q-slide-body{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px}
.q-slide-body h3{margin:0 0 12px;font-size:22px;line-height:1.3;font-weight:600;color:var(--ink)}
.q-slide-body p{flex:1;margin:0 0 6px;font-size:16.5px;line-height:1.7;color:var(--mute)}
.q-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;font-size:15px;color:var(--g-deep);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.q-card-link span{transition:transform .25s}.q-slide:hover .q-card-link span,.q-case:hover .q-card-link span{transform:translate(3px,-3px)}
.q-carousel-progress{height:3px;margin-top:28px;background:#dfe6e2;overflow:hidden}
.q-carousel-progress span{display:block;height:100%;width:30%;background:var(--g);transition:transform .15s linear}
.q-section-more{margin:40px 0 0}

/* What We Do: numbered rows */
.q-rows .q-row-list{border-top:1px solid #dfe6e2}
.q-rows .q-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 20px;padding:30px 0 30px 0;border-bottom:1px solid #dfe6e2;transition:padding .35s,background .35s}
.q-rows .q-row::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--g);transition:width .5s}
.q-rows .q-row:hover{padding-left:18px;background:linear-gradient(90deg,rgba(6,178,45,.07),transparent 70%)}.q-rows .q-row:hover::before{width:100%}
.q-row-num{font-size:34px;line-height:1;font-weight:700;letter-spacing:-1.5px;color:rgba(6,178,45,.55);transition:color .3s}.q-rows .q-row:hover .q-row-num{color:var(--g)}
.q-rows .q-row h3{margin:0 0 8px;padding:0;font-size:23px;line-height:1.3;font-weight:600;color:var(--ink)}.q-rows .q-row h3::before{display:none}
.q-rows .q-row p{margin:0;font-size:17px;line-height:1.7;color:var(--mute)}
.q-split.q-rows .q-prose>.q-row-list{margin-top:8px}

/* Working approach: vertical timeline */
.q-timeline-section .q-timeline{position:relative;margin-top:64px;display:grid;gap:44px}
.q-timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(6,178,45,0),var(--g) 8%,var(--g) 92%,rgba(6,178,45,0))}
.q-step{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.q-step-num{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;background:var(--ink);border:2px solid var(--g);color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;box-shadow:0 0 0 8px rgba(6,178,45,.14);z-index:1}
.q-step-body{grid-column:1;padding:30px 72px 30px 34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));margin-right:56px;transition:border-color .3s,background .3s,transform .3s}
.q-step:nth-child(even) .q-step-body{grid-column:2;margin:0 0 0 56px;padding:30px 34px 30px 72px}
.q-step:hover .q-step-body{border-color:rgba(6,178,45,.7);background:linear-gradient(160deg,rgba(6,178,45,.18),rgba(255,255,255,.03))}
.q-step-body h3{margin:0 0 10px;padding:0;font-size:22px;line-height:1.3;font-weight:600;color:#fff}.q-step-body h3::before{display:none}
.q-step-body p{margin:0;font-size:17px;line-height:1.7;color:#b9c0bc}
.q-step:nth-child(odd) .q-step-body{text-align:right}

/* Case studies: moving logo strip */
.q-marquee-section{background:#fff;overflow:hidden}
.q-marquee{position:relative;margin:44px -43px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.q-marquee-track{display:flex;gap:24px;width:max-content;animation:q-marquee 48s linear infinite}
.q-marquee:hover .q-marquee-track,.q-marquee:focus-within .q-marquee-track{animation-play-state:paused}
@keyframes q-marquee{to{transform:translateX(calc(-50% - 12px))}}
.q-marquee .q-case{flex:0 0 280px;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9e6;color:inherit;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.q-marquee .q-case:hover{transform:translateY(-6px);border-color:rgba(6,178,45,.5);box-shadow:0 26px 44px -28px rgba(6,178,45,.5)}
.q-marquee .q-case figure{margin:0;display:grid;place-items:center;height:170px;padding:26px;background:#fff;border-bottom:1px solid #e4e9e6}
.q-marquee .q-case figure img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
.q-marquee .q-case h3{margin:20px 24px 0;padding:0;font-size:20px;line-height:1.3;font-weight:600;color:var(--ink)}.q-marquee .q-case h3::before{display:none}
.q-case-cat{margin:18px 24px 0;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--g-deep);font-weight:600}.q-case-cat+h3{margin-top:6px}
.q-marquee .q-card-link{margin:12px 24px 24px}
@media(prefers-reduced-motion:reduce){.q-marquee{overflow-x:auto}.q-marquee-track{animation:none}}

/* Related services: tabs with the looping video */
.q-tabs-section{background:linear-gradient(180deg,#f6f8f7,#fff)}
.q-tabs{display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:40px;margin-top:44px;align-items:stretch}
.q-tablist{display:flex;flex-direction:column;border-top:1px solid #dfe6e2}
.q-tablist button{display:flex;align-items:center;gap:16px;width:100%;padding:22px 20px;border:0;border-bottom:1px solid #dfe6e2;background:transparent;text-align:left;font:inherit;font-size:19px;font-weight:600;color:var(--mute);cursor:pointer;position:relative;transition:color .25s,background .25s,padding .25s}
.q-tablist button span{font-size:14px;font-weight:700;letter-spacing:.04em;color:rgba(6,178,45,.7)}
.q-tablist button::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g);transform:scaleY(0);transition:transform .3s}
.q-tablist button:hover{color:var(--ink)}
.q-tablist button[aria-selected="true"]{color:var(--ink);background:#fff;padding-left:28px}.q-tablist button[aria-selected="true"]::before{transform:scaleY(1)}
.q-tablist button:focus-visible{outline:2px solid var(--g);outline-offset:-2px}
.q-tabpanels{background:var(--ink);color:#fff;overflow:hidden;position:relative}
.q-tabpanel{display:grid;grid-template-rows:auto 1fr;height:100%}.q-tabpanel[hidden]{display:none}
.q-tabpanel figure{margin:0;background:#000}
.q-tabpanel video{display:block;width:100%;height:340px;object-fit:cover;margin:0;border-radius:0;box-shadow:none}
.q-tabpanel-body{padding:32px 36px 36px}
.q-tabpanel-body h3{margin:0 0 12px;padding:0;font-size:26px;line-height:1.25;font-weight:600;color:#fff}.q-tabpanel-body h3::before{display:none}
.q-tabpanel-body p{margin:0 0 8px;font-size:17px;line-height:1.7;color:#b9c0bc}
.q-tabpanel-body .q-content-link{color:#fff;border-color:rgba(255,255,255,.4)}.q-tabpanel-body .q-content-link:hover{background:#fff;color:var(--ink)}
.q-tabpanel-body .q-content-link:first-of-type{background:var(--g);border-color:var(--g);color:#fff}

@media(max-width:1023px){
 .q-slide{flex-basis:calc((100% - 24px)/2)}
 .q-tabs{grid-template-columns:minmax(0,1fr);gap:24px}
 .q-tablist{flex-direction:row;overflow-x:auto;border-top:0;border-bottom:1px solid #dfe6e2;scrollbar-width:none}.q-tablist::-webkit-scrollbar{display:none}
 .q-tablist button{width:auto;flex:0 0 auto;white-space:nowrap;border-bottom:0;padding:16px 20px}.q-tablist button::before{inset:auto 0 0 0;height:3px;width:auto;transform:scaleX(0)}.q-tablist button[aria-selected="true"]{padding-left:20px}.q-tablist button[aria-selected="true"]::before{transform:scaleX(1)}
 .q-timeline::before{left:32px}
 .q-step,.q-step:nth-child(even){grid-template-columns:1fr}
 .q-step-num{left:32px;top:34px;transform:translate(-50%,-50%);width:52px;height:52px;font-size:17px}
 .q-step-body,.q-step:nth-child(even) .q-step-body{grid-column:1;margin:0 0 0 76px;padding:26px 24px;text-align:left}
 .q-step:nth-child(odd) .q-step-body{text-align:left}
 .q-marquee{margin-inline:-22px}
}
@media(max-width:639px){
 .q-slide{flex-basis:86%}.q-head{align-items:flex-start;flex-direction:column}
 .q-rows .q-row{grid-template-columns:52px minmax(0,1fr)}.q-row-num{font-size:26px}
 .q-tabpanel video{height:220px}.q-tabpanel-body{padding:24px}
 .q-marquee .q-case{flex-basis:240px}
}
.q-marquee .q-case figure{position:relative;display:block}
.q-marquee .q-case figure img{position:absolute;left:26px;top:26px;width:calc(100% - 52px);height:calc(100% - 52px);object-fit:contain}

/* Source-led pathways on the Creative, Technology and Marketing landing pages. */
.q-pathways{background:#04060d;color:#fff}
.q-pathways .q-prose{display:block}
.q-pathways-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.q-pathways-head .q-eyebrow{color:#6cde85;font-size:12px;font-weight:700;letter-spacing:.16em}
.q-pathways-head h2{margin:0;color:#fff;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.04em}
.q-pathways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q-pathway{min-width:0;display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid #ffffff30;background:#0d121a;transition:background-color .2s,border-color .2s,transform .2s}
.q-pathway:hover{transform:translateY(-4px);border-color:#06b22d;background:#102017}
.q-pathway-num{color:#6cde85;font-size:13px;font-weight:700;letter-spacing:.1em}
.q-pathway h3{margin:38px 0 12px;padding:0;color:#fff;font-size:clamp(23px,2.2vw,29px);font-weight:600;line-height:1.2;letter-spacing:-.025em}
.q-pathway h3::before{display:none}
.q-pathway p{margin:0;color:#c0c8c2;font-size:15px;line-height:1.6}
.q-pathway a{display:inline-flex;justify-content:space-between;gap:14px;align-items:center;margin-top:auto;padding-top:24px;color:#6cde85;font-size:14px;font-weight:700;text-decoration:none}
.q-pathway a:hover,.q-pathway a:focus-visible{color:#fff}
@media(max-width:900px){.q-pathways-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.q-pathways-head{display:block}.q-pathways-head h2{margin-top:12px}.q-pathways-grid{grid-template-columns:1fr}.q-pathway{min-height:270px}}
@media(prefers-reduced-motion:reduce){.q-pathway{transition:none}.q-pathway:hover{transform:none}}