:root{
  --rumo-lilac:#e070ff;
  --rumo-purple:#962fba;
  --rumo-deep:#511467;
  --rumo-ink:#171022;
}

/* Brand signatures */
.brand span,.talk b{color:var(--rumo-lilac)}
.pill-orange{background:linear-gradient(135deg,var(--rumo-lilac),var(--rumo-purple));box-shadow:0 10px 35px rgba(224,112,255,.22)}
.floating-card{background:linear-gradient(135deg,rgba(81,20,103,.9),rgba(18,28,59,.95));border-color:rgba(224,112,255,.52)}
.floating-card:before{content:"";display:block;width:14px;height:14px;margin-bottom:13px;border-radius:5px;background:linear-gradient(135deg,var(--rumo-lilac),var(--rumo-purple));box-shadow:0 0 20px rgba(224,112,255,.5)}
.floating-card>p{position:absolute;top:26px;left:54px}.floating-card a{border-color:rgba(224,112,255,.55)}

/* Blue page: violet details without sacrificing the cobalt world */
.screen-about{background:radial-gradient(circle at 18% 80%,rgba(224,112,255,.22),transparent 28%),linear-gradient(135deg,#386fc0 0%,#3153a1 48%,#30216f 100%)}
.about-title em{color:#f0b3ff}.process-line span,.process-line>i{color:#f0b3ff}

/* The projects page carries RUMO's light and deep violet palette */
.screen-projects{background:radial-gradient(circle at 86% 18%,rgba(224,112,255,.42),transparent 32%),linear-gradient(132deg,#f6eef8 0%,#e7ccef 48%,#d5b5e2 100%)}
.screen-projects:before{background:rgba(150,47,186,.22)}
.filters .active{background:var(--rumo-deep);color:#fff;border-color:var(--rumo-deep)}
.case footer b{color:var(--rumo-deep)}

/* Warm paper gets deliberate brand accents */
.summary-copy em{color:var(--rumo-purple)}
.service-stack article.open{box-shadow:inset 3px 0 0 var(--rumo-lilac);padding-left:16px;background:linear-gradient(90deg,rgba(224,112,255,.08),transparent 70%)}
.service-stack article.open>span,.service-stack article.open button{color:var(--rumo-purple)}
.trusted span:hover{background:var(--rumo-lilac);color:var(--rumo-ink)}

/* High-impact RUMO close */
.screen-contact{background:linear-gradient(135deg,#e070ff 0%,#c34ce5 48%,#8d2caf 100%)}
.contact-orb{background:radial-gradient(circle at 35% 34%,#f5c3ff 0 3%,#c44ce4 27%,#7d239b 58%,#26112f 100%);opacity:.92}
.contact-people a{border-color:rgba(23,16,34,.4);background:rgba(255,255,255,.1);transition:background .2s,transform .2s}
.contact-people a:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}

@media(max-width:560px){.floating-card:before{margin-bottom:10px}.floating-card>p{top:22px;left:49px}}