/* Shared components across every RecensLabs page. */
.eyebrow{font-family:var(--font-mono); font-size:12.5px; color:var(--indigo); letter-spacing:0.06em; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin-bottom:16px;}
.platform-tag{background:var(--ink); color:var(--paper); padding:2px 8px; border-radius:4px; font-size:10.5px; font-family:var(--font-mono);}
.service-tag{font-family:var(--font-mono); font-size:10.5px; background:var(--ink); color:var(--paper); display:inline-block; padding:3px 9px; border-radius:5px;}

.page-head{padding:64px 0 12px;}
.page-head h1{font-family:var(--font-display); font-weight:700; font-size:clamp(32px,4.2vw,50px); line-height:1.08; letter-spacing:-0.02em; margin-bottom:18px;}
.page-head .lead{font-size:17px; color:var(--slate); line-height:1.6;}

.stack-chip{font-family:var(--font-mono); font-size:11.5px; color:var(--slate); background:var(--white); border:1px solid var(--paper-dim); padding:5px 11px; border-radius:100px;}

.cta-banner{background:linear-gradient(135deg, var(--indigo), #4238C7); border-radius:20px; padding:60px 50px; margin:76px 0; display:flex; align-items:center; justify-content:space-between; gap:40px; position:relative; overflow:hidden;}
.cta-banner::after{content:''; position:absolute; top:-40%; right:-5%; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(255,107,87,0.5), transparent 65%);}
.cta-banner > *{position:relative;}
.cta-banner h2{color:var(--white);}
.cta-banner p{color:rgba(255,255,255,0.78); font-size:14.5px; max-width:420px;}
.cta-banner .btn-light{background:var(--white); color:var(--indigo);}

@media(max-width:1000px){
  .cta-banner{flex-direction:column; align-items:flex-start;}
}