/* Curvas da página inicial: a marca circular orienta o contorno sem pesar na interface. */
.header-inner{border-radius:999px}
.login-button,.dialog-confirm{border-radius:999px}
.mobile-nav{border-radius:20px}

/* Cards e painéis: raios graduais acompanham o tamanho de cada superfície. */
.argila-list button,.argila-list .argila-catalog-card{border-radius:16px}
.argila-detail,.torno-system,.education-glass{border-radius:22px}
.argila-mock,.torno-output,.application-window{border-radius:14px}
.torno-system-tabs button,.tn-rail-selected,.tn-invite-button,
.tn-invite-demo button,.tn-invite-demo input,.tn-invite-demo select,
.tn-spend-tabs button,.app-tabs button{border-radius:10px}
.tn-flow,.tn-compose,.tn-invite-demo,.tn-gov-overview,.tn-org,.tn-spend{border-radius:14px}
dialog{border-radius:20px}
@media(max-width:560px){
  .header-inner{border-radius:999px}
  .create-shell{border-radius:24px}
  .argila-list button,.argila-list .argila-catalog-card{border-radius:14px}
  .argila-detail,.torno-system,.education-glass{border-radius:18px}
}

/* Fragmentos da marca compartilham a mesma escala; sem animação nos símbolos. */
.pillars-section .pillar-art img{width:min(120px,100%);height:auto;transition:none}
.pillars-section .pillar:hover .pillar-art img{transform:none}
@media(max-width:560px){.pillars-section .pillar-art img{width:104px}}