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

.page-head{padding:64px 0 12px;}
.page-head h1{font-family:var(--font-display); font-weight:700; font-size:var(--fs-hero); line-height:1.08; letter-spacing:-0.02em; margin-bottom:16px;}
.page-head .lead{font-size:var(--fs-lg); color:var(--slate); line-height:1.6;}

.stack-chip{font-family:var(--font-mono); font-size:var(--fs-xs); color:var(--slate); background:var(--white); border:1px solid var(--paper-dim); padding:6px 12px; border-radius:var(--r-pill);}

.cta-banner{background:linear-gradient(135deg, var(--indigo), var(--navy-dark)); border-radius:var(--r-lg); padding:64px 48px; margin:80px 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(35,198,200,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:var(--fs-base); 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;}
}